:root[data-theme=modern]{--bg:#f6f7fb;--panel:#fff;--panel-2:#f0f2f8;--line:#e3e6ef;--text:#171a23;--muted:#687085;--accent:#6d4aff;--accent-ink:#fff;--accent-soft:#efeaff;--red:#ef4b4f;--red-soft:#fde8e8;--blue:#2f7bf5;--blue-soft:#e3eefe;--good:#14a46c;--cell:#fff;--cell-taken:#eceef4;--shadow-sm:0 1px 2px #171a230f;--shadow:0 1px 2px #171a230d, 0 4px 16px #171a2312;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root[data-theme=modern]{--bg:#0f1117;--panel:#171a23;--panel-2:#1d212c;--line:#2a2f3d;--text:#eceef4;--muted:#949bb0;--accent:#9b85ff;--accent-ink:#0f1117;--accent-soft:#2a2450;--red:#ff6b6e;--red-soft:#3d2128;--blue:#5b9bff;--blue-soft:#1c2b47;--good:#3fd49a;--cell:#1f2330;--cell-taken:#151821;--shadow-sm:0 1px 2px #0006;--shadow:0 1px 2px #00000059, 0 6px 20px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=modern],[data-theme=modern] body{overscroll-behavior:none;height:100%;overflow:hidden}[data-theme=modern] #root{height:100%}[data-theme=modern] body{touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.45}[data-theme=modern] h1,[data-theme=modern] h2{letter-spacing:-.02em;font-weight:700}.m-btn{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;line-height:1;transition:border-color .15s,background .15s,transform .1s;display:inline-flex}.m-btn:hover:not(:disabled){border-color:var(--accent)}.m-btn:active:not(:disabled){transform:translateY(1px)}.m-btn:disabled{opacity:.5;cursor:default}.m-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.m-btn-primary:hover:not(:disabled){filter:brightness(1.08)}.m-btn-ghost{box-shadow:none;background:0 0}.m-btn-sm{border-radius:8px;padding:7px 12px;font-size:13px}.m-icon-btn{font:inherit;width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:0;font-size:18px;line-height:1}.m-icon-btn:hover{background:var(--panel-2);color:var(--text)}[data-theme=modern] input{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;min-width:0;padding:10px 14px;font-size:16px}[data-theme=modern] input:focus,.m-btn:focus-visible,.m-cell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.m-error{color:var(--red);margin:8px 0 0}.m-hint{color:var(--muted);margin:8px 0 0}.m-neg{color:var(--red)}.m-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite m-spin;display:inline-block}@keyframes m-spin{to{transform:rotate(360deg)}}.m-logo .m-logo-cell{fill:var(--line)}.m-logo .m-logo-line{fill:var(--accent);opacity:.45}.m-logo .m-logo-hot{fill:var(--accent)}.m-avatar{color:hsl(var(--h) 70% 35%);background:hsl(var(--h) 85% 92%);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:inline-grid}@media (prefers-color-scheme:dark){.m-avatar{color:hsl(var(--h) 85% 80%);background:hsl(var(--h) 35% 24%)}}.m-boot{place-items:center;min-height:100vh;animation:1.2s ease-in-out infinite alternate m-pulse;display:grid}@keyframes m-pulse{0%{opacity:.35}}.m-welcome{overscroll-behavior:contain;box-sizing:border-box;background:radial-gradient(60rem 30rem at 50% -10%, var(--accent-soft), transparent 70%), var(--bg);height:100%;padding:24px 16px;display:flex;overflow-y:auto}.m-welcome-card{background:var(--panel);border:1px solid var(--line);width:100%;max-width:460px;box-shadow:var(--shadow);box-sizing:border-box;border-radius:20px;margin:auto;padding:36px 32px 28px}.m-welcome-card h1{margin:14px 0 6px;font-size:34px}.m-lead{color:var(--muted);margin:0 0 24px;font-size:16px}.m-welcome-form label{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.m-input-row{gap:8px;display:flex}.m-input-row input{flex:1}.m-rules{background:var(--panel-2);color:var(--muted);border-radius:12px;gap:6px;margin:24px 0 0;padding:18px 18px 18px 36px;font-size:14px;display:grid}.m-rules b{color:var(--text)}.m-shell{grid-template:"top top""side main"minmax(0,1fr)/340px minmax(0,1fr);height:100dvh;display:grid}.m-topbar{background:var(--panel);border-bottom:1px solid var(--line);grid-area:top;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex}.m-brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.m-topbar-right{align-items:center;gap:14px;min-width:0;display:flex}.m-conn{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.m-conn-dot{background:var(--red);border-radius:50%;width:8px;height:8px}.m-conn.is-on .m-conn-dot{background:var(--good);box-shadow:0 0 0 3px color-mix(in srgb, var(--good) 25%, transparent)}.m-me{align-items:center;gap:8px;min-width:0;font-weight:600;display:inline-flex}.m-me-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-side{overscroll-behavior:contain;background:var(--panel);border-right:1px solid var(--line);grid-area:side;overflow:hidden auto}.m-main{overscroll-behavior:contain;flex-direction:column;grid-area:main;display:flex;overflow:hidden auto}.m-bottom-nav{display:none}.m-lobby{padding:0 0 24px}.m-section{padding:16px 20px 4px}.m-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);align-items:center;gap:8px;margin:0 0 12px;font-size:12px;font-weight:700;display:flex}.m-count{background:var(--panel-2);color:var(--text);border-radius:99px;padding:2px 7px;font-size:11px}.m-play-card{text-align:left;width:100%;font:inherit;color:var(--text);border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:14px;transition:border-color .15s,transform .1s,box-shadow .15s;display:flex}.m-play-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.m-play-card:active{transform:translateY(1px)}.m-play-card strong{font-size:15px;display:block}.m-play-card small{color:var(--muted);margin-top:2px;font-size:13px;display:block}.m-play-icon{border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.m-play-match .m-play-icon{background:var(--accent-soft);color:var(--accent)}.m-play-match.is-searching{border-color:var(--accent);background:var(--accent-soft)}.m-bots{gap:8px;margin:0;padding:0;list-style:none;display:grid}.m-bot{text-align:left;width:100%;font:inherit;color:var(--text);border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;padding:12px;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.m-bot:hover{border-color:var(--accent);box-shadow:var(--shadow)}.m-bot:active{transform:translateY(1px)}.m-bot-text{flex:1;min-width:0}.m-bot-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.m-bot-text small{color:var(--muted);margin-top:2px;font-size:13px;display:block}.m-tough{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);flex:none;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.m-pips{gap:3px;display:inline-flex}.m-pips span{background:var(--line);border-radius:50%;width:6px;height:6px}.m-pips span.is-on{background:var(--accent)}.m-empty{color:var(--muted);margin:0 0 8px;font-size:14px}.m-list{margin:0;padding:0;list-style:none}.m-list-item{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:8px 0;display:flex}.m-list-item:last-child{border-bottom:none}.m-list-name{text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.m-list-name small{color:var(--muted);font-size:12px;font-weight:400;display:block}.m-vs{color:var(--muted);font-weight:400}.m-badge{color:var(--accent);background:var(--accent-soft);border-radius:99px;margin-left:8px;padding:2px 7px;font-size:11px;font-weight:600}.m-dot{background:var(--line);border-radius:50%;flex:none;width:8px;height:8px}.m-dot-live{background:var(--good)}.m-tabs{flex:none;gap:6px;padding:12px 20px 0;display:flex;overflow-x:auto}.m-tab{color:var(--muted);border:1px solid #0000;border-radius:10px;flex:none;align-items:center;gap:2px;padding-right:4px;display:flex}.m-tab.is-active{background:var(--panel);border-color:var(--line);color:var(--text);box-shadow:var(--shadow-sm)}.m-tab-main{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;max-width:220px;padding:8px 6px 8px 12px;font-size:14px;font-weight:600;display:inline-flex}.m-tab-main span:not(.m-tab-ping):not(.m-tab-over):not(.m-tab-turns){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-tab-ping{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px;animation:1.4s ease-out infinite m-ping}@keyframes m-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 60%, transparent)}to{box-shadow:0 0 0 8px #0000}}.m-tab-turns{font-size:12px}.m-tab-over{color:var(--muted);background:var(--panel-2);border-radius:99px;padding:1px 6px;font-size:11px;font-weight:600}.m-game{box-sizing:border-box;width:100%;max-width:600px;margin:0 auto;padding:20px 20px 32px}.m-game-live{flex-direction:column;flex:1;min-height:0;display:flex}.m-board-wrap{flex:1;place-items:center;min-height:240px;display:grid;container-type:size}.m-game-loading{min-height:300px;color:var(--muted);place-items:center;display:grid}.m-empty-game,.m-game-missing{text-align:center;margin-top:6vh}.m-empty-game h2,.m-game-missing h2{margin:0 0 6px;font-size:26px}.m-empty-game .m-rules{text-align:left;max-width:420px;margin:24px auto 0}.m-game-missing .m-btn{margin-top:16px}.m-scoreboard{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.m-scoreboard-vs{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.m-score{--c:var(--red);--c-soft:var(--red-soft);border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-top:3px solid var(--c);align-items:center;gap:10px;min-width:0;padding:10px 14px;transition:box-shadow .2s,background .2s;display:flex}.m-score-blue{--c:var(--blue);--c-soft:var(--blue-soft)}.m-score.is-active{background:var(--c-soft);box-shadow:0 0 0 2px var(--c), var(--shadow)}.m-score.is-winner{box-shadow:0 0 0 2px var(--c), var(--shadow)}.m-score-who{flex-direction:column;flex:1;min-width:0;display:flex}.m-score-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.m-you{color:var(--c);text-transform:uppercase;letter-spacing:.04em;margin-left:6px;font-size:11px;font-weight:600}.m-score-axis{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}.m-score-points{font-variant-numeric:tabular-nums;color:var(--c);letter-spacing:-.03em;font-size:28px;font-weight:800}.m-status{text-align:center;color:var(--muted);justify-content:center;align-items:center;height:3em;margin:12px 0 8px;display:flex;overflow:hidden}.m-status b{color:var(--text)}.m-status.is-mine b{color:var(--accent)}.m-result{border-radius:var(--radius);background:var(--panel-2);border:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 14px;padding:14px 16px;display:flex}.m-result.is-win{background:color-mix(in srgb, var(--good) 14%, var(--panel));border-color:color-mix(in srgb, var(--good) 45%, transparent)}.m-result strong{font-size:18px;display:block}.m-result span{color:var(--muted);font-size:14px}.m-result-actions{gap:8px;display:flex}.m-board{--c:var(--red);--c-soft:var(--red-soft);grid-template-columns:repeat(var(--n,8), minmax(0, 1fr));grid-template-rows:repeat(var(--n,8), minmax(0, 1fr));aspect-ratio:1;box-sizing:border-box;background:var(--panel);border:1px solid var(--line);width:min(100cqw,100cqh);box-shadow:var(--shadow);border-radius:18px;gap:clamp(3px,1vw,7px);padding:clamp(6px,1.6vw,12px);display:grid}.m-board-blue{--c:var(--blue);--c-soft:var(--blue-soft)}.m-cell{font:inherit;font-size:clamp(11px, calc(min(100cqw, 100cqh) / var(--n,8) * .36), 22px);font-variant-numeric:tabular-nums;color:var(--text);background:var(--cell);border:1px solid var(--line);border-radius:clamp(6px,1.4vw,10px);place-items:center;padding:0;font-weight:700;transition:background .15s,border-color .15s,transform .12s,box-shadow .15s,opacity .2s;display:grid}.m-cell:disabled{cursor:default}.m-cell.is-negative{color:var(--red)}.m-cell.is-big{font-weight:800}.m-cell.is-taken{background:var(--cell-taken);border-color:#0000}.m-cell.is-valid{background:var(--c-soft);border-color:color-mix(in srgb, var(--c) 45%, transparent)}.m-board.is-my-turn .m-cell.is-valid{cursor:pointer;border-color:var(--c)}.m-board.is-my-turn .m-cell.is-valid:hover{box-shadow:0 6px 14px color-mix(in srgb, var(--c) 35%, transparent);background:var(--panel);transform:translateY(-2px)scale(1.04)}.m-cell.is-current{background:var(--c);border-color:var(--c);position:relative}.m-cell.is-current:after{content:"";background:var(--panel);border-radius:50%;width:30%;height:30%}.m-board.is-over .m-cell:not(.is-taken){opacity:.55}.m-board.is-over .m-cell.is-current{background:var(--muted);border-color:var(--muted)}.m-game-meta{text-align:center;color:var(--muted);margin:14px 0 0;font-size:13px}.m-link{font:inherit;color:var(--accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.m-toasts{z-index:10;flex-direction:column;gap:10px;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.m-toast{box-sizing:border-box;background:var(--panel);width:340px;max-width:100%;color:var(--text);border:1px solid var(--line);border-left:4px solid var(--accent);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:12px;padding:12px 12px 12px 16px;animation:.2s ease-out m-toast-in;display:flex}.m-toast-error{border-left-color:var(--red)}.m-toast-muted{border-left-color:var(--line)}@keyframes m-toast-in{0%{opacity:0;transform:translateY(8px)}}.m-toast-text{flex:1;min-width:0}.m-toast-text strong{font-size:14px;display:block}.m-toast-text span{color:var(--muted);font-size:13px}.m-toast-actions{gap:6px;display:flex}@media (width<=860px){.m-shell{grid-template:"top""pane"minmax(0,1fr)"nav"/minmax(0,1fr)}.m-side,.m-main{border-right:none;grid-area:pane}.m-shell.show-game .m-side,.m-shell.show-lobby .m-main{display:none}.m-bottom-nav{background:var(--panel);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);grid-area:nav;grid-template-columns:1fr 1fr;display:grid}.m-bottom-nav button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:14px 0;font-size:14px;font-weight:600;box-shadow:inset 0 2px #0000}.m-bottom-nav button.is-active{color:var(--accent);box-shadow:inset 0 2px 0 var(--accent)}.m-bottom-nav button:disabled{opacity:.4}.m-toasts{bottom:64px}}@media (width<=520px){.m-topbar{padding:8px 12px}.m-conn-label,.m-hide-sm{display:none}.m-game{padding:10px 8px}.m-status{margin:6px 0 4px;font-size:14px}.m-result{margin:10px 0 8px;padding:10px 12px}.m-game-meta{margin-top:8px}.m-board-wrap{min-height:200px}.m-tabs{padding:10px 10px 0}.m-scoreboard{gap:6px}.m-scoreboard-vs{display:none}.m-scoreboard{grid-template-columns:1fr 1fr}.m-score{gap:8px;padding:8px 10px}.m-score .m-avatar{display:none}.m-score-points{font-size:22px}.m-welcome-card{padding:28px 20px 20px}.m-input-row{flex-direction:column}}.m-topbar{padding-top:calc(10px + env(safe-area-inset-top,0px));padding-left:calc(20px + env(safe-area-inset-left,0px));padding-right:calc(20px + env(safe-area-inset-right,0px))}.m-welcome{padding-top:calc(24px + env(safe-area-inset-top,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.m-toasts{right:calc(16px + env(safe-area-inset-right,0px))}@media (width<=520px){.m-topbar{padding-top:calc(8px + env(safe-area-inset-top,0px));padding-left:calc(12px + env(safe-area-inset-left,0px));padding-right:calc(12px + env(safe-area-inset-right,0px))}}.m-score{position:relative;overflow:hidden}.m-score-clock{background:var(--c);transform-origin:0;width:100%;height:3px;transform:scaleX(var(--f));transition:transform .25s linear;position:absolute;bottom:0;left:0}.m-score-clock.is-urgent{background:var(--red)}.m-score-clock.is-over{background:var(--red);animation:1s steps(2,start) infinite m-blink;transform:scaleX(1)}@keyframes m-blink{to{opacity:.25}}.m-score-points{animation:.35s ease-out m-pop}@keyframes m-pop{0%{transform:scale(1.35)}}.m-chip{white-space:nowrap;border-radius:99px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:700}.m-chip-penalty{color:var(--red);background:var(--red-soft)}.m-chip-bonus{color:var(--good);background:color-mix(in srgb, var(--good) 15%, transparent)}.m-clock{font-variant-numeric:tabular-nums;color:var(--text);background:var(--panel-2);border-radius:99px;margin-left:8px;padding:1px 8px;font-size:13px;font-weight:700;display:inline-block}.m-clock.is-urgent{color:var(--red)}.m-clock.is-over{color:#fff;background:var(--red)}.m-segment{background:var(--panel-2);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.m-segment button{font:inherit;color:var(--muted);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:9px;padding:8px 10px}.m-segment button strong{font-size:14px;display:block}.m-segment button small{font-size:12px}.m-segment button.is-on{background:var(--panel);color:var(--text);box-shadow:var(--shadow-sm)}.m-segment button:disabled{cursor:default;opacity:.6}.m-mode-help{color:var(--muted);margin:0;font-size:13px}.m-challenge-banner{background:var(--accent-soft);color:var(--text);border-radius:12px;margin:-8px 0 20px;padding:12px 14px}.m-play-challenge{margin-bottom:12px}.m-play-challenge .m-play-icon{background:var(--accent-soft)}.m-daily{align-items:center;gap:8px;display:flex}.m-daily .m-play-card{flex:1;min-width:0}.m-play-daily .m-play-icon{background:var(--accent-soft)}.m-play-puzzle .m-play-icon{background:#fff4d6}.m-stars{color:#e0a400;letter-spacing:1px;font-size:12px}.m-puzzle-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin:10px 0 0;padding:0;list-style:none;display:grid}.m-puzzle-grid button{aspect-ratio:1;border:1px solid var(--line);background:var(--cell);width:100%;min-width:0;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:0;font-size:12px;font-weight:600}.m-puzzle-grid button:hover{border-color:var(--accent)}.m-puzzle-grid button.is-solved{background:var(--good);border-color:var(--good);color:#fff}.m-analysis{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);overscroll-behavior:contain;max-height:32vh;margin:0 0 12px;padding:12px 14px;font-size:14px;overflow-y:auto}.m-analysis-player p{margin:0 0 6px}.m-mistakes{gap:4px;margin:0 0 8px;padding:0;list-style:none;display:grid}.m-mistakes button{text-align:left;width:100%;font:inherit;color:var(--text);background:var(--panel-2);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:6px 10px}.m-mistakes button:hover{border-color:var(--accent)}.m-verdict{text-transform:uppercase;letter-spacing:.04em;margin-right:8px;font-size:11px;font-weight:700;display:inline-block}.m-verdict-blunder{color:var(--red)}.m-verdict-mistake{color:#d97706}.m-verdict-inaccuracy{color:var(--muted)}.m-good{color:var(--good)}.m-review{align-items:center;gap:8px;display:flex}.m-review .m-icon-btn{width:36px;height:36px;font-size:24px}.m-review .m-icon-btn:disabled{opacity:.3}.m-review-text{flex-direction:column;flex:1;min-width:0;display:flex}.m-board.is-review .m-cell:disabled{opacity:1}.m-cell.is-played,.m-cell.is-best{outline:3px solid var(--red);outline-offset:1px;z-index:1;position:relative}.m-cell.is-best{outline-color:var(--good)}.m-cell.is-played:before,.m-cell.is-best:before{text-transform:uppercase;color:#fff;background:var(--red);border-radius:4px;padding:0 4px;font-size:9px;font-weight:800;line-height:14px;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.m-cell.is-played:before{content:"you"}.m-cell.is-best:before{content:"best";background:var(--good)}.m-score{overflow:visible}.m-score .m-score-clock{border-radius:0 0 var(--radius) var(--radius)}.m-bubble{pointer-events:none;z-index:2;font-size:30px;animation:1.8s ease-out forwards m-bubble;position:absolute;top:-6px;right:14px}@keyframes m-bubble{0%{opacity:0;transform:translateY(10px)scale(.4)}15%{opacity:1;transform:translateY(-14px)scale(1.15)}70%{opacity:1;transform:translateY(-34px)scale(1)}to{opacity:0;transform:translateY(-54px)scale(.9)}}.m-reactions{justify-content:center;gap:4px;margin-top:10px;display:flex}.m-reactions button{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:10px;width:36px;height:32px;padding:0;font-size:18px;transition:transform .1s}.m-reactions button:active{transform:scale(.88)}@media (width<=520px){.m-reactions{margin-top:6px}.m-reactions button{width:34px;height:28px;font-size:16px}}.m-play-card.is-on{border-color:var(--good)}.m-play-card:disabled{opacity:.6;cursor:default}.m-segment-3{grid-template-columns:1fr 1fr 1fr}.m-cell.has-special{position:relative}.m-special{pointer-events:none;font-size:.5em;font-weight:800;line-height:1;position:absolute;top:2px;right:3px}.m-cell.is-double:not(.is-valid){background:color-mix(in srgb, #f5b544 22%, var(--cell))}.m-cell.is-double .m-special{color:#c27c0e}.m-cell.is-switch:not(.is-valid){background:color-mix(in srgb, var(--accent) 16%, var(--cell))}.m-cell.is-switch .m-special{color:var(--accent);font-size:.6em}.m-cell.is-bomb:not(.is-valid){background:color-mix(in srgb, #555 18%, var(--cell))}.m-stats-line{color:var(--muted);margin:0 0 10px;font-size:14px}.m-stats-line b{color:var(--text)}.m-badges{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.m-badge-icon{background:var(--panel-2);filter:grayscale();opacity:.35;border-radius:10px;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.m-badge-icon.is-earned{filter:none;opacity:1;background:var(--accent-soft)}.m-badge-list{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.m-badge-list li{opacity:.5;align-items:center;gap:10px;display:flex}.m-badge-list li.is-earned{opacity:1}.m-badge-list small{color:var(--muted);font-size:12px;display:block}.m-leaderboard{margin:0;padding:0;list-style:none}.m-leaderboard li{border-radius:8px;align-items:center;gap:10px;padding:6px 8px;display:flex}.m-leaderboard li.is-me{background:var(--accent-soft)}.m-rank{text-align:right;width:18px;color:var(--muted);font-variant-numeric:tabular-nums;font-weight:700}.m-rating{font-variant-numeric:tabular-nums;font-weight:800}.m-small{font-size:12px}.m-reactions .m-hint-btn{border-color:#f5b400;align-items:center;gap:4px;width:auto;margin-right:6px;padding:0 8px;display:inline-flex}.m-reactions .m-hint-btn:disabled{opacity:.45;cursor:default}.m-hint-count{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:0 6px;font-size:11px;font-weight:700}.m-cell.is-hint{outline-offset:-3px;outline:3px solid #f5b400;animation:1s ease-in-out infinite alternate m-hint-pulse}@keyframes m-hint-pulse{0%{box-shadow:0 0 #f5b4008c}to{box-shadow:0 0 0 6px #f5b40000}}@media (prefers-reduced-motion:reduce){.m-cell.is-hint{animation:none}}.m-cell.is-fogged{color:var(--muted);background:repeating-linear-gradient(135deg, var(--panel-2) 0 6px, var(--cell) 6px 12px);opacity:.85;font-weight:500}.m-lobby-tabs{z-index:2;background:var(--panel);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:2px;padding:10px 16px 0;display:grid;position:sticky;top:0}.m-lobby-tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:5px;padding:8px 4px 10px;font-size:14px;font-weight:600;display:inline-flex;position:relative;box-shadow:inset 0 -2px #0000}.m-lobby-tabs button:hover{color:var(--text)}.m-lobby-tabs button.is-active{color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.m-tab-count{background:var(--accent-soft);min-width:18px;color:var(--accent);border-radius:99px;padding:0 5px;font-size:11px}.m-tab-dot{background:var(--red);border-radius:50%;width:7px;height:7px}.m-lobby-panel{padding-bottom:8px}.m-nudge{border-color:var(--accent);background:var(--accent-soft)}.m-puzzle-grid button.is-next{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.m-sheet-backdrop{z-index:50;background:#0f111a73;place-items:center;padding:16px;animation:.15s ease-out m-fade-in;display:grid;position:fixed;inset:0}.m-sheet{background:var(--panel);width:min(440px,100%);max-height:calc(100dvh - 32px);color:var(--text);border-radius:18px;flex-direction:column;animation:.18s ease-out m-sheet-in;display:flex;box-shadow:0 20px 60px #00000040}.m-sheet-head{align-items:flex-start;gap:12px;padding:18px 18px 6px;display:flex}.m-sheet-head>div{flex:1;min-width:0}.m-sheet-head h2{margin:0;font-size:18px}.m-sheet-head p{color:var(--muted);margin:2px 0 0;font-size:13px}.m-sheet-body{gap:10px;padding:12px 18px;display:grid;overflow-y:auto}.m-toggles{border:1px solid var(--line);border-radius:12px;display:grid}.m-toggle{cursor:pointer;align-items:center;gap:12px;padding:10px 12px;display:flex}.m-toggle+.m-toggle{border-top:1px solid var(--line)}.m-toggle>span{flex:1;min-width:0}.m-toggle strong{font-size:14px;display:block}.m-toggle small{color:var(--muted);font-size:12px;display:block}.m-toggle input{appearance:none;background:var(--line);cursor:pointer;border-radius:99px;flex:none;width:40px;height:24px;margin:0;transition:background .15s;position:relative}.m-toggle input:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.m-toggle input:checked{background:var(--accent)}.m-toggle input:checked:after{transform:translate(16px)}.m-toggle input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.m-sheet-foot{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 18px 18px;display:flex}.m-sheet-summary{min-width:0;color:var(--muted);flex:1;font-size:13px}@keyframes m-fade-in{0%{opacity:0}}@keyframes m-sheet-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}@media (width<=520px){.m-sheet-backdrop{place-items:end stretch;padding:0}.m-sheet{border-radius:18px 18px 0 0;width:100%;max-height:92dvh}.m-sheet-foot{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.m-sheet-foot .m-btn{flex:none}.m-lobby-tabs{padding:6px 8px 0}}@media (prefers-reduced-motion:reduce){.m-sheet,.m-sheet-backdrop{animation:none}}