:root{--bg: #14111d;--surface: #211c30;--surface-2: #2c2540;--ink: #f3eefe;--muted: #9a8fb8;--accent: #ffb020;--done: #35d6a4;--error: #ff5d6c;--accent-ink: var(--accent);--done-ink: var(--done);--error-ink: var(--error);--backdrop: rgba(8, 6, 14, .72);color-scheme:dark;--font: system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "SFMono-Regular", monospace}:root[data-theme=light]{--bg: #f6f3fb;--surface: #ffffff;--surface-2: #ece6f6;--ink: #1b1530;--muted: #5d5477;--accent: #ffb020;--done: #1fa774;--error: #e0384d;--accent-ink: #9a5800;--done-ink: #0a6446;--error-ink: #b8203a;--backdrop: rgba(27, 21, 48, .45);color-scheme:light}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #f6f3fb;--surface: #ffffff;--surface-2: #ece6f6;--ink: #1b1530;--muted: #5d5477;--accent: #ffb020;--done: #1fa774;--error: #e0384d;--accent-ink: #9a5800;--done-ink: #0a6446;--error-ink: #b8203a;--backdrop: rgba(27, 21, 48, .45);color-scheme:light}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font)}.app{max-width:520px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));gap:14px}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.logo{margin:0;font-weight:800;font-size:1.2rem}.logo:after{content:""}.logo-btn{border:0;padding:0;background:none;color:inherit;font:inherit;cursor:pointer;border-radius:8px}.tagline{color:var(--muted);font-size:.78rem;flex:1;text-align:right}.bell{position:relative;border:0;background:var(--surface);border-radius:12px;padding:6px 9px;font-size:1.05rem;cursor:pointer;line-height:1}.bell-badge{position:absolute;top:-6px;right:-6px;min-width:1.2rem;height:1.2rem;padding:0 4px;border-radius:999px;background:var(--error);color:#fff;font-size:.7rem;font-weight:800;display:grid;place-items:center}.notif-list{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px;width:100%;max-height:50vh;overflow-y:auto;text-align:left}.notif-row{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--surface-2);color:var(--muted);font-size:.9rem}.notif-row.unread{color:var(--ink);font-weight:600}.notif-icon{flex:none}.tag.hot{color:var(--error-ink)}.tag.live{color:var(--done-ink)}.tour-when{margin:0;color:var(--accent-ink);font-weight:700}.tour-me{font-weight:700}.badges{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:8px}.badge-item{display:flex;flex-direction:column;gap:3px;padding:10px;border-radius:12px;background:var(--surface-2)}.badge-item:not(.on) .badge-icon{opacity:.45;filter:grayscale(1)}.badge-item:not(.on) .badge-name{color:var(--muted)}.badge-item.on{outline:1px solid color-mix(in srgb,var(--accent) 50%,transparent)}.badge-icon{font-size:1.5rem}.badge-name{font-weight:800;font-size:.85rem}.badge-desc{color:var(--muted);font-size:.75rem;line-height:1.3}.progress{position:relative;height:1rem;border-radius:999px;background:var(--bg);overflow:hidden;margin-top:3px}.progress span{position:absolute;inset:0 auto 0 0;background:var(--accent)}.progress em{position:relative;display:block;text-align:center;font-size:.65rem;font-style:normal;font-weight:800;line-height:1rem;color:var(--ink);text-shadow:0 0 3px var(--bg),0 0 2px var(--bg)}.me-btn{border:0;background:var(--surface);border-radius:12px;padding:5px 8px;font-size:1.15rem;cursor:pointer;line-height:1}.profile{display:flex;flex-direction:column;gap:12px;padding-top:4px}.profile h2{margin:0}.card{background:var(--surface);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.card h3{margin:0;font-size:.95rem}.card p{margin:0}.small{font-size:.8rem}.avatars{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.avatar{aspect-ratio:1;border:2px solid transparent;border-radius:12px;background:var(--surface-2);font-size:1.5rem;cursor:pointer}.avatar.on{border-color:var(--accent)}.name-form{display:flex;gap:8px}.name-form input{flex:1;min-width:0;padding:10px 12px;border-radius:12px;border:1px solid var(--surface-2);background:var(--bg);color:var(--ink);font:inherit}.name-form button,.profile .card button:not(.avatar):not(.danger-link):not(.frame-opt):not(.secondary-btn){border:0;border-radius:12px;padding:10px 14px;font-weight:700;background:var(--accent);color:#2a1c00;cursor:pointer}.name-form button:disabled{opacity:.5;cursor:default}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0}.stats div{background:var(--surface-2);border-radius:12px;padding:10px}.stats dt{color:var(--muted);font-size:.75rem}.stats dd{margin:2px 0 0;font-weight:800;font-size:1.2rem;font-variant-numeric:tabular-nums}.status{margin:0;font-weight:700}.status.ok{color:var(--done-ink)}.danger-link{align-self:flex-start;margin-top:6px;background:none;border:0;padding:0;color:var(--error-ink);text-decoration:underline;cursor:pointer;font-size:.85rem}.modal-actions button.danger{background:var(--error);color:#fff}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs .chip{flex:1 1 auto}.admin-stats{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr))}.admin-stats .goal-ok dd{color:var(--done-ink)}.admin-stats .goal-low dd{color:var(--error-ink)}.admin h3{margin:6px 0 0;font-size:.95rem}.admin-list,.admin-rows{list-style:none;margin:0;padding:0;display:grid;gap:6px}.admin-list li{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;background:var(--surface-2)}.pl-chart{margin:12px 0;padding:10px 12px;border-radius:12px;background:var(--surface-2)}.pl-chart figcaption{font-weight:800;margin-bottom:4px}.pl-chart svg{display:block;width:100%;height:auto;overflow:visible}.pl-grid{stroke:color-mix(in srgb,var(--ink) 14%,transparent);stroke-width:1}.pl-axis{fill:var(--muted);font-size:10px}.pl-line{fill:none;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}.pl-line.c1,.pl-legend .c1:before{stroke:var(--accent);background:var(--accent)}.pl-line.c2,.pl-legend .c2:before{stroke:var(--done);background:var(--done)}.pl-line.c3,.pl-legend .c3:before{stroke:var(--error);background:var(--error)}.pl-legend{display:flex;flex-wrap:wrap;gap:4px 16px;margin:6px 0 0;padding:0;list-style:none;font-size:.85rem;color:var(--muted)}.pl-legend li:before{content:"";display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:3px;vertical-align:-1px}.pl-legend strong{color:var(--ink)}.pl-table{width:100%;border-collapse:collapse;font-size:.9rem}.pl-table th,.pl-table td{padding:6px 4px;text-align:right;border-bottom:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.pl-table th[scope=row],.pl-table thead th:first-child{text-align:left;font-weight:700;min-width:6.5rem}.pl-table thead th{color:var(--muted);font-size:.78rem;font-weight:700}.pl-scroll{overflow-x:auto}.pl-levels td{white-space:nowrap;font-size:.82rem}.pl-levels th[scope=row]{min-width:5.5rem;font-size:.85rem}.pl-plays{display:block;color:var(--muted);font-size:.72rem;font-weight:400}.pl-table td.warn{color:#9a5800;background:color-mix(in srgb,#f5a524 22%,transparent);font-weight:700}.pl-table tr.alert th,.pl-table tr.alert td{color:var(--error-ink);background:color-mix(in srgb,var(--error) 12%,transparent)}.pl-spark{width:80px;height:22px;vertical-align:middle}.pl-spark polyline{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round}.pl-dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:0;background:var(--muted)}.pl-dot.ok{background:var(--done)}.pl-dot.warn{background:#f5a524}.pl-dot.bad{background:var(--error)}.pl-dot.off{background:color-mix(in srgb,var(--ink) 30%,transparent)}.pl-warn{margin:8px 0;padding:8px 10px;border-radius:10px;color:var(--error-ink);background:color-mix(in srgb,var(--error) 12%,transparent);font-weight:700}.pl-error,.pl-errors code{word-break:break-all}.pl-tables summary{cursor:pointer;font-weight:700;margin:8px 0}.admin-rows li{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;border-radius:12px;background:var(--surface-2)}.admin-actions{display:flex;gap:6px}.admin-actions button{border:0;border-radius:10px;padding:7px 10px;font-weight:700;cursor:pointer;background:var(--bg);color:var(--ink)}.streaks{display:flex;gap:6px}.streak.freeze{color:#8fd3ff;letter-spacing:1px}.race{width:100%;display:grid;gap:4px;padding:8px 10px;border-radius:12px;background:var(--surface)}.race-row{display:grid;grid-template-columns:minmax(0,7.5rem) 1fr auto;align-items:center;gap:8px;font-size:.8rem}.race-who{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.race-bar{position:relative;height:.55rem;border-radius:999px;background:var(--surface-2);overflow:hidden}.race-bar span{position:absolute;inset:0 auto 0 0;transition:width .15s ease-out}.race-bar.me span{background:var(--accent)}.race-bar.ghost span{background:#8f86b0}.race.lead-ghost .race-bar.ghost span{background:var(--error)}.race-count{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--muted)}@media(prefers-reduced-motion:reduce){.race-bar span{transition:none}}.progress-curve{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted);text-align:center}.progress-curve .dot{fill:var(--muted)}.progress-curve .dot-good{fill:var(--done)}.meta.good{color:var(--done-ink);font-weight:700}.records-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.records-list li{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:8px 10px;border-radius:10px;background:var(--surface-2)}.records-score{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--accent-ink)}.trophy-row{display:flex;gap:18px;margin:0;font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums}.tournament-banner{flex-direction:row;align-items:center;gap:12px;text-align:left;color:var(--ink);cursor:pointer;border:1px solid var(--surface-2);font:inherit}.tournament-banner.on{border-color:var(--accent)}.tournament-banner-icon{font-size:1.6rem}.tournament-banner>span:nth-child(2){flex:1}.tournament-banner-go{color:var(--muted);font-size:1.4rem}.onboarding-card{gap:8px;border:1px solid var(--accent)}.onboarding-head{display:flex;justify-content:space-between;align-items:baseline}.onboarding-head h2{margin:0;font-size:1.05rem}.onboarding-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.onboarding-row,.onboarding-go{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border-radius:10px;background:var(--ink);color:var(--bg);font:inherit;font-size:.9rem;text-align:left;border:0}.onboarding-go{cursor:pointer}.onboarding-go>span:last-child{margin-left:auto;color:var(--muted);font-size:1.2rem}.onboarding-check{width:1.2rem;height:1.2rem;flex:none;border-radius:50%;border:2px solid var(--muted);display:grid;place-items:center;font-size:.75rem;font-weight:900;color:#fff}.onboarding-steps li.done .onboarding-check{background:var(--done);border-color:var(--done)}.onboarding-steps li.done .onboarding-row>span:nth-child(2){color:color-mix(in srgb,var(--bg) 65%,var(--ink));text-decoration:line-through}.repair-banner{flex-direction:row;align-items:center;gap:12px;border:1px solid var(--error)}.repair-icon{font-size:1.6rem}.repair-body{flex:1;display:flex;flex-direction:column;gap:2px}.repair-dots{display:flex;gap:5px}.repair-dots .dot{width:.8rem;height:.8rem;border-radius:50%;background:var(--surface-2);border:1px solid var(--muted)}.repair-dots .dot.on{background:var(--done);border-color:var(--done)}.saving{text-align:center;margin:10px 0 0}.crash{text-align:center;padding:40px 8px}.crash-icon{font-size:3.5rem;margin:0}.loading-screen{text-align:center;padding:40px 0}.around-me{margin-top:14px}.around-me h3{margin:0 0 6px;font-size:.95rem}.pass-card{display:flex;flex-direction:column;gap:6px}.pass-tiers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.pass-tier{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--surface)}.pass-tier.reached{background:color-mix(in srgb,var(--done) 16%,var(--surface))}.pass-tier.reached .muted{color:var(--ink);opacity:.85}.pass-tier.next{outline:2px solid var(--accent)}.pass-num{width:1.6rem;text-align:center;font-weight:900;color:var(--muted);font-variant-numeric:tabular-nums}.pass-icon{font-size:1.6rem;line-height:1}.pass-tier:not(.reached):not(.next) .pass-icon{filter:grayscale(.7);opacity:.7}.pass-body{flex:1;display:flex;flex-direction:column;gap:3px}.pass-state{font-weight:800;color:var(--done-ink);white-space:nowrap;font-variant-numeric:tabular-nums}.pass-tier.next .pass-state{color:var(--accent-ink)}.app:has(.tabbar){padding-bottom:calc(72px + env(safe-area-inset-bottom))}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:center;gap:4px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--surface-2)}.tabbar .tab{flex:1;max-width:170px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border:0;border-radius:14px;background:none;color:var(--muted);font:inherit;font-size:.75rem;font-weight:700;cursor:pointer}.tabbar .tab.on{color:var(--ink);background:var(--surface)}.tab-icon{position:relative;font-size:1.35rem;line-height:1}.tab-badge{position:absolute;top:-6px;right:-12px;min-width:1.05rem;height:1.05rem;padding:0 4px;border-radius:999px;background:var(--error);color:#fff;font-size:.65rem;font-weight:800;display:grid;place-items:center}.hub{display:flex;flex-direction:column;gap:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.player-link{background:none;border:0;padding:0;margin:0;color:inherit;font:inherit;text-align:inherit;cursor:pointer;text-decoration:underline dotted color-mix(in srgb,currentColor 45%,transparent);text-underline-offset:3px}.player-head{display:flex;align-items:center;gap:14px}.player-head h2{margin:0 0 2px}.player-head p{margin:0}.player-badges{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.player-badges li{padding:6px 10px;border-radius:999px;background:var(--surface-2);font-size:.85rem}.friend-code{display:flex;flex-direction:column;gap:8px}.friend-code-mine{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.chest-card{gap:10px}.chest-card.ready{border:1px solid var(--accent)}.chest-head{display:flex;align-items:center;gap:12px}.chest-head>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px;position:relative}.chest-icon{font-size:2.2rem;line-height:1}.chest-card.ready .chest-icon{animation:chest-wiggle 2.4s ease-in-out infinite}.chest-icon.opening{animation:chest-open .7s ease-in-out both!important}@keyframes chest-wiggle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-12deg)}90%{transform:rotate(12deg)}95%{transform:rotate(-6deg)}}@keyframes chest-open{0%{transform:scale(1)}40%{transform:scale(1.25) rotate(-10deg)}70%{transform:scale(.9) rotate(8deg)}to{transform:scale(1.4);opacity:.2}}.chest-dot{position:absolute;top:2px;right:0;width:.6rem;height:.6rem;border-radius:50%;background:var(--error)}.chest-card .chest-open{white-space:nowrap;background:var(--accent);color:#1a1426;font-weight:800;border:0;border-radius:12px;padding:9px 16px}.chest-days{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.chest-day{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 0;border-radius:10px;background:var(--surface-2);color:var(--muted);font-variant-numeric:tabular-nums}.chest-day strong{min-height:1.2em;color:var(--done-ink)}.chest-day.open{outline:2px solid var(--accent);color:var(--ink)}.chest-day.today{background:color-mix(in srgb,var(--done) 22%,var(--surface-2));color:var(--ink)}.chest-day.done{color:var(--ink)}.chest-gain{align-self:center;animation:pop .5s ease-out}.share-image{display:flex;flex-direction:column;align-items:center;gap:4px}.recap-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0 0}.recap-tiles div{background:var(--surface-2);border-radius:12px;padding:8px;text-align:center}.recap-tiles dt{font-size:.7rem;color:var(--muted)}.recap-tiles dd{margin:2px 0 0;font-weight:800;font-size:1.15rem;font-variant-numeric:tabular-nums}.recap-tiles dd.small{font-weight:400;font-size:.7rem}.push-prefs{border:0;margin:4px 0 0;padding:0 0 0 26px;display:flex;flex-direction:column;gap:6px}.push-prefs legend{color:var(--muted);padding:0;margin-bottom:4px}.quest-card{gap:6px}.quest-bar{position:relative;display:block;flex:none;height:.8rem;border-radius:999px;background:var(--bg);overflow:hidden}.quest-bar span{position:absolute;top:0;bottom:0}.quest-me{left:0;background:var(--accent)}.quest-friend{background:var(--done)}.quest-legend{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;align-items:center}.quest-legend>span{display:inline-flex;align-items:center;gap:5px}.quest-dot{display:inline-block;width:.6rem;height:.6rem;border-radius:50%}.quest-dot.me{background:var(--accent)}.quest-dot.friend{background:var(--done)}.quest-friends{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.quest-friends button{width:100%;display:flex;align-items:center;gap:8px;text-align:left}.boost-banner{flex-direction:row;align-items:center;gap:12px;border:1px solid var(--surface-2)}.boost-banner.on{border-color:var(--accent)}.boost-x{font-size:1.3rem;font-weight:900;color:var(--accent-ink);white-space:nowrap}.boost-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.boost-form label{display:flex;flex-direction:column;gap:3px;font-size:.8rem;color:var(--muted)}.boost-form input,.boost-form select{padding:8px;border-radius:10px;border:1px solid var(--surface-2);background:var(--bg);color:inherit;font:inherit}.boost-form button,.boost-form p{grid-column:1 / -1}.referral{margin:-2px 0 0;text-align:center}.level-bar.goal-bar{display:block;flex:none;height:.8rem;margin:2px 0;background:var(--bg)}.invite-code{margin:0;font-family:var(--mono);font-size:1.8rem;font-weight:800;letter-spacing:.25em;color:var(--accent-ink)}.me-row{outline:2px solid var(--accent)}.lang-select{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:600}.lang-select select{padding:8px 10px;border-radius:10px;border:1px solid var(--surface-2);background:var(--bg);color:var(--ink);font:inherit}.confetti{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:20}.welcome-steps{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:8px;text-align:left}.welcome-steps li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--surface-2)}.reactions{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:6px}.reaction-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.reaction{position:relative;min-width:2.8rem;height:2.6rem;border-radius:999px;border:2px solid transparent;background:var(--surface);font-size:1.3rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 10px;transition:transform .12s}.reaction:active{transform:scale(.92)}.reaction.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--surface))}.reaction-count{font-size:.8rem;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.reaction{transition:none}}.avatar-ring{display:inline-grid;place-items:center;border-radius:50%;line-height:1;vertical-align:middle}.avatar-ring.sm{width:1.7rem;height:1.7rem;font-size:1.05rem}.avatar-ring.md{width:2.4rem;height:2.4rem;font-size:1.45rem}.avatar-ring.lg{width:4.5rem;height:4.5rem;font-size:2.6rem}.avatar-ring[class*=frame-]{box-shadow:0 0 0 3px var(--ring, #888)}.frame-silver{--ring: #c3cad8}.frame-gold{--ring: #ffc93c}.frame-sapphire{--ring: #3d7bff}.frame-ruby{--ring: #e2245f}.frame-diamond{--ring: #7ff0ff;box-shadow:0 0 0 3px #7ff0ff,0 0 12px #7ff0ff88!important}.frame-flame{--ring: #ff7a1a;box-shadow:0 0 0 3px #ff7a1a,0 0 12px #ff3d00aa!important}.frame-star{--ring: #ffe066;box-shadow:0 0 0 3px #ffe066,0 0 0 6px #ffe06633!important}.frame-laurel{--ring: #4cc38a;box-shadow:0 0 0 3px #4cc38a,0 0 0 6px #4cc38a33!important}.me-btn .avatar-ring{margin:-2px 0}.shop-preview{display:flex;align-items:center;gap:14px}.avatar.locked{filter:grayscale(1);opacity:.5}.frames{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:8px}.frame-opt{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:12px;border:2px solid transparent;background:var(--ink);color:var(--bg);cursor:pointer;font-size:.8rem;font-weight:700}.frame-opt.on{border-color:var(--accent)}.frame-opt.locked{opacity:.55}.league-card{text-align:left;border:0;color:var(--ink);cursor:pointer}.league-title{font-weight:800;font-size:1.05rem}.league-row.promote{box-shadow:inset 4px 0 0 var(--done)}.league-row.demote{box-shadow:inset 4px 0 0 var(--error)}.zone-msg{margin:0;font-weight:700}.zone-msg.promote{color:var(--done-ink)}.zone-msg.demote{color:var(--error-ink)}.push-cta{align-self:flex-start;font-size:1rem;padding:11px 18px}.missions h2{margin:0;font-size:1.1rem}.level{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.level-badge{font-weight:800;color:var(--accent-ink)}.level-bar{position:relative;flex:1;min-width:6rem;height:.6rem;border-radius:999px;background:var(--surface-2);overflow:hidden}.level-bar span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--accent),var(--done))}.mission-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.mission{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:var(--surface-2);font-size:.9rem}.mission.done{opacity:.6}.mission-text{flex:1;min-width:0}.xp-gain{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.xp-chip{padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--done) 25%,var(--surface));color:var(--done-ink);font-weight:800;animation:rise .4s ease-out}.opponent{font-size:1.2rem}.check{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.check input{margin-top:3px;width:1.1rem;height:1.1rem;accent-color:var(--accent)}.secondary-btn{align-self:flex-start;border:0;border-radius:12px;padding:10px 14px;font-weight:700;background:var(--ink);color:var(--bg);cursor:pointer}.hof{list-style:none;margin:0;padding:0;display:grid;gap:10px}.hof h3{margin:0;text-transform:capitalize}.admin-input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--surface-2);background:var(--bg);color:var(--ink);font:inherit}.contact-input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:12px;border:1px solid var(--surface-2);background:var(--bg);color:var(--ink);font:inherit;resize:vertical}.difficulty{display:flex;gap:8px}.chip{flex:1;padding:9px 0;border-radius:12px;border:1px solid var(--surface-2);background:transparent;color:var(--muted);font-weight:600;cursor:pointer}.chip.on{background:var(--surface);color:var(--ink);border-color:var(--accent)}.home{display:flex;flex-direction:column;gap:12px}.daily{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}.daily.played{background:var(--surface);border-color:var(--surface-2)}.daily p{margin:0}.daily .cta{margin-top:4px}.daily-head{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.daily-head h2{margin:0;font-size:1.15rem}.daily-game{font-weight:800;font-size:1.05rem}.word-grid{white-space:pre;line-height:1.15;font-size:1.1rem;letter-spacing:1px}.word-stats{width:100%;max-width:360px;margin:4px auto}.word-stats .stats{grid-template-columns:repeat(4,1fr)}.word-dist{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.word-dist li{display:flex;align-items:center;gap:6px}.word-dist-k{width:1em;font-weight:800;text-align:center}.word-dist-bar{padding:2px 8px;border-radius:6px;background:var(--surface-2);font-weight:800;font-size:.85rem;text-align:right}.word-dist li.on .word-dist-bar{background:#2e9d5b;color:#fff}.streak{padding:3px 10px;border-radius:999px;background:var(--surface-2);font-size:.8rem;font-weight:800;color:var(--accent-ink)}.setting{display:flex;flex-direction:column;gap:6px}.setting-label{color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.section-title{margin:8px 0 0;font-size:1.1rem}.game-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.game-item{display:flex;gap:8px;align-items:stretch}.game-card{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;text-align:left;padding:15px 16px;border-radius:16px;border:0;background:var(--surface);color:var(--ink);cursor:pointer;box-shadow:inset 0 -3px #00000047;text-decoration:none;-webkit-touch-callout:none}a.game-card:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.game-name{font-size:1.05rem;font-weight:800}.game-hint{color:var(--muted);font-size:.85rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-tags{display:flex;flex-wrap:wrap;gap:6px}.game-tags:empty{display:none}.tag{padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.75rem;font-weight:700}.tag.record{color:var(--accent-ink);font-variant-numeric:tabular-nums}.game-lb{width:3.2rem;flex:none;border:0;border-radius:16px;background:var(--surface);font-size:1.2rem;cursor:pointer;box-shadow:inset 0 -3px #00000047}.home>section{min-width:0}.game-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:16px;padding:2px 16px 8px;margin:0 -16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.game-rail::-webkit-scrollbar{display:none}.game-rail .game-item{flex:0 0 128px;flex-direction:column;gap:6px;scroll-snap-align:start}.game-rail .game-card{position:relative;flex:1;align-items:center;justify-content:flex-start;text-align:center;gap:4px;padding:14px 8px 12px}.game-rail .game-icon{font-size:2.1rem;line-height:1.1}.game-rail .game-name{font-size:.92rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em}.game-rail .game-tags{justify-content:center}.game-rail .tag{font-size:.68rem;padding:2px 6px}.game-rail .game-actions{display:flex;gap:6px}.game-rail .game-lb{flex:1;width:auto;height:2.4rem;border-radius:12px;font-size:1rem}.rail-wrap{position:relative}.rail-arrow{display:none}@media(hover:hover)and (pointer:fine){.rail-arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;z-index:2;width:40px;height:40px;margin-top:-24px;border:1px solid var(--surface-2);border-radius:50%;background:var(--surface);color:var(--ink);font-size:1.6rem;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 4px 14px #00000059}.rail-arrow:hover{border-color:var(--accent)}.rail-arrow.prev{left:-6px}.rail-arrow.next{right:-6px}.game-rail{scroll-snap-type:none}}.play,.result{flex:1;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center}.result{justify-content:flex-start;padding-top:12px}.duel-banner{color:var(--accent-ink);font-weight:700}.game-host{width:100%}.cc-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:8px;aspect-ratio:1/1;width:100%}.cc-tile{border:0;border-radius:14px;background:var(--surface);color:var(--ink);font-family:var(--mono);font-weight:700;font-size:1.5rem;cursor:pointer;box-shadow:inset 0 -3px #00000047;-webkit-tap-highlight-color:transparent}.cc-tile.done{background:color-mix(in srgb,var(--done) 20%,var(--surface));color:var(--done-ink);opacity:.45}.cc-board.dense .cc-tile{font-size:clamp(.85rem,3.6vw,1.2rem);letter-spacing:-.02em}.cc-tile{min-width:0;padding:0;overflow:hidden}.cc-board[data-cols="6"],.cc-board[data-cols="7"]{gap:5px}.cc-board[data-cols="6"] .cc-tile{font-size:clamp(1rem,4.6vw,1.35rem);border-radius:11px}.cc-board[data-cols="7"] .cc-tile{font-size:clamp(.95rem,4vw,1.2rem);border-radius:10px}.cc-board.dense[data-cols="6"] .cc-tile{font-size:clamp(.78rem,3.5vw,1.05rem);letter-spacing:-.04em}.cc-board.dense[data-cols="7"] .cc-tile{font-size:clamp(.68rem,3vw,.95rem);letter-spacing:-.05em}.rx-zone{width:100%;aspect-ratio:1 / 1;max-height:70vh;border:0;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;color:#fff;font-weight:800}.rx-zone.wait{background:#b8324a}.rx-zone.go{background:#1fa774}.rx-zone.early{background:#c77a12}.rx-label{font-size:clamp(1.4rem,7vw,2.2rem);text-align:center;padding:0 12px}.rx-info{font-size:.9rem;opacity:.85;font-weight:700}.cc-tile.err{background:color-mix(in srgb,var(--error) 32%,var(--surface));color:var(--ink);animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.final{font-family:var(--mono);font-size:3rem;font-weight:700;color:var(--accent-ink)}.meta{color:var(--muted)}.verdict{font-weight:800;font-size:1.2rem}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.actions button{border:0;border-radius:13px;padding:13px 18px;font-weight:700;cursor:pointer;background:var(--accent);color:#2a1c00}.share{color:var(--muted);font-size:.8rem;word-break:break-all}code{font-family:var(--mono)}.sd-tile{font-size:1.6rem}.link-btn{margin-top:4px;background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;font-size:.9rem}.leaderboard{flex:1;display:flex;flex-direction:column;gap:10px;padding-top:8px}.leaderboard h2{margin:0}.lb-game{color:var(--muted);margin:0 0 8px}.muted{color:var(--muted)}.lb-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.lb-row{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:10px;background:var(--surface);border-radius:12px;padding:12px 14px}.lb-rank{font-family:var(--mono);font-weight:700;color:var(--accent-ink)}.lb-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{font-family:var(--mono);font-variant-numeric:tabular-nums}.podium{width:100%;display:flex;flex-direction:column;gap:8px}.podium h3{margin:6px 0 0;font-size:1rem;text-align:center}.lb-row.me{outline:2px solid var(--accent)}.lb-name .tag{margin-left:8px}.lb-me{margin:4px 0 0;padding:12px 14px;border-radius:12px;font-weight:700;border:2px solid var(--accent);color:var(--accent-ink);font-variant-numeric:tabular-nums}.lb-back{align-self:flex-start;margin-top:8px;background:var(--ink);color:var(--bg);border:0;border-radius:12px;padding:11px 16px;font-weight:600;cursor:pointer}.intro{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:30rem}.intro h2{margin:0;font-size:1.6rem}.badge{padding:4px 10px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.8rem;font-weight:700}.hint{margin:0;line-height:1.45}.cta{margin-top:6px;border:0;border-radius:14px;padding:15px 28px;font-size:1.1rem;font-weight:800;background:var(--accent);color:#2a1c00;cursor:pointer}.countdown{font-family:var(--mono);font-size:6rem;font-weight:800;color:var(--accent-ink);animation:pop .7s ease-out}@keyframes pop{0%{transform:scale(1.6);opacity:0}30%{opacity:1}to{transform:scale(1)}}.warn{color:var(--error-ink)}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:16px;background:var(--backdrop)}.modal{width:min(100%,22rem);background:var(--surface);border-radius:20px;padding:22px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;box-shadow:0 20px 60px #00000080;animation:rise .25s ease-out}.modal h2,.modal p{margin:0}.modal-score{font-family:var(--mono);font-size:2.4rem;font-weight:800;color:var(--done-ink)}.modal-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}.modal-actions button{border:0;border-radius:13px;padding:12px 18px;font-weight:700;cursor:pointer;background:var(--accent);color:#2a1c00}.modal-actions button.secondary{background:var(--ink);color:var(--bg)}button.secondary{border:1px solid var(--surface-2);border-radius:12px;padding:9px 14px;background:var(--surface);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}button.secondary:hover{border-color:var(--accent)}.result-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:360px;margin:4px auto 0}.result-nav button.secondary{min-height:52px;border-radius:13px;font-size:1.05rem}.result>.actions{width:100%;max-width:360px;margin-inline:auto}.result>.actions button{flex:1 1 140px;min-height:56px;font-size:1.1rem}.result>.actions .tour-back{flex-basis:100%}.rate{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:4px}.rate-q{margin:0;font-weight:700}.rate-stars{display:flex;gap:4px}.rate-star{width:48px;height:48px;border:0;background:none;padding:0;font-size:2.1rem;line-height:1;cursor:pointer;color:color-mix(in srgb,var(--muted) 45%,transparent);transition:transform .1s,color .1s}.rate-star.on{color:#ffc23d;transform:scale(1.08)}.rate-thanks{margin:4px 0 0;color:var(--muted);font-size:.9rem;text-align:center}.my-rating{margin-top:10px}.my-rating .rate-q{font-size:.9rem;color:var(--muted)}.my-rating .rate-star{width:38px;height:38px;font-size:1.6rem}.tag.rating{color:#ffc23d}.limit{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:24px;text-align:center}.limit h2{margin:0}.limit p{margin:0;max-width:34ch}.limit-icon{font-size:3rem}.limit-home{min-height:48px;padding:0 22px;margin-top:6px}.premium-offer{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.premium-offer .meta.warn{display:flex;flex-direction:column;align-items:center;gap:8px}.premium-perks{margin:0;padding:0 0 0 1.2em;max-width:34ch;text-align:left;line-height:1.5}@keyframes rise{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}.start-wait{position:fixed;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));translate:-50% 0;z-index:30;margin:0;padding:8px 14px;border-radius:999px;background:var(--ink);color:var(--bg);box-shadow:0 4px 16px #00000040;font-size:.9rem;animation:rise .2s .3s both;pointer-events:none}button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.moderation-actions{display:flex;justify-content:center;gap:18px;margin-top:12px;font-size:.85rem}.moderation-msg{text-align:center}.blocked-list h3{font-size:1rem;margin:12px 0 6px}.report-flag{background:none;border:0;padding:2px 6px;color:var(--muted);cursor:pointer;font-size:.9rem}.report-reasons{border:0;padding:0;margin:0 0 10px;display:grid;gap:8px;text-align:left}.report-reasons label{display:flex;gap:8px;align-items:center}.report-note{display:grid;gap:4px;text-align:left}.report-note textarea{width:100%;box-sizing:border-box;font:inherit;padding:8px;border-radius:10px;border:1px solid var(--surface-2);background:var(--surface);color:var(--ink);resize:vertical}.legal-links{text-align:center;margin:12px 0 0}.legal-links a{color:var(--muted)}.admin-names{margin-top:18px}.admin-names h3{font-size:1rem;margin:0 0 6px}.st-game,.tf-game,.sq-game,.sl-game{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.st-info,.tf-info,.sq-info,.sl-info{margin:0;font-weight:700;color:var(--muted)}.st-panel{width:100%;min-height:150px;border-radius:22px;background:#14111d;display:grid;place-items:center}.st-word{font-size:clamp(2.2rem,12vw,3.4rem);font-weight:900;letter-spacing:.04em}.st-ask{margin:0;font-weight:700}.st-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.st-choices.six{grid-template-columns:1fr 1fr 1fr}.st-choices.six .st-choice{padding:18px 4px;font-size:1rem}.st-choice{border:0;border-radius:16px;padding:22px 8px;font:inherit;font-weight:800;font-size:1.1rem;color:#14111d;cursor:pointer;box-shadow:inset 0 -4px #00000040}.st-wrong,.tf-ko{animation:shake .3s ease}.tf-card{width:100%;min-height:150px;border-radius:22px;background:var(--surface);display:grid;place-items:center;transition:background .2s}.tf-card.tf-ok{background:color-mix(in srgb,var(--done) 30%,var(--surface))}.tf-card.tf-ko{background:color-mix(in srgb,var(--error) 30%,var(--surface))}.tf-expr{font-family:var(--mono);font-size:clamp(1.8rem,10vw,2.8rem);font-weight:800}.tf-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.tf-btn{border:0;border-radius:16px;padding:24px 8px;font:inherit;font-weight:900;font-size:1.3rem;color:#fff;cursor:pointer;box-shadow:inset 0 -4px #00000040}.tf-true{background:#1fa774}.tf-false{background:#d8394c}.sq-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:10px;width:100%;aspect-ratio:1 / 1}.sq-pad{border:0;border-radius:16px;cursor:pointer;background:hsl(var(--hue) 22% 42%);opacity:.4;transition:opacity .1s,transform .1s,background .1s,box-shadow .1s}.sq-board.sq-input .sq-pad{opacity:.85;background:hsl(var(--hue) 55% 50%)}.sq-pad.on{opacity:1;background:hsl(var(--hue) 95% 58%);transform:scale(1.07);box-shadow:0 0 0 4px #fff,0 0 28px 6px hsl(var(--hue) 95% 58%)}.sq-pad.hit{animation:pop .25s ease}.sq-pad.miss{animation:shake .3s ease;background:var(--error)}.sq-status{margin:0;font-weight:800;min-height:1.4em}.sl-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:8px;width:100%;aspect-ratio:1 / 1}.sl-tile{border:0;border-radius:14px;background:var(--surface);color:var(--ink);font-family:var(--mono);font-weight:800;font-size:clamp(1.6rem,9vw,2.4rem);cursor:pointer;box-shadow:inset 0 -4px #00000047}.sl-tile.placed{color:var(--done-ink)}.sl-tile.blank{background:transparent;box-shadow:none;cursor:default}.pa-game,.se-game,.ro-game,.li-game{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.pa-info,.se-info,.ro-info,.li-info{margin:0;font-weight:700;color:var(--muted)}.pa-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:8px;width:100%;aspect-ratio:1 / 1}.pa-card{min-width:0;min-height:0;padding:0;line-height:1;overflow:hidden;border:0;border-radius:14px;cursor:pointer;font-size:clamp(1.6rem,9vw,2.4rem);background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#b8324a));box-shadow:inset 0 -4px #00000040;transition:transform .15s,background .15s}.pa-card.up{background:var(--surface);transform:rotateY(0)}.pa-card.found{background:color-mix(in srgb,var(--done) 28%,var(--surface))}.pa-card.miss{background:color-mix(in srgb,var(--error) 28%,var(--surface));animation:shake .3s ease}.se-card{width:100%;min-height:130px;border-radius:22px;background:var(--surface);display:grid;place-items:center;padding:0 10px}.se-card.se-ok{background:color-mix(in srgb,var(--done) 30%,var(--surface))}.se-card.se-ko{background:color-mix(in srgb,var(--error) 30%,var(--surface));animation:shake .3s ease}.se-terms{font-family:var(--mono);font-size:clamp(1.4rem,7.5vw,2.2rem);font-weight:800;text-align:center}.se-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.se-choice{border:0;border-radius:16px;padding:20px 8px;font-family:var(--mono);font-weight:800;font-size:1.4rem;cursor:pointer;background:var(--surface);color:var(--ink);box-shadow:inset 0 -4px #00000040}.ro-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.ro-glyph{aspect-ratio:1 / 1;border-radius:22px;background:var(--surface);display:grid;place-items:center;font-size:clamp(4rem,26vw,6rem);font-weight:900;color:var(--ink);line-height:1}.ro-ref{color:var(--muted)}.ro-pair.ro-ok .ro-glyph:last-child{background:color-mix(in srgb,var(--done) 30%,var(--surface))}.ro-pair.ro-ko .ro-glyph:last-child{background:color-mix(in srgb,var(--error) 30%,var(--surface))}.ro-ask{margin:0;font-weight:700}.ro-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.ro-btn{border:0;border-radius:16px;padding:22px 8px;font:inherit;font-weight:900;font-size:1.2rem;cursor:pointer;background:var(--surface);color:var(--ink);box-shadow:inset 0 -4px #00000040}.ro-mirror{background:var(--accent);color:#14111d}.li-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:8px;width:100%;aspect-ratio:1 / 1}.li-cell{border:0;border-radius:14px;cursor:pointer;background:color-mix(in srgb,var(--ink) 12%,var(--surface));box-shadow:inset 0 -4px #00000040;transition:background .12s,box-shadow .12s}.li-cell.on{background:#ffd23f;box-shadow:inset 0 -4px #0003,0 0 22px 2px #ffd23f8c}.li-tip{margin:0;max-width:340px;text-align:center;font-size:.9rem;line-height:1.4;color:var(--muted)}.li-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.co-game,.su-game,.so-game,.ct-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.co-info,.su-info,.so-info,.ct-info{margin:0;font-weight:700;color:var(--muted);text-align:center}.co-history{list-style:none;margin:0;padding:0;width:100%;display:grid;gap:6px;max-height:34vh;overflow-y:auto}.co-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;background:var(--surface)}.co-dot{width:26px;height:26px;flex:none;border-radius:50%;box-shadow:inset 0 -2px #00000040}.co-pegs{margin-left:auto;font-size:1.5rem;letter-spacing:.1em;color:var(--ink);line-height:1}.co-box{width:100%;display:grid;justify-items:center;gap:8px;padding:12px;border-radius:18px;border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.co-label{font-weight:800;font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.co-current{display:grid;grid-template-columns:repeat(var(--len, 4),minmax(0,52px));gap:10px;width:100%;justify-content:center}.co-slot{width:100%;aspect-ratio:1 / 1;padding:0;border-radius:50%;border:0;cursor:pointer;box-shadow:inset 0 -3px #00000040}.co-slot.empty{background:var(--surface);border:2px dashed var(--muted);box-shadow:none}.co-palette{display:grid;grid-template-columns:repeat(var(--cols, 6),1fr);gap:10px;width:100%;max-width:330px}.co-color{aspect-ratio:1 / 1;border-radius:50%;border:0;cursor:pointer;box-shadow:inset 0 -4px #00000040}.co-submit{width:100%;border:0;border-radius:16px;padding:16px;font:inherit;font-weight:900;font-size:1.1rem;cursor:pointer;background:var(--accent);color:#14111d}.co-submit:disabled{opacity:.45;cursor:default}.su-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;aspect-ratio:1 / 1}.su-cell{border:0;border-radius:12px;background:var(--surface);color:var(--accent-ink);font-family:var(--mono);font-weight:800;font-size:clamp(1.6rem,9vw,2.4rem);cursor:pointer;box-shadow:inset 0 -3px #0003}.su-cell.given{color:var(--ink);background:color-mix(in srgb,var(--ink) 9%,var(--surface));cursor:default}.su-cell.edge-right{margin-right:6px}.su-cell.edge-bottom{margin-bottom:6px}.su-cell.selected{outline:3px solid var(--accent);outline-offset:-3px}.su-cell.wrong{animation:shake .3s ease;background:color-mix(in srgb,var(--error) 30%,var(--surface))}.su-pad{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}.su-pad.with-erase{grid-template-columns:repeat(5,1fr)}.su-num{border:0;border-radius:16px;padding:18px 0;font-family:var(--mono);font-weight:900;font-size:1.5rem;cursor:pointer;background:var(--accent);color:#14111d;box-shadow:inset 0 -4px #0003}.so-ask{margin:0;font-weight:800}.so-items{display:grid;gap:10px;width:100%}.so-item{position:relative;border:0;border-radius:16px;padding:18px 12px;font-family:var(--mono);font-weight:800;font-size:1.5rem;cursor:pointer;background:var(--surface);color:var(--ink);box-shadow:inset 0 -4px #0003}.so-item.placed{background:color-mix(in srgb,var(--done) 25%,var(--surface));color:var(--done-ink);cursor:default}.so-item.placed:before{content:attr(data-rank);position:absolute;left:14px;top:50%;translate:0 -50%;font-size:.9rem;opacity:.8}.so-item.wrong{animation:shake .3s ease}.ct-field{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:22px;background:#14111d}.ct-field.hidden{background:color-mix(in srgb,#14111d 70%,var(--surface))}.ct-dot{position:absolute;width:7%;aspect-ratio:1 / 1;border-radius:50%;translate:-50% -50%;background:#ffc21a}.ct-status{margin:0;font-weight:800;min-height:1.4em}.ct-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.ct-choices.waiting{visibility:hidden}.ct-choice{border:0;border-radius:16px;padding:18px 8px;font-family:var(--mono);font-weight:900;font-size:1.5rem;cursor:pointer;background:var(--surface);color:var(--ink);box-shadow:inset 0 -4px #0003}.s6-game,.cr-game,.sk-game,.sn-game,.ms-game,.tf-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.s6-info,.cr-info,.sk-info,.sn-info,.ms-info,.tf-info{margin:0;font-weight:700;color:var(--muted);text-align:center;min-height:1.4em}.s6-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 2px repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr)) 2px repeat(2,minmax(0,1fr)) 2px repeat(2,minmax(0,1fr));gap:3px;width:100%;aspect-ratio:1 / 1}.s6-cell{border:0;border-radius:8px;padding:0;background:var(--surface);color:var(--accent-ink);font-family:var(--mono);font-weight:800;font-size:clamp(1.1rem,6vw,1.6rem);cursor:pointer}.s6-cell.given{color:var(--ink);background:color-mix(in srgb,var(--ink) 9%,var(--surface));cursor:default}.s6-cell.same{background:color-mix(in srgb,var(--accent) 22%,var(--surface))}.s6-cell.selected{outline:3px solid var(--accent);outline-offset:-3px}.s6-cell.wrong{color:var(--error-ink);background:color-mix(in srgb,var(--error) 18%,var(--surface))}.s6-cell.shake{animation:shake .3s ease}.s6-pad{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:100%}.s6-num{border:0;border-radius:14px;padding:14px 0;font-family:var(--mono);font-weight:900;font-size:1.3rem;cursor:pointer;background:var(--surface);color:var(--ink);box-shadow:inset 0 -4px #0003}.cr-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--cols),minmax(0,1fr));width:100%;aspect-ratio:1 / 1;border:3px solid #1b1530;border-radius:10px;overflow:hidden}.cr-cell{border:0;border-right:1px solid rgba(27,21,48,.18);border-bottom:1px solid rgba(27,21,48,.18);padding:0;cursor:pointer;color:#1b1530;font-size:clamp(1rem,6vw,1.6rem);line-height:1}.cr-cell.bz-r{border-right:3px solid #1b1530}.cr-cell.bz-b{border-bottom:3px solid #1b1530}.cr-cell.z0{background:#b9a4f5}.cr-cell.z1{background:#ffc98f}.cr-cell.z2{background:#9ed8f5}.cr-cell.z3{background:#f5a3b5}.cr-cell.z4{background:#b5e8a0}.cr-cell.z5{background:#f5e08f}.cr-cell.z6{background:#d6d6d6}.cr-cell.z7{background:#8fe0cf}.cr-cell.z8{background:#d9bc94}.cr-cell.cross{color:#1b153073;font-size:clamp(.8rem,4vw,1.1rem)}.cr-cell.bad{box-shadow:inset 0 0 0 3px var(--error)}.cr-game.cr-won .cr-cell.crown{animation:pop .4s ease}.sk-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--cols),minmax(0,1fr));width:100%;aspect-ratio:1 / 1;background:var(--surface);border-radius:12px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.sk-cell{display:grid;place-items:center;border:1px dashed color-mix(in srgb,var(--ink) 14%,transparent);font-family:var(--mono);font-weight:900;font-size:clamp(1rem,5.5vw,1.5rem);color:var(--ink)}.sk-cell.h0{background:color-mix(in srgb,#4d86ff 30%,var(--surface))}.sk-cell.h1{background:color-mix(in srgb,#ffb020 32%,var(--surface))}.sk-cell.h2{background:color-mix(in srgb,#35d6a4 32%,var(--surface))}.sk-cell.h3{background:color-mix(in srgb,#ff5d9e 28%,var(--surface))}.sk-cell.h4{background:color-mix(in srgb,#a77bff 32%,var(--surface))}.sk-cell.h5{background:color-mix(in srgb,#3cc6f0 30%,var(--surface))}.sk-cell.h6{background:color-mix(in srgb,#f08a3c 30%,var(--surface))}.sk-cell.h7{background:color-mix(in srgb,#9ad13c 32%,var(--surface))}.sk-cell.ko{background-image:repeating-linear-gradient(45deg,transparent 0 6px,color-mix(in srgb,var(--error) 22%,transparent) 6px 9px)}.sk-cell.bt{border-top:3px solid var(--ink)}.sk-cell.bb{border-bottom:3px solid var(--ink)}.sk-cell.bl{border-left:3px solid var(--ink)}.sk-cell.br{border-right:3px solid var(--ink)}.sk-cell.preview{box-shadow:inset 0 0 0 100px color-mix(in srgb,var(--accent) 35%,transparent)}.sk-cell.clue{text-shadow:0 1px 0 var(--surface)}.sn-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--cols),minmax(0,1fr));width:100%;aspect-ratio:1 / 1;gap:1px;background:color-mix(in srgb,var(--ink) 8%,var(--surface));border:3px solid var(--ink);border-radius:10px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;outline:none}.sn-cell{background:var(--surface)}.sn-cell.body{background:#35d6a4;border-radius:3px}.sn-cell.head{background:#1fa774;border-radius:4px;box-shadow:inset 0 0 0 2px #0a6446}.sn-cell.apple{background:radial-gradient(circle,#ff5d6c 55%,transparent 58%)}.sn-game.sn-dead .sn-board{animation:shake .3s ease;border-color:var(--error)}.sn-pad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,72px);gap:8px;width:100%;max-width:360px}.sn-dir{border:0;border-radius:16px;font-size:2rem;font-weight:900;cursor:pointer;background:var(--surface);color:var(--ink);box-shadow:inset 0 -4px #0003;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.sn-dir:active{background:color-mix(in srgb,var(--accent) 30%,var(--surface));box-shadow:inset 0 -1px #0003;transform:translateY(2px)}.sn-dir.d0{grid-column:2;grid-row:1}.sn-dir.d3{grid-column:1;grid-row:2}.sn-dir.d2{grid-column:2;grid-row:2}.sn-dir.d1{grid-column:3;grid-row:2}.ms-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--cols),minmax(0,1fr));gap:3px;width:100%;aspect-ratio:1 / 1}.ms-board.ms-boom{animation:shake .3s ease}.ms-cell{border:0;border-radius:6px;padding:0;cursor:pointer;font-family:var(--mono);font-weight:900;font-size:clamp(.9rem,5vw,1.3rem);line-height:1;background:color-mix(in srgb,var(--ink) 22%,var(--surface));box-shadow:inset 0 -3px #00000038;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.ms-cell.open{background:var(--surface);box-shadow:none;cursor:default}.ms-cell.boom{background:color-mix(in srgb,var(--error) 35%,var(--surface));box-shadow:none}.ms-cell.n1{color:#3b6fe0}.ms-cell.n2{color:#1f9a5c}.ms-cell.n3{color:#e0384d}.ms-cell.n4{color:#7a3fd1}.ms-cell.n5{color:#b85c00}.ms-cell.n6{color:#0f8b8d}.ms-cell.n7,.ms-cell.n8{color:var(--ink)}.ms-mode{border:0;border-radius:14px;padding:12px 18px;font-weight:800;cursor:pointer;background:var(--surface);color:var(--ink);box-shadow:inset 0 -4px #0003}.ms-mode.on{background:var(--accent);color:#14111d}.tf-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--cols),minmax(0,1fr));gap:8px;width:100%;aspect-ratio:1 / 1;padding:8px;background:#8f7a66;border-radius:14px;touch-action:none;user-select:none;-webkit-user-select:none;outline:none}.tf-board.tf-stuck{animation:shake .25s ease}.tf-lost .tf-board{filter:grayscale(.7);opacity:.75;transition:filter .4s,opacity .4s}.tf-won .tf-board{box-shadow:0 0 0 4px #edc53f,0 0 28px 4px #edc53f99}.tf-lost .tf-info,.tf-won .tf-info{color:var(--ink)}.tf-cell{display:grid;place-items:center;border-radius:8px;background:#eee4da59;font-weight:900;font-size:clamp(1.1rem,7vw,2rem);color:#776e65}.tf-cell.fresh{animation:tf-in .18s ease-out}@keyframes tf-in{0%{transform:scale(.3);opacity:.4}to{transform:none;opacity:1}}.tf-board{position:relative}.tf-ghost{position:absolute;margin:0;z-index:1;pointer-events:none;transition:transform .1s ease-out}.tf-cell.v2{background:#eee4da}.tf-cell.v4{background:#ede0c8}.tf-cell.v8{background:#f2b179;color:#f9f6f2}.tf-cell.v16{background:#f59563;color:#f9f6f2}.tf-cell.v32{background:#f67c5f;color:#f9f6f2}.tf-cell.v64{background:#f65e3b;color:#f9f6f2}.tf-cell.v128{background:#edcf72;color:#f9f6f2;font-size:clamp(1rem,6vw,1.7rem)}.tf-cell.v256{background:#edcc61;color:#f9f6f2;font-size:clamp(1rem,6vw,1.7rem)}.tf-cell.v512{background:#edc850;color:#f9f6f2;font-size:clamp(1rem,6vw,1.7rem)}.tf-cell.v1024,.tf-cell.v2048,.tf-cell.v4096{background:#edc53f;color:#f9f6f2;font-size:clamp(.9rem,5vw,1.4rem)}.tf-hint{margin:0;color:var(--muted);font-size:.9rem}.mz-game,.sm-game,.ck-game,.fl-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.mz-info,.sm-info,.ck-info,.fl-info{margin:0;font-weight:700;color:var(--muted)}.mz-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--cols),minmax(0,1fr));width:100%;aspect-ratio:1 / 1;background:var(--surface);border-radius:14px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.mz-cell{border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);background:transparent;padding:0;cursor:pointer;font-size:inherit;color:var(--accent-ink);line-height:1;min-width:0;min-height:0;overflow:hidden}.mz-cell.wt{border-top:var(--wall, 4px) solid var(--ink)}.mz-cell.wb{border-bottom:var(--wall, 4px) solid var(--ink)}.mz-cell.wl{border-left:var(--wall, 4px) solid var(--ink)}.mz-cell.wr{border-right:var(--wall, 4px) solid var(--ink)}.mz-cell.fog{border-color:transparent;background:color-mix(in srgb,var(--ink) 55%,var(--surface))}.mz-cell.seen{background:color-mix(in srgb,var(--accent) 16%,transparent)}.mz-cell.here{background:color-mix(in srgb,var(--accent) 40%,transparent)}.mz-cell.exit{background:color-mix(in srgb,var(--done) 25%,transparent)}.mz-board.mz-bump{animation:shake .3s ease}.sm-target{width:100%;padding:22px 10px;border-radius:22px;background:#14111d;color:#ffc21a;text-align:center;font-family:var(--mono);font-weight:900;font-size:clamp(1.8rem,10vw,2.6rem)}.sm-cells{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.sm-cells.sm-wrong{animation:shake .3s ease}.sm-cell{border:0;border-radius:16px;padding:22px 0;font-family:var(--mono);font-weight:900;font-size:1.7rem;cursor:pointer;background:var(--surface);color:var(--ink);box-shadow:inset 0 -4px #0003}.sm-cell.selected{background:var(--accent);color:#14111d}.ck-dial{width:min(78vw,260px);height:auto}.ck-face{fill:var(--surface);stroke:var(--ink);stroke-width:4}.ck-tick{stroke:var(--muted);stroke-width:2}.ck-tick.big{stroke:var(--ink);stroke-width:4}.ck-num{fill:var(--ink);font-size:20px;font-weight:800;font-family:var(--font)}.ck-hour{stroke:var(--ink);stroke-width:8;stroke-linecap:round}.ck-minute{stroke:var(--accent-ink);stroke-width:5;stroke-linecap:round}.ck-pin{fill:var(--ink)}.ck-dial.ck-ko{animation:shake .3s ease}.ck-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.ck-choice{border:0;border-radius:16px;padding:18px 8px;font-family:var(--mono);font-weight:900;font-size:1.5rem;cursor:pointer;background:var(--surface);color:var(--ink);box-shadow:inset 0 -4px #0003}.fl-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:8px;width:100%;aspect-ratio:1 / 1}.fl-cell{border:0;border-radius:12px;cursor:pointer;background:color-mix(in srgb,var(--ink) 12%,var(--surface));box-shadow:inset 0 -3px #0003;transition:background .1s}.fl-cell.on{background:#4d86ff;box-shadow:0 0 0 3px #fff,0 0 20px 4px #4d86ff99}.fl-cell.found{background:color-mix(in srgb,var(--done) 55%,var(--surface))}.fl-cell.miss{animation:shake .3s ease;background:color-mix(in srgb,var(--error) 40%,var(--surface))}.fl-status{margin:0;font-weight:800;min-height:1.4em}.tk-game,.fd-game,.ng-game,.sc-game,.hs-game,.kk-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.tk-info,.fd-info,.ng-info,.sc-info,.hs-info,.kk-info{margin:0;font-weight:700;color:var(--muted);text-align:center;min-height:1.4em}.tk-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--cols),minmax(0,1fr));gap:4px;width:100%;aspect-ratio:1 / 1}.tk-cell{border:0;border-radius:50%;padding:0;cursor:pointer;font-family:var(--mono);font-weight:900;font-size:clamp(1rem,5.5vw,1.5rem);background:color-mix(in srgb,var(--ink) 10%,var(--surface));color:var(--ink)}.tk-cell.v0{background:#3b6fe0;color:#fff}.tk-cell.v1{background:#ffb020;color:#14111d}.tk-cell.given{border-radius:10px;cursor:default}.tk-cell.bad{box-shadow:0 0 0 3px var(--error)}.tk-game.tk-won .tk-cell{animation:pop .4s ease}.fd-info.over{color:var(--error-ink)}.fd-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--cols),minmax(0,1fr));width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;border:3px solid var(--ink)}.fd-cell{cursor:pointer;transition:background-color .15s}.fd-cell.c0,.fd-swatch.c0{background:#e0384d}.fd-cell.c1,.fd-swatch.c1{background:#ffc21a}.fd-cell.c2,.fd-swatch.c2{background:#1fa774}.fd-cell.c3,.fd-swatch.c3{background:#3b6fe0}.fd-cell.c4,.fd-swatch.c4{background:#8f5cf0}.fd-cell.c5,.fd-swatch.c5{background:#ff7fb8}.fd-cell.c6,.fd-swatch.c6{background:#ff8a2a}.fd-cell.c7,.fd-swatch.c7{background:#2ec4d6}.fd-palette{display:grid;grid-template-columns:repeat(var(--n, 6),1fr);gap:8px;width:100%}.fd-swatch{border:0;border-radius:14px;aspect-ratio:1 / 1;cursor:pointer;box-shadow:inset 0 -4px #00000040}.fd-swatch:disabled{opacity:.3;cursor:default}.ng-board{display:grid;grid-template-columns:auto repeat(var(--cols),minmax(0,1fr));width:100%;touch-action:none;user-select:none;-webkit-user-select:none}.ng-clue{display:flex;gap:4px;color:var(--ink);font-family:var(--mono);font-weight:800;font-size:clamp(.7rem,3.4vw,.95rem)}.ng-clue.col{flex-direction:column;justify-content:flex-end;align-items:center;gap:0;padding-bottom:4px;line-height:1.15}.ng-clue.row{justify-content:flex-end;align-items:center;padding-right:6px}.ng-clue.ok{color:var(--muted);opacity:.55}.ng-cell{aspect-ratio:1 / 1;background:var(--surface);border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);cursor:pointer;display:grid;place-items:center;color:var(--muted);font-size:clamp(.7rem,3.5vw,1rem)}.ng-cell.sep-r{border-right:2px solid var(--ink)}.ng-cell.sep-b{border-bottom:2px solid var(--ink)}.ng-cell.on{background:var(--ink)}.ng-cell.cross:after{content:"✕"}.ng-game.ng-won .ng-cell.on{background:var(--done)}.ng-mode{border:0;border-radius:14px;padding:12px 18px;font-weight:800;cursor:pointer;background:var(--surface);color:var(--ink);box-shadow:inset 0 -4px #0003}.ng-mode.on{background:var(--accent);color:#14111d}.sc-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--cols),minmax(0,1fr));gap:4px;width:100%;aspect-ratio:1 / 1}.sc-clue{display:grid;place-items:center;font-family:var(--mono);font-weight:900;font-size:clamp(1rem,5vw,1.4rem);color:var(--ink)}.sc-clue.ok{color:var(--done-ink)}.sc-clue.ko{color:var(--error-ink)}.sc-cell{border:0;border-radius:8px;padding:0;background:var(--surface);color:var(--accent-ink);font-family:var(--mono);font-weight:900;font-size:clamp(1.1rem,6vw,1.6rem);cursor:pointer}.sc-cell.given{color:var(--ink);background:color-mix(in srgb,var(--ink) 9%,var(--surface));cursor:default}.sc-cell.selected{outline:3px solid var(--accent);outline-offset:-3px}.sc-cell.bad{color:var(--error-ink);background:color-mix(in srgb,var(--error) 18%,var(--surface))}.sc-pad,.kk-pad{display:grid;grid-template-columns:repeat(var(--keys, 5),1fr);gap:6px;width:100%}.sc-num,.kk-num{border:0;border-radius:14px;padding:14px 0;font-family:var(--mono);font-weight:900;font-size:1.3rem;cursor:pointer;background:var(--surface);color:var(--ink);box-shadow:inset 0 -4px #0003}.hs-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--cols),minmax(0,1fr));width:100%;aspect-ratio:1 / 1;background:var(--surface);border-radius:14px;padding:6px;touch-action:none;user-select:none;-webkit-user-select:none}.hs-board.hs-ko{animation:shake .3s ease}.hs-cell.h1{background:linear-gradient(transparent calc(50% - 2px),var(--ink) calc(50% - 2px) calc(50% + 2px),transparent calc(50% + 2px))}.hs-cell.h2{background:linear-gradient(transparent calc(50% - 7px),var(--ink) calc(50% - 7px) calc(50% - 3px),transparent calc(50% - 3px) calc(50% + 3px),var(--ink) calc(50% + 3px) calc(50% + 7px),transparent calc(50% + 7px))}.hs-cell.v1{background:linear-gradient(90deg,transparent calc(50% - 2px),var(--ink) calc(50% - 2px) calc(50% + 2px),transparent calc(50% + 2px))}.hs-cell.v2{background:linear-gradient(90deg,transparent calc(50% - 7px),var(--ink) calc(50% - 7px) calc(50% - 3px),transparent calc(50% - 3px) calc(50% + 3px),var(--ink) calc(50% + 3px) calc(50% + 7px),transparent calc(50% + 7px))}.hs-island{margin:8%;border:3px solid var(--ink);border-radius:50%;padding:0;cursor:pointer;background:var(--bg);color:var(--ink);font-family:var(--mono);font-weight:900;font-size:clamp(.9rem,4.6vw,1.3rem)}.hs-island.ok{background:var(--done);border-color:var(--done);color:#14111d}.hs-island.over{border-color:var(--error);color:var(--error-ink)}.hs-island.sel{box-shadow:0 0 0 4px var(--accent)}.hs-island.target{border-style:dashed;border-color:var(--accent)}.kk-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--cols),minmax(0,1fr));gap:3px;width:100%;aspect-ratio:1 / 1}.kk-black{position:relative;border-radius:6px;background:#1b1530;color:#f3eefe}.kk-black.clue{background:linear-gradient(to top right,#1b1530 calc(50% - 1px),#f3eefe73 calc(50% - 1px) calc(50% + 1px),#1b1530 calc(50% + 1px))}.kk-sum{position:absolute;font-family:var(--mono);font-weight:900;font-size:clamp(.65rem,3.2vw,.95rem);line-height:1}.kk-sum.right{top:12%;right:12%}.kk-sum.down{bottom:12%;left:12%}.kk-sum.ok{color:#35d6a4}.kk-sum.ko{color:#ff5d6c}.kk-cell{border:0;border-radius:6px;padding:0;background:color-mix(in srgb,var(--ink) 12%,var(--surface));color:var(--accent-ink);font-family:var(--mono);font-weight:900;font-size:clamp(1.1rem,6vw,1.6rem);cursor:pointer}.kk-cell.given{color:var(--ink);cursor:default}.kk-cell.selected{outline:3px solid var(--accent);outline-offset:-3px}.kk-cell.bad{color:var(--error-ink);background:color-mix(in srgb,var(--error) 18%,var(--surface))}.hint-btn{position:relative;align-self:center;border:0;border-radius:14px;padding:10px 18px;font-weight:800;cursor:pointer;background:var(--surface);color:var(--ink);box-shadow:inset 0 -4px #0003;font-variant-numeric:tabular-nums}.hint-btn:disabled{cursor:default;opacity:.55;box-shadow:none}.hint-btn[hidden]{display:none}.hinted{animation:hinted 1.2s ease-out}.revealed{outline:2px dashed color-mix(in srgb,var(--accent) 75%,transparent);outline-offset:-4px}.hint-btn.cost:after{content:"+10 s";position:absolute;left:50%;top:-6px;transform:translate(-50%);color:var(--error);font-weight:900;pointer-events:none;animation:hint-cost 1.4s ease-out forwards}@keyframes hint-cost{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-26px)}}@keyframes hinted{0%,40%{box-shadow:0 0 0 4px var(--accent)}to{box-shadow:0 0 0 0 transparent}}.game-rules{margin:0;max-width:30rem;font-size:.9rem;line-height:1.45;color:var(--muted);text-align:center}.game-rules strong{color:var(--ink)}.quit-bar{align-self:stretch;display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;font-size:.9rem}.quit-bar span{font-weight:700}.quit-btn{border:0;border-radius:10px;padding:6px 12px;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.quit-btn:hover,.quit-btn:focus-visible{background:var(--surface);color:var(--ink)}.quit-btn.danger{background:color-mix(in srgb,var(--error) 22%,var(--surface));color:var(--ink)}.fd-lost .fd-board{filter:grayscale(.6);opacity:.7;transition:filter .4s,opacity .4s}.fu-game,.ak-game,.te-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.fu-info,.ak-info,.te-info{margin:0;font-weight:700;color:var(--muted);text-align:center;min-height:1.4em}.fu-board{display:grid;width:100%;aspect-ratio:1 / 1;grid-template-columns:repeat(calc(var(--n) - 1),minmax(0,1fr) minmax(0,.38fr)) minmax(0,1fr);grid-template-rows:repeat(calc(var(--n) - 1),minmax(0,1fr) minmax(0,.38fr)) minmax(0,1fr)}.fu-cell{border:0;border-radius:10px;padding:0;background:var(--surface);color:var(--accent-ink);font-family:var(--mono);font-weight:900;font-size:clamp(1.2rem,7vw,1.9rem);cursor:pointer;box-shadow:inset 0 -3px #0000002e}.fu-cell.given{color:var(--ink);background:color-mix(in srgb,var(--ink) 9%,var(--surface));cursor:default}.fu-cell.selected{outline:3px solid var(--accent);outline-offset:-3px}.fu-cell.bad{color:var(--error-ink);background:color-mix(in srgb,var(--error) 18%,var(--surface))}.fu-gap{display:grid;place-items:center}.fu-sign{font-family:var(--mono);font-weight:900;font-size:clamp(.9rem,4.6vw,1.3rem);color:var(--muted)}.fu-sign.ko{color:var(--error-ink)}.fu-pad{display:grid;grid-template-columns:repeat(var(--keys, 6),1fr);gap:6px;width:100%}.fu-num{border:0;border-radius:14px;padding:14px 0;font-family:var(--mono);font-weight:900;font-size:1.3rem;cursor:pointer;background:var(--surface);color:var(--ink);box-shadow:inset 0 -4px #0003}.ak-board,.te-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--cols),minmax(0,1fr));gap:3px;width:100%;aspect-ratio:1 / 1}.ak-black{display:grid;place-items:center;border-radius:6px;background:#1b1530;color:#f3eefe;font-family:var(--mono);font-weight:900;font-size:clamp(1rem,5vw,1.4rem)}.ak-black.ok{color:#35d6a4}.ak-black.ko{color:#ff5d6c}.ak-cell{border:0;border-radius:6px;padding:0;background:color-mix(in srgb,var(--ink) 14%,var(--surface));color:var(--muted);font-size:clamp(1rem,5.4vw,1.5rem);cursor:pointer}.ak-cell.lit{background:color-mix(in srgb,#ffd23f 38%,var(--surface))}.ak-cell.bad{background:color-mix(in srgb,var(--error) 35%,var(--surface))}.ak-cell.given{cursor:default}.te-count{display:grid;place-items:center;font-family:var(--mono);font-weight:900;font-size:clamp(.95rem,4.6vw,1.3rem);color:var(--ink)}.te-count.ok{color:var(--done-ink)}.te-count.ko{color:var(--error-ink)}.te-tree{display:grid;place-items:center;border-radius:6px;background:color-mix(in srgb,#1fa774 22%,var(--surface));font-size:clamp(1rem,5.4vw,1.5rem)}.te-cell{border:0;border-radius:6px;padding:0;background:var(--surface);font-size:clamp(1rem,5.4vw,1.5rem);cursor:pointer}.te-cell.grass{background:color-mix(in srgb,#7bc96f 30%,var(--surface))}.te-cell.bad{background:color-mix(in srgb,var(--error) 35%,var(--surface))}.te-cell.given{cursor:default}.seo-shell{max-width:560px;margin:0 auto;padding:32px 16px;text-align:center}.seo-shell h1{margin:0 0 4px;font-size:2rem;font-weight:900;color:var(--accent-ink)}.seo-shell .seo-tagline{margin:0 0 16px;font-weight:700}.seo-shell p{color:var(--muted);line-height:1.45}.seo-shell h2{margin:24px 0 10px;font-size:1.05rem}.seo-games{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none}.seo-games li{padding:4px 10px;border-radius:999px;background:var(--surface);color:var(--muted);font-size:.85rem}.seo-shell a{color:var(--accent-ink)}.seo-games a{color:inherit;text-decoration:none}.home-footer{margin:24px 0 8px}.chip.lvl-hardcore{color:var(--error);border-color:color-mix(in srgb,var(--error) 45%,transparent)}.chip.lvl-hardcore.on{background:var(--error);color:#fff;border-color:var(--error)}.mj-game,.fc-game,.ws-game,.bl-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.mj-info,.fc-info,.ws-info,.bl-info{margin:0;font-weight:700;color:var(--muted);text-align:center;min-height:1.4em}.mj-board{position:relative;width:100%;aspect-ratio:calc(var(--cols) * 3) / calc(var(--rows) * 4);margin-top:10px}.mj-tile{position:absolute;left:calc(var(--c) * 100% / var(--cols) - var(--z) * var(--lift, 5px));top:calc(var(--r) * 100% / var(--rows) - var(--z) * var(--lift, 5px));width:calc(100% / var(--cols) - 2px);height:calc(100% / var(--rows) - 2px);z-index:calc(var(--z) + 1);padding:0;border:1px solid #c9bfa6;border-radius:7px;background:#fbf6e8;color:#1b1530;font-size:clamp(.8rem,calc(min(92vw,480px) / var(--cols) * .62),1.7rem);cursor:pointer;box-shadow:2px 3px #b3a88c,3px 5px 6px #00000040}.mj-tile.z0{background:#ece3c9}.mj-tile.z1{background:#f5edd7;box-shadow:.1em .14em #b3a88c,calc(.1em + var(--lift)) calc(.14em + var(--lift)) 0 #9a8e70,3px 6px 8px #00000047}.mj-tile.z2{background:#faf3e1;box-shadow:.1em .14em #b3a88c,calc(.1em + var(--lift)) calc(.14em + var(--lift)) 0 #9a8e70,calc(.1em + 2 * var(--lift)) calc(.14em + 2 * var(--lift)) 0 #857a5c,4px 8px 10px #0000004d}.mj-tile.z3{background:#fffaee}.mj-tile.z4{background:#fff}.mj-tile.z3,.mj-tile.z4{box-shadow:.1em .14em #b3a88c,calc(.1em + var(--lift)) calc(.14em + var(--lift)) 0 #9a8e70,calc(.1em + 2 * var(--lift)) calc(.14em + 2 * var(--lift)) 0 #857a5c,calc(.1em + 3 * var(--lift)) calc(.14em + 3 * var(--lift)) 0 #70664a,5px 10px 12px #00000052}.mj-tile.z4{box-shadow:.1em .14em #b3a88c,calc(.1em + var(--lift)) calc(.14em + var(--lift)) 0 #9a8e70,calc(.1em + 2 * var(--lift)) calc(.14em + 2 * var(--lift)) 0 #857a5c,calc(.1em + 3 * var(--lift)) calc(.14em + 3 * var(--lift)) 0 #70664a,calc(.1em + 4 * var(--lift)) calc(.14em + 4 * var(--lift)) 0 #5c5339,6px 12px 14px #00000057}.mj-tile[hidden]{display:none!important}.mj-tile:disabled{cursor:default;filter:brightness(.7) saturate(.6);opacity:1}.mj-tile.free{outline:2px solid color-mix(in srgb,var(--done) 85%,transparent);outline-offset:-3px}.mj-tile.sel{background:#ffe08a;outline:3px solid var(--accent);outline-offset:-1px}.mj-stuck{margin:0;color:var(--error-ink);font-weight:700;text-align:center}.mj-stuck[hidden]{display:none}.fc-top{display:grid;grid-template-columns:repeat(var(--slots),minmax(0,1fr));gap:4px;width:100%}.fc-cell,.fc-found{display:grid;place-items:stretch;aspect-ratio:5 / 7;padding:0;border-radius:7px;cursor:pointer;background:transparent;border:2px dashed color-mix(in srgb,var(--ink) 25%,transparent)}.fc-found{border-style:solid;background:color-mix(in srgb,var(--done) 12%,transparent)}.fc-cell.sel,.fc-card.sel{outline:3px solid var(--accent);outline-offset:-2px}.fc-suit{display:grid;place-items:center;color:var(--muted);font-size:1.3rem}.fc-cols{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;width:100%;min-height:220px}.fc-col{display:flex;flex-direction:column;min-height:100%;border-radius:7px;cursor:pointer;--peek: clamp(15px, 4.6vw, 22px);background:color-mix(in srgb,var(--ink) 5%,transparent)}.fc-card{display:block;aspect-ratio:5 / 7;flex:none;padding:2px 3px;border-radius:6px;border:1px solid #c9c2d6;cursor:pointer;background:#fff;color:#1b1530;font-family:var(--mono);font-weight:900;font-size:clamp(.7rem,3.4vw,1rem);line-height:1.1;box-shadow:0 1px 3px #00000040;-webkit-user-select:none;user-select:none}.fc-card.red{color:#d0263c}.fc-col .fc-card+.fc-card{margin-top:calc(var(--peek) - 100% * 7 / 5)}.fc-cell>.fc-card,.fc-found>.fc-card{width:100%;height:100%}.fc-game.fc-no .fc-cols{animation:shake .25s ease}.ws-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--cols),minmax(0,1fr));width:100%;aspect-ratio:1 / 1;border-radius:12px;background:var(--surface);touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.ws-cell{display:grid;place-items:center;font-family:var(--mono);font-weight:800;font-size:clamp(.9rem,calc(42vw / var(--cols)),1.5rem);border-radius:30%}.ws-cell.found{background:hsl(var(--hue) 75% 55% / .38)}.ws-cell.sel{background:color-mix(in srgb,var(--accent) 55%,transparent);color:#1b1530}.ws-cell.miss{animation:ws-miss .45s ease-out}@keyframes ws-miss{0%{background:color-mix(in srgb,var(--error) 60%,transparent)}to{background:transparent}}.ws-words{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;margin:0;padding:0;list-style:none;font-family:var(--mono);font-weight:700}.ws-words li.found{color:var(--muted);text-decoration:line-through}.bl-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--cols),minmax(0,1fr));gap:3px;width:100%;aspect-ratio:1 / 1;padding:4px;border-radius:12px;background:var(--surface);touch-action:none}.bl-cell{border-radius:5px;background:color-mix(in srgb,var(--ink) 9%,transparent)}.bl-cell.on{background:#7c5cff;box-shadow:inset 0 -3px #00000040}.bl-cell.ghost{background:color-mix(in srgb,#7c5cff 45%,transparent)}.bl-cell.clear{animation:bl-clear .4s ease-out}@keyframes bl-clear{0%{background:#ffd23f;transform:scale(1.1)}to{background:color-mix(in srgb,var(--ink) 9%,transparent);transform:none}}.bl-tray{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.bl-slot{display:grid;place-items:center;min-height:96px;padding:6px;border:0;border-radius:12px;background:var(--surface);cursor:grab;touch-action:none}.bl-slot.sel{outline:3px solid var(--accent)}.bl-slot.dead .bl-piece{opacity:.35}.bl-piece{display:grid;grid-template-columns:repeat(var(--w),var(--cell, 16px));grid-template-rows:repeat(var(--h),var(--cell, 16px));gap:2px;pointer-events:none}.bl-piece span{border-radius:3px;background:#7c5cff;box-shadow:inset 0 -2px #00000040}.bl-float{position:fixed;z-index:50;transform:translate(-50%,-50%);opacity:.85}.bl-stuck .bl-board{filter:grayscale(.7);opacity:.75;transition:filter .4s,opacity .4s}.bl-won .bl-board{box-shadow:0 0 0 4px #7c5cff,0 0 28px 4px #7c5cff80}.bl-stuck .bl-info,.bl-won .bl-info{color:var(--ink)}.ctour-games{display:flex;flex-direction:column;gap:8px;margin:10px 0;padding:0;list-style:none}.ctour-games li{display:flex;align-items:center;gap:10px}.ctour-icon{font-size:1.5rem}.ctour-name{flex:1;display:flex;flex-direction:column;font-weight:700}.ctour-name small{font-weight:400}.cta.small{padding:8px 14px;font-size:.95rem;min-height:0}.ctour-ranks{display:block;font-size:.78rem}.ctour-form{display:flex;flex-direction:column;gap:12px}.ctour-form label{display:flex;flex-direction:column;gap:4px;font-weight:700}.ctour-form fieldset{border:0;margin:0;padding:0}.ctour-form legend{font-weight:700;margin-bottom:6px}.ctour-pick{display:flex;flex-wrap:wrap;gap:6px;max-height:260px;overflow-y:auto}.ctour-chip{padding:6px 10px;border-radius:999px;border:1px solid var(--surface-2);background:transparent;color:var(--ink);font:inherit;font-size:.88rem;cursor:pointer}.ctour-chip.on{background:color-mix(in srgb,var(--accent) 22%,var(--surface));border-color:var(--accent);font-weight:700}.ctour-chip:disabled{opacity:.45;cursor:default}.ctour-list{display:flex;flex-direction:column;gap:6px;margin:8px 0;padding:0;list-style:none}.ctour-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:0;border-radius:12px;background:var(--surface-2);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.ck-tick.min{stroke-width:1;opacity:.55}.sn-waiting .sn-info{color:var(--accent-ink);animation:sn-ready 1.2s ease-in-out infinite}@keyframes sn-ready{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.sn-waiting .sn-info{animation:none}}.play{touch-action:manipulation}.revoke-confirm{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.revoke-confirm p{flex-basis:100%;margin:0}.zp-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.zp-info{margin:0;font-weight:700;color:var(--muted);text-align:center;min-height:1.4em}.zp-board{position:relative;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--cols),minmax(0,1fr));width:100%;max-width:440px;aspect-ratio:1;background:var(--surface);border:2px solid var(--ink);border-radius:12px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.zp-cell{position:relative;min-width:0;min-height:0;border:1px solid rgba(127,127,127,.25)}.zp-cell.on{background:color-mix(in srgb,var(--accent) 14%,transparent)}.zp-cell.locked{background:color-mix(in srgb,var(--accent) 26%,transparent)}.zp-num{position:absolute;z-index:2;inset:18%;display:grid;place-items:center;border-radius:50%;background:#1b1530;color:#fff;font-weight:800;font-size:clamp(.8rem,4.2vw,1.25rem)}.zp-path{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.zp-path polyline{fill:none;stroke:var(--accent);stroke-width:.38;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.zp-cell.head:after{content:"";position:absolute;inset:35%;border-radius:50%;background:var(--accent);z-index:3;box-shadow:0 0 0 3px #fff9}.zp-won .zp-path polyline{stroke:var(--done)}.zp-cell.head .zp-num{z-index:4;box-shadow:0 0 0 3px var(--accent)}.pp-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.pp-info,.lk-info{margin:0;font-weight:700;color:var(--muted);text-align:center;min-height:1.4em}.pp-tip{margin:0;color:var(--muted);font-size:.85rem;text-align:center;max-width:440px}.pp-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:2px;width:100%;max-width:440px;aspect-ratio:1;padding:4px;border-radius:12px;background:color-mix(in srgb,var(--ink) 10%,var(--surface))}.pp-tile{position:relative;min-width:0;padding:0;border:0;border-radius:4px;background:var(--surface);cursor:pointer;touch-action:manipulation;--pipe: color-mix(in srgb, var(--ink) 40%, var(--surface))}.pp-tile.wet{--pipe: #2b8fd9}.pp-tile.locked{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 70%,transparent);cursor:default}.pp-shape{position:absolute;inset:0}.pp-shape.turn{animation:pp-turn .12s ease-out}@keyframes pp-turn{0%{transform:rotate(-90deg)}to{transform:none}}.pp-arm{position:absolute;background:var(--pipe);border-radius:2px}.pp-arm.u,.pp-arm.d{left:39%;width:22%;height:50%}.pp-arm.u{top:0}.pp-arm.d{bottom:0}.pp-arm.l,.pp-arm.r{top:39%;height:22%;width:50%}.pp-arm.l{left:0}.pp-arm.r{right:0}.pp-hub{position:absolute;inset:33%;border-radius:50%;background:var(--pipe)}.pp-tile.source .pp-hub{inset:26%;box-shadow:0 0 0 3px color-mix(in srgb,#2b8fd9 35%,transparent)}.pp-won .pp-tile{--pipe: var(--done)}.lk-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.lk-board{position:relative;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--cols),minmax(0,1fr));width:100%;max-width:440px;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--surface);touch-action:none;-webkit-user-select:none;user-select:none}.lk-cell{position:relative;min-width:0;min-height:0;border:1px solid rgba(127,127,127,.25)}.lk-cell.locked{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ink) 25%,transparent)}.lk-dot{position:absolute;z-index:2;inset:20%;border-radius:50%;box-shadow:0 1px 3px #0000004d}.lk-paths{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.lk-paths polyline{fill:none;stroke-width:.34;stroke-linecap:round;stroke-linejoin:round}.grid-wall{stroke:var(--ink);stroke-width:.12;stroke-linecap:round}.lk-cell.head:after{content:"";position:absolute;inset:36%;border-radius:50%;background:var(--ink);opacity:.55;z-index:3}.lk-won .lk-board{box-shadow:0 0 0 3px var(--done)}.kd-game,.ht-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.kd-info,.ht-info{margin:0;font-weight:700;color:var(--muted);text-align:center;min-height:1.4em}.kd-board,.ht-board{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-template-rows:repeat(var(--n),minmax(0,1fr));width:100%;max-width:440px;aspect-ratio:1}.kd-board{border-radius:10px;overflow:hidden;background:var(--surface)}.kd-cell{position:relative;min-width:0;min-height:0;padding:0;border:1px solid rgba(127,127,127,.28);background:var(--surface);color:var(--accent-ink);font-family:var(--mono);font-weight:900;font-size:clamp(1.1rem,6.5vw,1.8rem);cursor:pointer}.kd-cell.bt{border-top:2px solid var(--ink)}.kd-cell.br{border-right:2px solid var(--ink)}.kd-cell.bb{border-bottom:2px solid var(--ink)}.kd-cell.bl{border-left:2px solid var(--ink)}.kd-cell.selected{background:color-mix(in srgb,var(--accent) 22%,var(--surface))}.kd-cell.bad .kd-value{color:var(--error-ink)}.kd-cell.bad{background:color-mix(in srgb,var(--error) 15%,var(--surface))}.kd-label{position:absolute;top:2px;left:4px;font-size:clamp(.55rem,2.6vw,.8rem);font-weight:800;color:var(--ink);line-height:1}.kd-label.ko{color:var(--error-ink)}.kd-won .kd-board{box-shadow:0 0 0 3px var(--done)}.ht-board{gap:3px}.ht-cell{min-width:0;min-height:0;padding:0;border:0;border-radius:8px;background:var(--surface);color:var(--ink);font-family:var(--mono);font-weight:900;font-size:clamp(1.1rem,6.5vw,1.8rem);cursor:pointer;box-shadow:inset 0 -3px #00000026}.ht-cell.black{background:color-mix(in srgb,var(--ink) 82%,var(--bg));color:color-mix(in srgb,var(--bg) 55%,var(--ink));box-shadow:none}.ht-cell.circled{box-shadow:inset 0 0 0 3px var(--accent);border-radius:50%}.ht-cell.bad{color:var(--error-ink);background:color-mix(in srgb,var(--error) 18%,var(--surface))}.ht-cell.black.bad{background:var(--error);color:#fff}.ht-won .ht-board{box-shadow:0 0 0 3px var(--done);border-radius:10px}.ws2-game,.cd-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.ws2-info,.cd-info{margin:0;font-weight:700;color:var(--muted);text-align:center;min-height:1.4em}.ws2-board{display:grid;grid-template-columns:repeat(var(--per-row),minmax(0,1fr));gap:18px 10px;width:100%;max-width:420px;padding-top:14px}.ws2-tube{display:flex;flex-direction:column-reverse;justify-content:flex-start;gap:2px;height:150px;padding:4px 4px 6px;cursor:pointer;border:3px solid color-mix(in srgb,var(--ink) 35%,transparent);border-top:0;border-radius:0 0 22px 22px;background:color-mix(in srgb,var(--ink) 6%,transparent);transition:transform .15s ease}.ws2-tube.sel{transform:translateY(-14px);border-color:var(--accent)}.ws2-tube.done{border-color:var(--done)}.ws2-dose{display:block;flex:0 0 calc((100% - 6px)/4);border-radius:6px}.ws2-dose:first-child{border-radius:6px 6px 18px 18px}.ws2-won .ws2-tube{border-color:var(--done)}.cd-target{display:flex;flex-direction:column;align-items:center;padding:10px 26px;border-radius:16px;background:#1b1530;color:#ffcf5a}.cd-target-label{font-size:.8rem;font-weight:700;color:#b9b0d6;text-transform:uppercase;letter-spacing:.08em}.cd-target strong{font-family:var(--mono);font-size:clamp(2.4rem,13vw,3.4rem);line-height:1.05}.cd-near{margin:0;color:var(--muted);font-size:.9rem}.cd-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:420px}.cd-num{padding:16px 0;border:0;border-radius:14px;background:var(--surface);color:var(--ink);font-family:var(--mono);font-weight:900;font-size:clamp(1.3rem,6.5vw,1.8rem);cursor:pointer;box-shadow:inset 0 -4px #0000002e}.cd-num.result{background:color-mix(in srgb,var(--accent) 18%,var(--surface))}.cd-num.sel{outline:3px solid var(--accent);outline-offset:-3px}.cd-num.fresh{animation:cd-pop .25s ease-out}.cd-num.hit{background:var(--done);color:#fff}@keyframes cd-pop{0%{transform:scale(.7);opacity:.4}to{transform:none;opacity:1}}.cd-ops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:420px}.cd-op{padding:12px 0;border:0;border-radius:14px;background:var(--surface-2);color:var(--ink);font-size:1.6rem;font-weight:900;cursor:pointer}.cd-op.sel{background:var(--accent);color:#1b1530}.cd-op:disabled{opacity:.45;cursor:default}.cd-won .cd-target{box-shadow:0 0 0 3px var(--done)}.pg-game,.an-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.pg-info,.an-info{margin:0;font-weight:700;color:var(--muted);text-align:center;min-height:1.4em}.pg-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;width:100%;max-width:400px;aspect-ratio:1;padding:10px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,#8d6e3f 30%,var(--surface)),color-mix(in srgb,#8d6e3f 14%,var(--surface)) 70%)}.pg-void{display:block}.pg-hole{aspect-ratio:1;padding:0;border:0;border-radius:50%;cursor:pointer;background:color-mix(in srgb,var(--ink) 16%,transparent);box-shadow:inset 0 3px 5px #00000059}.pg-hole.peg{background:radial-gradient(circle at 35% 30%,#fff 0 12%,#3e8ef7 30%,#1d4f9e);box-shadow:0 3px 5px #00000059}.pg-hole.sel{outline:3px solid var(--accent);outline-offset:2px}.pg-hole.target{outline:3px dashed var(--done);outline-offset:-3px}.pg-won .pg-board{box-shadow:0 0 0 3px var(--done)}.an-answer,.an-tiles{display:grid;grid-template-columns:repeat(var(--n, 6),minmax(0,1fr));gap:8px;width:100%;max-width:380px}.an-slot{aspect-ratio:1;padding:0;border:2px dashed color-mix(in srgb,var(--ink) 30%,transparent);border-radius:12px;background:none;color:var(--ink);font-family:var(--mono);font-weight:900;font-size:clamp(1.3rem,7vw,1.9rem);cursor:pointer}.an-slot.filled{border-style:solid;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.an-tile{aspect-ratio:1;padding:0;border:0;border-radius:12px;background:var(--surface);color:var(--ink);font-family:var(--mono);font-weight:900;font-size:clamp(1.3rem,7vw,1.9rem);cursor:pointer;box-shadow:inset 0 -4px #0000002e}.an-tile:disabled{opacity:.25;cursor:default}.an-msg{margin:0;min-height:1.3em;color:var(--muted);font-weight:700;text-align:center}.an-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.an-won .an-answer .an-slot{border-color:var(--done)}.nk-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.nk-info{margin:0;font-weight:700;color:var(--muted);text-align:center;min-height:1.4em}.nk-board{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-template-rows:repeat(var(--n),minmax(0,1fr));gap:3px;width:100%;max-width:420px;aspect-ratio:1}.nk-cell{position:relative;min-width:0;min-height:0;padding:0;border:0;border-radius:6px;background:var(--surface);color:var(--ink);font-family:var(--mono);font-weight:900;font-size:clamp(1.1rem,6.5vw,1.7rem);cursor:pointer;box-shadow:inset 0 -3px #0000001f}.nk-cell.clue{cursor:default;background:color-mix(in srgb,#12a5b5 22%,var(--surface));opacity:1}.nk-cell.black{background:color-mix(in srgb,#1d4f9e 75%,var(--ink));box-shadow:none}.nk-cell.dot:after{content:"";position:absolute;inset:40%;border-radius:50%;background:var(--muted)}.nk-cell.bad{background:color-mix(in srgb,var(--error) 30%,var(--surface))}.nk-cell.black.bad{background:var(--error)}.nk-won .nk-board{box-shadow:0 0 0 3px var(--done);border-radius:8px}.kl-cols{grid-template-columns:repeat(7,minmax(0,1fr))}.kl-back{background:repeating-linear-gradient(45deg,#3e5bd6 0 4px,#2f47ad 4px 8px);border-color:#22357f}.kl-stock{cursor:pointer}.kl-stock .fc-suit{font-size:1.6rem}.hm-game{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.hm-info{margin:0;font-weight:700;color:var(--muted);text-align:center}.hm-art{width:150px;height:160px}.hm-art path{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .2s}.hm-art path.on{opacity:1}.hm-word{margin:0;font-family:var(--mono);font-weight:900;font-size:clamp(1.6rem,9vw,2.4rem);letter-spacing:.12em}.hm-msg{margin:0;min-height:1.3em;color:var(--muted);font-weight:700;text-align:center}.hm-keys{display:flex;flex-direction:column;gap:6px;width:100%;max-width:440px}.hm-row{display:flex;justify-content:center;gap:5px}.hm-key{flex:1 1 0;max-width:40px;padding:12px 0;border:0;border-radius:8px;background:var(--surface-2);color:var(--ink);font-weight:800;cursor:pointer}.hm-key.hit{background:var(--done);color:#fff}.hm-key.miss{background:color-mix(in srgb,var(--ink) 12%,transparent);color:var(--muted)}.hm-key:disabled{cursor:default}.mj-tile.classic{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;font-family:"Noto Serif CJK SC",Noto Sans CJK SC,Microsoft YaHei,PingFang SC,serif}.mj-tile.classic .mj-main{font-weight:800;font-size:1em}.mj-tile.classic .mj-mark{font-size:.55em;margin-top:.08em}.mj-tile[data-suit=wan] .mj-main{color:#1b1530}.mj-tile[data-suit=wan] .mj-mark{color:#c62828}.mj-tile[data-suit=tong]{color:#1f5fbf}.mj-tile[data-suit=suo]{color:#1d7a3e}.mj-tile[data-suit=wind]{color:#1b1530}.mj-tile[data-suit=red]{color:#c62828}.mj-tile[data-suit=green]{color:#1d7a3e}.mj-tile[data-suit=white]{color:#1f5fbf}.mj-tile[data-suit=flower]{color:#c2187a}.mj-tile[data-suit=season]{color:#d9730d}.mj-tile .mj-pips{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:88%;height:84%;place-items:center}.mj-pip{width:82%;aspect-ratio:1;border-radius:50%;background:currentColor}.mj-tile[data-suit=suo] .mj-pip{width:40%;aspect-ratio:auto;height:94%;border-radius:3px}.mj-pip.off{visibility:hidden}.mj-faces{align-self:center;border:0;background:none;color:var(--muted);font-weight:700;text-decoration:underline;cursor:pointer;padding:4px 8px}.push-nudge{display:flex;flex-direction:column;gap:10px;text-align:center}.push-nudge p{margin:0;font-weight:600}.push-nudge-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}.push-nudge-ok{text-align:center}.s9-board{grid-template-columns:repeat(3,minmax(0,1fr)) 4px repeat(3,minmax(0,1fr)) 4px repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr)) 4px repeat(3,minmax(0,1fr)) 4px repeat(3,minmax(0,1fr));gap:2px}.s9-board .s6-cell{border-radius:4px;font-size:clamp(.95rem,4.6vw,1.45rem)}.s9-board .s6-cell.selected{outline-width:2px;outline-offset:-2px}.s9-pad{grid-template-columns:repeat(5,1fr)}.s9-pad .s6-num{padding:10px 0}.wd-game{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.wd-info{margin:0;font-weight:700;color:var(--muted);text-align:center;min-height:1.4em}.wd-board{display:flex;flex-direction:column;gap:6px;width:min(100%,calc(var(--letters) * 58px))}.wd-row{display:grid;grid-template-columns:repeat(var(--letters),minmax(0,1fr));gap:6px}.wd-row.shake{animation:shake .3s ease}.wd-tile{display:grid;place-items:center;aspect-ratio:1;border:2px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:8px;font-family:var(--mono);font-weight:900;font-size:clamp(1.2rem,6.5vw,1.8rem);color:var(--ink);background:var(--surface);text-transform:uppercase}.wd-tile.filled{border-color:color-mix(in srgb,var(--ink) 45%,transparent)}.wd-tile.correct,.wd-key.correct{background:#2e9d5b;border-color:#2e9d5b;color:#fff}.wd-tile.present,.wd-key.present{background:#d9a520;border-color:#d9a520;color:#fff}.wd-tile.absent,.wd-key.absent{background:#7c7a86;border-color:#7c7a86;color:#fff}.wd-message{margin:0;min-height:1.4em;font-weight:700;text-align:center;color:var(--muted)}.wd-won .wd-message{color:var(--done)}.wd-lost .wd-message{color:var(--error-ink)}.wd-keyboard{display:flex;flex-direction:column;gap:6px;width:100%;max-width:520px}.wd-keys{display:flex;gap:4px;justify-content:center}.wd-key{flex:1 1 0;min-width:0;padding:14px 0;border:0;border-radius:8px;background:color-mix(in srgb,var(--ink) 12%,var(--surface));color:var(--ink);font-weight:800;font-size:1rem;cursor:pointer;touch-action:manipulation}.wd-key.wide{flex:1.6 1 0}.actions .tour-back{flex:1 1 100%;padding:16px 18px;font-size:1.15rem}.tag.lvl-hardcore{background:var(--error);color:#fff}.tag.lvl-expert{background:color-mix(in srgb,var(--accent) 30%,var(--surface))}.ctour-levels{justify-content:flex-start;flex-wrap:wrap}.streak.at-risk{outline:2px dashed color-mix(in srgb,var(--accent) 60%,transparent)}.streak-risk{margin:0;font-weight:700;color:var(--accent)}.gx{margin:4px 0 0;padding:10px 12px;border-radius:12px;background:var(--surface-2);width:100%;max-width:420px}.gx-title{font-weight:800;font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.gx-pair{display:flex;align-items:center;justify-content:center;gap:10px}.gx-side{display:flex;flex-direction:column;align-items:center;gap:4px}.gx-label{font-size:.75rem;color:var(--muted);font-weight:700}.gx-arrow{font-size:1.4rem;color:var(--muted);font-weight:900}.gx-grid{display:grid;gap:2px}.gx-cell{display:grid;place-items:center;width:26px;height:26px;border-radius:4px;background:var(--surface);color:var(--ink);font-family:var(--mono);font-weight:900;font-size:.9rem;line-height:1}.gx-none,.gx-clue,.gx-plain{background:transparent}.gx-clue{color:var(--muted);font-size:.8rem}.gx-black{background:color-mix(in srgb,var(--ink) 82%,var(--bg));color:color-mix(in srgb,var(--bg) 55%,var(--ink))}.gx-dot:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--muted)}.gx-glyph{font-size:1rem}.gx-ship{background:color-mix(in srgb,var(--ink) 75%,#3e8ef7);border-radius:30%}.gx-island{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:2px solid var(--ink);font-size:.8rem}.gx-za{background:color-mix(in srgb,#e5484d 30%,var(--surface))}.gx-zb{background:color-mix(in srgb,#3e8ef7 30%,var(--surface))}.gx-zc{background:color-mix(in srgb,#2fb170 30%,var(--surface))}.gx-zd{background:color-mix(in srgb,#f5a524 34%,var(--surface))}.gx-svg{width:100%;height:100%}.gx-svg line{stroke:#2b8fd9;stroke-width:5;stroke-linecap:round}.gx-svg circle{fill:#2b8fd9}.gx-bridge line{stroke:var(--ink);stroke-width:2.5;stroke-linecap:butt}.gx-fig{width:min(40vw,170px);height:auto}.gx-full{display:flex;flex-direction:column;align-items:center;gap:6px}.gx-full .gx-title{align-self:flex-start}.gx-big{width:min(100%,340px)}.gx-toggle{margin-top:2px}.gx-text{margin:8px 0 0;font-size:.85rem;color:var(--muted);text-align:left}.bn-game,.py-game{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.bn-fleet{margin:0;color:var(--muted);font-weight:700;letter-spacing:.05em;text-align:center}.bn-board{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:2px;width:100%;max-width:440px}.bn-clue{display:grid;place-items:center;font-family:var(--mono);font-weight:900;color:var(--muted);aspect-ratio:1}.bn-clue.ok{color:var(--done-ink)}.bn-clue.over{color:var(--error-ink)}.bn-cell{aspect-ratio:1;padding:0;border:0;border-radius:4px;background:color-mix(in srgb,#3e8ef7 10%,var(--surface));cursor:pointer}.bn-cell.ship{background:color-mix(in srgb,var(--ink) 75%,#3e8ef7);border-radius:30%}.bn-cell.water{background:color-mix(in srgb,#3e8ef7 32%,var(--surface))}.bn-cell.water:after{content:"≈";color:#2f6fca;font-weight:900}.bn-cell.given{cursor:default;outline:2px solid color-mix(in srgb,var(--ink) 35%,transparent);outline-offset:-2px;opacity:1}.bn-won .bn-board{box-shadow:0 0 0 3px var(--done);border-radius:6px}.py-info{margin:0;font-weight:700;color:var(--muted);text-align:center}.py-pyramid{display:flex;flex-direction:column;align-items:center;width:100%;max-width:440px;--w: min(12.5vw, 54px)}.py-row{display:flex;justify-content:center;gap:4px}.py-row+.py-row{margin-top:calc(var(--w) * -.75)}.py-slot{position:relative;width:var(--w);padding:0;border:0;background:none;cursor:pointer}.py-slot.gone{visibility:hidden}.py-slot:disabled{cursor:default;opacity:1}.py-card{display:block;width:100%}.py-card.blocked{filter:brightness(.82)}.py-bottom{display:flex;gap:14px;justify-content:center;margin-top:6px}.py-bottom .py-slot{--w: min(12.5vw, 54px);width:calc(var(--w) * 1.15);min-height:calc(var(--w) * 1.6);border:2px dashed color-mix(in srgb,var(--ink) 25%,transparent);border-radius:7px;display:grid;place-items:center}.py-won .py-pyramid{filter:drop-shadow(0 0 6px var(--done))}.an-start{margin:0;font-family:var(--mono);font-weight:900;font-size:1.8rem;letter-spacing:.25em;text-align:center;color:var(--ink)}.pl-live{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.pl-live li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:var(--surface-2)}.pl-live strong{font-size:1.6rem;font-weight:900;line-height:1.1}.pl-live span{font-size:.8rem;color:var(--muted);font-weight:700}.pl-live small{font-size:.72rem;color:var(--muted)}.pl-live li.main{background:color-mix(in srgb,var(--done) 22%,var(--surface-2))}.ks-board{--cage: color-mix(in srgb, var(--ink) 78%, transparent);--inset: clamp(2px, .9vw, 4px)}.ks-board .kd-cell{border:1px solid rgba(127,127,127,.18);font-size:clamp(.95rem,4.6vw,1.45rem)}.ks-board .kd-cell.xt{border-top:2px solid var(--ink)}.ks-board .kd-cell.xr{border-right:2px solid var(--ink)}.ks-board .kd-cell.xb{border-bottom:2px solid var(--ink)}.ks-board .kd-cell.xl{border-left:2px solid var(--ink)}.ks-board .kd-cell:before{content:"";position:absolute;inset:0;pointer-events:none}.ks-board .kd-cell.bt:before{top:var(--inset);border-top:1.5px dashed var(--cage)}.ks-board .kd-cell.br:before{right:var(--inset);border-right:1.5px dashed var(--cage)}.ks-board .kd-cell.bb:before{bottom:var(--inset);border-bottom:1.5px dashed var(--cage)}.ks-board .kd-cell.bl:before{left:var(--inset);border-left:1.5px dashed var(--cage)}.ks-board .kd-cell.given{color:var(--ink);background:color-mix(in srgb,var(--ink) 9%,var(--surface));cursor:default}.ks-board .kd-cell.same{background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.ks-board .kd-cell.selected{background:color-mix(in srgb,var(--accent) 28%,var(--surface))}.ks-board .kd-label{top:1px;left:2px;z-index:1;padding:0 1px;border-radius:2px;background:inherit;font-size:clamp(.45rem,2.1vw,.68rem)}.ks-board .kd-cell.shake{animation:shake .3s ease}.gf-cols{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;width:100%;max-width:440px;--w: min(12.5vw, 58px)}.gf-col{display:flex;flex-direction:column;align-items:center;padding:0;border:0;background:none;cursor:pointer;min-height:calc(var(--w) * 1.4)}.gf-col:disabled{cursor:default;opacity:1}.gf-col .py-card{width:100%}.gf-col .py-card+.py-card{margin-top:calc(var(--w) * -1)}.gf-col .py-card.blocked{filter:brightness(.9)}.gf-col .py-card:not(.blocked):last-child{outline:2px solid var(--accent);outline-offset:-1px}.gf-game .py-bottom div.py-slot{cursor:default}.tp-peaks{position:relative;width:100%;max-width:440px;aspect-ratio:10 / 3.71}.tp-slot{position:absolute;left:calc(var(--x) * 10%);top:calc(var(--row) * 20.75%);width:10%;padding:0 1px;border:0;background:none;cursor:pointer}.tp-slot.gone{visibility:hidden}.tp-slot:disabled{cursor:default;opacity:1}.tp-slot .py-card{width:100%;font-size:clamp(.58rem,2.9vw,.85rem);padding:1px 2px}.tp-slot .py-card.blocked{filter:brightness(.88)}.tp-slot .py-card.playable,.gf-col .py-card.playable{outline:2px solid var(--accent);outline-offset:-1px}.tp-game .py-bottom div.py-slot{cursor:default}.sp-top{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.sp-info{margin:0;text-align:left}.sp-stock{display:flex;padding:0;border:0;background:none;cursor:pointer;min-height:44px}.sp-stock:disabled{cursor:default;opacity:.55}.sp-stock .fc-card{width:30px}.sp-stock .fc-card+.fc-card{margin-left:-22px}.sp-cols{grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;min-height:300px}.sp-col{--peek: clamp(13px, 4.1vw, 20px);--peek-down: clamp(5px, 1.6vw, 8px);border-radius:5px}.sp-col.target{background:color-mix(in srgb,var(--accent) 18%,transparent)}.sp-col .fc-card{position:relative;padding:1px 2px;border-radius:4px;font-size:clamp(.55rem,2.7vw,.9rem);letter-spacing:-.03em}.sp-col .kl-back+.fc-card{margin-top:calc(var(--peek-down) - 100% * 7 / 5)}.sp-col .fc-card.blocked{filter:brightness(.86)}.sp-fill[hidden]{display:none}.sl-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.sl-board{width:100%;max-width:440px;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;background:var(--surface);border-radius:10px}.sl-dot{fill:var(--ink)}.sl-edge line{stroke:color-mix(in srgb,var(--ink) 10%,transparent);stroke-width:2;stroke-linecap:round}.sl-edge.on line{stroke:var(--accent-ink);stroke-width:6}.sl-edge.revealed.on line{stroke:var(--done-ink)}.sl-cross{display:none;fill:var(--error-ink);font-size:15px;font-weight:900;text-anchor:middle;dominant-baseline:central}.sl-edge.x .sl-cross{display:inline}.sl-edge.x line{stroke:transparent}.sl-clue{fill:var(--ink);font-family:var(--mono);font-weight:900;font-size:22px;text-anchor:middle;dominant-baseline:central}.sl-clue.ok{fill:var(--muted);opacity:.55}.sl-clue.over{fill:var(--error-ink)}.sl-won .sl-board{box-shadow:0 0 0 3px var(--done)}.rc-game{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.rc-hud{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:440px;font-weight:800}.rc-points{color:var(--accent-ink)}.rc-question{margin:0;font-family:var(--mono);font-weight:900;font-size:clamp(1.7rem,8vw,2.4rem);text-align:center}.rc-road{position:relative;width:100%;max-width:440px;height:clamp(300px,54vh,500px);overflow:hidden;border-radius:14px;background:#3b3f49;border-left:4px solid #f2f2f2;border-right:4px solid #f2f2f2;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.rc-sep{position:absolute;top:0;bottom:0;width:4px;margin-left:-2px;opacity:.7;background:repeating-linear-gradient(to bottom,#f2f2f2 0 34px,transparent 34px 80px);background-position-y:var(--scroll, 0)}.rc-gate{position:absolute;left:0;right:0;top:calc(var(--p, 0) * (100% - 124px));display:grid;grid-template-columns:repeat(var(--lanes),minmax(0,1fr));gap:8px;padding:0 8px}.rc-door{display:grid;place-items:center;height:46px;border-radius:12px 12px 4px 4px;background:#ffd34d;color:#1b1530;font-family:var(--mono);font-weight:900;font-size:clamp(1.1rem,5.5vw,1.5rem);box-shadow:0 3px #c99a12}.rc-car{position:absolute;bottom:12px;width:40px;height:64px;transform:translate(-50%);transition:left .12s ease-out}.rc-car svg{display:block;width:100%;height:100%}.rc-road.ok{animation:rc-ok .4s ease}.rc-road.ko{animation:rc-ko .4s ease}@keyframes rc-ok{30%{box-shadow:inset 0 0 0 6px var(--done)}}@keyframes rc-ko{30%{box-shadow:inset 0 0 0 6px var(--error);transform:translate(-4px)}60%{transform:translate(4px)}}.rc-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:440px}.rc-btn{height:58px;border:0;border-radius:14px;background:var(--surface);color:var(--ink);font-size:1.6rem;cursor:pointer;box-shadow:0 3px color-mix(in srgb,var(--ink) 18%,transparent)}.rc-btn:active{transform:translateY(2px);box-shadow:none}.rc-over .rc-road{filter:grayscale(.6)}@media(prefers-reduced-motion:reduce){.rc-car{transition:none}.rc-road.ok,.rc-road.ko{animation:none}}.intro-challenge{margin-top:4px}.friend-pick{list-style:none;margin:8px 0;padding:0;display:grid;gap:4px;max-height:45vh;overflow-y:auto}.friend-pick label{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;cursor:pointer;background:color-mix(in srgb,var(--ink) 5%,transparent);font-weight:700}.friend-pick input{width:20px;height:20px;accent-color:var(--accent)}.friend-pick-ok{margin:6px 0 0;color:var(--done-ink);font-weight:800}.sj-game{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.sj-puzzle{margin:0;font-family:var(--mono);font-weight:900;font-size:clamp(1.4rem,7vw,2.1rem);text-align:center;letter-spacing:.02em}.sj-scene{position:relative;width:100%;max-width:440px;height:clamp(300px,52vh,460px);overflow:hidden;border-radius:14px;background:radial-gradient(ellipse 60px 18px at 30% 18%,#fff 60%,transparent 62%),radial-gradient(ellipse 80px 22px at 78% 32%,#fff 60%,transparent 62%),linear-gradient(#7fc8ff,#cdeeff);background-size:400px 100%,400px 100%,100% 100%;background-position-x:var(--scroll, 0),var(--scroll, 0),0;transition:background-position-x .5s ease;-webkit-user-select:none;user-select:none}.sj-world{position:absolute;inset:0}.sj-world.advance{animation:sj-advance .52s ease-in-out}@keyframes sj-advance{0%{transform:translate(0)}49%{transform:translate(-70%);opacity:1}50%{transform:translate(70%);opacity:0}51%{opacity:1}to{transform:translate(0)}}.sj-land{position:absolute;bottom:0;height:18%;border-top:5px solid #4caf50;background:repeating-linear-gradient(90deg,#b5651d 0 22px,#8a4a12 22px 24px),#b5651d}.sj-left{left:0;width:32%;border-radius:0 6px 0 0}.sj-right{right:0;width:28%;border-radius:6px 0 0}.sj-flag{position:absolute;bottom:100%;right:22%;font-size:2.4rem;line-height:1}.sj-block{position:absolute;left:calc(53% - 32px);width:64px;height:40px;padding:0;border:0;border-radius:6px;cursor:pointer;background:#ffd34d;color:#1b1530;font-family:var(--mono);font-weight:900;font-size:clamp(1rem,5vw,1.35rem);box-shadow:inset 0 -4px #c99a12,0 0 0 2px #1b153033;transition:transform .1s}.sj-block:hover{transform:translateY(-2px)}.sj-block:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.sj-block.ok{background:#5ad17a;box-shadow:inset 0 -4px #2f9a4c}.sj-block.ko{background:#ff8a80;animation:sj-crumble .5s ease-in forwards}@keyframes sj-crumble{30%{transform:rotate(-6deg)}to{transform:translateY(260px) rotate(18deg);opacity:0}}.sj-hero{position:absolute;width:40px;height:48px;margin-left:-20px;z-index:1;pointer-events:none;transition:left .38s linear,bottom .38s cubic-bezier(.3,1.5,.5,1)}.sj-hero.still{transition:none}.sj-hero.respawn{animation:sj-respawn .5s ease}@keyframes sj-respawn{0%,40%{opacity:0}60%{opacity:1}80%{opacity:.3}to{opacity:1}}.sj-hero svg{display:block;width:100%;height:100%}.sj-over .sj-scene{filter:saturate(.7)}.sj-busy .sj-block{cursor:default}@media(prefers-reduced-motion:reduce){.sj-hero,.sj-scene{transition:none}.sj-world.advance,.sj-hero.respawn,.sj-block.ko{animation:none}}.friends-activity .link-btn{margin-top:6px}.welcome-name{display:grid;gap:6px;margin-bottom:10px;font-weight:700}.welcome-name input{width:100%}.ms-cell{fill:none;stroke:color-mix(in srgb,var(--ink) 12%,transparent);stroke-width:1}.ms-board .sl-edge line{stroke:transparent}.ms-board .sl-edge.on line{stroke:var(--accent-ink);stroke-width:7}.ms-board .sl-edge.revealed.on line{stroke:var(--done-ink)}.ms-board .sl-edge.x line{stroke:transparent}.ms-pearl{stroke:var(--ink);stroke-width:2.5;pointer-events:none;transition:opacity .15s}.ms-pearl.black{fill:var(--ink)}.ms-pearl.white{fill:var(--surface)}.ms-pearl.ok{opacity:.45}.ms-pearl.bad{stroke:var(--error-ink)}.ms-pearl.black.bad{fill:var(--error-ink)}.zb-game{display:flex;flex-direction:column;gap:12px;width:100%;max-width:480px;margin:0 auto}.zb-clues{margin:0;padding:10px 12px 10px 34px;background:var(--surface);border-radius:10px;display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.35}.zb-clue{cursor:pointer}.zb-clue.used{opacity:.4;text-decoration:line-through}.zb-grid{display:grid;gap:4px;align-items:center}.zb-house{text-align:center;font-size:13px;color:var(--muted);font-weight:700}.zb-cat{font-size:12px;color:var(--muted);font-weight:700;padding-right:4px}.zb-cell{aspect-ratio:1;min-height:44px;border-radius:8px;border:2px solid color-mix(in srgb,var(--ink) 14%,transparent);background:var(--surface);font-size:24px;padding:0;cursor:pointer}.zb-cell.selected{border-color:var(--accent-ink);box-shadow:0 0 0 2px var(--accent-ink) inset}.zb-cell.revealed{border-color:var(--done-ink);cursor:default}.zb-picker{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.zb-picker[hidden]{display:none}.zb-pick{min-width:48px;min-height:48px;border-radius:10px;border:2px solid color-mix(in srgb,var(--ink) 14%,transparent);background:var(--surface);font-size:26px;cursor:pointer}.zb-pick.placed{opacity:.45}.zb-pick.clear{font-size:14px;font-weight:700;padding:0 12px}.zb-won .zb-grid{box-shadow:0 0 0 3px var(--done);border-radius:10px}.rh-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.rh-board{position:relative;width:calc(100% - 28px);max-width:420px;margin-right:28px;aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--surface);border-radius:12px;box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 18%,transparent);background-image:linear-gradient(color-mix(in srgb,var(--ink) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 8%,transparent) 1px,transparent 1px);background-size:calc(100% / 6) calc(100% / 6)}.rh-exit{position:absolute;right:-28px;width:28px;height:calc(100% / 6);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--error-ink);font-weight:900}.rh-car{position:absolute;padding:4px;box-sizing:border-box;cursor:grab;transition:left .12s,top .12s}.rh-car:before{content:"";position:absolute;inset:4px;border-radius:10px;background:hsl(var(--hue, 205) 55% 58%);box-shadow:inset 0 -4px #0000002e}.rh-car.red:before{background:#e5484d;box-shadow:inset 0 -4px #0000002e,0 0 0 2px #fff8 inset}.rh-car.dragging{transition:none;cursor:grabbing;z-index:2}.rh-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.rh-won .rh-board{box-shadow:0 0 0 3px var(--done)}.lw-game{display:flex;flex-direction:column;gap:12px;width:100%;max-width:460px;margin:0 auto}.lw-head{display:flex;justify-content:space-between;font-weight:800}.lw-bar{height:8px;border-radius:4px;background:color-mix(in srgb,var(--ink) 10%,transparent);overflow:hidden}.lw-bar span{display:block;height:100%;width:100%;background:var(--accent-ink)}.lw-recap{margin:0;min-height:1.3em;font-size:14px;color:var(--muted)}.lw-word{min-height:52px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:30px;font-weight:900;letter-spacing:.12em;background:var(--surface);border-radius:10px}.lw-tiles{display:grid;gap:6px}.lw-tile{aspect-ratio:1;border-radius:10px;border:2px solid color-mix(in srgb,var(--ink) 16%,transparent);background:var(--surface);font-family:var(--mono);font-size:24px;font-weight:900;cursor:pointer}.lw-tile:disabled{opacity:.3;cursor:default}.lw-feedback{margin:0;min-height:1.3em;text-align:center;font-weight:700}.lw-tools{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}.lw-tools .cta{margin-top:0}.lw-shake .lw-word{animation:lw-shake .3s}@keyframes lw-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media(prefers-reduced-motion:reduce){.lw-shake .lw-word{animation:none}}.sg-board .kd-cell{font-family:var(--mono);font-weight:900;font-size:clamp(1.1rem,6vw,1.7rem);color:var(--accent-ink)}.sg-board .kd-cell.given{color:var(--ink);background:color-mix(in srgb,var(--ink) 9%,var(--surface));cursor:default}.sg-board .kd-cell.selected{background:color-mix(in srgb,var(--accent) 28%,var(--surface))}.sg-board .kd-cell.bad{color:var(--error-ink)}.sg-game .fu-num:disabled{opacity:.35;cursor:default}.dm-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.dm-info{margin:0;font-weight:700;color:var(--muted);text-align:center;min-height:1.4em}.dm-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));width:100%;max-width:480px;aspect-ratio:var(--cols) / var(--rows);touch-action:none;-webkit-user-select:none;user-select:none}.dm-cell{position:relative;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:900;font-size:clamp(1rem,5.4vw,1.6rem);color:var(--ink);cursor:pointer;z-index:0}.dm-cell:before{content:"";position:absolute;inset:4px;border-radius:10px;background:var(--surface);z-index:-1;border:2px solid transparent}.dm-cell.on:before{background:color-mix(in srgb,var(--accent) 22%,var(--surface));border-color:var(--accent-ink)}.dm-cell.jr:before{right:-1px;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.dm-cell.jl:before{left:-1px;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.dm-cell.jd:before{bottom:-1px;border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.dm-cell.ju:before{top:-1px;border-top:0;border-top-left-radius:0;border-top-right-radius:0}.dm-cell.bad:before{background:color-mix(in srgb,var(--error) 18%,var(--surface));border-color:var(--error-ink)}.dm-cell.revealed:before{border-color:var(--done-ink)}.dm-cell.selected:before{border-color:var(--accent-ink);border-width:3px}.dm-set{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.dm-set-row{display:flex;gap:4px}.dm-tile{min-width:34px;padding:2px 4px;border-radius:6px;background:var(--surface);font-family:var(--mono);font-size:.8rem;font-weight:800;text-align:center}.dm-tile.used{opacity:.3}.dm-tile.bad{background:color-mix(in srgb,var(--error) 22%,var(--surface));color:var(--error-ink)}.dm-won .dm-board{box-shadow:0 0 0 3px var(--done);border-radius:12px}.fp-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.fp-info{margin:0;font-weight:700;color:var(--muted);text-align:center;min-height:1.4em}.fp-board{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-template-rows:repeat(var(--n),minmax(0,1fr));gap:2px;width:100%;max-width:480px;aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none}.fp-cell{position:relative;display:flex;align-items:center;justify-content:center;border-radius:4px;background:var(--surface);font-family:var(--mono);font-weight:900;font-size:clamp(.8rem,4.2vw,1.3rem);color:var(--ink);cursor:pointer}.fp-cell.black{background:var(--ink);color:var(--bg)}.fp-cell.dot:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--muted)}.fp-cell.dot:not(:empty):after{top:3px;right:3px;width:5px;height:5px}.fp-cell.ok{color:color-mix(in srgb,var(--ink) 40%,transparent)}.fp-cell.black.ok{color:color-mix(in srgb,var(--bg) 55%,transparent)}.fp-cell.bad{color:var(--error-ink)}.fp-cell.black.bad{color:var(--error)}.fp-cell.revealed{box-shadow:0 0 0 2px var(--done-ink) inset}.fp-won .fp-board{box-shadow:0 0 0 3px var(--done);border-radius:6px}.fp-won .fp-cell{color:transparent}.fp-won .fp-cell.dot:after{display:none}.ld-game{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:460px;margin:0 auto}.ld-head{display:flex;justify-content:space-between;width:100%;font-weight:800}.ld-goal{color:var(--muted);font-weight:700}.ld-chain{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;align-items:center}.ld-word{display:flex;gap:6px}.ld-tile{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:2px solid color-mix(in srgb,var(--ink) 16%,transparent);background:var(--surface);color:var(--ink);font-family:var(--mono);font-size:24px;font-weight:900;padding:0}.ld-tile.ok{background:#2e9d5b;border-color:#2e9d5b;color:#fff}button.ld-tile{cursor:pointer}.ld-tile.selected{border-color:var(--accent-ink);box-shadow:0 4px 0 -1px var(--accent-ink)}.ld-target .ld-tile{border-style:dashed;background:transparent}.ld-message{margin:0;min-height:1.3em;text-align:center;font-weight:700}.ld-tools{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}.ld-shake .ld-chain{animation:lw-shake .3s}@media(prefers-reduced-motion:reduce){.ld-shake .ld-chain{animation:none}}.ld-won .ld-chain{box-shadow:0 0 0 3px var(--done);border-radius:10px;padding:6px}.sh-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.sh-round{color:var(--muted);font-weight:700;font-size:.9rem}.sh-table{position:relative;width:100%;max-width:460px;height:190px;border-radius:16px;background:radial-gradient(ellipse at 50% 70%,#2f8a57,#1d5e3a);box-shadow:inset 0 0 0 4px #5a3a1e;overflow:hidden}.sh-slot{position:absolute;bottom:26px;width:min(88px,calc(100% / var(--cups) - 10px));height:96px;padding:0;border:0;background:none;transform:translate(-50%);transition-property:left;transition-timing-function:ease-in-out;cursor:default}.sh-ready .sh-slot{cursor:pointer}.sh-cup{position:absolute;inset:0;display:block;transition:transform .28s ease}.sh-cup svg{display:block;width:100%;height:100%;filter:drop-shadow(0 4px 3px rgba(0,0,0,.35))}.sh-slot.up .sh-cup{transform:translateY(-62%)}.sh-ball{position:absolute;left:50%;bottom:6px;width:30px;height:30px;margin-left:-15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c9,#f2b632 55%,#c47f12);visibility:hidden}.sh-slot.ball .sh-ball{visibility:visible}.sh-slot.ok .sh-cup svg{filter:drop-shadow(0 0 8px var(--done))}.sh-slot.ko .sh-cup svg{filter:drop-shadow(0 0 8px var(--error))}.sh-ready .sh-slot:hover .sh-cup svg{filter:drop-shadow(0 4px 3px rgba(0,0,0,.35)) brightness(1.12)}.sh-message{margin:0;min-height:1.3em;font-weight:800;text-align:center}.sh-over .sh-table{filter:grayscale(.5)}.ch-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.ch-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:6px;width:100%;max-width:380px;padding:8px;border-radius:14px;background:color-mix(in srgb,var(--ink) 8%,transparent)}.ch-cell{aspect-ratio:1;border:0;border-radius:10px;background:transparent;padding:0;font:900 clamp(1.2rem,6vw,1.7rem) var(--mono);color:var(--ink);touch-action:manipulation}.ch-cell.num{background:var(--surface);box-shadow:0 2px color-mix(in srgb,var(--ink) 20%,transparent);cursor:pointer}.ch-grid.hidden .ch-cell.num{color:transparent;background:var(--accent-ink)}.ch-cell.wrong{background:var(--error)!important;color:#fff!important}.ch-grid.ok{box-shadow:0 0 0 3px var(--done)}.ch-grid.ko{animation:rc-ko .4s ease}.ch-over .ch-grid{filter:grayscale(.4)}@media(prefers-reduced-motion:reduce){.ch-grid.ko{animation:none}}.km-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.km-head{display:flex;align-items:center;gap:12px;width:100%;max-width:400px;font-weight:800}.km-bar{flex:1;height:8px;border-radius:4px;background:color-mix(in srgb,var(--ink) 12%,transparent);overflow:hidden}.km-bar>span{display:block;height:100%;width:100%;background:var(--accent-ink)}.km-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:8px;width:100%;max-width:400px;padding:10px;border-radius:16px;background:color-mix(in srgb,var(--ink) 7%,transparent)}.km-slot{aspect-ratio:1;border:2px solid transparent;border-radius:12px;background:var(--surface);padding:0;font-size:clamp(1.7rem,9vw,2.5rem);line-height:1;color:var(--ink)}.km-slot:disabled{opacity:1;cursor:default}.km-find .km-slot{cursor:pointer;border-color:color-mix(in srgb,var(--ink) 10%,transparent)}.km-slot.ok{border-color:var(--done);box-shadow:0 0 0 3px var(--done)}.km-slot.ko{border-color:var(--error);animation:rc-ko .4s ease}.km-won .km-board{box-shadow:0 0 0 3px var(--done)}@media(prefers-reduced-motion:reduce){.km-slot.ko{animation:none}}.dv-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.dv-card{display:grid;place-items:center;width:min(240px,70vw);aspect-ratio:1;border-radius:24px;background:var(--surface);box-shadow:0 6px color-mix(in srgb,var(--ink) 14%,transparent);border:3px solid transparent}.dv-pic{font-size:clamp(5rem,30vw,7.5rem);line-height:1}.dv-pic.pop{animation:dv-pop .18s ease-out}@keyframes dv-pop{0%{transform:scale(.7);opacity:.3}}.dv-card.ok{border-color:var(--done)}.dv-card.ko{border-color:var(--error);animation:rc-ko .4s ease}.dv-bar{flex:none;width:min(240px,70vw)}.dv-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:400px}.dv-btn{height:64px;border:0;border-radius:16px;font:900 1.15rem var(--font, inherit);color:#fff;cursor:pointer;box-shadow:0 4px #00000040}.dv-btn.seen{background:#7a4ee0}.dv-btn.new{background:#2e9d5b}.dv-btn:active{transform:translateY(2px);box-shadow:none}.dv-over .dv-card{filter:grayscale(.5)}@media(prefers-reduced-motion:reduce){.dv-pic.pop,.dv-card.ko{animation:none}}.nm-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.nm-screen{display:grid;place-items:center;width:100%;max-width:400px;min-height:96px;padding:10px;border-radius:16px;background:var(--surface);font:900 clamp(1.6rem,9vw,2.6rem) var(--mono);letter-spacing:.08em;word-break:break-all;text-align:center;border:3px solid transparent}.nm-screen.ok{border-color:var(--done)}.nm-screen.ko{border-color:var(--error);font-size:clamp(1.1rem,6vw,1.7rem);gap:4px}.nm-line{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:1px}.nm-line small{font:700 .75rem var(--font, inherit);letter-spacing:0;color:var(--muted);margin-right:8px}.nm-bad{color:var(--error);text-decoration:underline}.nm-bar{flex:none;width:100%;max-width:400px}.nm-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:320px}.nm-key{height:56px;border:0;border-radius:14px;background:var(--surface);color:var(--ink);font:800 1.4rem var(--mono);cursor:pointer;box-shadow:0 3px color-mix(in srgb,var(--ink) 18%,transparent);touch-action:manipulation}.nm-key.ok{background:var(--accent-ink);color:var(--bg, #fff)}.nm-key:disabled{opacity:.45;cursor:default}.nm-key:active:not(:disabled){transform:translateY(2px);box-shadow:none}.nb-game{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.nb-rule{color:var(--muted);font-weight:700;font-size:.9rem}.nb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(300px,80vw);padding:10px;border-radius:18px;background:color-mix(in srgb,var(--ink) 8%,transparent);border:3px solid transparent}.nb-cell{aspect-ratio:1;border-radius:14px;background:var(--surface);transition:background .08s}.nb-cell.lit{background:var(--accent-ink)}.nb-grid.ok{border-color:var(--done)}.nb-grid.ko{border-color:var(--error)}.nb-btn{width:100%;max-width:320px;height:68px;border:0;border-radius:18px;background:#7a4ee0;color:#fff;font:900 1.35rem var(--font, inherit);cursor:pointer;box-shadow:0 5px #00000047;touch-action:manipulation}.nb-btn.down{transform:translateY(4px);box-shadow:0 1px #00000047;filter:brightness(.9)}.nb-btn:disabled{opacity:.5;cursor:default}.nb-over .nb-grid{filter:grayscale(.5)}.it-game{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.it-map{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:6px;width:min(380px,100%);padding:8px;border-radius:16px;background:#4b5563}.it-tile{position:relative;aspect-ratio:1;border:0;border-radius:8px;padding:0;background:#8fbf73;color:#1b1530;font:900 1.1rem var(--mono);cursor:default}.it-input .it-tile{cursor:pointer}.it-tile.start:after{content:"🏁";position:absolute;left:4px;top:2px;font-size:.9rem}.it-tile.done{background:#3fae6a}.it-tile.hint{background:#f2c94c}.it-tile.wrong{background:var(--error);color:#fff}.it-car{position:absolute;left:8px;top:8px;width:calc((100% - 16px - (var(--n) - 1) * 6px) / var(--n));aspect-ratio:1;display:grid;place-items:center;font-size:clamp(1.4rem,7vw,2rem);pointer-events:none;transform:translate(calc(var(--x, 0) * (100% + 6px)),calc(var(--y, 0) * (100% + 6px)));transition-property:transform;transition-timing-function:linear}.it-map.ok{box-shadow:0 0 0 3px var(--done)}.it-map.ko{box-shadow:0 0 0 3px var(--error)}.it-over .it-map{filter:grayscale(.4)}