@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700&family=Space+Grotesk:wght@600;700&display=swap";:root{--paper:#e6ead8;--surface:#f7f5ef;--surface-strong:#edeae0;--ink:#1c2b1e;--ink-soft:#5a6e5c;--line:#cdd5c2;--line-strong:#7a9278;--accent:#3a6b45;--focus:#d4860a;--danger:#b83c2e;--board-bg:#f7f5ef;--board-given:#edeae0;--board-related:#e8ede0;--board-selected:#b8d9bc;--board-same:#ceebd0;--app-page-gradient:radial-gradient(circle at top left, #eef2e6 0%, #e6ead8 45%, #dce1cf 100%);color:var(--ink);text-rendering:optimizelegibility;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,Segoe UI,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{background:var(--app-page-gradient);min-height:100vh;margin:0;transition:background .26s}#root{min-height:100vh}h1,button,select{font-family:Space Grotesk,Outfit,sans-serif}.app-shell{gap:1.25rem;width:min(1100px,100% - 2rem);margin:2rem auto;display:grid}.lobby-shell{background:var(--lobby-gradient);width:min(560px,100% - 1rem);min-height:calc(100vh - 2rem);color:var(--ink);border:1px solid var(--line);border-radius:1.4rem;align-content:start;gap:.95rem;margin:1rem auto;padding:1rem;display:grid;position:relative}.lobby-shell .help-overlay{color:var(--ink)}.lobby-theme-btn{background:var(--accent);color:#fff;border-radius:999px;justify-self:end;font-weight:700}.lobby-hero{text-align:center;justify-items:center;gap:.7rem;margin-top:.45rem;display:grid}.lobby-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:.75rem}.lobby-icon{color:var(--accent);place-items:center;display:grid}.lobby-title{color:var(--ink);margin:0;font-family:Outfit,sans-serif;font-size:2.4rem}.lobby-desc{color:var(--ink-soft);max-width:34ch;margin:0;font-size:1.02rem;line-height:1.4}.lobby-btn{border:1px solid #0000;border-radius:1rem;justify-items:center;gap:.2rem;width:100%;padding:.9rem;font-size:1.1rem;font-weight:700;display:grid}.lobby-btn-sub{color:var(--surface);font-size:.95rem;font-weight:500}.lobby-btn-continue{background:var(--accent);color:#fff}.lobby-btn-daily,.lobby-btn-weekly{background:var(--surface-strong);color:var(--ink);border-color:var(--line)}.lobby-btn-daily .lobby-btn-sub,.lobby-btn-weekly .lobby-btn-sub{color:var(--ink-soft)}.lobby-new-section{background:var(--surface-strong);border:1px solid var(--line);border-radius:1rem;gap:.65rem;padding:.8rem;display:grid}.lobby-new-label{text-align:left;color:var(--ink);margin:0;font-size:1.24rem;font-weight:700}.lobby-difficulty-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.lobby-diff-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);text-transform:capitalize;border-radius:.76rem;justify-items:start;gap:.2rem;padding:.65rem .45rem;font-size:.9rem;font-weight:600;display:grid}.lobby-diff-btn small{color:var(--ink-soft);font-size:.72rem;font-weight:500}.lobby-challenge-row{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.lobby-footer{text-align:center;color:var(--ink-soft);margin-top:.15rem;font-size:.9rem}.social-footer{justify-content:center;align-items:center;gap:.65rem;margin-top:auto;padding-top:.35rem;display:flex}.social-link{border:1px solid color-mix(in oklab, var(--accent) 40%, var(--line));background:color-mix(in oklab, var(--surface) 86%, var(--accent) 14%);width:2.35rem;height:2.35rem;color:var(--accent);border-radius:999px;place-items:center;padding:0;display:grid}.social-link:hover{background:color-mix(in oklab, var(--accent) 22%, var(--surface));color:color-mix(in oklab, var(--accent) 82%, var(--ink));transform:translateY(-1px)}.game-nav{background:var(--surface-strong);border:1px solid var(--line);border-radius:1rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;padding:.55rem .7rem;display:grid}.game-nav-title{color:var(--ink);justify-self:center;font-weight:700}.game-nav-btn{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:.45rem .7rem;font-size:.86rem}.top-bar{justify-content:space-between;align-items:end;gap:1rem;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--ink-soft);margin:0;font-size:.75rem}h1{color:var(--ink);margin:0;font-size:clamp(2rem,4vw,2.8rem);line-height:1}.subtitle{color:var(--ink-soft);max-width:52ch;margin:.45rem 0 0}.top-controls{flex-wrap:wrap;align-items:end;gap:.65rem;display:flex}.top-controls label{color:var(--ink-soft);gap:.4rem;font-size:.82rem;display:grid}select,button{font:inherit;background:var(--surface);color:var(--ink);border:0;border-radius:.7rem;padding:.68rem .92rem;transition:transform .14s,box-shadow .14s,background-color .14s}button{cursor:pointer}select:focus-visible,button:focus-visible,.cell:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button:hover{transform:translateY(-1px)}.board-layout{grid-template-columns:minmax(290px,1fr) 220px;gap:.95rem;display:grid}.board-card,.actions-panel{background:var(--surface-strong);border:1px solid var(--line);border-radius:1rem;box-shadow:0 18px 40px #0d172414}.game-stats-bar{color:var(--ink-soft);grid-template-columns:1fr auto 1fr;align-items:center;margin:.1rem 0 .55rem;display:grid}.game-stats-elo,.game-stats-errors{font-size:.84rem}.game-stats-errors{justify-self:end}.game-timer{color:var(--ink);letter-spacing:.03em;font-size:1.28rem;font-weight:700}.board-card{padding:.9rem}.sudoku-board{border:1px solid var(--line-strong);aspect-ratio:1;background:color-mix(in oklab, var(--surface) 78%, #0d121a);border-radius:.75rem;grid-template-columns:repeat(9,minmax(0,1fr));display:grid;overflow:hidden}.cell{aspect-ratio:1;border:1px solid var(--line);background:color-mix(in oklab, var(--surface) 86%, #0d121a 14%);color:color-mix(in oklab, var(--ink) 90%, #121212);border-radius:0;place-items:center;padding:0;font-size:clamp(1rem,2.8vw,1.8rem);font-weight:700;display:grid}.cell.given{color:color-mix(in oklab, var(--ink) 86%, #101010);background:color-mix(in oklab, var(--surface-strong) 84%, #1c2530 16%)}.cell.related{background:color-mix(in oklab, var(--board-related) 86%, var(--surface) 14%)}.cell.same-value{background:color-mix(in oklab, var(--board-selected) 68%, var(--surface) 32%)}.cell.selected{background:var(--board-selected)}.cell.wrong{color:var(--danger)}.cell.line-solved{box-shadow:inset 0 0 0 999px color-mix(in oklab, var(--accent) 12%, transparent)}.cell-divider-right{border-right:2px solid var(--line-strong)}.cell-divider-bottom{border-bottom:2px solid var(--line-strong)}.notes-grid{width:100%;height:100%;color:color-mix(in oklab, var(--ink-soft) 82%, #d7deea 18%);box-sizing:border-box;grid-template-columns:repeat(3,1fr);place-items:center;padding:.16rem;font-size:clamp(.5rem,1.4vw,.78rem);display:grid}.status-text{color:var(--ink-soft);margin:.85rem 0 0;font-size:.92rem}.actions-panel{align-content:start;gap:.65rem;padding:.9rem;display:grid}.mobile-help-button{display:none}.shortcut-hint{color:var(--ink-soft);margin:.2rem 0 0;font-size:.78rem}.help-overlay{z-index:20;background:#08121c80;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.help-modal{background:var(--surface-strong);border:1px solid var(--line);border-radius:1rem;gap:.8rem;width:min(720px,100%);padding:1rem;display:grid}.help-modal h2{margin:0}.help-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.help-grid h3{margin:0;font-size:.95rem}.help-grid ul{gap:.25rem;margin:.45rem 0 0;padding-left:1.1rem;display:grid}.theme-modal{max-width:560px}.preset-row{grid-template-columns:repeat(3,1fr);gap:.55rem;display:grid}.preset-button{border:1px solid var(--line);padding:.5rem;font-size:.82rem}.preset-button.active{background:var(--accent);color:#fff}.theme-grid{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.theme-field{background:var(--surface);border:1px solid var(--line);border-radius:.65rem;justify-content:space-between;align-items:center;gap:.65rem;padding:.4rem .55rem;display:flex}.theme-field span{color:var(--ink-soft);font-size:.82rem}.theme-field input[type=color]{background:0 0;border:0;border-radius:.45rem;width:2.1rem;height:2.1rem;padding:0}.theme-actions{justify-content:end;gap:.55rem;display:flex}.premium-panel{background:var(--surface-strong);border:1px solid var(--line);border-radius:1rem;gap:.7rem;padding:.9rem;display:grid;box-shadow:0 18px 40px #0d172414}.premium-panel header{justify-content:space-between;align-items:center;display:flex}.premium-panel h2,.premium-panel h3{margin:0}.profile-grid{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}.profile-grid article{background:var(--surface);border:1px solid var(--line);border-radius:.8rem;gap:.35rem;padding:.65rem;display:grid}.profile-grid p{color:var(--ink-soft);margin:0;font-size:.88rem}.achievement-wrap{flex-wrap:wrap;gap:.45rem;display:flex}.achievement-pill{border:1px solid color-mix(in oklab, var(--line) 80%, transparent);color:color-mix(in oklab, var(--ink-soft) 60%, transparent);background:color-mix(in oklab, var(--surface-strong) 80%, transparent);border-radius:999px;justify-content:center;align-items:center;padding:.28rem .75rem;font-size:.78rem;line-height:1;display:inline-flex}.achievement-pill.unlocked{border-color:color-mix(in oklab, var(--accent) 55%, transparent);background:color-mix(in oklab, var(--accent) 28%, var(--surface));color:var(--ink);font-weight:600}.challenge-buttons{flex-wrap:wrap;gap:.45rem;display:flex}.summary-box{background:var(--surface);border:1px dashed var(--line);border-radius:.75rem;padding:.65rem}.summary-box p{margin:.4rem 0}.summary-box ul{margin:0;padding-left:1.1rem}.learning-card{background:var(--surface);border:1px solid var(--line);border-radius:.7rem;grid-column:1/-1;gap:.35rem;padding:.55rem;display:grid}.learning-card h3,.learning-card p{margin:0}.learning-card p{color:var(--ink-soft);font-size:.82rem}.player-name-field{gap:.25rem;margin:.25rem 0;display:grid}.player-name-field span{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:.72rem}.player-name-field input{border:1px solid var(--line);background:var(--surface-strong);color:var(--ink);font:inherit;border-radius:.55rem;padding:.42rem .52rem}.ranking-list{gap:.35rem;margin:0;padding-left:1rem;display:grid}.ranking-list li{color:var(--ink-soft);justify-content:space-between;gap:.6rem;font-size:.82rem;display:flex}.toggle-button.active{background:var(--accent);color:#fff}.digit-pad{grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:.4rem;display:grid}.digit-pad button{padding:.8rem 0;font-size:1.05rem;font-weight:700}@media (width<=1020px){.app-shell{width:min(860px,100% - 1rem);margin:1rem auto}.board-layout{grid-template-columns:1fr}.actions-panel{grid-template-columns:repeat(3,1fr);align-items:stretch}.mobile-help-button{display:block}.digit-pad{grid-column:1/-1;grid-template-columns:repeat(9,1fr)}.profile-grid{grid-template-columns:1fr}}@media (width<=680px){.lobby-shell{border-radius:1rem;width:min(560px,100% - .45rem);min-height:calc(100vh - .9rem);margin:.45rem auto}.lobby-title{font-size:2rem}.lobby-desc{font-size:.95rem}.lobby-difficulty-grid,.lobby-challenge-row{grid-template-columns:1fr}.social-footer{gap:.52rem;padding-top:.2rem}.social-link{width:2.18rem;height:2.18rem}.board-card{order:1;padding:.62rem}.game-stats-bar{margin:0 0 .4rem}.game-stats-elo,.game-stats-errors{font-size:.74rem}.game-timer{font-size:1.05rem}.status-text{margin-top:.45rem;font-size:.76rem}.actions-panel{border-radius:.75rem;order:2;grid-template-columns:1fr 1fr 1fr;gap:.45rem;padding:.55rem}.actions-panel>button{border-radius:.56rem;padding:.5rem .35rem;font-size:.78rem}.digit-pad{grid-template-columns:repeat(9,1fr);gap:.35rem;margin-top:.12rem}.digit-pad button{padding:.62rem 0;font-size:.98rem}.shortcut-hint{grid-column:1/-1;display:none}.help-grid,.theme-grid,.preset-row{grid-template-columns:1fr}.premium-panel{padding:.65rem}.premium-panel header{gap:.5rem}.ranking-list li{flex-direction:column;align-items:flex-start;gap:.1rem}.learning-card p{font-size:.76rem}}