*{box-sizing:border-box}html{color-scheme:dark;background:#07110f}body{color:#edf4ef;background:#07110f;min-width:320px;min-height:100vh;margin:0;font-family:Manrope,sans-serif}button,select,a{font:inherit}a{color:inherit}button:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #b4e0c3}.page-shell{background-color:#07110f;background-image:radial-gradient(circle at 78% 0,#27644e30,#0000 30rem),linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,58px 58px,58px 58px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh}.topbar{backdrop-filter:blur(18px);background:#07110fe6;border-bottom:1px solid #b6dcc424;align-items:center;height:74px;padding:0 clamp(20px,4vw,64px);display:flex}.top-actions{align-items:center;gap:7px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-size:18px;text-decoration:none;display:flex}.brand strong{color:#a8ddbd}.brand-mark{background:#0d211a;border:1px solid #326c53;border-radius:8px;width:34px;height:34px;position:relative}.brand-mark i{background:#dcf4e5;border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:0 0 5px #fff}.brand-mark i:first-child{top:20px;left:7px}.brand-mark i:nth-child(2){top:8px;left:15px}.brand-mark i:nth-child(3){top:17px;right:6px}.brand-mark:before,.brand-mark:after{content:"";transform-origin:0;background:#709c86;height:1px;position:absolute}.brand-mark:before{width:15px;top:20px;left:9px;transform:rotate(-55deg)}.brand-mark:after{width:11px;top:10px;left:17px;transform:rotate(43deg)}.edition{color:#89b89b;letter-spacing:.12em;border:1px solid #315443;border-radius:4px;padding:3px 6px;font:500 9px DM Mono}nav{margin-left:auto;margin-right:30px}nav a{color:#8fa49a;gap:7px;font-size:12px;text-decoration:none;display:inline-flex}nav a:hover{color:#d6eadd}.language-button{color:#b9d8c5;cursor:pointer;background:#0d1b17;border:1px solid #315443;border-radius:6px;width:42px;height:34px;font:500 12px DM Mono}main{width:min(1120px,100% - 40px);margin:0 auto;padding:54px 0 90px}.game-heading{grid-template-columns:1fr auto;align-items:end;gap:40px;display:grid}.eyebrow{color:#7ea68f;letter-spacing:.15em;align-items:center;gap:9px;margin:0;font:500 10px DM Mono;display:flex}.eyebrow>span:first-child{background:#77c698;width:25px;height:1px}h1{letter-spacing:-.058em;max-width:760px;margin:18px 0 14px;font-size:clamp(42px,6vw,72px);line-height:1}h1 em{color:#8dd0aa;font-style:normal}.heading-copy>p:last-child{color:#90a59a;max-width:680px;margin:0;font-size:14px;line-height:1.7}.heading-actions{gap:8px;padding-bottom:4px;display:flex}.heading-actions button{color:#a7bdb1;cursor:pointer;background:#0b1814;border:1px solid #2d4b3d;border-radius:6px;align-items:center;gap:8px;min-height:43px;padding:0 13px;font-size:10px;display:inline-flex}.heading-actions button span:first-child{color:#8dd0aa;font:500 13px DM Mono}.heading-actions button:hover{color:#e0eee5;border-color:#568064}.status-bar{background:#091612d1;border:1px solid #29483a;border-radius:9px;grid-template-columns:repeat(3,145px) 1fr;margin:40px 0 18px;display:grid;overflow:hidden}.status-bar>div{border-left:1px solid #29483a;flex-direction:column;justify-content:center;gap:5px;min-height:69px;padding:13px 17px;display:flex}.status-bar>div:first-child{border-left:0}.status-bar span{color:#637c70;letter-spacing:.11em;text-transform:uppercase;font:500 8px DM Mono}.status-bar strong{color:#d6e9de;font:500 18px DM Mono}.status-bar .range-status{align-items:flex-end}.range-status strong{color:#9bcfb0;font-size:13px}.board-shell{background:radial-gradient(circle at 50% 30%,#285d4821,#0000 40%),#06100d;border:1px solid #294a3b;border-radius:12px;min-height:620px;position:relative;overflow:hidden;box-shadow:0 26px 70px #0000003d}.board-topline{background:#0a1713;border-bottom:1px solid #203b30;justify-content:space-between;align-items:center;gap:20px;min-height:54px;padding:0 18px;display:flex}.board-topline>div{color:#7f9d8d;letter-spacing:.12em;align-items:center;gap:8px;font:500 9px DM Mono;display:flex}.live-dot{background:#6ed39a;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #6ed39a80}.board-topline p{color:#688075;margin:0;font-size:10px}.memory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:24px;display:grid}.memory-card{aspect-ratio:1.2;perspective:1000px;cursor:pointer;background:0 0;border:0;border-radius:8px;min-width:0;padding:0}.memory-card:disabled{cursor:default}.card-inner{width:100%;height:100%;display:block;position:relative}.card-face{border:1px solid #315242;border-radius:8px;transition:opacity .22s,transform .22s,visibility .22s;position:absolute;inset:0;overflow:hidden}.card-front{background:radial-gradient(circle at 50% 43%,#5f9b7824,#0000 33%),linear-gradient(145deg,#10251c,#091712);place-items:center;display:grid;box-shadow:inset 0 0 0 1px #bce1ca06}.card-front:before,.card-front:after{content:"";border-color:#426853;width:12px;height:12px;position:absolute}.card-front:before{border-top:1px solid;border-left:1px solid;top:8px;left:8px}.card-front:after{border-bottom:1px solid;border-right:1px solid;bottom:8px;right:8px}.card-front i{background:#d9f4e3;border-radius:50%;width:8px;height:8px;display:block;box-shadow:0 0 13px #d1f4decc}.card-front b{color:#587568;letter-spacing:.18em;font:500 8px DM Mono;position:absolute;bottom:15px}.card-back{opacity:0;visibility:hidden;text-align:center;background:#10231b;border-color:#4c8063;flex-direction:column;justify-content:center;align-items:center;padding:15px;display:flex;transform:scale(.94)}.memory-card.flipped .card-front{opacity:0;visibility:hidden;transform:scale(.94)}.memory-card.flipped .card-back{opacity:1;visibility:visible;transform:scale(1)}.card-back small{color:#789b87;letter-spacing:.12em;margin-bottom:10px;font:500 7px DM Mono}.card-back strong{color:#eff8f2;overflow-wrap:anywhere;max-width:100%;font-size:clamp(14px,2vw,21px);line-height:1.2}.card-back>span{color:#60796d;margin-top:9px;font:9px DM Mono}.memory-card.designation .card-back{background:#1c1a10;border-color:#71643d}.memory-card.designation .card-back small{color:#aa9860}.memory-card.designation .card-back strong{color:#f1e7c4;font:500 clamp(16px,2.2vw,24px) DM Mono}.memory-card.matched{pointer-events:none;animation:.35s .12s forwards remove-match}@keyframes remove-match{to{opacity:0;visibility:hidden;transform:scale(.72)}}.complete-panel{z-index:5;text-align:center;backdrop-filter:blur(13px);background:#050e0be8;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:54px 0 0}.complete-panel[hidden]{display:none}.complete-star{color:#c6ebd3;background:#10271c;border:1px solid #538567;border-radius:50%;place-items:center;width:64px;height:64px;font-size:25px;display:grid;box-shadow:0 0 45px #5ead7c2b}.complete-kicker{color:#75ad8c;letter-spacing:.16em;margin:21px 0 8px;font:500 9px DM Mono}.complete-panel h2{letter-spacing:-.045em;margin:0;font-size:clamp(30px,5vw,48px)}.complete-panel>p:not(.complete-kicker){color:#82998d;font-size:13px}.complete-panel>div{gap:8px;margin-top:18px;display:flex}.primary-button,.secondary-button{cursor:pointer;border-radius:6px;min-height:45px}.primary-button{color:#07110f;background:#9bd4b1;border:0;align-items:center;gap:22px;padding:0 16px;font-weight:800;display:inline-flex}.secondary-button{color:#a5b9ae;background:#0c1915;border:1px solid #345342;padding:0 15px}.learning-key{background:#081410a6;border:1px solid #263f34;border-radius:9px;justify-content:center;align-items:center;gap:25px;min-height:94px;margin-top:18px;padding:17px 20px;display:flex}.learning-key>div{align-items:center;gap:12px;display:flex}.key-card{color:#dbeade;background:#10231b;border:1px solid #41644f;border-radius:5px;place-items:center;min-width:92px;height:48px;padding:0 11px;font-size:12px;display:grid}.key-card.designation{color:#e9ddb7;background:#1c1a10;border-color:#685d3a;font:500 14px DM Mono}.learning-key p{flex-direction:column;gap:4px;margin:0;display:flex}.learning-key b{color:#8da598;letter-spacing:.1em;font:500 8px DM Mono}.learning-key small{color:#5f776c;font-size:9px}.key-link{color:#517061}footer{color:#5e776b;border-top:1px solid #b6dcc421;justify-content:space-between;align-items:center;gap:30px;width:min(1120px,100% - 40px);min-height:90px;margin:0 auto;font:9px DM Mono;display:flex}footer a{color:#88af99}.setup-overlay{z-index:50;backdrop-filter:blur(16px);background:#020806e0;place-items:center;padding:20px;transition:opacity .3s,visibility .3s;display:grid;position:fixed;inset:0}.setup-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.setup-card{background:radial-gradient(circle at 88% 5%,#47875e29,#0000 42%),#0b1914;border:1px solid #3a634c;border-radius:13px;width:min(540px,100%);padding:39px;box-shadow:0 30px 90px #00000073}.setup-kicker{color:#7bae8d;letter-spacing:.15em;margin:0;font:500 9px DM Mono}.setup-card h2{letter-spacing:-.045em;margin:15px 0 10px;font-size:36px}.setup-card>p:not(.setup-kicker,.setup-error){color:#83998e;margin:0;font-size:13px;line-height:1.65}.magnitude-picker{grid-template-columns:1fr auto 1fr;align-items:end;gap:13px;margin:28px 0 18px;display:grid}.magnitude-picker label{color:#789083;letter-spacing:.08em;flex-direction:column;gap:7px;font:9px DM Mono;display:flex}.magnitude-picker>span{color:#71907e;padding-bottom:12px;font:11px DM Mono}select{color:#d5e7dc;background:#08130f;border:1px solid #345342;border-radius:6px;width:100%;height:43px;padding:0 11px;font:12px DM Mono}.setup-summary{background:#08130f;border:1px solid #29483a;border-radius:7px;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;min-height:70px;padding:12px 16px;display:grid}.setup-summary span{flex-direction:column;gap:4px;display:flex}.setup-summary strong{color:#bde0c9;font:500 20px DM Mono}.setup-summary small{color:#637b6e;font-size:9px}.setup-summary i{background:#29483a;width:1px;height:35px}.setup-error{color:#e39588;margin:12px 0 0;font-size:11px}.start-button{color:#06100c;cursor:pointer;background:#9bd4b1;border:0;border-radius:7px;justify-content:space-between;align-items:center;width:100%;height:49px;margin-top:18px;padding:0 17px;font-weight:800;display:flex}.start-button:disabled{opacity:.4;cursor:not-allowed}@media (width<=760px){.game-heading{grid-template-columns:1fr;gap:22px}.heading-actions{padding:0}.status-bar{grid-template-columns:repeat(3,1fr)}.status-bar .range-status{border-top:1px solid #29483a;border-left:0;grid-column:1/-1;align-items:flex-start}.memory-grid{gap:9px;padding:16px}.learning-key{align-items:stretch}}@media (width<=560px){.topbar{height:68px;padding:0 max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left))}.brand{min-width:0;font-size:16px}.edition,nav{display:none}.top-actions{margin-left:auto}.language-button{width:44px;height:44px}main{width:calc(100% - 24px);padding:42px 0 60px}h1{font-size:clamp(39px,12vw,52px)}.heading-actions{grid-template-columns:1fr 1fr;display:grid}.heading-actions button{justify-content:center}.status-bar{margin-top:30px}.status-bar>div{min-height:62px;padding:10px}.status-bar strong{font-size:16px}.board-shell{min-height:460px}.board-topline{padding:0 12px}.board-topline p{display:none}.memory-grid{gap:6px;padding:10px}.memory-card{aspect-ratio:.82}.card-back{padding:7px 5px}.card-back small{letter-spacing:.04em;margin-bottom:6px;font-size:6px}.card-back strong{font-size:clamp(9px,3.1vw,13px)}.memory-card.designation .card-back strong{font-size:clamp(11px,3.5vw,15px)}.card-back>span{margin-top:5px;font-size:7px}.card-front b{font-size:6px;bottom:10px}.learning-key{flex-direction:column;gap:12px;padding:14px}.key-link{align-self:center;transform:rotate(90deg)}.key-card{min-width:92px}.complete-panel>div{flex-direction:column;width:100%}.primary-button{justify-content:space-between}.setup-overlay{padding:12px}.setup-card{padding:28px 22px}.setup-card h2{font-size:31px}.magnitude-picker{gap:8px}footer{width:calc(100% - 24px);min-height:110px;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;line-height:1.6}.brand>span:nth-child(2){display:none}}