:root{--bg:#faf8fb;--surface:#fff;--surface-2:#f3eff4;--text:#17153d;--muted:#5a5770;--accent:#8e3279;--accent-text:#fff;--accent-soft:#f6e9f3;--warm:#e5481f;--card-back:#973983;--card-back-dot:#ffffff29;--card-face:#fff;--card-border:#e4dfe6;--line-strong:#cfc8d2;--match:#1b7a3d;--focus:#f24b27;--error:#b3261e;--shadow:0 1px 2px #1418280f, 0 1px 3px #1418280f;--shadow-lg:0 12px 32px #1418281f;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#100e1f;--surface:#19172d;--surface-2:#221f39;--text:#f1eff7;--muted:#aaa6c0;--accent:#e08fcf;--accent-text:#100e1f;--accent-soft:#33223f;--warm:#ff7a52;--card-back:#8a3378;--card-back-dot:#ffffff21;--card-face:#232038;--card-border:#2e2a47;--line-strong:#3e395c;--match:#4cc27a;--focus:#ff7a52;--error:#ff8a80;--shadow:0 1px 2px #0006;--shadow-lg:0 16px 40px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#100e1f;--surface:#19172d;--surface-2:#221f39;--text:#f1eff7;--muted:#aaa6c0;--accent:#e08fcf;--accent-text:#100e1f;--accent-soft:#33223f;--warm:#ff7a52;--card-back:#8a3378;--card-back-dot:#ffffff21;--card-face:#232038;--card-border:#2e2a47;--line-strong:#3e395c;--match:#4cc27a;--focus:#ff7a52;--error:#ff8a80;--shadow:0 1px 2px #0006;--shadow-lg:0 16px 40px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif;font-size:18px;line-height:1.5}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.top{justify-content:space-between;align-items:center;max-width:640px;margin:0 auto;padding:12px 16px;display:flex}.logo{letter-spacing:-.02em;margin:0;font-size:1.6rem}.icon-btn{border:1px solid var(--card-border);background:var(--surface);cursor:pointer;border-radius:12px;min-width:48px;min-height:48px;font-size:1.3rem}.wrap{max-width:640px;margin:0 auto;padding:0 16px 32px}.modes{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (width>=520px){.modes{grid-template-columns:repeat(var(--count,4), 1fr)}}.mode{border:1px solid var(--card-border);background:var(--surface);cursor:pointer;border-radius:12px;min-height:48px;padding:8px 12px;font-weight:600}.mode[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.note{color:var(--muted);min-height:1.5em;margin:12px 0 0;font-size:1rem}.stats{justify-content:space-between;margin:8px 0 12px;font-size:1.05rem;display:flex}.stats strong{margin-left:4px}.board{grid-template-columns:repeat(var(--cols,4), 1fr);max-width:max(calc(var(--cols,4) * 56px), min(calc(var(--cols,4) * 118px), calc((100svh - 300px) / var(--rows,4) * .75 * var(--cols,4) + (var(--cols,4) - 1) * 8px)));gap:8px;margin:0 auto;display:grid}.card{aspect-ratio:3/4;perspective:600px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;min-height:48px;padding:0;position:relative}.card-inner{transform-style:preserve-3d;transition:transform .35s;position:absolute;inset:0}.card.is-up .card-inner,.card.is-matched .card-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;box-shadow:var(--shadow);border-radius:12px;place-items:center;display:grid;position:absolute;inset:0}.card-back{background-color:var(--card-back);background-image:radial-gradient(var(--card-back-dot) 2px, transparent 2.5px);background-size:14px 14px}.card-front{background:var(--card-face);border:1px solid var(--card-border);font-size:clamp(1.8rem,9vw,3rem);line-height:1;transform:rotateY(180deg)}.card.is-matched .card-front{border:3px solid var(--match)}.card.is-matched{cursor:default}.actions{justify-content:center;margin-top:20px;display:flex}.btn{border:1px solid var(--card-border);background:var(--surface);cursor:pointer;border-radius:12px;min-height:48px;padding:10px 20px;font-weight:600}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-quiet{background:0 0}.win{background:var(--surface);width:min(92vw,380px);color:var(--text);text-align:center;border:0;border-radius:16px;padding:24px 20px;box-shadow:0 10px 40px #0000004d}.win::backdrop{background:#00000073}.win h2{margin:0;font-size:1.6rem}.stars{letter-spacing:6px;margin:8px 0;font-size:2.2rem}.win-stats{justify-content:center;gap:32px;margin:8px 0;display:flex}.win-stats dt{color:var(--muted);font-size:.95rem}.win-stats dd{margin:0;font-size:1.4rem;font-weight:700}.win-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.win-actions .btn{flex:140px}@media (prefers-reduced-motion:reduce){.card-inner{transition:none}}.board[data-mode=easy]{--cols:3}.board[data-mode=hard]{--rows:6}@media (width>=520px){.board[data-mode=easy]{--cols:4;--rows:3}.board[data-mode=hard]{--cols:6;--rows:4}}.top{gap:8px}.who{align-items:center;gap:2px;min-width:0;margin-left:auto;font-size:1rem;display:flex}.who-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.link-btn{min-height:48px;color:var(--accent);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 8px;font-size:.95rem;text-decoration:underline}.name-dialog{text-align:left}.name-dialog h2{margin:0 0 12px;font-size:1.5rem;line-height:1.25}.name-label{margin-bottom:6px;font-weight:600;display:block}.name-dialog input,.friend-form input{border:1px solid var(--card-border);background:var(--bg);width:100%;min-height:52px;color:var(--text);font:inherit;border-radius:12px;padding:10px 14px;font-size:1.15rem}.name-dialog input[aria-invalid=true]{border-color:var(--error)}.name-error{min-height:1.5em;color:var(--error);margin:6px 0 0;font-size:1rem;font-weight:600}.name-error.is-ok{color:var(--match)}.name-ideas{flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 6px;display:flex}.name-ideas .note{margin:0}.name-ideas-list{display:contents}.name-idea{border:1px solid var(--card-border);background:var(--accent-soft);min-height:40px;color:var(--accent);font:inherit;cursor:pointer;border-radius:999px;padding:6px 14px;font-weight:600}.name-idea:hover{border-color:var(--accent)}.name-dialog .note{margin-top:4px}.name-actions{gap:10px;margin-top:20px;display:flex}.name-actions .btn{flex:1}.name-actions .btn-primary{white-space:nowrap;flex:2}.logo,.icon-btn{flex-shrink:0}.actions{flex-wrap:wrap;gap:10px}.win-save{min-height:1.5em;margin:8px 0 0;font-size:1.1rem;font-weight:700}.board-head{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.board-head h2{margin:0;font-size:1.5rem}.tabs{grid-template-columns:repeat(var(--count,4), 1fr);gap:6px;margin-top:12px;display:grid}.tab{border:1px solid var(--card-border);background:var(--surface);cursor:pointer;border-radius:12px;min-height:48px;padding:6px 4px;font-size:1rem;font-weight:600}.tab[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.ranks{margin:8px 0 0;padding:0;list-style:none}.rank-row,.me-rank{border-bottom:1px solid var(--card-border);font-variant-numeric:tabular-nums;grid-template-columns:2.6em 1fr auto auto;align-items:center;gap:8px;min-height:48px;padding:6px 10px;display:grid}.rank-row .num{color:var(--muted);font-weight:700}.rank-row .name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.rank-row .moves{white-space:nowrap;color:var(--muted);text-align:right;font-size:.95rem}.rank-row.is-me,.me-rank{border:2px solid var(--accent);background:var(--surface);border-radius:12px}.rank-row.is-me .num{color:var(--text)}.me-rank{margin-top:12px;font-weight:600;display:block}a{color:var(--accent);text-underline-offset:3px}a.logo{min-height:48px;color:var(--text);align-items:center;font-weight:800;text-decoration:none;display:inline-flex}.play-link{align-items:center;margin-left:auto;text-decoration:none;display:inline-flex}.site-footer{border-top:1px solid var(--card-border);max-width:640px;color:var(--muted);text-align:center;margin:40px auto 0;padding:16px 16px 32px;font-size:.95rem}.site-footer nav{flex-wrap:wrap;justify-content:center;column-gap:4px;display:flex}.site-footer nav a{align-items:center;min-height:48px;padding:0 10px;display:inline-flex}.site-footer p{margin:8px 0 0}.prose{font-size:1.1rem;line-height:1.7}.prose h1{margin:16px 0 8px;font-size:2rem;line-height:1.2}.prose h2{margin:32px 0 8px;font-size:1.4rem;line-height:1.3}.prose p,.prose li{max-width:65ch}.prose li+li{margin-top:6px}.prose .lede{color:var(--muted);font-size:1.2rem}.prose .cta{align-items:center;margin-top:16px;text-decoration:none;display:inline-flex}.tip-list{padding:0;list-style:none}.tip-list li{border:1px solid var(--card-border);background:var(--surface);border-radius:12px;margin:0 0 12px;padding:14px 16px}.tip-list a{font-size:1.15rem;font-weight:700}.tip-list p{color:var(--muted);margin:4px 0 0;font-size:1rem}.ad-slot{text-align:center;min-height:100px;margin:150px auto 0}.ad-article{margin-top:48px}.ad-label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin:0 0 4px;font-size:.8rem}.game-title{margin:4px 0 12px;font-size:1.6rem}.btn-big{min-height:56px;padding:12px 36px;font-size:1.2rem}.start-card,.done-panel,.challenge-banner,.hub-card{border:1px solid var(--card-border);background:var(--surface);border-radius:16px;margin:12px 0;padding:16px}.start-card{text-align:center}.start-card p{margin:0 0 16px}.challenge-banner{border-color:var(--accent);align-items:center;gap:8px;display:flex}.challenge-banner p{flex:1;margin:0;font-weight:600}.done-panel h2{margin:0 0 4px;font-size:1.4rem}.done-result{margin:0;font-size:1.15rem;font-weight:700}.win-pb,.win-vs{margin:8px 0 0;font-weight:700}.win-badges{margin:8px 0 0;padding:0;font-weight:600;list-style:none}.win-extra{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;margin-top:8px;display:flex}.win-extra .note{width:100%;margin:0}.win-stats{flex-wrap:wrap;gap:8px 28px}.view-switch{gap:6px;margin-top:12px;display:flex}.view-switch .btn{flex:1}.view-switch .btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--surface)}.rank-row .remove-friend{grid-column:1/-1;justify-self:end;min-height:36px}.friend-form{margin-top:16px}.friend-row{gap:8px;display:flex}.friend-row input{flex:1}body{-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif}h1,h2,h3{letter-spacing:-.02em}.icon-sprite{width:0;height:0;position:absolute;overflow:hidden}.i{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em;flex-shrink:0;width:1.15em;height:1.15em}[data-game=pairup]{--game:#973983}[data-game=math]{--game:#e2481f}[data-game=sudoku]{--game:#0b7d76}[data-game=sequence]{--game:#3f3a9c}.game-icon{background:color-mix(in srgb, var(--game) 13%, var(--surface));width:44px;height:44px;color:var(--game);border-radius:12px;flex-shrink:0;place-items:center;display:inline-grid}.game-icon .i{vertical-align:0;width:24px;height:24px}.game-icon.is-small{border-radius:9px;width:32px;height:32px}.game-icon.is-small .i{width:18px;height:18px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .game-icon{color:color-mix(in srgb, var(--game) 55%, white);background:color-mix(in srgb, var(--game) 26%, var(--surface))}}:root[data-theme=dark] .game-icon{color:color-mix(in srgb, var(--game) 55%, white);background:color-mix(in srgb, var(--game) 26%, var(--surface))}.top{z-index:10;border-bottom:1px solid var(--card-border);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);max-width:none;padding:8px max(16px,50% - 304px);position:sticky;top:0}a.logo{gap:8px;font-size:1.25rem;font-weight:800}.logo-mark{width:30px;height:30px}.top-nav{display:none}@media (width>=720px){.top{padding-inline:max(16px,50% - 464px)}.top-nav{gap:2px;margin-left:16px;display:flex}.top-nav a{min-height:40px;color:var(--muted);border-radius:10px;align-items:center;padding:0 12px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.top-nav a:hover{background:var(--surface-2);color:var(--text)}}.icon-btn{border:1px solid var(--card-border);background:var(--surface);color:var(--text);border-radius:12px;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-2)}.who{font-size:.95rem}.link-btn{font-weight:600;text-decoration:none}.link-btn:hover{text-decoration:underline}.wrap{padding-top:12px}.btn{border:1px solid var(--line-strong);box-shadow:var(--shadow);justify-content:center;align-items:center;gap:8px;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn-primary,.btn-primary:hover{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.btn-primary:hover{filter:brightness(1.06)}.btn-quiet{border-color:var(--card-border);background:var(--surface);box-shadow:none}.btn:disabled{opacity:.5;cursor:default}.modes,.tabs{border:1px solid var(--card-border);background:var(--surface-2);border-radius:14px;gap:4px;padding:4px}.mode,.tab{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:10px}.mode:hover,.tab:hover{color:var(--text)}.mode[aria-pressed=true],.tab[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.mode,.tab{min-height:48px}.view-switch .btn[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.start-card,.done-panel,.challenge-banner,.hub-card,.totals div,.stat-card,.badge,.tip-list li{border-radius:var(--radius);box-shadow:var(--shadow)}.challenge-banner{border-color:color-mix(in srgb, var(--accent) 40%, var(--card-border));background:var(--accent-soft)}.challenge-banner>.i{color:var(--accent)}.done-panel h2{align-items:center;gap:10px;display:flex}.done-check{background:var(--match);width:30px;height:30px;color:var(--surface);border-radius:50%;place-items:center;display:inline-grid}.game-title{align-items:center;gap:12px;margin:8px 0 16px;font-size:1.7rem;display:flex}.stats{color:var(--muted)}.stats strong{color:var(--text)}.card-front,.card-back{border-radius:12px}.card.is-matched .card-front{border-width:2px}.win{border:1px solid var(--card-border);box-shadow:var(--shadow-lg);border-radius:20px;padding:28px 22px 20px}.win::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0c1280}.win-stats{background:var(--surface-2);border-radius:12px;margin:14px 0 6px;padding:12px}.win-pb{color:var(--match)}.win-badges li{background:var(--accent-soft);color:var(--accent);border-radius:999px;margin:4px 3px 0;padding:4px 10px;font-size:.9rem;display:inline-block}.win .win-actions .btn-primary{flex-basis:100%;order:-1}.board-head h2{font-size:1.35rem}.rank-row{border-bottom-color:var(--card-border)}.rank-row .num{border-radius:50%;place-items:center;width:2.2em;height:2.2em;font-size:.9rem;display:inline-grid}.ranks li:first-child .num{color:#3d2e00;background:#f5c542}.ranks li:nth-child(2) .num{color:#262b33;background:#d5d9e0}.ranks li:nth-child(3) .num{color:#3a1f0b;background:#e3a679}.rank-row.is-me,.me-rank{border:1px solid var(--accent);background:var(--accent-soft)}.hub-hero{margin:8px 0 16px}.eyebrow{color:var(--accent);letter-spacing:.02em;margin:0;font-size:.9rem;font-weight:700}.hub-title{margin:4px 0;font-size:clamp(1.9rem,7vw,2.4rem);line-height:1.15}.hub-sub{color:var(--muted);margin:0}.streak-title{align-items:center;gap:8px;display:flex}.streak-title .i{color:var(--warm)}.milestone{background:var(--surface-2);height:8px}.milestone span{background:var(--warm);border-radius:4px}.hub-game{border:1px solid var(--card-border);box-shadow:var(--shadow);align-items:flex-start;transition:transform .15s,box-shadow .15s,border-color .15s}.hub-game:hover{border-color:var(--line-strong);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hub-game.is-done{border-color:color-mix(in srgb, var(--match) 45%, var(--card-border))}.hub-status{align-items:center;gap:6px;font-size:.95rem;display:inline-flex}.tomorrow-list li{align-items:center;gap:10px;padding:6px 0;display:flex}.tomorrow-list li+li{border-top:1px solid var(--card-border)}.hub-links a{gap:8px;text-decoration:none}@media (prefers-reduced-motion:reduce){.hub-game,.btn{transition:none}.hub-game:hover{transform:none}}.stat-card h3{justify-content:flex-start;gap:10px}.stat-card h3 a{margin-left:auto}.badge:not(.is-earned) .badge-icon{filter:grayscale();opacity:.5}.badge.is-earned{border-color:color-mix(in srgb, var(--warm) 55%, var(--card-border))}.site-footer{background:var(--surface);max-width:none;margin-top:56px;padding:28px max(16px,50% - 304px) 36px;font-size:.92rem}.footer-brand{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}.footer-brand strong{color:var(--text);font-size:1.05rem}.site-footer nav a{color:var(--muted);text-decoration:none}.site-footer nav a:hover{color:var(--text);text-decoration:underline}.owner-social{flex-wrap:wrap;gap:10px;display:flex}.owner-social a{border:1px solid var(--card-border);background:var(--surface);min-height:44px;color:var(--text);border-radius:999px;align-items:center;gap:10px;padding:8px 16px 8px 8px;font-weight:600;text-decoration:none;display:inline-flex}.owner-social a:hover{border-color:var(--accent)}.owner-social svg{flex-shrink:0;width:28px;height:28px}.footer-social{justify-content:center;gap:8px;display:flex;margin:4px 0 12px!important}.footer-social a{border:1px solid var(--card-border);width:44px;height:44px;color:var(--muted);border-radius:50%;place-items:center;display:inline-grid}.footer-social a:hover{border-color:var(--accent);color:var(--accent)}.footer-credit{font-size:.85rem;margin-top:12px!important}.answer,.sd-pad button{box-shadow:var(--shadow)}.sd-pad button{place-items:center;display:inline-grid}.sd-grid{box-shadow:var(--shadow);border-width:2px}.sd-cell:nth-child(4n+2){border-right-width:2px}.sd-cell:nth-child(n+5):nth-child(-n+8){border-bottom-width:2px}.sd-cell.is-selected{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.timebar{background:var(--surface-2);height:6px}.prose h1{font-size:clamp(1.8rem,6vw,2.2rem)}.hub-status.is-play{flex-direction:row-reverse;justify-content:flex-end}.hub-card>p:first-child,.hub-card>h2:first-child{margin-top:0}.win-extra .link-btn{align-items:center;display:inline-flex}.hub-name .win-actions .btn{flex:0 auto}.logo-mark{border-radius:8px;width:32px;height:32px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-mark{background:#fff;padding:2px}}:root[data-theme=dark] .logo-mark{background:#fff;padding:2px}a.logo span{letter-spacing:-.01em}.back-link{min-height:44px;color:var(--muted);border-radius:10px;align-items:center;gap:6px;margin-left:-4px;padding:0 8px 0 4px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{background:var(--surface-2);color:var(--text)}.back-link+.game-title{margin-top:0}@media (width<=380px){a.logo{gap:6px;font-size:1.08rem}.logo-mark{width:28px;height:28px}}#change-name .i{display:none}@media (width<=380px){#change-name.has-name{justify-content:center;min-width:44px;padding:0 6px}#change-name.has-name .i{display:inline}#change-name.has-name .who-action{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}#change-name{align-items:center;gap:4px;display:inline-flex}.consent{border:0;margin:12px 0 0;padding:0}.check{cursor:pointer;align-items:flex-start;gap:10px;min-height:44px;padding:6px 0;font-size:.98rem;display:flex}.check input{width:22px;height:22px;accent-color:var(--accent);flex-shrink:0;margin:2px 0 0}#name-why{margin:-4px 0 14px}.faq{margin-top:24px}.faq details{border-bottom:1px solid var(--card-border)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:12px 0;font-size:1.08rem;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);flex-shrink:0;font-size:1.5rem;font-weight:400;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--muted);margin:0 0 16px}.board-icon{--game:#e5a000}.game-picker{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (width>=620px){.game-picker{grid-template-columns:repeat(4,1fr)}}.game-pick{border:1px solid var(--card-border);background:var(--surface);min-height:52px;color:var(--text);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:8px;padding:6px 10px 6px 6px;font-weight:700;display:flex}.game-pick[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.leaderboard-page .view-switch{margin-top:16px}.board-panel{border:1px solid var(--card-border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);margin-top:16px;padding:16px}.board-panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.board-panel-head h2{margin:0;font-size:1.2rem}.board-panel-head .link-btn{align-items:center;display:inline-flex}.board-panel .note:empty{display:none}.tabbar{z-index:20;padding:4px 4px max(4px, env(safe-area-inset-bottom));border-top:1px solid var(--card-border);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.tabbar a{min-height:52px;color:var(--muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.75rem;font-weight:600;text-decoration:none;display:flex}.tabbar .i{width:22px;height:22px}.tabbar a[aria-current=page]{color:var(--accent);background:var(--accent-soft)}body:not(.is-game){padding-bottom:calc(64px + env(safe-area-inset-bottom))}body.is-game .tabbar{display:none}@media (width>=720px){.tabbar{display:none}body:not(.is-game){padding-bottom:0}}.top-nav a[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.game-head{align-items:center;gap:10px;margin:4px 0 12px;display:flex}.game-head .game-title{margin:0;font-size:1.45rem}.game-head .game-icon{border-radius:10px;width:36px;height:36px}.game-head .game-icon .i{width:20px;height:20px}.back-btn{flex-shrink:0}.is-game .modes{grid-template-columns:repeat(var(--count,4), 1fr)}.is-game .mode{min-height:44px;padding:6px 4px;font-size:.95rem}.is-game .note{margin-top:8px;font-size:.92rem}.win{position:relative}.win-corner{min-width:44px;min-height:44px;box-shadow:none;color:var(--muted);background:0 0;border:0;position:absolute;top:10px;right:10px}.win-corner-left{left:10px;right:auto}.win .win-actions .btn:not(.btn-primary){flex:120px}.win-feedback{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 8px;padding:8px 10px;display:flex}.fb-q{font-size:.95rem}.fb-stars{margin-top:0}.fb-stars button{min-width:40px;font-size:1.6rem}.fb-more,.win-feedback .note{flex-basis:100%}.win-extra:not(:has(>:not([hidden]))){display:none}a.btn{text-decoration:none}.win .win-actions .btn:not(.btn-primary){flex:1 1 0;min-width:0;padding:10px 12px}a.btn:not(.btn-primary){color:var(--text)}.win .win-actions .btn:not(.btn-primary){gap:6px;font-size:.95rem}h2[id]{scroll-margin-top:80px}