@font-face{font-family:Fraunces Sudoku;src:local("Georgia")}:root{color:#1e2629;background:#f4f5f3;font-family:Avenir Next,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #1e2629;--paper: #fbfbf8;--paper-strong: #f0f1ee;--line: #c9cbc7;--line-heavy: #575a56;--teal: #127e70;--coral: #5c6670;--gold: #6e7372;--violet: #7662cf;--muted: #69706d;--highlight-soft: #f2edcf;--highlight-strong: #efe4a8;--highlight-ink: #4f4a32;--radius: 8px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,rgba(65,70,67,.06) 1px,transparent 1px),linear-gradient(180deg,rgba(65,70,67,.055) 1px,transparent 1px),#f4f5f3;background-size:32px 32px}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.app-shell{width:min(100%,876px);min-height:100vh;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 14px calc(176px + env(safe-area-inset-bottom))}.app-fallback{display:grid;min-height:100vh;place-items:center}.app-error-panel{display:grid;width:min(100%,360px);gap:10px;padding:16px;border:1px solid #d7dad5;border-radius:var(--radius);background:#fbfbf8f5;box-shadow:0 18px 56px #2a2f2d1f}.app-error-panel strong{color:var(--ink);font-size:1rem;font-weight:700}.app-error-panel p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.35}.app-error-panel button{min-height:38px;border:1px solid var(--teal);border-radius:6px;background:#d9f2ec;color:#0d5d53;font-weight:700}.topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px}.topbar-left{display:inline-flex;min-width:0;align-items:center;gap:10px}.eyebrow{margin:0 0 2px;color:var(--teal);font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-family:Fraunces Sudoku,Georgia,serif;font-size:clamp(1.7rem,8vw,3.8rem);line-height:.95}.timer{display:inline-flex;height:38px;min-width:52px;align-items:center;padding:0;border:0;background:transparent;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1;text-align:left}.difficulty-picker{position:relative;z-index:30}.difficulty-trigger{display:inline-flex;min-width:104px;height:38px;align-items:center;justify-content:space-between;gap:10px;border:1px solid #d2d5d0;border-radius:6px;background:#fbfbf8;color:var(--ink);padding:0 10px 0 12px;font-weight:500;text-transform:capitalize}.difficulty-trigger[aria-expanded=true]{border-color:var(--teal);background:#eef8f5}.difficulty-menu{position:absolute;top:calc(100% + 6px);left:0;display:grid;width:176px;gap:3px;padding:8px;border:1px solid #d2d5d0;border-radius:8px;background:#fbfbf8;box-shadow:0 18px 42px #2a2f2d1f}.difficulty-heading{padding:4px 6px 6px;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.difficulty-menu button{display:block;min-height:34px;border-radius:5px;background:transparent;color:var(--ink);padding:0 8px;line-height:34px;text-decoration:none;text-align:left;text-transform:capitalize}.difficulty-menu button:hover,.difficulty-menu button:focus-visible,.difficulty-menu button.selected{background:#d9f2ec;color:#0d5d53}.topbar-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}.topbar-play-type{display:inline-flex;align-items:center;gap:0}.topbar-play-type .mode-button{border-radius:0}.topbar-play-type .mode-button:first-child{border-radius:6px 0 0 6px}.topbar-play-type .mode-button:last-child{border-radius:0 6px 6px 0}.topbar-play-type .mode-button+.mode-button{margin-left:-1px}.topbar-play-type .mode-button.active{z-index:1}.mode-button{position:relative;display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid #d2d5d0;border-radius:6px;background:#fbfbf8;color:var(--ink)}.mode-button.active{border-color:var(--teal);background:#d9f2ec;color:#0d5d53}.mode-button .tooltip,.icon-button .tooltip,.settings-header-action .tooltip{position:absolute;z-index:50;padding:5px 7px;border-radius:5px;background:#1e2629;color:#fbfbf8;font-size:.72rem;font-weight:400;line-height:1;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;visibility:hidden;white-space:nowrap}.mode-button .tooltip{right:50%;top:calc(100% + 7px);transform:translate(50%) translateY(2px)}.icon-button .tooltip{bottom:calc(100% + 7px);left:50%;transform:translate(-50%) translateY(2px)}.mode-button:hover .tooltip,.mode-button:focus-visible .tooltip{opacity:1;transform:translate(50%) translateY(0);visibility:visible}.settings-menu{position:relative;z-index:35}.settings-menu .mode-button .tooltip{right:0;transform:translateY(2px)}.settings-menu .mode-button:hover .tooltip,.settings-menu .mode-button:focus-visible .tooltip{transform:translateY(0)}.settings-panel{position:absolute;top:calc(100% + 7px);right:0;display:grid;width:min(350px,calc(100vw - 24px));max-height:min(620px,calc(100vh - 92px));overflow-y:auto;gap:5px;padding:8px;border:1px solid #d2d5d0;border-radius:8px;background:#fbfbf8;box-shadow:0 18px 42px #2a2f2d1f}.settings-panel-header{display:grid;min-height:34px;grid-template-columns:28px 1fr 28px;align-items:center;gap:4px;color:var(--ink);font-size:.78rem;font-weight:700}.settings-panel-header button{position:relative;display:inline-grid;width:28px;height:28px;place-items:center;border:0;border-radius:5px;background:transparent;color:var(--muted)}.settings-panel-header button:hover,.settings-panel-header button:focus-visible{background:#eef8f5;color:#0d5d53}.settings-panel-header span{text-align:center}.settings-panel-header>span:last-child{display:block}.settings-header-action{justify-self:end}.settings-header-action:disabled{opacity:.36}.settings-header-action .tooltip{top:calc(100% + 7px);right:0;left:auto;transform:translateY(-2px)}.settings-header-action:not(:disabled):hover .tooltip,.settings-header-action:not(:disabled):focus-visible .tooltip{opacity:1;transform:translateY(0);visibility:visible}.settings-row{display:flex;min-height:36px;align-items:center;justify-content:space-between;gap:9px;border:0;border-radius:5px;background:transparent;color:var(--ink);padding:0 8px;font-size:.82rem;font-weight:500;text-decoration:none;text-transform:none}.settings-row svg{flex:0 0 auto;color:var(--muted)}.settings-row span{min-width:0;flex:1 1 auto;text-align:left}.settings-row .language-flag{flex:0 0 auto;width:22px;font-size:1rem;line-height:1;text-align:center}.settings-row:hover,.settings-row:focus-visible,.settings-row.selected{background:#d9f2ec;color:#0d5d53}.settings-row:hover svg,.settings-row:focus-visible svg,.settings-row.selected svg{color:#0d5d53}.settings-assist-list{display:grid;gap:10px}.settings-assist-section{display:grid;gap:3px}.settings-assist-section+.settings-assist-section{padding-top:7px;border-top:1px solid #e1e3de}.settings-assist-section h3{margin:0;padding:0 8px 2px;color:#6c716d;font-size:.64rem;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.settings-toggle{display:flex;min-height:48px;align-items:flex-start;justify-content:space-between;gap:12px;border-radius:5px;color:var(--ink);padding:7px 8px;font-size:.78rem;line-height:1.15;text-transform:none}.settings-toggle:hover,.settings-toggle:focus-within{background:#eef8f5}.settings-toggle-control{position:relative;display:inline-grid;width:34px;height:20px;flex:0 0 auto;margin-top:1px}.settings-toggle-input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;cursor:pointer;opacity:0}.settings-switch{position:relative;display:block;width:34px;height:20px;border:1px solid #c6cbc4;border-radius:999px;background:#ecece7;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.settings-switch span{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#8a8f88;box-shadow:0 1px 2px #1d201e1f;transition:background-color .12s ease,transform .12s ease}.settings-toggle-input:checked+.settings-switch{border-color:#147c70;background:#d9f2ec;box-shadow:inset 0 0 0 1px #147c701a}.settings-toggle-input:checked+.settings-switch span{background:var(--teal);transform:translate(14px)}.settings-toggle-input:focus-visible+.settings-switch{outline:2px solid rgba(20,124,112,.28);outline-offset:2px}.settings-toggle-copy{display:grid;min-width:0;gap:3px}.settings-toggle-title{color:var(--ink);font-size:.78rem;font-weight:500}.settings-toggle-description{color:#6f746f;font-size:.68rem;font-weight:400;line-height:1.28}.settings-toggle span{min-width:0}@media(max-width:380px){.app-shell{padding-right:10px;padding-left:10px}.topbar{gap:6px}.topbar-left,.topbar-actions{gap:4px}.difficulty-trigger{min-width:92px;padding-right:8px;padding-left:10px}.timer{min-width:44px;font-size:.92rem}.mode-button{width:34px;height:34px}}.icon-button:hover .tooltip,.icon-button:focus-visible .tooltip{opacity:1;transform:translate(-50%) translateY(0);visibility:visible}.multiplayer-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.multiplayer-mode{display:inline-flex;min-width:0;min-height:48px;align-items:center;justify-content:center;gap:8px;border:1px solid #d2d5d0;border-radius:6px;background:#fbfbf8;color:var(--ink);padding:0 8px;font-weight:500}.multiplayer-mode:hover,.multiplayer-mode:focus-visible,.multiplayer-mode.active{border-color:var(--teal);background:#d9f2ec;color:#0d5d53}.multiplayer-mode svg{flex:0 0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mode-panel,.side-panel,.dev-panel{border:1px solid #d7dad5;border-radius:var(--radius);background:#fbfbf8f2;box-shadow:0 16px 48px #2a2f2d1a}.side-panel{display:grid;gap:8px;padding:10px}label{display:grid;gap:6px;color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase}input,select{width:100%;min-height:42px;border:1px solid #d2d5d0;border-radius:6px;background:#fbfbf8;color:var(--ink);padding:0 10px;appearance:none}select{background-image:linear-gradient(45deg,transparent 50%,#6d746f 50%),linear-gradient(135deg,#6d746f 50%,transparent 50%);background-position:calc(100% - 16px) 18px,calc(100% - 11px) 18px;background-repeat:no-repeat;background-size:5px 5px;padding-right:30px}.start-button,.dev-actions button{min-height:44px;border-radius:6px;background:var(--coral);color:#fbfbf8;font-weight:900}.leave-queue-button{min-height:38px;border:1px solid #d2d5d0;border-radius:6px;background:#fbfbf8;color:var(--ink);font-weight:600}.mode-panel{display:grid;gap:10px;padding:10px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.segmented button,.icon-button{position:relative;display:inline-flex;min-width:0;align-items:center;justify-content:center;gap:6px;min-height:42px;border:1px solid #d2d5d0;border-radius:6px;background:#fbfbf8;color:var(--ink);font-weight:850}.segmented button.active,.icon-button.active{border-color:var(--teal);background:#d9f2ec;color:#0d5d53}.setup-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end}.setup-row.solo-setup{grid-template-columns:1fr}.setup-row .start-button{grid-column:1 / -1}.open-games{display:grid;gap:8px;padding-top:2px}.open-games-header{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:.74rem;line-height:1.1}.open-games-header span:first-child{color:var(--ink);font-size:.9rem;font-weight:700}.open-games-list{display:grid;gap:7px}.open-game-row{display:grid;gap:8px;padding:8px;border:1px solid #d5d8d2;border-radius:6px;background:#fbfbf8}.open-game-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.open-game-main div{display:flex;min-width:0;align-items:baseline;flex-wrap:wrap;gap:8px}.open-game-main strong{color:var(--ink);font-size:.9rem;font-weight:600}.open-game-main span{color:var(--muted);font-size:.76rem;text-transform:capitalize;white-space:nowrap}.open-game-main button{min-width:70px;min-height:34px;border:1px solid var(--teal);border-radius:6px;background:#d9f2ec;color:#0d5d53;font-weight:700}.open-game-capacity{color:var(--muted);font-size:.74rem;line-height:1.2}.open-game-share{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px}.open-game-share>span{display:inline-flex;min-width:0;align-items:center;gap:6px;color:var(--muted);font-size:.72rem}.open-game-share code{border:1px solid #dcdfda;border-radius:5px;background:#f2f3f0;color:var(--ink);padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;font-weight:700}.open-game-share button{display:inline-flex;min-height:30px;align-items:center;justify-content:center;gap:5px;border:1px solid #d2d5d0;border-radius:6px;background:#fbfbf8;color:var(--ink);padding:0 8px;font-size:.74rem;font-weight:700}.open-game-ready-toggle{min-height:34px;border:1px solid #d2d5d0;border-radius:6px;background:#fbfbf8;color:var(--ink);font-size:.8rem;font-weight:750}.open-game-ready-toggle.ready{border-color:#bdd9cf;background:#d9f2ec;color:#0d5d53}.open-game-progress{display:grid;gap:5px}.open-game-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:.72rem;line-height:1}.open-game-progress-track{height:7px;overflow:hidden;border-radius:999px;background:#e1e3df}.open-game-progress-track span{display:block;height:100%;border-radius:inherit;background:var(--teal);transition:width .18s ease}.open-game-players{display:flex;min-width:0;flex-wrap:wrap;gap:5px}.open-game-players span{display:inline-flex;max-width:100%;min-height:23px;align-items:center;gap:5px;overflow:hidden;border:1px solid #dcdfda;border-radius:999px;background:#f2f3f0;color:var(--muted);padding:0 7px 0 5px;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.open-game-players span.ready{border-color:#bdd9cf;background:#eef8f5;color:#0d5d53}.open-game-players small{color:inherit;font-size:.62rem;font-weight:800;line-height:1;text-transform:uppercase}.open-game-players i{width:8px;height:8px;flex:0 0 auto;border-radius:999px}.open-games-empty{display:grid;gap:7px;padding:10px;border:1px dashed #cfd3cd;border-radius:6px;background:#f7f8f5}.open-games-empty strong{color:var(--ink);font-size:.86rem;font-weight:600}.open-games-empty p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.3}.open-games-empty button{min-height:34px;border:1px solid var(--teal);border-radius:6px;background:#d9f2ec;color:#0d5d53;font-size:.82rem;font-weight:700}.status{margin:0 0 10px;color:var(--muted);font-size:.9rem}.status.wrong{color:var(--coral)}.status.solved{color:var(--teal)}.connection-notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 0 10px;padding:9px 10px;border:1px solid;border-radius:6px;background:#fbfbf8}.connection-notice.warning{border-color:#d8d0a5;background:#fbf8e6;color:#554f31}.connection-notice.danger{border-color:#d8bbb6;background:#f7eeec;color:#65403b}.connection-notice strong{display:block;font-size:.84rem;font-weight:700;line-height:1.1}.connection-notice p{margin:2px 0 0;font-size:.76rem;line-height:1.25}.connection-notice button{min-height:32px;border:1px solid currentColor;border-radius:6px;background:#fbfbf8ad;color:inherit;padding:0 10px;font-size:.78rem;font-weight:700}.game-layout{display:grid;gap:18px}.board-column{display:grid;justify-items:center}.board{position:relative;display:grid;width:min(100%,460px);aspect-ratio:1;grid-template-columns:repeat(9,1fr);border:2px solid var(--line-heavy);border-radius:6px;overflow:hidden;background:var(--line-heavy);box-shadow:0 18px 56px #2a2f2d21}.board:after{position:absolute;inset:0;z-index:5;background:linear-gradient(to right,transparent calc(33.333% - 1px),var(--line-heavy) calc(33.333% - 1px) calc(33.333% + 1px),transparent calc(33.333% + 1px) calc(66.666% - 1px),var(--line-heavy) calc(66.666% - 1px) calc(66.666% + 1px),transparent calc(66.666% + 1px)),linear-gradient(to bottom,transparent calc(33.333% - 1px),var(--line-heavy) calc(33.333% - 1px) calc(33.333% + 1px),transparent calc(33.333% + 1px) calc(66.666% - 1px),var(--line-heavy) calc(66.666% - 1px) calc(66.666% + 1px),transparent calc(66.666% + 1px));content:"";pointer-events:none}.cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:clamp(1.12rem,7vw,2rem);font-weight:400;font-variant-numeric:tabular-nums}.cell.given{background:var(--paper-strong);color:#14191b;font-weight:400}.cell.related{background:var(--highlight-soft)}.cell.same-value{background:#eee7bc;color:var(--highlight-ink)}.cell.impossible-value{background:linear-gradient(135deg,rgba(87,90,86,.08) 25%,transparent 25% 50%,rgba(87,90,86,.08) 50% 75%,transparent 75%),#e9ebe8;background-size:8px 8px;color:#606762}.cell.same-value.impossible-value{background:#e1e5e1;color:var(--highlight-ink)}.cell.auto-filled{animation:auto-fill-pop .56s ease-out}.cell.completed-value{background:#eef8f5;color:#0d5d53}.cell.related.completed-value{background:#e7f2dc}.cell.same-value.completed-value{background:#d9f2ec;color:#0d5d53}.cell.conflict{background:#f1e4e1;color:#703c38}.cell.conflict:before{position:absolute;inset:4px;border:1.5px solid #9a5a53;border-radius:4px;content:"";pointer-events:none}.cell.selected{outline:2px solid var(--teal);outline-offset:-2px;z-index:2}.cell:focus-visible{outline:2px solid var(--teal);outline-offset:-2px;z-index:3}.cell.remote-selected:after{position:absolute;inset:3px;border:2px solid var(--remote-selection-color);border-radius:4px;content:"";opacity:.85;pointer-events:none;z-index:3}.cell.selected.remote-selected:after{inset:5px}.remote-selection-markers{position:absolute;right:3px;top:3px;z-index:4;display:flex;max-width:calc(100% - 6px);gap:2px;pointer-events:none}.remote-selection-markers span{width:7px;height:7px;border:1px solid rgba(251,251,248,.95);border-radius:999px;box-shadow:0 1px 2px #1e26292e}@keyframes auto-fill-pop{0%{background:#f7eeb9;box-shadow:inset 0 0 #127e7000;transform:scale(.92)}45%{background:#fff4bd;box-shadow:inset 0 0 0 2px #127e7080;transform:scale(1.04)}to{box-shadow:inset 0 0 #127e7000;transform:scale(1)}}.paused-board{display:grid;width:min(100%,460px);aspect-ratio:1;place-items:center;align-content:center;gap:18px;padding:24px;border:2px solid var(--line-heavy);border-radius:6px;background:linear-gradient(180deg,#fbfbf8f0,#f0f1eef5),var(--paper);box-shadow:0 18px 56px #2a2f2d21;text-align:center}.paused-board-copy{display:grid;justify-items:center;gap:8px}.paused-board-icon{display:grid;width:44px;height:44px;place-items:center;border:1px solid #cfd3cd;border-radius:999px;background:#fbfbf8;color:var(--muted)}.paused-board strong{color:var(--ink);font-size:1.08rem;font-weight:700;line-height:1.1}.paused-board p{max-width:240px;margin:0;color:var(--muted);font-size:.86rem;line-height:1.35}.paused-board button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--teal);border-radius:6px;background:#d9f2ec;color:#0d5d53;padding:0 16px;font-weight:800}.notes{display:grid;width:100%;height:100%;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);color:#5a6864;font-size:clamp(.42rem,2vw,.74rem);font-weight:800;line-height:1}.notes span{display:grid;place-items:center}.controls{position:fixed;right:0;bottom:0;left:0;z-index:20;display:grid;gap:8px;padding:10px 12px max(10px,env(safe-area-inset-bottom));border-top:1px solid #d4d7d1;background:#f9faf7f7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.number-pad{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.number-pad>*{grid-column:span 2}.number-pad>*:nth-child(6){grid-column:2 / span 2}.number-pad button{position:relative;display:grid;place-items:center;min-height:48px;padding:0;border:1px solid #d1d4cf;border-radius:6px;background:linear-gradient(180deg,#fbfbf8,#eceeeb);color:var(--ink);font-size:1.18rem;font-weight:400;box-shadow:inset 0 1px #ffffffd6,0 1px 2px #2a2f2d12}.number-pad-main{display:grid;place-items:center;line-height:1}.number-pad-counter{position:absolute;right:2px;bottom:2px;min-width:13px;height:13px;padding:0 2px;border:1px solid #d4d7d1;border-radius:999px;background:#f7f8f5;color:var(--muted);font-size:.56rem;font-variant-numeric:tabular-nums;line-height:11px;text-align:center}.number-pad button:hover:not(:disabled),.number-pad button:focus-visible{border-color:var(--teal);background:#eef8f5}.number-pad button.completed{border-color:#bdd9cf;background:#d9f2ec;color:#0d5d53}.number-pad button.candidate-blocked:not(.completed){border-color:#d2d5d0;background:#e9ebe8;color:#858b87;box-shadow:none}.number-pad button.completed .number-pad-counter{border-color:#a7cfc1;background:#effaf6;color:#0d5d53}.number-pad button.candidate-blocked:not(.completed) .number-pad-counter{border-color:#ccd0ca;background:#f0f1ee;color:#858b87}.number-pad button:disabled{opacity:1}.player-strip{display:grid;gap:8px}.solve-stats{display:grid;gap:6px;padding-bottom:8px;border-bottom:1px solid #e0e3de}.solve-stats-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.solve-stats-row span,.solve-stats p{color:var(--muted);font-size:.76rem}.solve-stats-row strong{color:var(--ink);font-size:1rem;font-weight:500;font-variant-numeric:tabular-nums}.solve-stats p{margin:0;line-height:1.25}.solve-rate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.solve-rate-grid div{display:grid;gap:2px;border:1px solid #e0e2de;border-radius:6px;background:#f8f8f5;padding:7px}.solve-rate-grid span,.solve-rate-grid small{color:var(--muted);font-size:.68rem;line-height:1.1}.solve-rate-grid strong{color:var(--ink);font-size:.92rem;font-weight:600;line-height:1.1}.solve-stats-result{display:grid;gap:5px;padding-top:6px;border-top:1px dashed #d7dad5}.completion-panel{display:grid;gap:11px;padding:11px;border:1px solid #cfd3cd;border-radius:8px;background:linear-gradient(180deg,#ffffffc2,#f2f4f0e6),#f7f8f5;box-shadow:inset 0 1px #fffc,0 10px 28px #2a2f2d14}.completion-heading{display:flex;align-items:start;justify-content:space-between;gap:10px}.completion-heading div{display:grid;gap:3px;min-width:0}.completion-heading strong{color:var(--ink);font-size:1rem;font-weight:700;line-height:1.1}.completion-heading span,.completion-delta,.completion-meta{color:var(--muted);font-size:.74rem;line-height:1.25}.completion-badge{flex:0 0 auto;min-height:22px;border:1px solid #bdd9cf;border-radius:999px;background:#d9f2ec;color:#0d5d53;padding:3px 7px;font-size:.66rem;font-weight:800;line-height:1}.completion-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.completion-metric{display:grid;min-width:0;gap:5px;padding:8px;border:1px solid #dde0db;border-radius:7px;background:#fbfbf8c7}.completion-metric span{overflow:hidden;color:var(--muted);font-size:.68rem;line-height:1;text-overflow:ellipsis;white-space:nowrap}.completion-metric strong{overflow:hidden;color:var(--ink);font-size:.92rem;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.completion-metric.strong strong{color:#0d5d53;font-weight:700}.completion-delta{margin:0}.completion-meta{display:grid;gap:5px;padding-top:2px}.completion-meta span{display:flex;min-width:0;align-items:baseline;justify-content:space-between;gap:8px}.completion-meta strong,.completion-meta code{min-width:0;overflow:hidden;color:var(--ink);font-size:.74rem;font-weight:600;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.completion-meta code{padding:0;background:transparent;font-family:Avenir Next,Segoe UI,sans-serif;font-variant-numeric:tabular-nums;text-transform:none}.completion-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.completion-action{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:6px;border:1px solid var(--teal);border-radius:6px;background:#d9f2ec;color:#0d5d53;font-weight:800}.completion-action.secondary{border-color:#d2d5d0;background:#fbfbf8;color:var(--ink)}.activity-feed{display:grid;gap:8px;padding:10px;border:1px solid #d7dad5;border-radius:6px;background:#fbfbf8}.activity-title{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-size:.8rem;font-weight:700}.activity-feed ol{display:grid;gap:6px;margin:0;padding:0;list-style:none}.activity-feed li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;color:var(--ink);font-size:.75rem;line-height:1.2}.activity-dot{width:8px;height:8px;border-radius:999px}.activity-feed time,.activity-feed p{margin:0;color:var(--muted);font-size:.7rem}.shortcut-panel{display:none}.shortcut-title{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-size:.78rem;font-weight:700;line-height:1}.shortcut-panel dl{display:grid;gap:5px;margin:0}.shortcut-panel dl>div{display:grid;grid-template-columns:minmax(96px,max-content) 1fr;align-items:center;gap:10px;min-height:30px;padding:3px 0}.key-combo{display:inline-flex;min-width:0;align-items:center;gap:5px}.key-combo-arrows{gap:3px}.key-range{color:#8c928d;font-size:.68rem;line-height:1}.shortcut-panel dd{min-width:0;margin:0;color:var(--muted);font-size:.72rem;line-height:1.2;text-align:right}kbd{display:inline-grid;min-width:24px;height:23px;place-items:center;padding:0 6px;border:1px solid #cfd3cd;border-bottom-color:#b9beb7;border-radius:6px;background:linear-gradient(180deg,#fff,#f4f5f2 54%,#e8ebe6);box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #acb2aa57,0 1px 1px #1e26291a;color:var(--ink);font-size:.68rem;font-family:Avenir Next,Segoe UI,sans-serif;font-weight:700;line-height:1}.game-skeleton{pointer-events:none}.skeleton-board{box-shadow:0 18px 56px #2a2f2d14}.skeleton-cell{min-width:0;min-height:0;border:1px solid var(--line);background:linear-gradient(90deg,#eeefec,#f8f9f6,#eeefec 90%);background-size:220% 100%;animation:skeleton-pulse 1.4s ease-in-out infinite}.skeleton-side{min-height:116px;align-content:start}.skeleton-line,.skeleton-pad{display:block;border-radius:6px;background:linear-gradient(90deg,#e7e9e5,#f8f9f6,#e7e9e5 90%);background-size:220% 100%;animation:skeleton-pulse 1.4s ease-in-out infinite}.skeleton-line{height:12px}.skeleton-line.wide{width:100%}.skeleton-line:not(.wide){width:72%}.skeleton-line.short{width:46%}.skeleton-pad{min-height:42px;border:1px solid #d4d7d1}.skeleton-pad.action{min-height:42px}@keyframes skeleton-pulse{0%{background-position:120% 0}to{background-position:-120% 0}}@media(prefers-reduced-motion:reduce){.skeleton-cell,.skeleton-line,.skeleton-pad{animation:none}}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:#1e262947;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.confirm-dialog{display:grid;width:min(100%,360px);grid-template-columns:auto 1fr;gap:12px;padding:14px;border:1px solid #d7dad5;border-radius:8px;background:var(--paper);box-shadow:0 24px 68px #1e26293d}.confirm-dialog-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:999px;background:#f2edcf;color:#5c5a45}.confirm-dialog-copy{min-width:0}.confirm-dialog h2{margin:0 0 5px;color:var(--ink);font-size:1rem;font-weight:700;line-height:1.2}.confirm-dialog p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.35}.confirm-dialog-actions{display:grid;grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.secondary-button,.danger-button{min-height:40px;border-radius:6px;font-weight:700}.secondary-button{border:1px solid #d2d5d0;background:#fbfbf8;color:var(--ink)}.danger-button{border:1px solid var(--line-heavy);background:var(--line-heavy);color:#fbfbf8}.player-card{display:grid;gap:8px;padding:10px;border:1px solid #d7dad5;border-radius:6px;background:#fbfbf8}.player-card.self{border-color:var(--teal)}.player-card.offline{background:#f4f5f2}.player-card.offline .player-row strong{color:#68716b}.player-card.solo{padding:9px 10px}.player-row,.progress-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:.78rem}.progress-meta.solo{justify-content:flex-end}.player-row strong{min-width:0;flex:1;overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.player-dot{width:10px;height:10px;border-radius:999px}.progress-track{height:8px;overflow:hidden;border-radius:999px;background:#e1e3df}.progress-track span{display:block;height:100%;border-radius:inherit;transition:width .18s ease}.dev-page{display:grid;min-height:100vh;place-items:center;padding:20px}.dev-panel{width:min(100%,560px);padding:18px}.dev-panel p{color:var(--muted)}.dev-actions{display:grid;gap:10px}@media(min-width:680px){.app-shell{padding-right:22px;padding-bottom:max(22px,env(safe-area-inset-bottom));padding-left:22px}.setup-row{grid-template-columns:1fr 1fr auto}.setup-row .start-button{grid-column:auto;min-width:140px}.controls{position:static;border:1px solid #d4d7d1;border-radius:var(--radius)}.game-layout{grid-template-columns:minmax(320px,460px) minmax(240px,1fr);align-items:start}.board-column{justify-items:start}.side-panel{padding:10px}.controls{grid-column:1 / -1}.number-pad{grid-template-columns:repeat(9,1fr)}.number-pad>*{grid-column:auto}.number-pad>*:nth-child(6){grid-column:auto}.number-pad button{min-height:44px;font-size:1.1rem}}@media(min-width:980px){.game-layout{grid-template-columns:460px minmax(260px,360px);grid-template-rows:auto 1fr}.board-column{grid-column:1;grid-row:1 / span 2}.side-panel{grid-column:2;grid-row:1}.shortcut-panel{display:grid;gap:11px;padding:9px;border:1px solid #dde0db;border-radius:7px;background:linear-gradient(180deg,#ffffffb8,#f2f4f0d1),#f7f8f5;box-shadow:inset 0 1px #ffffffc7,0 1px 2px #2a2f2d0d}.controls{grid-column:2;grid-row:2}.number-pad{grid-template-columns:repeat(3,1fr)}.number-pad button{min-height:56px}}