@import url('./auth.css');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#10151b;--panel:#191f27;--muted:#87919e;--lime:#d4f87a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f0f3f6;font-family:'DM Sans',sans-serif}main{max-width:1010px;margin:auto;padding:30px 36px}header,footer{display:flex;justify-content:space-between;align-items:center}header{border-bottom:1px solid #2a3038;padding-bottom:24px}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:25px;color:var(--lime);text-decoration:none}.brand span{font-size:11px;letter-spacing:2px;color:#c2c8cf;margin-left:10px}.tag{font-size:12px;color:var(--muted)}.heading{display:flex;align-items:end;justify-content:space-between;margin:35px 0 28px}.eyebrow,.label,.mini{font-size:10px;letter-spacing:1.8px;color:var(--muted);font-weight:600}.eyebrow{color:var(--lime)}h1{font-family:'Space Grotesk',sans-serif;font-size:48px;line-height:1;letter-spacing:-2px;margin:12px 0 0}h1 span{color:var(--lime);margin-left:8px}.heading>p{color:var(--muted);font-size:12px;line-height:1.9;margin:0}.game-layout{display:grid;grid-template-columns:190px 302px 190px;justify-content:center;gap:24px}.card{background:var(--panel);border:1px solid #2b323c;border-radius:12px;padding:22px}.label{margin:0 0 18px}.card strong{font-family:'Space Grotesk',sans-serif;font-size:40px;overflow-wrap:anywhere}.divider{height:1px;background:#303640;margin:24px 0}dl{margin:0}dl div{display:flex;justify-content:space-between;margin-top:18px}dt{color:var(--muted);font-size:11px;letter-spacing:1px}dd{margin:0;font-size:17px;font-weight:600}.best{margin-top:16px}.best strong{font-size:27px;color:var(--lime)}.hint{font-size:10px;color:var(--muted);line-height:1.8}.status{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1px;color:var(--muted);margin:22px 5px}.status i{width:6px;height:6px;border-radius:50%;background:var(--lime)}.board-wrap{position:relative;border:1px solid #3b4551;border-radius:9px;overflow:hidden;background:#0b1016;box-shadow:0 15px 60px #0004;height:602px}#board{display:block;width:100%;height:100%}.overlay{position:absolute;inset:0;background:#0b1016e8;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;text-align:center}.overlay[hidden]{display:none}.mini{color:var(--lime)}h2{font-size:26px;margin:18px 0 4px}.overlay p{font-size:12px;line-height:1.8;color:var(--muted)}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}#start{border:0;border-radius:7px;background:var(--lime);color:#182111;font-weight:700;padding:15px 22px;margin-top:20px;width:210px;display:flex;justify-content:space-between}.preview{padding-bottom:10px}#next{display:block;width:144px;max-width:100%;margin:auto}.secondary{display:flex;align-items:center;justify-content:space-between;border:1px solid #343e49;background:transparent;color:#ced5de;width:100%;padding:13px 15px;border-radius:8px;margin-top:12px;font-size:12px}.secondary:disabled{opacity:.4;cursor:default}kbd{font-family:inherit;border:1px solid #3d4752;border-radius:4px;padding:3px 6px;font-size:10px;color:#acb6c2}.controls{margin-top:30px}.controls>p:not(.label):not(.hint){display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin:18px 0}.controls .hint{margin-top:24px}footer{font-size:9px;letter-spacing:1.3px;color:#636f7d;border-top:1px solid #2a3038;margin-top:32px;padding-top:20px}.touch{display:none}button:hover:not(:disabled){filter:brightness(1.12)}@media(max-width:760px){main{padding:20px 16px;max-width:520px}.tag,.heading>p{display:none}.heading{margin:24px 0}h1{font-size:37px}.game-layout{grid-template-columns:minmax(0,300px) minmax(90px,130px);gap:12px;align-items:start}.board-wrap{grid-column:1;grid-row:1 / 3;height:auto;aspect-ratio:1 / 2}.stats{grid-column:2;grid-row:1}.tools{grid-column:2;grid-row:2}.card{padding:12px;border-radius:8px}.card strong{font-size:25px}.label{font-size:8px;letter-spacing:1px;margin-bottom:12px}.divider{margin:12px 0}dl div{margin-top:10px}dt{font-size:9px}dd{font-size:13px}.best{margin-top:10px}.best strong{font-size:20px}.status,.controls,.best .hint{display:none}.tools .preview{margin-top:0}.secondary{font-size:10px;padding:10px 8px}.secondary kbd{display:none}#next{height:65px;object-fit:contain}.overlay{padding:10px}h2{font-size:21px}.overlay p{font-size:10px}#start{width:90%;padding:12px;font-size:12px}.touch{display:flex;gap:8px;margin-top:16px}.touch button{flex:1;border:1px solid #39434e;border-radius:8px;background:var(--panel);color:#edf2f8;min-height:48px;font-size:20px;touch-action:none;user-select:none}.touch button:last-child{background:var(--lime);color:#172010;font-size:12px;font-weight:700}footer{font-size:7px;margin-top:24px}}

#hold{display:block;width:100%;max-width:144px;height:auto;margin:auto}.hold-card{margin-top:16px}.touch button[data-action="hold"]{font-size:10px}#next{height:auto}.controls>p:not(.label):not(.hint){margin:13px 0}@media(max-width:760px){.stats .best{display:none}.hold-card{margin-top:10px}.hold-card .label{margin-bottom:4px}#hold{max-height:60px;object-fit:contain}#next{height:180px;object-fit:contain}.touch{gap:5px}.touch button{font-size:16px}.touch button:last-child{font-size:10px}}