.login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));box-sizing:border-box;font-family:var(--login-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);color:var(--login-text, #1a2027)}.login *,.login *:before,.login *:after{box-sizing:border-box}.login-card{width:100%;max-width:340px;display:grid;gap:14px;padding:clamp(22px,6vw,32px);background:var(--login-card-bg, #ffffff);border:1px solid var(--login-card-border, #e4e8ed);border-radius:var(--login-radius, 16px);box-shadow:var(--login-card-shadow, 0 12px 32px rgba(16, 24, 40, .12))}.login-badge{justify-self:center;width:60px;height:60px;display:grid;place-items:center;font-size:30px;line-height:1;border-radius:var(--login-badge-radius, 18px);background:var(--login-badge-bg, rgba(79, 70, 229, .12))}.login-title{margin:0 0 2px;text-align:center;font-family:var(--login-title-font, inherit);font-size:var(--login-title-size, 24px);font-weight:var(--login-title-weight, 800);letter-spacing:-.02em;color:var(--login-title-color, var(--login-text, #1a2027))}.login-notice{margin:0;padding:11px 13px;font-size:14px;line-height:1.45;text-align:center;color:var(--login-title-color, var(--login-text, #1a2027));background:var(--login-badge-bg, rgba(79, 70, 229, .12));border-radius:var(--login-input-radius, 10px)}.login-form{display:grid;gap:10px}.login-input{width:100%;font:inherit;color:var(--login-input-text, var(--login-text, #1a2027));background:var(--login-input-bg, #f4f6f8);border:1px solid var(--login-input-border, #e4e8ed);border-radius:var(--login-input-radius, 10px);padding:11px 13px}.login-input::placeholder{color:var(--login-text-dim, #9aa6b2)}.login-input:focus{outline:2px solid var(--login-accent, #4f46e5);outline-offset:1px;border-color:transparent}.login-btn{font:inherit;font-weight:600;border-radius:var(--login-input-radius, 10px);padding:11px 16px;cursor:pointer;border:1px solid transparent;text-align:center;transition:background-color .15s ease,border-color .15s ease}.login-submit{background:var(--login-accent, #4f46e5);color:var(--login-accent-text, #ffffff)}.login-submit:hover{background:var(--login-accent-strong, #4338ca)}.login-google{background:var(--login-google-bg, #ffffff);color:var(--login-google-text, var(--login-text, #1a2027));border-color:var(--login-google-border, #e4e8ed)}.login-google:hover{border-color:var(--login-accent, #4f46e5)}.login-divider{display:flex;align-items:center;gap:12px;color:var(--login-text-dim, #9aa6b2);font-size:13px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--login-card-border, #e4e8ed)}.login-switch{justify-self:center;background:none;border:none;color:var(--login-link, var(--login-accent, #4f46e5));cursor:pointer;padding:2px;font:inherit;font-size:14px}.login-switch:hover{text-decoration:underline}.login-msg{margin:0;font-size:14px;line-height:1.5;text-align:center}.login-info{color:var(--login-success, #059669)}.login-error{color:var(--login-error, #dc2626)}@media (prefers-reduced-motion: reduce){.login-btn{transition:none}}:root{--bg: #14141b;--panel: #1d1d27;--panel-2: #262633;--line: #33334a;--ink: #eceaf5;--muted: #8e8ca6;--accent: #6d5bd0;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;-webkit-tap-highlight-color:transparent}.bar{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:5}.bar .title{font-weight:650;text-transform:capitalize}.bar .returns{margin-left:auto;font-size:13px;color:var(--muted)}.bar .returns.clean{color:#2dd4bf}.ghost-btn{background:none;border:0;color:var(--muted);font:inherit;cursor:pointer;padding:0}.lobby,.seam{max-width:560px;margin:0 auto;padding-bottom:40px}section{padding:18px 16px 4px}h2{display:flex;align-items:baseline;gap:10px;font-size:13px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}h2 small{font-weight:400;letter-spacing:0;text-transform:none;font-size:12px}.row{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:8px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.row div{flex:1;min-width:0}.row small{display:block;color:var(--muted);font-size:13px}.btn{background:var(--accent);color:#fff;border:0;padding:9px 14px;border-radius:10px;font:inherit;font-weight:600;cursor:pointer}.btn:disabled{opacity:.4;cursor:default}.btn.subtle{background:var(--panel-2);color:var(--muted);font-weight:500}.btn.subtle:hover{color:var(--ink)}.muted{color:var(--muted)}.note{font-size:13px;padding:4px 2px}.pane{padding:60px 24px;text-align:center}.pane.error{color:#f0466f}.board{display:block;width:100%;max-width:460px;margin:18px auto 6px;touch-action:manipulation}.cell-empty{fill:#2b2b39}.slot{cursor:pointer}.slot.dormant{pointer-events:none}.slot.match rect{transition:opacity .12s}.slot.match path{filter:drop-shadow(0 0 3px currentColor)}.placed rect{transition:fill .2s}.ping{fill:none;stroke:#fff;stroke-width:1.4;animation:ping 1.1s ease-out infinite}@keyframes ping{0%{r:2;opacity:1}to{r:9;opacity:0}}.strip{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:13px;color:var(--muted)}.strip .label{font-size:11px;letter-spacing:.06em;text-transform:uppercase}.pips{display:inline-flex;gap:4px}.pips i{width:9px;height:9px;border-radius:3px;background:var(--panel-2);border:1px solid var(--line)}.pips i.on{background:var(--accent);border-color:var(--accent)}.pips.full i.on{background:#f0466f;border-color:#f0466f}.holding{display:inline-flex;align-items:center;gap:6px;margin-left:auto}.ghost rect{fill:#4b5061}.tray{padding-top:10px}.pieces{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;min-height:44px}.piece{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px;cursor:pointer;line-height:0}.piece.on{border-color:var(--accent);background:#2a2540}.tray .btn{margin-top:10px}.supply .pieces{opacity:.95}.flash{margin:0 16px;padding:9px 12px;background:#3a1f2c;border:1px solid #6d2a41;border-radius:10px;color:#ffb3c4;font-size:13px}.cipher{max-width:560px;margin:0 auto;padding-bottom:40px}.role{margin:12px 16px 0;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;font-size:13px;color:var(--muted)}.role b{color:var(--ink)}.grid-wrap{padding:14px 16px 0;display:flex;gap:8px}.grid-wrap.by-col{flex-direction:column}.grid{flex:1;display:grid;gap:6px}.tile{display:grid;place-items:center;aspect-ratio:1;padding:0;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;cursor:pointer}.tile.pinged{border-color:#fff;animation:pinged .5s ease-out 3}@keyframes pinged{50%{background:#4a4a63}}.rune{display:block}.rune.swatch{border-radius:8px}svg.rune path{fill:#b9b5cc}.shifters{display:grid;gap:6px}.shifters.rows{width:56px}.shifters.cols{margin-top:2px}.shifter{display:flex;gap:4px;align-items:stretch;justify-content:center}.shifter button{flex:1;padding:6px 0;background:var(--panel);color:var(--muted);border:1px solid var(--line);border-radius:8px;font:inherit;font-size:15px;cursor:pointer}.shifter button:hover{color:var(--ink);border-color:var(--accent)}.clues{display:flex;flex-wrap:wrap;gap:6px}.clue{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;font-size:12px;background:var(--panel);border:1px solid var(--line)}.clue b{color:var(--muted)}.clue.in{border-color:#2dd4bf;color:#2dd4bf}.clue.out{opacity:.5;text-decoration:line-through}.cipherbar{display:flex;gap:8px;margin-bottom:10px}.cipherbar.centred{justify-content:center;margin:14px 0}.cipherbar .slot{flex:1;aspect-ratio:1;max-width:62px;display:grid;place-items:center;background:var(--panel);border:1px dashed var(--line);border-radius:12px;cursor:pointer}.cipherbar .slot.set{border-style:solid;border-color:var(--accent)}.cipherbar .q{color:var(--muted);font-size:20px}.palette{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.locked{display:flex;align-items:center;gap:10px;font-size:13px;color:#2dd4bf}.locked span{flex:1}.guessrow{display:flex;gap:6px;margin-bottom:6px}.verdict{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;border:2px solid transparent;background:var(--panel-2)}.verdict.green{border-color:#2dd4bf;background:#12362f}.verdict.yellow{border-color:#f5a524;background:#3a2c12}.verdict.gray{opacity:.4}.shelf{display:flex;flex-wrap:wrap;gap:8px}.trophy{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.trophy .art{text-transform:capitalize;font-weight:600}.stars{color:#f5a524;letter-spacing:2px}.pane.done h1{text-transform:capitalize;margin:8px 0 4px}.pane.done .stars{font-size:26px}.confetti{font-size:22px;color:var(--accent);letter-spacing:8px}.pane.done .btn{margin-top:18px}@media (prefers-color-scheme: light){:root{--bg: #f4f2fa;--panel: #fff;--panel-2: #ece9f6;--line: #ddd8ec;--ink: #1c1a26;--muted: #6a6782;color-scheme:light}.piece.on{background:#e7e0ff}.flash{background:#ffe9ef;border-color:#f3b9c8;color:#a52347}.ghost rect{fill:#b9b5cc}}@media (prefers-reduced-motion: reduce){.ping{animation:none;opacity:.9}.slot.match rect,.placed rect{transition:none}}