:root{--bg: #eef0f7;--surface: #ffffff;--surface-2: #f3f4fb;--surface-3: #e7e9f4;--ink: #15151f;--ink-2: #4c4c61;--ink-3: #8a8aa0;--line: rgba(20, 22, 50, .12);--hard: rgba(30, 30, 70, .22);--violet: #6a4cff;--violet-on: #fff;--teal: #0d9488;--teal-on: #fff;--amber: #d97706;--amber-on: #fff;--rose: #e11d48;--rose-on: #fff;--accent: var(--violet);--accent-on: var(--violet-on);--accent-soft: rgba(106, 76, 255, .12);--success: #16a34a;--warning: #eab308;--display: "Bricolage Grotesque", "Segoe UI", sans-serif;--sans: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--r-1: 9px;--r-2: 13px;--r-3: 18px;--r-4: 24px;--bw: 1px;--sh: 0 4px 16px -8px var(--hard);--sh-lg: 0 18px 44px -16px var(--hard);--glow: 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent), 0 8px 26px -8px color-mix(in srgb, var(--accent) 50%, transparent);--ease: cubic-bezier(.2, .8, .2, 1);--spring: cubic-bezier(.34, 1.4, .5, 1);--dur: .18s}[data-theme=dark]{--bg: #08080d;--surface: #14141d;--surface-2: #1c1c28;--surface-3: #262636;--ink: #f5f5fb;--ink-2: #b8b8cc;--ink-3: #74748c;--line: rgba(255, 255, 255, .1);--hard: rgba(0, 0, 0, .65);--violet: #8b7bff;--teal: #2dd4bf;--amber: #fbbf24;--rose: #fb7185;--amber-on: #1a1505;--accent-soft: rgba(139, 123, 255, .16)}[data-accent=violet]{--accent: var(--violet);--accent-on: var(--violet-on);--accent-soft: color-mix(in srgb, var(--violet) 16%, transparent)}[data-accent=teal]{--accent: var(--teal);--accent-on: var(--teal-on);--accent-soft: color-mix(in srgb, var(--teal) 16%, transparent)}[data-accent=amber]{--accent: var(--amber);--accent-on: var(--amber-on);--accent-soft: color-mix(in srgb, var(--amber) 18%, transparent)}[data-accent=rose]{--accent: var(--rose);--accent-on: var(--rose-on);--accent-soft: color-mix(in srgb, var(--rose) 16%, transparent)}[data-theme=dark] [data-accent=amber]{--accent-on: #1a1505}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--sans);font-size:16px;line-height:1.5;color:var(--ink);background:var(--bg);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(58% 48% at 15% -5%,color-mix(in srgb,var(--violet) 26%,transparent),transparent 68%),radial-gradient(52% 42% at 105% 6%,color-mix(in srgb,var(--teal) 20%,transparent),transparent 70%),radial-gradient(75% 60% at 50% 108%,color-mix(in srgb,var(--violet) 14%,transparent),transparent 72%);opacity:.75;animation:aurora 22s var(--ease) infinite alternate}@keyframes aurora{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(0,-2%,0) scale(1.06)}}[data-theme=dark] body:before{opacity:.6}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:0;background-image:radial-gradient(1px 1px at 12% 22%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 62% 12%,rgba(255,255,255,.5),transparent),radial-gradient(1.4px 1.4px at 82% 34%,rgba(180,200,255,.7),transparent),radial-gradient(1px 1px at 27% 62%,rgba(255,255,255,.45),transparent),radial-gradient(1.2px 1.2px at 47% 82%,rgba(200,220,255,.6),transparent),radial-gradient(1px 1px at 90% 72%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 8% 88%,rgba(255,255,255,.5),transparent);background-repeat:no-repeat;transition:opacity .6s var(--ease)}[data-theme=dark] body:after{opacity:1}@media (prefers-reduced-motion: reduce){body:before{animation:none}}button{font-family:inherit}::selection{background:var(--accent);color:var(--accent-on)}.app-shell{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:max(env(safe-area-inset-top),var(--s-4)) var(--s-4) 0;min-height:100dvh;display:flex;flex-direction:column}.masthead{display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) 0 var(--s-4)}.wordmark{display:inline-flex;align-items:baseline;text-decoration:none;font-family:var(--display);font-weight:800;font-size:28px;letter-spacing:.02em;text-transform:uppercase}.wordmark-text{background:linear-gradient(100deg,var(--violet),var(--teal) 70%);-webkit-background-clip:text;background-clip:text;color:transparent}.wordmark-dot{align-self:center;width:9px;height:9px;border-radius:50%;background:var(--teal);margin-left:7px;box-shadow:0 0 14px 2px color-mix(in srgb,var(--teal) 80%,transparent);animation:nova-pulse 3.2s var(--ease) infinite}@keyframes nova-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.75}}@media (prefers-reduced-motion: reduce){.wordmark-dot{animation:none}}.masthead-tools{display:flex;gap:var(--s-2)}.icon-btn{width:42px;height:42px;border-radius:var(--r-2);border:var(--bw) solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:grid;place-items:center;font-size:17px;box-shadow:var(--sh);transition:transform var(--dur) var(--spring),box-shadow var(--dur),background var(--dur),color var(--dur)}.icon-btn:hover{background:var(--accent);color:var(--accent-on);border-color:transparent;box-shadow:var(--glow);transform:translateY(-1px)}.icon-btn:active{transform:translateY(0) scale(.96)}.icon-btn.is-muted{color:var(--ink-3)}.icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-main{flex:1;padding-bottom:108px}.auth-signin{display:inline-flex;align-items:center;gap:7px;cursor:pointer;height:42px;padding:0 14px;border-radius:var(--r-2);border:var(--bw) solid var(--line);background:var(--surface);color:var(--ink);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.03em;box-shadow:var(--sh);transition:transform var(--dur) var(--spring),box-shadow var(--dur),background var(--dur),color var(--dur)}.auth-signin:hover{transform:translateY(-1px);box-shadow:var(--glow);background:var(--accent);color:var(--accent-on);border-color:transparent}.auth-signin:active{transform:translateY(0) scale(.97)}.auth-signin .g{font-family:var(--display);font-weight:800;font-size:15px;line-height:1}.auth-chip{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 6px 0 8px;border-radius:var(--r-2);border:var(--bw) solid var(--line);background:var(--surface);box-shadow:var(--sh)}.auth-avatar{width:26px;height:26px;border-radius:8px;object-fit:cover}.auth-avatar.fallback{display:grid;place-items:center;background:var(--accent);color:var(--accent-on);font-weight:800;font-size:13px}.auth-name{font-weight:700;font-size:13px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-out{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:28px;height:28px;border-radius:8px;border:var(--bw) solid var(--line);background:var(--surface-2);color:var(--ink-2);font-size:14px;transition:background var(--dur),color var(--dur)}.auth-out:hover{background:var(--rose);color:#fff;border-color:transparent}.playing-as{text-align:center;font-size:14px;color:var(--ink-2);padding:12px;border:var(--bw) solid var(--line);border-radius:var(--r-2);background:var(--surface);box-shadow:var(--sh)}.playing-as b{color:var(--accent)}.fr-you{max-width:460px;margin:0 auto var(--s-4);padding:14px var(--s-4);background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-3);font-size:14px;box-shadow:var(--sh);display:grid;gap:2px}.fr-you b{color:var(--accent)}.fr-email{color:var(--ink-3);font-size:12px;display:inline-flex;align-items:center}.fr-code{font-family:var(--mono);font-weight:800;letter-spacing:.18em;color:var(--accent);font-size:15px}.fr-you .group-card,.page .group-card{max-width:460px;margin:0 auto}.fr-list{list-style:none;display:grid;gap:8px;max-width:460px;margin:0 auto}.fr-row{display:flex;align-items:center;gap:10px;padding:11px var(--s-4);background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-2);box-shadow:var(--sh)}.fr-row.muted{opacity:.65;box-shadow:none}.fr-avatar{width:32px;height:32px;border-radius:9px;object-fit:cover;flex:none}.fr-avatar.fallback{display:grid;place-items:center;background:var(--accent);color:var(--accent-on);font-weight:800}.fr-name{font-weight:700;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fr-actions{display:flex;gap:6px}.fr-yes,.fr-no,.fr-remove{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-weight:700;font-size:12px;border:var(--bw) solid var(--line);border-radius:9px;padding:7px 11px;text-transform:uppercase;transition:background var(--dur),color var(--dur)}.fr-yes{background:var(--accent);color:var(--accent-on);border-color:transparent}.fr-no,.fr-remove{background:var(--surface-2);color:var(--ink-2)}.fr-remove:hover,.fr-no:hover{background:var(--rose);color:#fff;border-color:transparent}.fr-pending{font-size:12px;color:var(--ink-3);font-style:italic}.dock{position:fixed;left:50%;transform:translate(-50%);bottom:max(env(safe-area-inset-bottom),16px);z-index:40;display:flex;gap:4px;padding:7px;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:var(--bw) solid var(--line);border-radius:var(--r-4);box-shadow:var(--sh-lg);max-width:calc(100vw - 24px)}.dock-link{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:var(--ink-2);padding:8px 16px;border-radius:var(--r-2);min-width:64px;transition:color var(--dur),background var(--dur),box-shadow var(--dur),transform var(--dur) var(--spring)}.dock-glyph{font-size:16px;line-height:1;font-family:var(--mono);font-weight:800}.dock-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dock-link:hover{color:var(--ink)}.dock-link.active{color:var(--accent-on);background:var(--accent);box-shadow:var(--glow)}.hero{padding:var(--s-5) 0 var(--s-6);opacity:0;animation:rise .5s var(--ease) forwards}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);padding:7px 14px;border:var(--bw) solid var(--line);border-radius:999px;background:var(--surface);box-shadow:var(--sh)}.hero-eyebrow .pulse{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 8px 1px color-mix(in srgb,var(--success) 80%,transparent);animation:blink 1.8s steps(2) infinite}.hero h1{font-family:var(--display);font-weight:800;font-size:clamp(44px,13vw,84px);line-height:.94;letter-spacing:-.04em;margin:var(--s-4) 0 var(--s-3);text-transform:uppercase}.hero h1 .grad{background:linear-gradient(105deg,var(--violet),var(--teal) 45%,var(--violet) 90%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:grad-shift 8s var(--ease) infinite alternate}@keyframes grad-shift{0%{background-position:0% 0}to{background-position:100% 0}}@media (prefers-reduced-motion: reduce){.hero h1 .grad{animation:none}}.hero p{color:var(--ink-2);font-size:clamp(15px,4vw,18px);max-width:44ch}.hero-cta{display:flex;gap:var(--s-3);margin-top:var(--s-5);flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-3);margin-top:var(--s-3)}@media (max-width: 460px){.cards{grid-template-columns:1fr}}.card{--c: var(--accent);position:relative;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:var(--ink);background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-3);padding:var(--s-5);min-height:188px;box-shadow:var(--sh);opacity:0;transform:translateY(14px);animation:rise .46s var(--ease) forwards;transition:transform var(--dur) var(--spring),box-shadow var(--dur),border-color var(--dur)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity var(--dur);background:radial-gradient(120% 80% at 100% 0%,color-mix(in srgb,var(--c) 16%,transparent),transparent 60%)}.card:nth-child(1){animation-delay:60ms}.card:nth-child(2){animation-delay:.11s}.card:nth-child(3){animation-delay:.16s}.card:nth-child(4){animation-delay:.21s}.card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:color-mix(in srgb,var(--c) 45%,var(--line))}.card:hover:before{opacity:1}.card:active{transform:translateY(-1px)}.card-glyph{font-family:var(--mono);font-weight:800;font-size:28px;width:56px;height:56px;display:grid;place-items:center;border-radius:var(--r-2);color:var(--accent-on);background:var(--c);margin-bottom:var(--s-3);box-shadow:0 8px 22px -8px color-mix(in srgb,var(--c) 70%,transparent)}.card-name{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.02em;text-transform:uppercase}.card-blurb{color:var(--ink-2);font-size:13.5px;margin-top:6px;line-height:1.45}.card-foot{margin-top:auto;padding-top:var(--s-4);display:flex;align-items:center;justify-content:space-between;font-size:12px}.card-best{color:var(--ink-3);font-family:var(--mono)}.card-best b{color:var(--ink)}.card-play{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--ink);text-transform:uppercase;font-size:12px;letter-spacing:.04em}.card-play .arrow{transition:transform var(--dur) var(--spring)}.card:hover .card-play .arrow{transform:translate(4px)}.home-foot{margin-top:var(--s-7);text-align:center;color:var(--ink-3);font-size:12px;line-height:1.9}.home-foot kbd{font-family:var(--mono);font-size:11px;background:var(--surface);border:var(--bw) solid var(--line);border-radius:6px;padding:1px 6px;color:var(--ink-2)}.credit{margin-top:var(--s-4);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.credit a{color:var(--ink);text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:1px;transition:color var(--dur)}.credit a:hover{color:var(--accent)}.section-head{display:flex;align-items:baseline;gap:var(--s-3);margin:var(--s-6) 0 var(--s-3);font-family:var(--display);font-weight:800;font-size:16px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}.section-head:before{content:"";width:12px;height:12px;border-radius:3px;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 65%,transparent);transform:rotate(45deg)}.section-head small{font-family:var(--sans);font-weight:600;font-size:11px;letter-spacing:.02em;text-transform:none;color:var(--ink-3)}.tag-2p{font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.05em;color:var(--accent);background:var(--accent-soft);padding:3px 9px;border-radius:999px;border:var(--bw) solid color-mix(in srgb,var(--accent) 30%,transparent);text-transform:uppercase}.page{padding-top:var(--s-2)}.page-head{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-5)}.page-title{font-family:var(--display);font-weight:800;font-size:28px;letter-spacing:-.02em;text-transform:uppercase}.page-tagline{color:var(--ink-3);font-size:13px;margin-top:2px}.page-subhead{font-family:var(--display);font-weight:800;font-size:15px;margin:var(--s-5) 0 var(--s-3);letter-spacing:.02em;text-transform:uppercase}.game{padding-top:var(--s-2)}.game-head{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-5)}.back-link,.game-glyph{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:var(--r-2)}.back-link{background:var(--surface);color:var(--ink);text-decoration:none;font-size:19px;border:var(--bw) solid var(--line);box-shadow:var(--sh);transition:transform var(--dur) var(--spring),background var(--dur),color var(--dur)}.back-link:hover{background:var(--accent);color:var(--accent-on);border-color:transparent;box-shadow:var(--glow)}.back-link:active{transform:scale(.95)}.game-glyph{font-family:var(--mono);font-weight:800;font-size:22px;color:var(--accent-on);background:var(--accent);box-shadow:0 8px 22px -8px color-mix(in srgb,var(--accent) 70%,transparent)}.game-title{font-family:var(--display);font-weight:800;font-size:25px;letter-spacing:-.02em;line-height:1;text-transform:uppercase}.game-tagline{color:var(--ink-3);font-size:13px;margin-top:3px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:var(--bw) solid var(--line);border-radius:var(--r-2);background:var(--surface);overflow:hidden;margin-bottom:var(--s-4);box-shadow:var(--sh)}.stat{padding:var(--s-3);border-right:var(--bw) solid var(--line)}.stat:last-child{border-right:0}.stat-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.stat-value{font-family:var(--display);font-weight:800;font-size:22px;line-height:1.1;margin-top:2px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.stat-value.is-hot{color:var(--accent)}.controls{display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap;margin-bottom:var(--s-4)}.controls.is-tight{margin-top:calc(-1 * var(--s-2))}.spacer{flex:1;min-width:4px}.field{font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.field b{color:var(--ink);font-family:var(--mono)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-weight:700;font-size:13px;line-height:1;padding:12px 18px;border-radius:var(--r-2);border:var(--bw) solid var(--line);text-transform:uppercase;letter-spacing:.03em;box-shadow:var(--sh);color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:transform var(--dur) var(--spring),box-shadow var(--dur),background var(--dur),color var(--dur),border-color var(--dur)}.btn:hover:not([disabled]){transform:translateY(-2px);box-shadow:var(--sh-lg)}.btn:active:not([disabled]){transform:translateY(0) scale(.98)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-on);border-color:transparent}.btn-primary:hover:not([disabled]){box-shadow:var(--glow)}.btn-secondary{background:var(--surface);color:var(--ink)}.btn-ghost{background:var(--surface-2);color:var(--ink)}.segmented{display:inline-flex;gap:0;border:var(--bw) solid var(--line);border-radius:var(--r-2);background:var(--surface);overflow:hidden;box-shadow:var(--sh)}.segmented button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-right:var(--bw) solid var(--line);background:transparent;cursor:pointer;color:var(--ink-2);font-size:12px;font-weight:700;padding:9px 12px;text-transform:uppercase;letter-spacing:.02em;transition:background var(--dur),color var(--dur)}.segmented button:last-child{border-right:0}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--accent-on)}.segmented button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.banner{margin-top:var(--s-5);padding:var(--s-4) var(--s-5);background:var(--accent);color:var(--accent-on);border-radius:var(--r-3);display:none;align-items:center;gap:var(--s-4);box-shadow:var(--glow);animation:rise .24s var(--spring)}.banner.show{display:flex}.banner-icon{font-size:24px}.banner-text{flex:1;font-size:14px}.banner-text strong{font-family:var(--display);font-weight:800}.banner .btn{background:var(--surface);color:var(--ink);border-color:transparent}.toast{position:fixed;left:50%;bottom:112px;transform:translate(-50%) translateY(12px);background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:var(--r-2);font-size:13px;font-weight:700;opacity:0;pointer-events:none;z-index:80;box-shadow:var(--sh-lg);transition:opacity var(--dur),transform var(--dur) var(--spring)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:70}.mem-board{display:grid;gap:var(--s-2);perspective:1000px}.mem-board.paused{filter:blur(6px);pointer-events:none}.mem-card{position:relative;aspect-ratio:1;cursor:pointer;background:transparent;border:0;padding:0;transform-style:preserve-3d;transition:transform .38s var(--ease)}.mem-card.flipped,.mem-card.matched{transform:rotateY(180deg)}.mem-card.matched{cursor:default}.mem-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-2)}.mem-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:var(--r-2);backface-visibility:hidden;-webkit-backface-visibility:hidden;border:var(--bw) solid var(--line);font-family:var(--display);box-shadow:var(--sh)}.mem-back{background:var(--surface-2);color:var(--ink-3)}.mem-back:after{content:"★";font-size:clamp(20px,5vw,30px)}.mem-front{background:var(--surface);transform:rotateY(180deg);font-size:clamp(26px,7vw,40px);color:var(--ink)}.mem-card.matched .mem-front{background:var(--accent);border-color:transparent;color:var(--accent-on);box-shadow:var(--glow)}.mem-card.hint .mem-back{animation:hintPulse .9s var(--ease) 2}.pause-overlay{display:none;text-align:center;padding:var(--s-7) 0;color:var(--ink-2);font-family:var(--display);font-size:24px;text-transform:uppercase}.pause-overlay.show{display:block}.ws-layout{display:grid;grid-template-columns:1fr;gap:var(--s-4)}@media (min-width: 600px){.ws-layout{grid-template-columns:1.5fr 1fr}}.ws-grid{display:grid;gap:3px;background:var(--line);border:var(--bw) solid var(--line);border-radius:var(--r-2);padding:4px;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:var(--sh)}.ws-cell{aspect-ratio:1;background:var(--surface);display:grid;place-items:center;font-family:var(--mono);font-weight:800;font-size:clamp(13px,3.4vw,18px);color:var(--ink);cursor:pointer;border-radius:4px;transition:background .1s var(--ease),color .1s var(--ease)}.ws-cell.selecting{background:var(--accent);color:var(--accent-on)}.ws-cell.found{background:var(--accent-soft);color:var(--accent)}.ws-cell.found.selecting{background:var(--accent);color:var(--accent-on)}.ws-words{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-3);padding:var(--s-4);height:fit-content;box-shadow:var(--sh)}.ws-words h3{font-family:var(--display);font-weight:800;font-size:15px;margin-bottom:var(--s-3);text-transform:uppercase}.ws-word-list{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s-2)}.ws-word-list li{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.04em;color:var(--ink-2);padding:5px 11px;background:var(--surface-2);border:var(--bw) solid var(--line);border-radius:8px}.ws-word-list li.found{color:var(--accent-on);background:var(--accent);border-color:transparent;text-decoration:line-through}.tw-board{position:relative;aspect-ratio:1;max-width:460px;margin:0 auto;background:var(--surface-2);border:var(--bw) solid var(--line);border-radius:var(--r-3);padding:10px;touch-action:none;box-shadow:var(--sh-lg)}.tw-grid,.tw-tiles{position:absolute;top:10px;right:10px;bottom:10px;left:10px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:10px}.tw-cell{background:color-mix(in srgb,var(--ink) 6%,transparent);border-radius:var(--r-1)}.tw-tile{display:grid;place-items:center;border-radius:var(--r-1);font-family:var(--display);font-weight:800;font-size:clamp(20px,6vw,32px);color:#1a1505;box-shadow:0 6px 16px -8px #00000080}.tw-tile[data-v="2"]{background:#eee4d3}.tw-tile[data-v="4"]{background:#ecd9b5}.tw-tile[data-v="8"]{background:#f5b25a;color:#1a1505}.tw-tile[data-v="16"]{background:#f59556}.tw-tile[data-v="32"]{background:#f4744a}.tw-tile[data-v="64"]{background:#ef5536;color:#fff}.tw-tile[data-v="128"]{background:#f3cf55;font-size:clamp(18px,5vw,28px)}.tw-tile[data-v="256"]{background:#f2c93f;font-size:clamp(18px,5vw,28px)}.tw-tile[data-v="512"]{background:#f0c12a;font-size:clamp(18px,5vw,28px)}.tw-tile[data-v="1024"]{background:#edb617;font-size:clamp(15px,4vw,23px)}.tw-tile[data-v="2048"]{background:#7c5cff;color:#fff;font-size:clamp(15px,4vw,23px);box-shadow:0 0 22px -2px #7c5cffb3}.tw-tile[data-v="4096"],.tw-tile[data-v="8192"]{background:#1a1622;color:#f5f5fb;font-size:clamp(15px,4vw,23px)}.tw-tile.new{animation:tilePop .16s var(--spring)}.tw-tile.merged{animation:tilePop .18s var(--spring)}.rv{display:grid;gap:var(--s-4);justify-items:center}.rv-score{display:flex;gap:var(--s-3)}.rv-tally{display:inline-flex;align-items:center;gap:7px;font-family:var(--display);font-weight:800;font-size:18px;padding:5px 13px;border-radius:999px;border:var(--bw) solid var(--line);background:var(--surface);box-shadow:var(--sh)}.rv-board{display:grid;grid-template-columns:repeat(8,1fr);width:min(100%,440px);aspect-ratio:1;gap:3px;padding:8px;border-radius:var(--r-2);background:color-mix(in srgb,var(--teal) 14%,var(--surface-2));border:var(--bw) solid var(--line);box-shadow:var(--sh-lg)}.rv-cell{position:relative;display:grid;place-items:center;padding:0;border:none;border-radius:6px;background:color-mix(in srgb,var(--teal) 8%,var(--surface));cursor:default;transition:background var(--dur)}.rv-cell.legal{cursor:pointer}.rv-cell.legal:hover{background:color-mix(in srgb,var(--accent) 22%,var(--surface))}.rv-cell.last{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent)}.rv-disc{width:78%;aspect-ratio:1;border-radius:50%}.rv-disc.d0{background:radial-gradient(circle at 34% 28%,#b9a8ff,#4c33d6);box-shadow:0 2px 5px #0006,inset 0 -2px 4px #00000059}.rv-disc.d1{background:radial-gradient(circle at 34% 28%,#fff,#c5cde6);box-shadow:0 2px 5px #0006,inset 0 -2px 4px #00000040}.rv-tally.seat-0 .rv-disc,.rv-tally.seat-1 .rv-disc{width:16px}.rv-disc.pop{animation:rv-flip .28s var(--spring)}@keyframes rv-flip{0%{transform:scale(.2) rotateY(90deg)}to{transform:none}}.rv-hint{width:26%;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--accent) 45%,transparent);animation:rv-breathe 1.6s var(--ease) infinite}@keyframes rv-breathe{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.1);opacity:.9}}.db{display:grid;gap:var(--s-4);justify-items:center}.db-score{display:flex;gap:var(--s-3)}.db-board{display:grid;grid-template-columns:repeat(5,13px 1fr) 13px;grid-template-rows:repeat(5,13px 1fr) 13px;width:min(100%,420px);aspect-ratio:1;padding:6px;border-radius:var(--r-2);background:var(--surface);border:var(--bw) solid var(--line);box-shadow:var(--sh-lg)}.db-dot{width:7px;height:7px;place-self:center;border-radius:50%;background:var(--ink-3)}.db-edge{place-self:center;border:none;background:var(--surface-3);padding:0;border-radius:4px;cursor:pointer;transition:background var(--dur),box-shadow var(--dur)}.db-h{width:88%;height:5px}.db-v{width:5px;height:88%}.db-edge:not(.on):not(:disabled):hover{background:color-mix(in srgb,var(--accent) 60%,transparent)}.db-edge:disabled{cursor:default}.db-edge.on{background:var(--ink-2)}.db-edge.last{background:var(--accent);box-shadow:var(--glow)}.db-box{display:grid;place-items:center;font-size:clamp(12px,3.4vw,18px);color:transparent;transition:background var(--dur)}.db-box.seat-0{background:color-mix(in srgb,var(--violet) 22%,transparent);color:var(--violet);animation:db-claim .28s var(--spring)}.db-box.seat-1{background:color-mix(in srgb,var(--rose) 22%,transparent);color:var(--rose);animation:db-claim .28s var(--spring)}@keyframes db-claim{0%{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}.db-score .seat-chip.seat-0{color:var(--violet)}.db-score .seat-chip.seat-1{color:var(--rose)}.su-wrap{display:grid;gap:var(--s-4);justify-items:center}.su-board{display:grid;grid-template-columns:repeat(9,1fr);width:min(100%,460px);aspect-ratio:1;background:var(--surface);border:2.5px solid var(--ink-2);border-radius:var(--r-2);overflow:hidden;box-shadow:var(--sh-lg)}.su-cell{position:relative;display:grid;place-items:center;padding:0;background:var(--surface);color:var(--ink);font-family:var(--display);font-weight:700;font-size:clamp(15px,4.6vw,24px);line-height:1;cursor:pointer;border:none;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .12s var(--ease),color .12s var(--ease)}.su-cell.br{border-right:2.5px solid var(--ink-2)}.su-cell.bb{border-bottom:2.5px solid var(--ink-2)}.su-cell.given{color:var(--ink);font-weight:800}.su-cell.user{color:var(--accent);font-weight:700}.su-cell.peer{background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.su-cell.same{background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--accent)}.su-cell.sel{background:color-mix(in srgb,var(--accent) 30%,var(--surface));box-shadow:inset 0 0 0 2px var(--accent);z-index:1}.su-cell.error{color:var(--rose);background:color-mix(in srgb,var(--rose) 16%,var(--surface))}.su-cell.error.sel{box-shadow:inset 0 0 0 2px var(--rose)}.su-cell.shake{animation:su-shake .32s var(--ease)}@keyframes su-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.su-notes{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center;font-family:var(--mono);font-weight:600;font-size:clamp(7px,1.7vw,9px);color:var(--ink-3)}.su-pad{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;width:min(100%,460px)}.su-key{position:relative;aspect-ratio:1 / 1.18;display:grid;place-items:center;border:var(--bw) solid var(--line);background:linear-gradient(var(--surface),var(--surface-2));border-radius:var(--r-1);cursor:pointer;box-shadow:var(--sh);color:var(--accent);transition:transform var(--dur) var(--spring),background var(--dur),color var(--dur),opacity var(--dur)}.su-key-d{font-family:var(--display);font-weight:800;font-size:clamp(15px,4vw,22px)}.su-key-rem{position:absolute;right:3px;bottom:1px;font-family:var(--mono);font-size:9px;font-weight:700;color:var(--ink-3)}.su-key:hover:not(:disabled){transform:translateY(-2px);background:var(--accent);color:var(--accent-on);border-color:transparent}.su-key:hover:not(:disabled) .su-key-rem{color:var(--accent-on);opacity:.7}.su-key:active:not(:disabled){transform:scale(.93)}.su-key:disabled{cursor:default;opacity:.4}.su-key.done{opacity:.32}.su-erase{color:var(--ink-2);font-size:18px}.su-erase:hover:not(:disabled){background:var(--rose);color:var(--rose-on)}.ms-grid{display:grid;gap:3px;background:var(--line);border:var(--bw) solid var(--line);border-radius:var(--r-2);padding:4px;max-width:520px;margin:0 auto;-webkit-user-select:none;user-select:none;box-shadow:var(--sh)}.ms-cell{aspect-ratio:1;background:linear-gradient(var(--surface-3),var(--surface-2));display:grid;place-items:center;font-family:var(--mono);font-weight:800;font-size:clamp(12px,2.6vw,17px);cursor:pointer;color:var(--ink);border-radius:4px;box-shadow:inset 0 1px #ffffff14,inset 0 -2px #00000024;transition:background 80ms var(--ease),filter 80ms var(--ease)}.ms-cell:hover:not(.revealed):not(.flagged){filter:brightness(1.12)}.ms-cell.revealed{background:var(--bg);cursor:default;box-shadow:inset 0 2px 5px -2px #00000073}.ms-cell.flagged:after{content:"⚑";color:var(--rose)}.ms-cell.mine-hit{background:var(--rose);color:#fff}.ms-cell.mine-hit:after{content:"✱";font-size:1.2em}.ms-cell.mine-revealed:after{content:"✱";color:var(--ink-3)}.ms-cell[data-n="1"]{color:#5b8bff}.ms-cell[data-n="2"]{color:#26b673}.ms-cell[data-n="3"]{color:#ff6b6b}.ms-cell[data-n="4"]{color:#a78bfa}.ms-cell[data-n="5"]{color:#f0913b}.ms-cell[data-n="6"]{color:#2dd4bf}.ms-cell[data-n="7"]{color:var(--ink-2)}.ms-cell[data-n="8"]{color:var(--ink)}.mode-choose{display:grid;gap:var(--s-3)}@media (min-width: 480px){.mode-choose{grid-template-columns:1fr 1fr}}.mode-card{text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:var(--s-5);background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-3);color:var(--ink);box-shadow:var(--sh);transition:transform var(--dur) var(--spring),box-shadow var(--dur),border-color var(--dur)}.mode-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.mode-card:active{transform:translateY(-1px)}.mode-glyph{width:48px;height:48px;display:grid;place-items:center;font-family:var(--mono);font-weight:800;font-size:22px;background:var(--accent);color:var(--accent-on);border-radius:var(--r-2);box-shadow:0 8px 22px -8px color-mix(in srgb,var(--accent) 70%,transparent)}.mode-name{font-family:var(--display);font-weight:800;font-size:19px;text-transform:uppercase}.mode-desc{color:var(--ink-2);font-size:13px;line-height:1.45}.lobby,.group-setup{display:grid;gap:var(--s-4);max-width:420px;margin:0 auto}.lobby-field{display:grid;gap:6px}.lobby-field span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.lobby input,.group-card input{width:100%;font-family:var(--sans);font-size:15px;padding:13px 15px;border-radius:var(--r-2);background:var(--surface);border:var(--bw) solid var(--line);color:var(--ink);box-shadow:var(--sh);transition:border-color var(--dur),box-shadow var(--dur)}.lobby input:focus,.group-card input:focus,.code-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--glow)}.code-input{font-family:var(--mono);font-weight:800;font-size:22px;letter-spacing:.3em;text-align:center;text-transform:uppercase}.lobby-actions .btn,.group-card .btn{width:100%;justify-content:center}.lobby-actions{display:grid}.lobby-or{display:flex;align-items:center;gap:var(--s-3);color:var(--ink-3);font-size:12px;font-weight:700;text-transform:uppercase}.lobby-or:before,.lobby-or:after{content:"";height:var(--bw);flex:1;background:var(--line)}.lobby-join{display:grid;grid-template-columns:1fr auto;gap:var(--s-2);align-items:center}.lobby-join .btn{justify-content:center}.lobby-loading,.lobby-note{text-align:center;color:var(--ink-2);padding:var(--s-6) 0}.online{display:grid;gap:var(--s-4)}.room-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap;background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-3);padding:var(--s-3) var(--s-4);box-shadow:var(--sh)}.room-code{display:inline-flex;align-items:center;gap:var(--s-2)}.room-code-label{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--ink-3)}.room-code b{font-family:var(--mono);font-weight:800;font-size:20px;letter-spacing:.18em;color:var(--accent)}.copy-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--bw) solid var(--line);background:var(--surface-2);color:var(--ink-2);width:30px;height:30px;border-radius:8px;cursor:pointer;transition:background var(--dur),color var(--dur)}.copy-btn:hover{background:var(--accent);color:var(--accent-on);border-color:transparent}.room-seats{display:flex;gap:6px;flex-wrap:wrap}.seat-chip{font-size:12px;font-weight:700;padding:6px 11px;border-radius:999px;background:var(--surface-2);border:var(--bw) solid var(--line);color:var(--ink-2)}.seat-chip.active{color:var(--accent-on);background:var(--accent);border-color:transparent;box-shadow:var(--glow)}.seat-chip.ghost{opacity:.6;font-style:italic}.waiting-card{text-align:center;padding:var(--s-7) var(--s-4);background:var(--surface);border:var(--bw) dashed color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:var(--r-3)}.waiting-card p{font-size:16px;margin-top:var(--s-3)}.waiting-card span{color:var(--ink-3);font-size:13px}.waiting-card b{color:var(--accent);font-family:var(--mono);letter-spacing:.15em}.waiting-pulse{width:44px;height:44px;margin:0 auto;border-radius:50%;background:var(--accent);animation:ping 1.4s var(--ease) infinite}.turn-banner{text-align:center;font-weight:800;font-size:14px;padding:13px;border-radius:var(--r-2);background:var(--surface);border:var(--bw) solid var(--line);color:var(--ink-2);text-transform:uppercase;letter-spacing:.02em;box-shadow:var(--sh);transition:background var(--dur),color var(--dur),box-shadow var(--dur)}.turn-banner[data-on=true]{background:var(--accent);color:var(--accent-on);border-color:transparent;box-shadow:var(--glow)}.online-actions{display:flex;gap:var(--s-2);justify-content:center}.online-actions .btn{justify-content:center}.ttt-board{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2);width:100%;max-width:360px;margin:0 auto;aspect-ratio:1}.ttt-cell{aspect-ratio:1;border-radius:var(--r-2);border:var(--bw) solid var(--line);background:var(--surface);font-family:var(--display);font-weight:800;font-size:clamp(36px,12vw,64px);cursor:pointer;display:grid;place-items:center;color:var(--ink-3);box-shadow:var(--sh);transition:transform var(--dur) var(--spring),background var(--dur),box-shadow var(--dur)}.ttt-cell:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--sh-lg);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.ttt-cell.seat-0{color:var(--violet)}.ttt-cell.seat-1{color:var(--rose)}.ttt-cell.win{background:var(--accent);color:var(--accent-on);border-color:transparent;box-shadow:var(--glow)}.ttt-cell:disabled{cursor:default}.c4-board{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:2.2%;width:100%;max-width:480px;aspect-ratio:7 / 6;margin:0 auto;background:linear-gradient(160deg,color-mix(in srgb,var(--amber) 92%,#fff),var(--amber));border-radius:var(--r-3);padding:2.5%;box-shadow:var(--sh-lg)}.c4-col{display:grid;grid-template-rows:repeat(6,1fr);gap:8%;padding:0;border:0;background:transparent;cursor:pointer;border-radius:var(--r-2);transition:background var(--dur)}.c4-col:hover:not(:disabled){background:#ffffff2e}.c4-col:disabled{cursor:default}.c4-cell{border-radius:50%;background:var(--bg);box-shadow:inset 0 3px 6px #00000073;transition:transform .14s var(--spring)}.c4-cell.seat-0{background:radial-gradient(circle at 35% 30%,#ff7a7a,#e11d48);box-shadow:inset 0 -3px 6px #0000004d}.c4-cell.seat-1{background:radial-gradient(circle at 35% 30%,#6f9bff,#2f5fe0);box-shadow:inset 0 -3px 6px #0000004d}.c4-cell.win{box-shadow:0 0 0 4px #fff,0 0 16px 2px #ffffffb3}.setup-notice{background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-3);padding:var(--s-5);max-width:460px;margin:0 auto;box-shadow:var(--sh)}.setup-notice h3{font-family:var(--display);font-weight:800;font-size:18px;margin-bottom:var(--s-3);text-transform:uppercase}.setup-notice p{color:var(--ink-2);font-size:14px;margin-bottom:var(--s-3)}.setup-notice ol{margin:0 0 var(--s-3) 1.1em;color:var(--ink-2);font-size:14px;display:grid;gap:6px}.setup-notice code{font-family:var(--mono);font-size:12px;background:var(--surface-2);border:var(--bw) solid var(--line);border-radius:6px;padding:1px 6px;color:var(--accent)}.setup-foot{color:var(--ink-3)!important;font-size:13px!important}.seg-tabs{display:flex;gap:0;flex-wrap:wrap;background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-2);overflow:hidden;margin-bottom:var(--s-4);box-shadow:var(--sh)}.seg-tab{flex:1;min-width:90px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-right:var(--bw) solid var(--line);background:transparent;color:var(--ink-2);font-weight:700;font-size:12px;padding:11px;cursor:pointer;text-transform:uppercase;transition:background var(--dur),color var(--dur)}.seg-tab.active{background:var(--accent);color:var(--accent-on)}.lb-list{list-style:none;display:grid;gap:8px}.lb-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:var(--s-3);padding:13px var(--s-4);background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-2);box-shadow:var(--sh)}.lb-rank{font-family:var(--mono);font-weight:800;text-align:center;color:var(--ink-3)}.lb-rank.r1{color:#f5c518}.lb-rank.r2{color:#aab1bd}.lb-rank.r3{color:#e0894e}.lb-name{font-weight:700}.lb-value{font-family:var(--mono);font-weight:800;color:var(--accent)}.lb-empty{text-align:center;color:var(--ink-3);padding:var(--s-5)}.feed{list-style:none;display:grid;gap:6px}.feed-row{font-size:13px;color:var(--ink-2);padding:10px var(--s-4);background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-1)}.feed-game{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase}.group,.group-setup{max-width:460px;margin:0 auto}.group-card{display:grid;gap:var(--s-2);background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-3);padding:var(--s-4);box-shadow:var(--sh)}.group-card h3{font-family:var(--display);font-weight:800;font-size:16px;text-transform:uppercase}.group-card .btn{justify-content:center}.group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3);background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-3);padding:var(--s-4);box-shadow:var(--sh)}.group-head .btn{justify-content:center}.group-name{font-family:var(--display);font-weight:800;font-size:20px;text-transform:uppercase}.group-code{font-size:13px;color:var(--ink-3);margin-top:4px;display:inline-flex;align-items:center;gap:8px}.group-code b{color:var(--accent);font-family:var(--mono);letter-spacing:.15em}.member-list{list-style:none;display:grid;gap:6px}.member{display:flex;align-items:center;gap:10px;padding:11px var(--s-4);background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-2);font-weight:600}.member-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 60%,transparent)}.group-hint{color:var(--ink-3);font-size:13px;margin-bottom:var(--s-3)}.group-games{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.group-game{display:flex;align-items:center;gap:10px;text-align:left;text-decoration:none;color:var(--ink);padding:15px var(--s-4);background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-2);font-weight:700;cursor:pointer;box-shadow:var(--sh);transition:transform var(--dur) var(--spring),box-shadow var(--dur),border-color var(--dur)}.group-game span{color:var(--accent);font-family:var(--mono);font-size:18px}.group-game:hover{transform:translateY(-2px);box-shadow:var(--sh-lg);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.group-live{margin:var(--s-2) 0 var(--s-4);padding:var(--s-4);border-radius:var(--r-3);background:var(--surface);border:var(--bw) solid color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:var(--glow)}.group-live-tag{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 color-mix(in srgb,var(--accent) 70%,transparent);animation:livePulse 1.6s var(--ease) infinite}.group-live-row{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-3)}.group-live-glyph{width:46px;height:46px;flex:none;display:grid;place-items:center;font-family:var(--mono);font-weight:800;font-size:22px;color:var(--accent-on);background:var(--accent);border-radius:var(--r-2);box-shadow:0 8px 22px -8px color-mix(in srgb,var(--accent) 70%,transparent)}.group-live-meta{flex:1;min-width:0}.group-live-name{font-family:var(--display);font-weight:800;font-size:18px;text-transform:uppercase;line-height:1.1}.group-live-by{font-size:12px;color:var(--ink-3);margin-top:2px}.group-live-row .btn{flex:none}.group-live-end{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:var(--s-3);background:none;border:0;color:var(--ink-3);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:color var(--dur)}.group-live-end:hover{color:var(--rose)}.hm{display:grid;gap:var(--s-5)}.hm-scoreboard{display:grid;grid-template-columns:1fr minmax(0,1.4fr) 1fr;align-items:stretch;gap:var(--s-3)}.hm-player{display:grid;justify-items:center;align-content:center;gap:2px;padding:var(--s-3) var(--s-2);border-radius:var(--r-3);border:var(--bw) solid var(--line);background:var(--surface);box-shadow:var(--sh);transition:transform var(--dur) var(--spring),box-shadow var(--dur),border-color var(--dur)}.hm-player-tag{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--ink-3)}.hm-player-score{font-family:var(--display);font-weight:800;font-size:clamp(28px,9vw,38px);line-height:1}.hm-player.p0{border-bottom:4px solid var(--violet)}.hm-player.p1{border-bottom:4px solid var(--rose)}.hm-player.p0 .hm-player-score{color:var(--violet)}.hm-player.p1 .hm-player-score{color:var(--rose)}.hm-player.active{transform:translateY(-3px);box-shadow:var(--glow);border-color:transparent}.hm-player.active .hm-player-tag{color:var(--ink)}.hm-life{display:grid;justify-items:center;align-content:center;gap:5px;padding:var(--s-3) var(--s-2);border-radius:var(--r-3);border:var(--bw) solid var(--line);background:var(--surface-2);box-shadow:var(--sh)}.hm-life-num{font-family:var(--display);font-weight:800;font-size:clamp(28px,9vw,38px);line-height:1;color:var(--ink);transition:color var(--dur)}.hm-life[data-low=true] .hm-life-num{color:var(--rose)}.hm-life-label{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.hm-life-track{display:flex;gap:4px;margin-top:2px}.hm-pip{width:14px;height:6px;border-radius:999px;transition:background var(--dur),transform var(--dur) var(--spring)}.hm-pip.on{background:var(--accent)}.hm-pip.off{background:var(--surface-3);transform:scaleX(.7)}.hm-life[data-low=true] .hm-pip.on{background:var(--rose)}.hm-word{display:flex;flex-wrap:wrap;gap:var(--s-2);justify-content:center;padding:var(--s-2) 0}.hm-slot{width:38px;height:50px;display:grid;place-items:center;border-radius:var(--r-1);background:var(--surface-2);border:var(--bw) solid var(--line);border-bottom:4px solid var(--ink-3);box-shadow:var(--sh);transition:border-color var(--dur),background var(--dur)}.hm-slot.filled{background:var(--surface);border-bottom-color:var(--accent)}.hm-slot-ch{font-family:var(--display);font-weight:800;font-size:28px;color:var(--accent);animation:hm-pop .24s var(--spring)}@keyframes hm-pop{0%{transform:translateY(6px) scale(.6);opacity:0}to{transform:none;opacity:1}}.hm-missed-row{display:flex;align-items:center;gap:var(--s-2);justify-content:center;flex-wrap:wrap}.hm-missed-label{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.hm-missed-chips{display:flex;gap:5px;flex-wrap:wrap}.hm-missed-chip{font-family:var(--mono);font-weight:800;font-size:13px;color:var(--rose);background:color-mix(in srgb,var(--rose) 14%,transparent);border:var(--bw) solid color-mix(in srgb,var(--rose) 35%,transparent);border-radius:7px;padding:2px 8px}.hm-keys{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;max-width:480px;margin:0 auto;width:100%}.hm-key{aspect-ratio:1;border-radius:9px;cursor:pointer;border:var(--bw) solid var(--line);background:var(--surface);font-family:var(--mono);font-weight:800;font-size:15px;color:var(--ink);box-shadow:var(--sh);transition:transform var(--dur) var(--spring),background var(--dur),color var(--dur),opacity var(--dur)}.hm-key:hover:not(:disabled){background:var(--accent);color:var(--accent-on);border-color:transparent;transform:translateY(-2px)}.hm-key:active:not(:disabled){transform:scale(.92)}.hm-key.hit{background:var(--accent);color:var(--accent-on);border-color:transparent;box-shadow:var(--glow)}.hm-key.miss{background:var(--surface-3);color:var(--ink-3);opacity:.5;box-shadow:none}.hm-key:disabled{cursor:default}.room-leave{margin-left:auto;font-size:12px;font-weight:700;color:var(--ink-3);background:none;border:none;cursor:pointer;padding:6px 8px;border-radius:var(--r-1);transition:color var(--dur),background var(--dur)}.room-leave:hover{color:var(--rose);background:color-mix(in srgb,var(--rose) 12%,transparent)}.bs{display:grid;gap:var(--s-3);justify-items:center}.bs-head{font-family:var(--display);font-weight:800;font-size:15px;align-self:start;text-transform:uppercase}.bs-head small{color:var(--ink-3);font-weight:600}.bs-grid{display:grid;gap:3px;padding:7px;background:var(--surface-2);border:var(--bw) solid var(--line);border-radius:var(--r-2);width:100%;max-width:360px;box-shadow:var(--sh)}.bs-row{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.bs-cell{aspect-ratio:1;border-radius:4px;padding:0;background:color-mix(in srgb,var(--ink) 8%,transparent);border:var(--bw) solid var(--line)}button.bs-cell{cursor:pointer}.bs-grid.enemy .bs-cell{background:var(--surface)}.bs-grid.live{box-shadow:var(--glow)}.bs-cell.ship{background:var(--ink-2)}.bs-cell.hit{background:var(--rose)!important}.bs-cell.miss{background:var(--surface-3)!important;position:relative}.bs-cell.miss:after{content:"";position:absolute;top:36%;right:36%;bottom:36%;left:36%;border-radius:50%;background:var(--ink-3)}.bs-note{color:var(--ink-2);font-size:14px;text-align:center;font-weight:600}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes tilePop{0%{transform:scale(.2)}70%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes hintPulse{0%,to{box-shadow:var(--sh)}50%{box-shadow:0 0 0 3px var(--warning),var(--sh)}}@keyframes ping{0%{transform:scale(.7);opacity:.85}to{transform:scale(1.6);opacity:0}}@keyframes livePulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 65%,transparent)}70%,to{box-shadow:0 0 0 7px transparent}}@media (max-width: 460px){.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:var(--bw) solid var(--line)}.hm-slot{width:30px;height:42px}.hm-slot-ch{font-size:22px}.hm-keys{gap:5px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.wd-grid{display:grid;gap:6px;justify-content:center;margin:var(--s-4) 0}.wd-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.wd-row.shake{animation:su-shake .4s var(--ease)}.wd-tile{width:clamp(44px,13vw,58px);aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--line);border-radius:8px;font-family:var(--display);font-weight:800;font-size:clamp(20px,6vw,28px);text-transform:uppercase;background:var(--surface);color:var(--ink);transition:background var(--dur)}.wd-tile.filled{border-color:var(--ink-3);animation:wd-pop .13s var(--spring)}@keyframes wd-pop{0%{transform:scale(.85)}to{transform:none}}.wd-tile.correct{background:var(--success);border-color:transparent;color:#fff}.wd-tile.present{background:var(--warning);border-color:transparent;color:#1a1505}.wd-tile.absent{background:var(--surface-3);border-color:transparent;color:var(--ink-3)}.wd-keys{display:grid;gap:6px;max-width:520px;margin:var(--s-4) auto 0}.wd-krow{display:flex;gap:5px;justify-content:center}.wd-key{flex:1;max-width:44px;height:50px;border:none;border-radius:7px;background:var(--surface-2);color:var(--ink);font-weight:800;font-family:var(--mono);font-size:14px;cursor:pointer;box-shadow:var(--sh);transition:transform var(--dur) var(--spring),background var(--dur)}.wd-key.wide{max-width:64px;font-size:12px}.wd-key:hover{background:var(--surface-3)}.wd-key:active{transform:scale(.9)}.wd-key.correct{background:var(--success);color:#fff}.wd-key.present{background:var(--warning);color:#1a1505}.wd-key.absent{background:var(--surface-3);color:var(--ink-3);opacity:.6}.lo-board{display:grid;gap:8px;width:min(100%,360px);aspect-ratio:1;margin:var(--s-4) auto 0}.lo-cell{border:none;border-radius:13px;cursor:pointer;background:var(--surface-2);box-shadow:inset 0 2px 7px -2px #00000073;transition:background var(--dur),box-shadow var(--dur),transform var(--dur) var(--spring)}.lo-cell:active{transform:scale(.93)}.lo-cell.on{background:radial-gradient(circle at 36% 28%,color-mix(in srgb,var(--amber) 75%,#fff),var(--amber));box-shadow:var(--glow),inset 0 1px #ffffff59}.fp-board{display:grid;gap:8px;width:min(100%,400px);aspect-ratio:1;margin:var(--s-4) auto 0;padding:8px;background:var(--surface-2);border-radius:var(--r-2);box-shadow:var(--sh-lg)}.fp-tile{border:none;border-radius:11px;font-family:var(--display);font-weight:800;font-size:clamp(20px,7vw,30px);color:#fff;background:linear-gradient(160deg,var(--violet),color-mix(in srgb,var(--violet) 55%,#000));cursor:pointer;box-shadow:var(--sh);transition:transform .12s var(--spring)}.fp-tile:active{transform:scale(.95)}.fp-tile.home{background:linear-gradient(160deg,var(--teal),color-mix(in srgb,var(--teal) 55%,#000))}.fp-tile.blank{background:transparent;box-shadow:none;cursor:default}.ng-wrap{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;gap:4px;width:min(100%,460px);margin:var(--s-4) auto 0}.ng-corner{grid-column:1;grid-row:1}.ng-col-clues{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:2px}.ng-cc{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:1px;font-family:var(--mono);font-weight:800;font-size:clamp(8px,1.9vw,13px);color:var(--ink-2);min-height:calc(var(--cc) * 15px)}.ng-row-clues{grid-column:1;grid-row:2;display:grid;grid-template-rows:repeat(var(--n),1fr);gap:2px}.ng-rc{display:flex;justify-content:flex-end;align-items:center;gap:5px;font-family:var(--mono);font-weight:800;font-size:clamp(8px,1.9vw,13px);color:var(--ink-2);padding-right:5px;min-width:calc(var(--rc) * 15px)}.ng-board{grid-column:2;grid-row:2;display:grid;gap:2px;aspect-ratio:1;padding:2px;background:var(--line);border-radius:var(--r-1)}.ng-cell{aspect-ratio:1;border:none;border-radius:3px;background:var(--surface-2);cursor:pointer;color:var(--ink-3);font-weight:800;font-size:clamp(8px,2vw,12px);display:grid;place-items:center;transition:background 70ms}.ng-cell:hover{background:var(--surface-3)}.ng-cell.fill{background:var(--ink)}.ng-cell.cross{background:var(--surface-2)}.ng-cell.bl{box-shadow:inset 2px 0 color-mix(in srgb,var(--rose) 60%,transparent)}.ng-cell.bt{box-shadow:inset 0 2px color-mix(in srgb,var(--rose) 60%,transparent)}.ng-cell.bl.bt{box-shadow:inset 2px 0 color-mix(in srgb,var(--rose) 60%,transparent),inset 0 2px color-mix(in srgb,var(--rose) 60%,transparent)}.fl-board{display:grid;gap:3px;width:min(100%,420px);aspect-ratio:1;margin:var(--s-4) auto 0;padding:6px;background:var(--surface-2);border-radius:var(--r-2);box-shadow:var(--sh-lg);touch-action:none;-webkit-user-select:none;user-select:none}.fl-cell{position:relative;display:grid;place-items:center;background:var(--surface);border-radius:5px;transition:background var(--dur)}.fl-cell.on{background:color-mix(in srgb,var(--pc) 22%,var(--surface))}.fl-dot{width:72%;aspect-ratio:1;border-radius:50%;background:var(--pc);box-shadow:0 0 11px -1px var(--pc)}.fl-pipe{width:60%;height:60%;border-radius:6px;background:var(--pc);transition:width var(--dur),height var(--dur)}.fl-cell.head .fl-pipe{width:70%;height:70%;box-shadow:0 0 9px 0 var(--pc)}.help-btn{margin-left:auto;width:34px;height:34px;flex-shrink:0;border-radius:50%;border:var(--bw) solid var(--line);background:var(--surface);color:var(--ink-2);font-family:var(--display);font-weight:800;font-size:16px;cursor:pointer;box-shadow:var(--sh);transition:transform var(--dur) var(--spring),color var(--dur),border-color var(--dur)}.help-btn:hover{color:var(--accent);border-color:var(--accent);transform:scale(1.08)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:var(--s-4);background:color-mix(in srgb,#000 58%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade .18s var(--ease)}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:min(100%,460px);max-height:86vh;overflow-y:auto;background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-3);box-shadow:var(--sh-lg);padding:var(--s-5);animation:rise .24s var(--spring)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.modal-head h2{font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:-.01em}.modal-close{width:30px;height:30px;flex-shrink:0;border-radius:50%;border:none;background:var(--surface-2);color:var(--ink-2);cursor:pointer;font-size:12px}.modal-close:hover{background:var(--surface-3);color:var(--ink)}.modal-sub{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:var(--s-5) 0 var(--s-2)}.modal-list{display:grid;gap:var(--s-2);padding-left:var(--s-5);color:var(--ink-2);font-size:14px;line-height:1.5}.modal-list.tips li::marker{content:"✦  ";color:var(--accent)}.modal-got{width:100%;margin-top:var(--s-5);justify-content:center}.invite-bar{margin-top:var(--s-3)}.invite-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--accent);background:var(--accent-soft);border:var(--bw) solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:999px;padding:7px 14px;cursor:pointer;transition:background var(--dur)}.invite-toggle:hover{background:color-mix(in srgb,var(--accent) 22%,transparent)}.invite-list{margin-top:var(--s-2);display:grid;gap:6px;background:var(--surface);border:var(--bw) solid var(--line);border-radius:var(--r-2);padding:var(--s-3);box-shadow:var(--sh)}.invite-empty{font-size:13px;color:var(--ink-2);line-height:1.5}.invite-empty a{color:var(--accent);font-weight:700}.invite-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.invite-name{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.invite-name img,.invite-ava{width:24px;height:24px;border-radius:50%;object-fit:cover}.invite-ava{display:grid;place-items:center;background:var(--accent);color:var(--accent-on);font-weight:800;font-size:12px}.invite-btn{padding:6px 12px;font-size:12px}.invite-toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:var(--s-3);width:min(92vw,440px);padding:12px 14px;background:var(--surface);border:var(--bw) solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:var(--r-3);box-shadow:var(--sh-lg),var(--glow);animation:rise .32s var(--spring)}.invite-toast-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;background:var(--teal);box-shadow:0 0 10px 1px color-mix(in srgb,var(--teal) 80%,transparent);animation:nova-pulse 2.4s var(--ease) infinite}.invite-toast-text{flex:1;font-size:13.5px;color:var(--ink-2);line-height:1.4}.invite-toast-text b{color:var(--ink)}.invite-toast-join{padding:8px 14px;font-size:13px;flex-shrink:0}.invite-toast-x{width:26px;height:26px;flex-shrink:0;border:none;border-radius:50%;background:var(--surface-2);color:var(--ink-3);cursor:pointer;font-size:11px}.invite-toast-x:hover{background:var(--surface-3);color:var(--ink)}.add-friend-chip{display:inline-flex;align-items:center;gap:6px;margin-top:var(--s-3);font-size:12.5px;font-weight:700;color:var(--accent);background:var(--accent-soft);border:var(--bw) solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:999px;padding:8px 15px;cursor:pointer;transition:background var(--dur),transform var(--dur) var(--spring)}.add-friend-chip:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 22%,transparent);transform:translateY(-1px)}.add-friend-chip:disabled{color:var(--ink-3);background:var(--surface-2);border-color:var(--line);cursor:default}.waiting-card.left{border-color:color-mix(in srgb,var(--amber) 45%,var(--line))}.waiting-card.left .waiting-pulse{background:var(--amber);box-shadow:0 0 14px 2px color-mix(in srgb,var(--amber) 70%,transparent)}.fl-board.solved{animation:fl-solved .6s var(--spring)}.fl-board.solved .fl-cell.on{background:color-mix(in srgb,var(--pc) 34%,var(--surface))}.fl-board.solved .fl-pipe{box-shadow:0 0 10px 0 var(--pc)}@keyframes fl-solved{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}