@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/rajdhani-latin-500-normal-ByNUCHrt.woff2) format("woff2"),url(/assets/rajdhani-latin-500-normal-DfvNI-Td.woff) format("woff")}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/rajdhani-latin-600-normal-CXCVEoA9.woff2) format("woff2"),url(/assets/rajdhani-latin-600-normal-Dx02qI2_.woff) format("woff")}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/rajdhani-latin-700-normal-BPDUZo87.woff2) format("woff2"),url(/assets/rajdhani-latin-700-normal-e0Uj8ZlN.woff) format("woff")}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.friends-section{display:flex;flex-direction:column;gap:var(--space-2)}.friends-count{color:var(--text-muted);font-variant-numeric:tabular-nums}.section-count{min-width:18px;height:18px;display:inline-grid;place-items:center;padding:0 5px;border-radius:999px;color:var(--text);background:color-mix(in srgb,var(--intent-primary) 17%,transparent);font-size:10px;font-variant-numeric:tabular-nums}.recent-note{margin-left:auto;color:var(--text-muted);font-size:10px;letter-spacing:0;text-transform:none;font-weight:600}.friend-row{display:flex;align-items:center;gap:var(--space-2);min-height:66px;padding:var(--space-2);border:1px solid var(--card-border);border-radius:var(--radius-field);background:var(--card-bg);box-shadow:inset 0 1px color-mix(in srgb,var(--text) 6%,transparent)}.friend-row:hover{border-color:color-mix(in srgb,var(--border-strong) 84%,var(--intent-primary))}.friend-id{min-width:0;flex:1;display:flex;align-items:center;gap:var(--space-3);padding:0;border:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.friend-id .preset-avatar{flex:none;border-radius:13px}.friend-id .li-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.friend-id .li-title{font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-id .li-sub{font-size:12px;color:var(--text-muted)}.friend-id .row-arrow{margin-left:auto;padding-right:var(--space-1);color:var(--text-subtle);font-size:22px}.friend-actions{display:flex;align-items:center;gap:6px;flex:none}.fbtn{min-height:34px;padding:0 10px;border-radius:10px;border:1px solid var(--border);font:700 12px/1 var(--font-body);cursor:pointer}.fbtn:disabled{opacity:.55;cursor:default}.fbtn-primary{color:var(--sea-950);background:var(--intent-primary);border-color:var(--intent-primary)}.fbtn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 5px 13px color-mix(in srgb,var(--intent-primary) 30%,transparent)}.fbtn-ghost{color:var(--text-muted);background:var(--surface-sunken)}.fbtn-ghost:hover{color:var(--text);border-color:var(--border-strong)}.friends-empty,.friends-lock{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-6) var(--space-4);border:1px solid var(--card-border);border-radius:var(--card-radius);background:linear-gradient(145deg,color-mix(in srgb,var(--card-bg) 92%,var(--intent-secondary) 8%),var(--card-bg))}.friends-empty h3,.friends-lock h2{margin:0;color:var(--text);font-family:var(--font-display)}.friends-empty p,.friends-lock p{max-width:33ch;margin:0;color:var(--text-muted);font-size:14px;line-height:1.5}.friends-lock-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;color:#ffcf5c;background:#ffcf5c1f;border:1px solid rgba(255,207,92,.34)}.friends-lock-mark svg{width:27px;height:27px}.invite-inbox .set-group-title{color:color-mix(in srgb,var(--intent-primary) 72%,var(--text))}.invite-row{position:relative;overflow:hidden;min-height:78px;gap:var(--space-3);border-color:color-mix(in srgb,var(--intent-primary) 46%,var(--card-border));background:linear-gradient(105deg,color-mix(in srgb,var(--intent-primary) 12%,var(--card-bg)),var(--card-bg) 74%);box-shadow:0 10px 26px color-mix(in srgb,var(--intent-primary) 12%,transparent),inset 0 1px color-mix(in srgb,var(--text) 12%,transparent)}.invite-row:after{content:"";position:absolute;pointer-events:none;width:120px;height:120px;right:-50px;top:-72px;border-radius:50%;background:color-mix(in srgb,var(--intent-primary) 13%,transparent)}.invite-glyph{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:11px;color:var(--intent-primary);background:color-mix(in srgb,var(--intent-primary) 14%,transparent);border:1px solid color-mix(in srgb,var(--intent-primary) 30%,transparent)}.invite-glyph svg{width:18px;height:18px;transform:rotate(-14deg)}.invite-row .friend-id,.invite-row .friend-actions{position:relative;z-index:1}.invite-row .li-sub strong{color:var(--text);font-weight:700}.recent-row{background:linear-gradient(105deg,color-mix(in srgb,var(--intent-secondary) 6%,var(--card-bg)),var(--card-bg) 60%)}.game-chip{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 7px;border-radius:999px;color:var(--text-muted);border:1px solid var(--border);background:var(--surface-sunken);font-size:10px;font-weight:700}.invite-friends-sheet{max-width:470px}.invite-friends-sheet .sheet-head h2{color:var(--text)}.invite-friends-sheet .sheet-head h2 svg{width:21px;height:21px;color:var(--intent-primary);transform:rotate(-14deg)}.invite-sheet-copy{margin:0 0 var(--space-4);color:var(--text-muted);font-size:13px;line-height:1.5}.invite-picker-list{max-height:min(52vh,410px);overflow-y:auto;padding-right:2px}.invite-picker-row{transition:border-color .16s ease,background .16s ease,transform .16s ease}.invite-picker-row:hover{transform:translate(2px);background:var(--surface-raised)}.invite-picker-row.is-sent{border-color:color-mix(in srgb,var(--intent-primary) 40%,var(--card-border));background:color-mix(in srgb,var(--intent-primary) 7%,var(--card-bg))}.invite-picker-row.is-sent .fbtn-primary{color:var(--intent-primary);background:color-mix(in srgb,var(--intent-primary) 10%,transparent);border-color:color-mix(in srgb,var(--intent-primary) 45%,transparent)}@media(max-width:389px){.friend-row{align-items:flex-start;flex-wrap:wrap}.friend-actions{width:100%;padding-left:52px}.invite-row .friend-id{flex-basis:calc(100% - 48px)}.invite-row .friend-actions{padding-left:48px}.recent-row .game-chip{margin-left:52px}}@media(prefers-reduced-motion:reduce){.fbtn-primary,.invite-picker-row{transition:none}.fbtn-primary:hover:not(:disabled),.invite-picker-row:hover{transform:none}}.friend-btn-wrap{width:100%;margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.friend-btn-row{display:flex;align-items:center;gap:var(--space-2)}.friend-btn-row .fbtn{flex:1;min-height:42px}.fbtn-lg{width:100%;min-height:46px;padding:0 var(--space-4);border-radius:var(--radius-field);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px}.fbtn-lg svg{width:18px;height:18px}.friend-state{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:var(--radius-field);border:1px solid var(--card-border);background:var(--surface-sunken);color:var(--text-muted);font:700 13px/1 var(--font-body)}.friend-state.is-friend{color:var(--intent-primary);border-color:color-mix(in srgb,var(--intent-primary) 40%,transparent);background:color-mix(in srgb,var(--intent-primary) 12%,transparent)}.friend-state svg{width:16px;height:16px}.friend-btn-note{margin:0;text-align:center;color:var(--text-muted);font-size:13px}:root{--surface-sunken: var(--sea-900);--surface: var(--sea-800);--surface-raised: var(--sea-700);--surface-overlay: var(--sea-600);--text: var(--foam);--text-muted: var(--muted);--text-subtle: var(--muted);--text-on-accent: var(--sea-900);--border: var(--line);--border-strong: rgba(140, 180, 220, .34);--intent-primary: var(--accent);--intent-secondary: var(--accent-2);--intent-danger: var(--danger);--intent-success: var(--success);--focus-ring: var(--accent-2);--focus-ring-width: 2px;--focus-ring-offset: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-field: var(--radius-sm);--radius-card: var(--radius);--tap-min: var(--tap);--field-bg: var(--surface-sunken);--field-text: var(--text);--field-placeholder: var(--text-subtle);--field-border: var(--border-strong);--field-border-focus: var(--focus-ring);--field-border-invalid: var(--intent-danger);--field-radius: var(--radius-field);--field-height: var(--tap-min);--field-pad-x: var(--space-3);--btn-radius: var(--radius-field);--btn-height: var(--tap-min);--btn-pad-x: var(--space-4);--btn-primary-bg: var(--intent-primary);--btn-primary-text: var(--text-on-accent);--btn-secondary-bg: transparent;--btn-secondary-text: var(--text);--btn-secondary-border: var(--border-strong);--btn-danger-bg: var(--intent-danger);--btn-danger-text: var(--text);--btn-disabled-bg: var(--surface-overlay);--btn-disabled-text: var(--text-subtle);--card-bg: var(--surface-raised);--card-border: var(--border);--card-radius: var(--radius-card);--card-pad: var(--space-5);--card-shadow: var(--shadow);--sheet-bg: var(--surface-raised);--sheet-scrim: rgba(6, 16, 25, .72);--sheet-radius: var(--radius-card);--sheet-pad: var(--space-5);--form-error-text: var(--intent-danger);--form-hint-text: var(--text-muted)}.pr-focusable:focus-visible,.pr-field:focus-visible,.pr-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media(prefers-reduced-motion:reduce){.pr-field,.pr-btn{transition:none}}@font-face{font-family:Manrope Variable;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations")}:root{--font-body: "Manrope Variable", "Avenir Next", "Segoe UI", sans-serif;--font-display: "Rajdhani", "Arial Narrow", sans-serif;--font-brand: "Space Grotesk Variable", "Manrope Variable", "Avenir Next", sans-serif;--sea-900: #061019;--sea-800: #0a1626;--sea-700: #0f2036;--sea-600: #14304f;--sea-500: #1c4066;--foam: #e7f2fb;--muted: #8fb0cc;--line: rgba(140, 180, 220, .16);--accent: #ffcf5c;--accent-2: #35d0ba;--danger: #ff5d6c;--success: #49d67e;--hit: #ff6b57;--miss: #6da7d6;--radius: 16px;--radius-sm: 10px;--shadow: 0 14px 40px rgba(0, 0, 0, .45);--tap: 48px;--safe-t: env(safe-area-inset-top);--safe-b: env(safe-area-inset-bottom);--safe-l: env(safe-area-inset-left);--safe-r: env(safe-area-inset-right)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}html,#root{background:var(--sea-800)}body{font-family:var(--font-body);color:var(--foam);background:radial-gradient(1200px 600px at 50% -10%,var(--sea-600),transparent 60%),linear-gradient(180deg,var(--sea-800) 0%,var(--sea-900) 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:.018em}.app{min-height:100dvh;position:relative;isolation:isolate;overflow-x:clip;background:var(--sea-800);display:flex;flex-direction:column;padding:calc(var(--safe-t) + 8px) calc(var(--safe-r) + 14px) calc(var(--safe-b) + 8px) calc(var(--safe-l) + 14px)}.app-atmosphere,.app-atmosphere:before,.app-atmosphere:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.app-atmosphere{position:fixed;z-index:0;overflow:hidden;background:#061019}.app-atmosphere img{position:absolute;inset:0 auto auto 0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0;transition:opacity .6s ease;filter:saturate(1.06) contrast(1.02);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 30%,rgba(0,0,0,.42) 58%,transparent 84%);mask-image:linear-gradient(to bottom,#000 0%,#000 30%,rgba(0,0,0,.42) 58%,transparent 84%)}.app-atmosphere img.is-active{opacity:.82}.app-atmosphere:before,.app-atmosphere:after{content:"";z-index:0}.app>:not(.app-atmosphere){position:relative;z-index:1}.app-atmosphere:before{background:radial-gradient(48rem 24rem at 12% 22%,rgba(53,208,186,.08),transparent 70%),radial-gradient(38rem 21rem at 88% 78%,rgba(255,207,92,.07),transparent 70%),repeating-linear-gradient(115deg,transparent 0 72px,rgba(167,216,236,.018) 73px,transparent 74px 145px);z-index:1;animation:ambientDrift 20s ease-in-out infinite alternate}.app-atmosphere:after{z-index:2;background:radial-gradient(150px 150px at 0 0,rgba(9,28,46,.96) 0 36%,rgba(6,18,30,.7) 57%,transparent 84%),radial-gradient(ellipse at center,transparent 34%,rgba(0,0,0,.34) 120%)}.bg-fall{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;pointer-events:none}.bg-fall i{position:absolute;top:0;border-radius:50%;background:#c8eaffeb;box-shadow:0 0 7px 1px #78cdff8c;opacity:0;animation-name:motefall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes motefall{0%{transform:translateY(-8vh);opacity:0}12%{opacity:.85}85%{opacity:.85}to{transform:translateY(104vh);opacity:0}}@media(prefers-reduced-motion:reduce){.bg-fall{display:none}}.screen-transition{width:100%;min-width:0;display:flex;flex:1;animation:screenEnter .44s cubic-bezier(.16,1,.3,1) both}.screen-transition>.screen{flex:1}@keyframes screenEnter{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.game-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;background:radial-gradient(60rem 40rem at 50% 30%,color-mix(in srgb,var(--room-accent, #35d0ba) 16%,transparent),transparent 70%),#030a12e6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:gameLoadingIn 2.8s ease both;pointer-events:auto}.game-loading-inner{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:0 24px}.game-loading-mark{width:74px;height:66px;filter:drop-shadow(0 10px 22px color-mix(in srgb,var(--room-accent, #35d0ba) 40%,transparent));animation:gameLoadingPop .6s cubic-bezier(.16,1,.3,1) both}.game-loading-name{font-family:var(--font-display);font-weight:700;font-size:30px;letter-spacing:.02em;color:var(--foam)}.game-loading-bar{width:min(240px,62vw);height:6px;border-radius:999px;background:#ffffff1a;overflow:hidden}.game-loading-bar i{display:block;height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--room-accent, #35d0ba) 70%,#fff),var(--room-accent, #35d0ba));transform-origin:left;animation:gameLoadingBar 2.05s cubic-bezier(.5,0,.2,1) .18s forwards}.game-loading-sub{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#e7f2fb99}.game-countdown{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;background:radial-gradient(34rem 24rem at 50% 44%,color-mix(in srgb,var(--room-accent, #35d0ba) 23%,transparent),transparent 72%),#02080feb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.game-countdown-inner{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.game-countdown-eyebrow{color:#e7f2fbad;font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.game-countdown-word{min-width:5ch;color:var(--foam);font-family:var(--font-display);font-size:clamp(58px,20vw,112px);font-weight:700;letter-spacing:.06em;line-height:.9;text-shadow:0 0 34px color-mix(in srgb,var(--room-accent, #35d0ba) 56%,transparent);animation:gameCountdownPop .62s cubic-bezier(.16,1,.3,1) both}.game-countdown-number{color:var(--room-accent, #35d0ba);font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:.12em}@keyframes gameCountdownPop{0%{opacity:0;transform:scale(.58) translateY(12px)}to{opacity:1;transform:none}}@keyframes gameLoadingIn{0%{opacity:0}9%{opacity:1}86%{opacity:1}to{opacity:0}}@keyframes gameLoadingPop{0%{opacity:0;transform:translateY(-10px) scale(.7) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes gameLoadingBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.game-loading-mark{animation:none}.game-loading-bar i{animation-duration:.3s}.game-countdown-word{animation:none}}@keyframes ambientDrift{0%{background-position:0 0,0 0,0 0}to{background-position:3% 2%,-2% 3%,72px 38px}}.app.theme-battleship{--room-accent: #48c7ef;--room-glow: rgba(72, 199, 239, .18)}.app.theme-standoff{--room-accent: #a584ff;--room-glow: rgba(165, 132, 255, .19)}.app.theme-liarsdice{--room-accent: #ffbd5e;--room-glow: rgba(255, 189, 94, .18)}.app.theme-home .app-atmosphere:before,.app.theme-battleship .app-atmosphere:before,.app.theme-standoff .app-atmosphere:before,.app.theme-liarsdice .app-atmosphere:before{background-repeat:no-repeat;background-size:cover;background-position:center;animation:artDrift 24s ease-in-out infinite alternate}.app.theme-home .app-atmosphere:before{background-image:radial-gradient(42rem 28rem at 10% 8%,rgba(63,221,207,.15),transparent 68%),linear-gradient(180deg,#040e1914,#030a12bf 82%)}.app.theme-battleship .app-atmosphere:before{background-image:radial-gradient(44rem 28rem at 50% -8%,rgba(72,199,239,.18),transparent 70%),linear-gradient(180deg,#030f1829,#030d16c7 84%)}.app.theme-standoff .app-atmosphere:before{background-image:radial-gradient(42rem 25rem at 18% 16%,rgba(165,132,255,.18),transparent 72%),linear-gradient(180deg,#08071529,#070712c7 84%)}.app.theme-liarsdice .app-atmosphere:before{background-image:radial-gradient(40rem 24rem at 76% 14%,rgba(255,189,94,.15),transparent 72%),linear-gradient(180deg,#15070924,#0a0507c7 84%)}.app.theme-battleship .app-atmosphere:after{background:repeating-radial-gradient(ellipse at 50% 115%,transparent 0 42px,rgba(85,210,245,.065) 43px 44px,transparent 45px 86px),radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.34) 110%);animation:tideDrift 11s ease-in-out infinite alternate}.app.theme-standoff .app-atmosphere:after{background:linear-gradient(112deg,transparent 0 46%,rgba(185,157,255,.07) 49%,transparent 52%),linear-gradient(68deg,transparent 0 48%,rgba(66,226,205,.055) 50%,transparent 52%),radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.38) 110%);animation:scanDrift 8s linear infinite}.app.theme-liarsdice .app-atmosphere:after{background:radial-gradient(circle at 22% 24%,rgba(255,201,91,.13) 0 2px,transparent 3px),radial-gradient(circle at 75% 43%,rgba(255,125,108,.1) 0 2px,transparent 3px),radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.38) 110%);background-size:140px 140px,190px 190px,auto;animation:casinoSparkle 7s ease-in-out infinite alternate}.app.theme-reversi{--room-accent: #35d0ba;--room-glow: rgba(53, 208, 186, .18)}.app.theme-gomoku{--room-accent: #ef6f8b;--room-glow: rgba(239, 111, 139, .17)}.app.theme-reaction{--room-accent: #f5d54a;--room-glow: rgba(245, 213, 74, .16)}.app.theme-bullseye{--room-accent: #ff7a59;--room-glow: rgba(255, 122, 89, .17)}.app.theme-reversi .app-atmosphere:before,.app.theme-gomoku .app-atmosphere:before,.app.theme-reaction .app-atmosphere:before,.app.theme-bullseye .app-atmosphere:before{background-repeat:no-repeat;background-size:cover;background-position:center;animation:artDrift 24s ease-in-out infinite alternate}.app.theme-reversi .app-atmosphere:before{background-image:radial-gradient(42rem 26rem at 20% 16%,rgba(53,208,186,.16),transparent 72%),linear-gradient(180deg,#05161429,#04100ec7 84%)}.app.theme-reversi .app-atmosphere:after{background:radial-gradient(circle at 26% 30%,rgba(53,208,186,.1) 0 3px,transparent 4px),radial-gradient(circle at 72% 66%,rgba(120,230,210,.08) 0 3px,transparent 4px),radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.36) 110%);background-size:150px 150px,210px 210px,auto;animation:feltDrift 13s ease-in-out infinite alternate}.app.theme-gomoku .app-atmosphere:before{background-image:radial-gradient(42rem 26rem at 78% 18%,rgba(239,111,139,.15),transparent 72%),linear-gradient(180deg,#180c0829,#100906c7 84%)}.app.theme-gomoku .app-atmosphere:after{background:repeating-linear-gradient(90deg,transparent 0 46px,rgba(240,165,130,.05) 47px 48px,transparent 49px 94px),repeating-linear-gradient(0deg,transparent 0 46px,rgba(240,165,130,.05) 47px 48px,transparent 49px 94px),radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.4) 110%);animation:gobanDrift 18s ease-in-out infinite alternate}.app.theme-reaction .app-atmosphere:before{background-image:radial-gradient(40rem 24rem at 50% -6%,rgba(245,213,74,.16),transparent 72%),linear-gradient(180deg,#14120629,#0c0b04cc 84%)}.app.theme-reaction .app-atmosphere:after{background:linear-gradient(100deg,transparent 0 46%,rgba(245,213,74,.09) 50%,transparent 54%),radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.4) 110%);animation:boltScan 3.4s linear infinite}.app.theme-bullseye .app-atmosphere:before{background-image:radial-gradient(40rem 26rem at 50% 30%,rgba(255,122,89,.16),transparent 72%),linear-gradient(180deg,#180c0929,#100906cc 84%)}.app.theme-bullseye .app-atmosphere:after{background:repeating-radial-gradient(circle at 50% 46%,transparent 0 38px,rgba(255,122,89,.06) 39px 41px,transparent 42px 80px),radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.4) 110%);animation:targetPulse 9s ease-in-out infinite alternate}.app.theme-typing{--room-accent: #a3e635;--room-glow: rgba(163, 230, 53, .16)}.app.theme-typing .app-atmosphere:before{background-repeat:no-repeat;background-size:cover;background-position:center;background-image:radial-gradient(40rem 24rem at 50% -6%,rgba(163,230,53,.14),transparent 72%),linear-gradient(180deg,#0c120629,#080c04cc 84%);animation:artDrift 24s ease-in-out infinite alternate}.app.theme-typing .app-atmosphere:after{background:repeating-linear-gradient(180deg,transparent 0 22px,rgba(163,230,53,.04) 23px 24px,transparent 25px 48px),radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.4) 110%);animation:typeRain 6s linear infinite}.app.theme-math{--room-accent: #818cf8;--room-glow: rgba(129, 140, 248, .16)}.app.theme-math .app-atmosphere:before{background-repeat:no-repeat;background-size:cover;background-position:center;background-image:radial-gradient(40rem 24rem at 50% -6%,rgba(129,140,248,.14),transparent 72%),linear-gradient(180deg,#0c0d1a29,#080912cc 84%);animation:artDrift 24s ease-in-out infinite alternate}.app.theme-math .app-atmosphere:after{background:repeating-linear-gradient(90deg,transparent 0 38px,rgba(129,140,248,.04) 39px 40px,transparent 41px 78px),repeating-linear-gradient(0deg,transparent 0 38px,rgba(129,140,248,.04) 39px 40px,transparent 41px 78px),radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.4) 110%);animation:mathGrid 20s linear infinite}.app.theme-memory{--room-accent: #e879f9;--room-glow: rgba(232, 121, 249, .16)}.app.theme-memory .app-atmosphere:before{background-repeat:no-repeat;background-size:cover;background-position:center;background-image:radial-gradient(40rem 24rem at 22% 16%,rgba(232,121,249,.15),transparent 72%),linear-gradient(180deg,#160c1a29,#0e0810cc 84%);animation:artDrift 24s ease-in-out infinite alternate}.app.theme-memory .app-atmosphere:after{background:radial-gradient(circle at 28% 32%,rgba(232,121,249,.09) 0 3px,transparent 4px),radial-gradient(circle at 70% 64%,rgba(200,130,255,.07) 0 3px,transparent 4px),radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.4) 110%);background-size:160px 160px,220px 220px,auto;animation:cardDrift 14s ease-in-out infinite alternate}.app.theme-simon{--room-accent: #06b6d4;--room-glow: rgba(6, 182, 212, .16)}.app.theme-simon .app-atmosphere:before{background-repeat:no-repeat;background-size:cover;background-position:center;background-image:radial-gradient(40rem 24rem at 50% -6%,rgba(6,182,212,.14),transparent 72%),linear-gradient(180deg,#06141829,#040c10cc 84%);animation:artDrift 24s ease-in-out infinite alternate}.app.theme-simon .app-atmosphere:after{background:radial-gradient(26rem 26rem at 26% 26%,rgba(34,197,94,.12),transparent 60%),radial-gradient(26rem 26rem at 74% 26%,rgba(239,68,68,.11),transparent 60%),radial-gradient(26rem 26rem at 26% 74%,rgba(234,179,8,.11),transparent 60%),radial-gradient(26rem 26rem at 74% 74%,rgba(59,130,246,.12),transparent 60%),radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.42) 110%);animation:simonPads 9s ease-in-out infinite}.app.theme-wordblitz{--room-accent: #f59e0b;--room-glow: rgba(245, 158, 11, .16)}.app.theme-wordblitz .app-atmosphere:before{background-repeat:no-repeat;background-size:cover;background-position:center;background-image:radial-gradient(40rem 24rem at 50% -6%,rgba(245,158,11,.14),transparent 72%),linear-gradient(180deg,#1a120629,#0e0903cc 84%);animation:artDrift 24s ease-in-out infinite alternate}.app.theme-wordblitz .app-atmosphere:after{background:repeating-linear-gradient(90deg,transparent 0 46px,rgba(245,158,11,.04) 47px 48px,transparent 49px 94px),repeating-linear-gradient(0deg,transparent 0 46px,rgba(245,158,11,.04) 47px 48px,transparent 49px 94px),radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.4) 110%);animation:wbLattice 22s linear infinite}.app.theme-anagram{--room-accent: #10b981;--room-glow: rgba(16, 185, 129, .16)}.app.theme-anagram .app-atmosphere:before{background-repeat:no-repeat;background-size:cover;background-position:center;background-image:radial-gradient(40rem 24rem at 50% -6%,rgba(16,185,129,.14),transparent 72%),linear-gradient(180deg,#061a1329,#030e0acc 84%);animation:artDrift 24s ease-in-out infinite alternate}.app.theme-anagram .app-atmosphere:after{background:radial-gradient(22rem 22rem at 28% 30%,rgba(16,185,129,.1),transparent 62%),radial-gradient(20rem 20rem at 72% 68%,rgba(52,224,161,.08),transparent 62%),radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.4) 110%);animation:arDrift 16s ease-in-out infinite alternate}.app.theme-categories{--room-accent: #f43f5e;--room-glow: rgba(244, 63, 94, .16)}.app.theme-categories .app-atmosphere:before{background-repeat:no-repeat;background-size:cover;background-position:center;background-image:radial-gradient(40rem 24rem at 50% -6%,rgba(244,63,94,.14),transparent 72%),linear-gradient(180deg,#1a060c29,#0e0307cc 84%);animation:artDrift 24s ease-in-out infinite alternate}.app.theme-categories .app-atmosphere:after{background:repeating-linear-gradient(0deg,transparent 0 30px,rgba(244,63,94,.04) 31px 32px,transparent 33px 64px),radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.4) 110%);animation:ctRows 20s linear infinite}.app.theme-trivia{--room-accent: #a855f7;--room-glow: rgba(168, 85, 247, .16)}.app.theme-trivia .app-atmosphere:before{background-repeat:no-repeat;background-size:cover;background-position:center;background-image:radial-gradient(40rem 24rem at 50% -6%,rgba(168,85,247,.14),transparent 72%),linear-gradient(180deg,#14082029,#0c0414cc 84%);animation:artDrift 24s ease-in-out infinite alternate}.app.theme-trivia .app-atmosphere:after{background:radial-gradient(22rem 22rem at 26% 26%,rgba(168,85,247,.12),transparent 62%),radial-gradient(20rem 20rem at 74% 72%,rgba(139,92,246,.1),transparent 62%),radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.4) 110%);animation:tvGlow 18s ease-in-out infinite alternate}.app.theme-connect4{--room-accent: #3b82f6;--room-glow: rgba(59, 130, 246, .16)}.app.theme-connect4 .app-atmosphere:before{background-repeat:no-repeat;background-size:cover;background-position:center;background-image:radial-gradient(40rem 24rem at 50% -6%,rgba(59,130,246,.14),transparent 72%),linear-gradient(180deg,#08122629,#040a16cc 84%);animation:artDrift 24s ease-in-out infinite alternate}.app.theme-connect4 .app-atmosphere:after{background:radial-gradient(circle at 30% 30%,rgba(59,130,246,.06) 0 4px,transparent 5px),radial-gradient(ellipse at center,transparent 44%,rgba(0,0,0,.4) 110%);background-size:54px 54px,auto;animation:c4Drift 24s linear infinite}.app.theme-checkers{--room-accent: #dc2626;--room-glow: rgba(220, 38, 38, .15)}.app.theme-checkers .app-atmosphere:before{background-repeat:no-repeat;background-size:cover;background-position:center;background-image:radial-gradient(40rem 24rem at 50% -6%,rgba(220,38,38,.12),transparent 72%),linear-gradient(180deg,#140c0a29,#0a0605cc 84%);animation:artDrift 24s ease-in-out infinite alternate}.app.theme-checkers .app-atmosphere:after{background:repeating-conic-gradient(from 0deg,rgba(47,85,64,.05) 0% 25%,transparent 0% 50%),radial-gradient(ellipse at center,transparent 44%,rgba(0,0,0,.4) 110%);background-size:80px 80px,auto;animation:ckDrift 28s linear infinite}.app.theme-dots{--room-accent: #f97316;--room-glow: rgba(249, 115, 22, .15)}.app.theme-dots .app-atmosphere:before{background-repeat:no-repeat;background-size:cover;background-position:center;background-image:radial-gradient(40rem 24rem at 50% -6%,rgba(249,115,22,.12),transparent 72%),linear-gradient(180deg,#180e0629,#0c0703cc 84%);animation:artDrift 24s ease-in-out infinite alternate}.app.theme-dots .app-atmosphere:after{background:radial-gradient(circle at 20% 20%,rgba(249,115,22,.06) 0 2px,transparent 3px),radial-gradient(ellipse at center,transparent 44%,rgba(0,0,0,.4) 110%);background-size:44px 44px,auto;animation:c4Drift 26s linear infinite}.app.theme-mastermind{--room-accent: #6366f1;--room-glow: rgba(99, 102, 241, .16)}.app.theme-mastermind .app-atmosphere:before{background-repeat:no-repeat;background-size:cover;background-position:center;background-image:radial-gradient(40rem 24rem at 50% -6%,rgba(99,102,241,.14),transparent 72%),linear-gradient(180deg,#0e0e1e29,#080812cc 84%);animation:artDrift 24s ease-in-out infinite alternate}.app.theme-mastermind .app-atmosphere:after{background:radial-gradient(circle at 25% 25%,rgba(99,102,241,.07) 0 3px,transparent 4px),radial-gradient(ellipse at center,transparent 44%,rgba(0,0,0,.4) 110%);background-size:40px 40px,auto;animation:c4Drift 24s linear infinite}.app.theme-chess{--room-accent: #94a3b8;--room-glow: rgba(148, 163, 184, .14)}.app.theme-chess .app-atmosphere:before{background-repeat:no-repeat;background-size:cover;background-position:center;background-image:radial-gradient(40rem 24rem at 50% -6%,rgba(148,163,184,.12),transparent 72%),linear-gradient(180deg,#12141a29,#090a0ecc 84%);animation:artDrift 24s ease-in-out infinite alternate}.app.theme-chess .app-atmosphere:after{background:repeating-conic-gradient(from 0deg,rgba(148,163,184,.04) 0% 25%,transparent 0% 50%),radial-gradient(ellipse at center,transparent 44%,rgba(0,0,0,.4) 110%);background-size:88px 88px,auto;animation:ckDrift 30s linear infinite}.app.theme-wordtiles{--room-accent: #c99a4b;--room-glow: rgba(201, 154, 75, .15)}.app.theme-wordtiles .app-atmosphere:before{background-repeat:no-repeat;background-size:cover;background-position:center;background-image:radial-gradient(40rem 24rem at 50% -6%,rgba(201,154,75,.13),transparent 72%),linear-gradient(180deg,#1c140829,#0e0a04cc 84%);animation:artDrift 24s ease-in-out infinite alternate}.app.theme-wordtiles .app-atmosphere:after{background:repeating-linear-gradient(90deg,transparent 0 40px,rgba(201,154,75,.04) 41px 42px,transparent 43px 82px),repeating-linear-gradient(0deg,transparent 0 40px,rgba(201,154,75,.04) 41px 42px,transparent 43px 82px),radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.4) 110%);animation:wbLattice 24s linear infinite}.app.theme-battleship .screen:not(.bs) .card,.app.theme-standoff .screen:not(.standoff) .card,.app.theme-liarsdice .screen:not(.ld) .card{border-color:color-mix(in srgb,var(--room-accent) 26%,var(--line));box-shadow:var(--shadow),0 0 36px var(--room-glow)}.app.theme-battleship .screen:not(.bs) .code-pill,.app.theme-standoff .screen:not(.standoff) .code-pill,.app.theme-liarsdice .screen:not(.ld) .code-pill{color:var(--room-accent)}@keyframes artDrift{0%{background-position:50% 50%}to{background-position:53% 47%}}@keyframes tideDrift{to{background-position:0 -18px,center}}@keyframes scanDrift{to{background-position:340px 0,-280px 0,0 0}}@keyframes casinoSparkle{to{background-position:40px -54px,-60px 45px,0 0;opacity:.82}}@keyframes feltDrift{to{background-position:40px -40px,-55px 45px,0 0;opacity:.9}}@keyframes gobanDrift{to{background-position:26px 0,0 26px,0 0}}@keyframes boltScan{to{background-position:380px 0,0 0}}@keyframes targetPulse{to{background-position:0 -18px,center;opacity:.92}}@keyframes typeRain{to{background-position:0 48px,center}}@keyframes mathGrid{to{background-position:78px 78px,78px 78px,center}}@keyframes cardDrift{to{background-position:40px -44px,-55px 40px,0 0;opacity:.88}}@keyframes simonPads{0%,to{opacity:.55;background-position:-16px -16px,16px -16px,-16px 16px,16px 16px,center}25%{opacity:.96}50%{opacity:.6;background-position:16px 16px,-16px 16px,16px -16px,-16px -16px,center}75%{opacity:.96}}@keyframes wbLattice{to{background-position:94px 0,0 94px,0 0}}@keyframes arDrift{to{background-position:30px 24px,-28px -20px,0 0}}@keyframes ctRows{to{background-position:0 64px,center}}@keyframes tvGlow{to{background-position:24px 18px,-22px -16px,0 0}}@keyframes c4Drift{to{background-position:0 54px,center}}@keyframes ckDrift{to{background-position:80px 80px,center}}.screen{width:100%;min-width:0;max-width:480px;margin:0 auto;flex:1;display:flex;flex-direction:column;gap:16px;padding:12px 0}.brand{text-align:center;margin-top:3vh;position:relative}.home-brand{margin-top:clamp(18px,4vh,48px);isolation:isolate}.home-brand-copy{position:relative;z-index:2;min-width:0}.home-brand:before,.home-brand:after{content:"";display:none;position:absolute;left:50%;top:36px;z-index:-1;pointer-events:none;border-radius:50%;border:1px solid rgba(99,240,208,.12);box-shadow:inset 0 0 34px #63f0d009,0 0 24px #7166ff0b}.home-hero-showcase{display:block;position:relative;z-index:1;height:104px;margin:14px auto 0;min-width:0;overflow:hidden;border:1px solid rgba(126,225,255,.2);border-radius:28px;background:#030a14;box-shadow:0 26px 70px #0000006b,inset 0 1px #ffffff14,0 0 42px #465bd11a}.home-hero-showcase:before,.home-hero-showcase:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.home-hero-showcase:before{background:linear-gradient(90deg,rgba(1,8,16,.45),transparent 31%,transparent 70%,rgba(1,8,16,.35))}.home-hero-showcase:after{inset:auto 8% -42% 8%;height:70%;border-radius:50%;background:#555eff3d;filter:blur(48px);opacity:.7}.home-hero-showcase>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 54%;transform:scale(1.015);animation:homePortalDrift 13s ease-in-out infinite alternate}.home-hero-sheen{position:absolute;z-index:2;inset:-30% auto -30% -15%;width:16%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(159,235,255,.18),transparent);transform:rotate(11deg) translate(-250%);animation:homePortalSheen 8.5s 1.5s ease-in-out infinite}.home-hero-token{position:absolute;z-index:3;width:46px;height:46px;display:none;place-items:center;border:1px solid rgba(183,230,255,.27);border-radius:15px;color:#a4f3ff;background:linear-gradient(145deg,#0a2336db,#0d112bc2);box-shadow:inset 0 1px #ffffff21,0 10px 30px #0000005c,0 0 20px #47caf121;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-hero-token svg{width:27px;height:27px}.home-hero-token.is-naval{top:13%;left:8%;animation:homeTokenFloat 5.8s ease-in-out infinite}.home-hero-token.is-table{top:11%;right:8%;color:#ffd27a;animation:homeTokenFloat 6.6s .8s ease-in-out infinite reverse}.home-hero-token.is-board{right:14%;bottom:18%;color:#bd9dff;animation:homeTokenFloat 7.2s 1.4s ease-in-out infinite}.home-hero-caption{position:absolute;z-index:3;left:50%;bottom:12px;display:inline-flex;align-items:baseline;gap:6px;padding:5px 11px;border:1px solid rgba(210,235,255,.18);border-radius:999px;color:#e2f1fdc7;background:#020912b3;box-shadow:inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-50%);white-space:nowrap}.home-hero-caption strong{color:var(--accent-2);font-family:var(--font-display);font-size:16px;line-height:1}.home-hero-caption span{font-size:10px;letter-spacing:.07em;text-transform:uppercase}.brand .logo{font-size:56px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));animation:bob 3.5s ease-in-out infinite}.play-logo{width:86px;height:74px;margin:0 auto 9px;display:grid;place-items:center}.play-mark{width:78px;height:70px;overflow:visible;filter:drop-shadow(0 12px 15px rgba(0,0,0,.38));animation:markEnter .62s cubic-bezier(.16,1,.3,1) both,markHover 5.4s .7s ease-in-out infinite}.play-mark .prism-facet{transform-box:fill-box;transform-origin:center}.play-mark .prism-left{animation:facetLeft 4.8s ease-in-out infinite}.play-mark .prism-right{animation:facetRight 4.8s .16s ease-in-out infinite}.play-mark .prism-base{animation:facetBase 4.8s .32s ease-in-out infinite}@keyframes markEnter{0%{opacity:0;transform:translateY(-14px) scale(.72) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes markHover{50%{transform:translateY(-4px) rotate(1.5deg)}}@keyframes facetLeft{50%{transform:translate(-1px,-2px)}}@keyframes facetRight{50%{transform:translate(1px,-2px)}}@keyframes facetBase{50%{transform:translateY(2px)}}.home-kicker{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid rgba(99,240,208,.22);border-radius:999px;background:linear-gradient(90deg,#35d0ba1f,#b997ff14);color:#e7f2fbe0;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff14}.home-kicker i{width:6px;height:6px;border-radius:99px;background:var(--accent-2);box-shadow:0 0 0 3px #35d0ba1f,0 0 12px #35d0bab3}.command-status{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:10px;color:#8fb0ccb8;font-size:11px}.command-status i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success)}.command-status.is-connecting i,.command-status.is-reconnecting i{background:var(--accent);box-shadow:0 0 8px var(--accent);animation:status-pulse 1s ease-in-out infinite}.command-status.is-offline i{background:var(--danger);box-shadow:0 0 8px var(--danger)}.home-network{display:inline-flex;align-items:center;gap:4px;padding-left:7px;border-left:1px solid rgba(143,176,204,.3);font-weight:800;font-variant-numeric:tabular-nums}.home-network svg{width:14px;height:12px;flex:none}@keyframes status-pulse{50%{opacity:.35}}.brand h1{margin:8px 0 5px;line-height:1;overflow:visible}.home-wordmark{display:inline-block;padding:.05em .075em .16em;margin-inline:-.075em;font-size:clamp(47px,13vw,74px)}.roundcade-wordmark{position:relative;display:inline-flex;align-items:baseline;isolation:isolate;font-family:var(--font-brand);font-size:inherit;font-weight:700;letter-spacing:-.066em;line-height:1;white-space:nowrap;text-rendering:geometricPrecision}.roundcade-wordmark:after{content:"";position:absolute;left:2%;right:3%;bottom:-9px;height:2px;border-radius:99px;background:linear-gradient(90deg,#63f0d000,#63f0d0bd 22%,#ffcf5ceb 70%,#b997ff00);box-shadow:0 0 17px #63f0d047;transform:scaleX(.84);transform-origin:left}.roundcade-wordmark-round{color:#edf8ff;text-shadow:0 4px 24px rgba(118,218,255,.17)}.roundcade-wordmark-dot{margin:0 .065em;color:var(--accent-2);text-shadow:0 0 18px rgba(53,208,186,.85)}.roundcade-wordmark-cade{display:inline-block;padding-right:.045em;color:transparent;background:linear-gradient(112deg,#63f0d0 4%,#b997ff 48%,#ffdf7e 96%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 16px rgba(111,133,255,.2))}.tagline{max-width:31ch;color:color-mix(in srgb,var(--muted) 88%,var(--foam));margin:0 auto;font-size:14px;line-height:1.55}.home-foot{text-align:center;color:var(--muted);font-size:13px;margin-top:auto;padding-top:20px}.site-footer nav{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.site-footer{color:var(--muted);font-size:12px;text-align:center;display:flex;flex-direction:column;gap:7px;padding:8px 0 16px}.home-foot .site-footer{margin-top:8px;padding-bottom:0}.home-how{position:relative;overflow:hidden;padding:18px;border:1px solid rgba(184,220,245,.12);border-radius:24px;background:linear-gradient(135deg,#0b1f31c7,#080d1dd1);box-shadow:0 20px 50px #00000042,inset 0 1px #ffffff0b}.home-how:before{content:"";position:absolute;width:300px;height:300px;right:-150px;top:-190px;border:1px solid rgba(185,151,255,.12);border-radius:50%;box-shadow:0 0 70px #7166ff14,inset 0 0 55px #63f0d006;pointer-events:none}.home-how-intro{position:relative;z-index:1;max-width:620px}.home-how-intro h2{margin:4px 0 7px;font-size:clamp(23px,4vw,34px);line-height:.98}.home-how-intro p{margin:0;color:#c5d9e9ab;font-size:13px;line-height:1.55}.home-how-steps{position:relative;z-index:1;display:grid;gap:10px;margin-top:16px}.home-how-card{position:relative;min-width:0;overflow:hidden;padding:15px;border:1px solid rgba(182,221,246,.1);border-radius:18px;background:linear-gradient(145deg,#102a3d8c,#06101d99);transition:transform .18s ease,border-color .18s ease,background .18s ease}.home-how-number{position:absolute;top:11px;right:13px;color:#c0d9ec29;font-family:var(--font-display);font-size:29px;font-weight:700}.home-how-icon{width:34px;height:34px;display:grid;place-items:center;margin-bottom:14px;border:1px solid rgba(99,240,208,.24);border-radius:11px;color:var(--accent-2);background:#1d88821f;box-shadow:0 8px 22px #00000038,inset 0 1px #ffffff12}.home-how-icon svg{width:18px;height:18px}.home-how-card:nth-child(2) .home-how-icon{color:#bca0ff;border-color:#b997ff40;background:#7152c61f}.home-how-card:nth-child(3) .home-how-icon{color:#ffd277;border-color:#ffbf523d;background:#bb771e1f}.home-how-card h3{margin:0 0 5px;font-size:17px}.home-how-card p{margin:0;color:#c3d8e89e;font-size:11.5px;line-height:1.5}@media(hover:hover)and (pointer:fine){.home-how-card:hover{transform:translateY(-3px);border-color:#7ce1e733;background:linear-gradient(145deg,#153346a8,#081422ad)}}.footer-dot{margin:0 8px}@media(max-width:380px){.site-footer nav{column-gap:4px}.footer-dot{margin:0 4px}}.site-footer a,.legal-copy a,.legal-back{color:var(--muted);text-decoration-color:#8fb0cc73;text-underline-offset:3px}.site-footer a:hover,.legal-copy a:hover,.legal-back:hover{color:var(--foam)}.legal-screen{max-width:760px;padding-top:24px}.legal-back{width:fit-content;font-size:14px;text-decoration:none}.legal-card{gap:24px;padding:clamp(20px,5vw,42px)}.legal-heading{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line)}.legal-logo{font-size:40px}.legal-heading h1{margin:2px 0 4px;font-size:clamp(28px,7vw,40px)}.legal-heading p{margin:0;color:var(--muted);font-size:13px}.legal-copy{display:flex;flex-direction:column;gap:22px}.legal-copy section{display:flex;flex-direction:column;gap:8px}.legal-copy h2{margin:0;font-size:19px}.legal-copy p,.legal-copy ul{margin:0;color:#c3d6e6;line-height:1.65}.legal-copy ul{padding-left:22px}.legal-copy li+li{margin-top:6px}.legal-copy a{color:var(--accent-2);overflow-wrap:anywhere}.legal-copy code{color:var(--accent);background:#0000003d;border-radius:5px;padding:2px 5px;overflow-wrap:anywhere}@keyframes bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}.join-cta-top{width:100%;font-weight:800}.or-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin:2px 0}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--line)}.game-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-card{--game-a: #35d0ba;--game-b: #287b96;position:relative;overflow:hidden;min-height:178px;animation:cardIn .5s cubic-bezier(.16,1,.3,1) both;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;align-items:start;gap:8px;text-align:left;padding:15px;border-radius:16px;border:1px solid color-mix(in srgb,var(--game-a) 30%,var(--line));background:radial-gradient(circle at 86% 15%,color-mix(in srgb,var(--game-a) 24%,transparent),transparent 30%),linear-gradient(145deg,color-mix(in srgb,var(--game-b) 38%,#0b1c2c),#040e18c2);color:var(--foam);cursor:pointer;touch-action:manipulation;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s ease,background .18s ease,box-shadow .18s ease}.game-card:after{content:"";position:absolute;top:-80%;left:-26%;width:24%;height:260%;z-index:3;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--game-a) 46%,#fff),transparent);transform:rotate(18deg) translate(-420%);transition:transform .48s cubic-bezier(.16,1,.3,1);pointer-events:none}.game-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.6;transform:scale(1.02);transition:opacity .24s ease,transform .6s cubic-bezier(.16,1,.3,1)}.game-card.has-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--game-b) 30%,rgba(4,12,20,.28)),#040c1485 42%,#030a11eb)}.game-card>.game-card-art,.game-card>.game-meta,.game-card>.game-cta{position:relative;z-index:2}.game-card.has-art:hover .game-card-bg{opacity:.74;transform:scale(1.07)}.game-card.has-art .game-name{text-shadow:0 2px 12px rgba(0,0,0,.55)}.game-card.has-art .game-tag{color:#e7f2fbd1}.game-card:hover{border-color:var(--game-a)}.game-card:hover{transform:translateY(-4px) scale(1.012);box-shadow:0 18px 34px #00000047,0 0 24px color-mix(in srgb,var(--game-a) 20%,transparent)}.game-card:hover:after{transform:rotate(18deg) translate(700%)}.game-card:focus-visible{z-index:3;outline:2px solid color-mix(in srgb,var(--game-a) 82%,white);outline-offset:3px;border-color:var(--game-a);box-shadow:0 0 0 5px color-mix(in srgb,var(--game-a) 18%,transparent),0 18px 34px #00000047}.game-card:active{transform:translateY(1px) scale(.995)}.game-card:disabled{opacity:.55;cursor:not-allowed}.game-card.is-hot{border-color:#ff782899}.hot-badge{position:absolute;top:10px;left:10px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:4px 9px 4px 7px;border-radius:999px;background:linear-gradient(100deg,#ff8a1e,#ff3d2e);color:#fff;font-family:var(--font-display);font-weight:800;font-size:10px;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 14px -2px #ff501e99,inset 0 1px #ffffff59;animation:hotPulse 1.8s ease-in-out infinite}.hot-badge i{font-style:normal;font-weight:700;opacity:.9;font-size:9px;margin-left:2px;padding-left:5px;border-left:1px solid rgba(255,255,255,.45)}.hot-flame{font-size:12px;filter:drop-shadow(0 0 4px rgba(255,200,80,.9));animation:hotFlicker .6s ease-in-out infinite alternate}@keyframes hotPulse{50%{box-shadow:0 4px 22px #ff501ed9,inset 0 1px #ffffff59}}@keyframes hotFlicker{0%{transform:scale(1) rotate(-4deg)}to{transform:scale(1.14) rotate(4deg)}}@media(prefers-reduced-motion:reduce){.hot-badge,.hot-flame{animation:none}}@keyframes cardIn{0%{opacity:0;transform:translateY(20px) scale(.975)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.game-card{animation:none}}.game-card-art{grid-column:2;grid-row:1;width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:color-mix(in srgb,var(--game-a) 16%,rgba(255,255,255,.03));border:1px solid color-mix(in srgb,var(--game-a) 34%,transparent);box-shadow:inset 0 1px #ffffff29,0 8px 18px #00000029}.game-card-art svg{width:33px;height:33px;color:var(--game-a);filter:drop-shadow(0 5px 7px color-mix(in srgb,var(--game-a) 32%,transparent))}.game-glyph{width:34px;height:34px;background-color:var(--game-a);-webkit-mask:var(--gi) center / contain no-repeat;mask:var(--gi) center / contain no-repeat;filter:drop-shadow(0 5px 7px color-mix(in srgb,var(--game-a) 32%,transparent))}.sheet-game-glyph{width:26px;height:26px;background-color:var(--accent);flex:none;filter:none}.game-meta{grid-column:1 / -1;grid-row:2;display:flex;flex-direction:column;align-self:center;gap:4px;min-width:0}.game-kicker{color:var(--game-a);font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.game-name{font-family:var(--font-display);font-weight:700;font-size:26px;letter-spacing:.02em;line-height:.84}.game-tag{font-size:12px;color:#e7f2fba8;line-height:1.28}.game-duration{color:#e7f2fbb3;font-size:10px;font-weight:750}.game-cta{grid-column:1 / -1;grid-row:3;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(231,242,251,.1);color:var(--game-a);font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.game-cta svg{width:18px;height:18px;stroke-width:2.4}.game-card--battleship{--game-a: #48c7ef;--game-b: #163d68}.game-card--standoff{--game-a: #a584ff;--game-b: #392768}.game-card--liarsdice{--game-a: #ffbd5e;--game-b: #63384d}.game-card--external{--game-a: #80e18f;--game-b: #28584b}.game-card--reversi{--game-a: #35d0ba;--game-b: #14453e}.game-card--gomoku{--game-a: #ef6f8b;--game-b: #5a2740}.game-card--reaction{--game-a: #f5d54a;--game-b: #4d4416}.game-card--bullseye{--game-a: #ff7a59;--game-b: #5a2418}.game-card--typing{--game-a: #a3e635;--game-b: #3a4a12}.game-card--math{--game-a: #818cf8;--game-b: #2a2f5a}.game-card--memory{--game-a: #e879f9;--game-b: #4a1d52}.game-card--simon{--game-a: #06b6d4;--game-b: #0a3a44}.game-card--wordblitz{--game-a: #f59e0b;--game-b: #4a2f0a}.game-card--anagram{--game-a: #10b981;--game-b: #0a3d2e}.game-card--categories{--game-a: #f43f5e;--game-b: #4a1020}.game-card--trivia{--game-a: #a855f7;--game-b: #3b1a5c}.game-card--connect4{--game-a: #3b82f6;--game-b: #14306b}.game-card--checkers{--game-a: #dc2626;--game-b: #2f5540}.game-card--dots{--game-a: #f97316;--game-b: #4a2408}.game-card--mastermind{--game-a: #6366f1;--game-b: #1e1e4a}.game-card--chess{--game-a: #94a3b8;--game-b: #2a2f38}.game-card--wordtiles{--game-a: #c99a4b;--game-b: #3a2c10}.game-card--codeclue{--game-a: #60a5fa;--game-b: #172c4b}.game-card--drawguess{--game-a: #f973a8;--game-b: #542247}.game-card--snakewars{--game-a: #39e36d;--game-b: #123f3a}.game-card--pusoy{--game-a: #d9ad54;--game-b: #174532}.game-card--tongits{--game-a: #a99aff;--game-b: #2e2454}.join-cta{text-transform:uppercase;letter-spacing:.06em;font-size:13px}.game-players{flex:none;font-size:12px;font-weight:700;color:var(--accent);background:#ffcf5c1f;border-radius:999px;padding:4px 10px;white-space:nowrap}.game-players.ext{color:var(--accent-2);background:#35d0ba24}.how-to-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.how-to-list li{color:var(--muted);font-size:13px;line-height:1.45}.how-to-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#0003;color:var(--foam);cursor:pointer;width:100%}.how-to-btn .section-title{margin:0}.how-to-view{font-size:12px;font-weight:700;color:var(--accent-2)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:#02080e99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:sheetFade .2s ease}.sheet{width:100%;max-width:520px;max-height:80dvh;overflow-y:auto;padding:18px 20px calc(20px + var(--safe-b));border-radius:18px 18px 0 0;border:1px solid var(--line);border-bottom:none;background:linear-gradient(180deg,var(--sea-700),var(--sea-800));box-shadow:var(--shadow);animation:sheetUp .25s ease}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sheet-head h2{margin:0;font-size:19px}.sheet-close{width:34px;height:34px;flex:none;border-radius:50%;border:1px solid var(--line);background:#00000040;color:var(--foam);font-size:20px;line-height:1;cursor:pointer}@keyframes sheetFade{0%{opacity:0}to{opacity:1}}@keyframes sheetUp{0%{transform:translateY(24px)}to{transform:translateY(0)}}@media(min-width:640px){.sheet-backdrop{align-items:center}.sheet{border-radius:18px;border-bottom:1px solid var(--line)}}.fchat-fab{position:fixed;z-index:45;right:8px;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:20px;border:1px solid var(--line);background:#061420eb;box-shadow:var(--shadow);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.fchat-fab:active{cursor:grabbing}.fchat-badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center}.fchat-sheet .fchat-log{min-height:160px;max-height:46dvh;overflow-y:auto;display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.searching-screen{align-items:center;justify-content:center}.searching{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.searching h2{margin:0}.searching p{margin:0;color:var(--muted)}.search-radar{width:96px;height:96px;border-radius:50%;border:1px solid rgba(53,208,186,.3);background:radial-gradient(circle,rgba(53,208,186,.12),transparent 70%);position:relative;overflow:hidden}.search-radar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:conic-gradient(from 0deg,transparent 0 78%,rgba(53,208,186,.5) 96%,transparent);animation:qmRadarSpin 1.4s linear infinite}@keyframes qmRadarSpin{to{transform:rotate(360deg)}}.play-choices{display:flex;flex-direction:column;gap:10px}.play-choice{flex-direction:column;gap:2px;min-height:58px}.play-choice small{font-weight:500;font-size:12px;opacity:.85}.create-box{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#ffffff05}.create-box .or-divider{margin:0}.vis-toggle .seg{min-height:44px;font-weight:700}.create-hint{font-size:12px;color:var(--muted);line-height:1.4;text-align:center}.seat-picker{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.seat-stepper{display:flex;align-items:center;gap:12px}.seat-stepper button{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:#ffffff0d;color:var(--foam);font-size:22px;line-height:1;cursor:pointer}.seat-stepper b{font-family:var(--font-display);font-size:22px;min-width:20px;text-align:center}.settings-btn{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:#00000040;color:var(--foam);font-size:18px;cursor:pointer}.corner-settings{position:absolute;top:0;right:0;z-index:5}.screen.home{position:relative;isolation:isolate}.screen.home>.corner-settings{position:absolute;z-index:5}.header-menu-btn{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:#00000040;color:var(--foam);cursor:pointer}.header-menu-btn:hover{filter:brightness(1.1)}.header-menu-btn{position:relative}.header-menu-alert{position:absolute;top:-7px;right:-8px;z-index:1;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;display:grid;place-items:center;border-radius:999px;background:#f04452;color:#fff;border:2px solid var(--sea-950, #071827);font:800 9px/1 var(--font-display, sans-serif);letter-spacing:0;box-shadow:0 3px 9px #f044526b}.header-menu-lines{display:grid;gap:4px;width:18px}.header-menu-lines i{display:block;height:2px;border-radius:2px;background:currentColor}.corner-menu{position:absolute;top:max(var(--safe-t),12px);right:max(var(--safe-r),12px);z-index:6}.screen.home>.corner-menu{position:absolute;z-index:6}.header-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:transparent}.header-menu{position:fixed;z-index:61;min-width:220px;max-width:min(84vw,280px);padding:6px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(160deg,#11283cfa,#06121efa);box-shadow:0 18px 44px #00000080,inset 0 1px #ffffff0d;animation:header-menu-in .13s ease-out}@keyframes header-menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.header-menu-item{width:100%;display:flex;align-items:center;gap:12px;min-height:var(--tap, 44px);padding:0 12px;border:none;border-radius:10px;background:transparent;color:var(--foam);font-size:15px;text-align:left;cursor:pointer}.header-menu-item svg{flex:none;color:var(--muted)}.header-menu-count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;display:grid;place-items:center;border-radius:999px;color:#fff;background:#e83d4b;font-size:11px;font-weight:800;line-height:1;box-shadow:0 3px 10px #e83d4b42}.header-menu-item:hover{background:#ffffff12}.header-menu-item.is-primary{color:var(--accent, #7cc4ff)}.header-menu-item.is-primary svg{color:var(--accent, #7cc4ff)}.header-menu-item.is-verify{color:#ffcf5c}.header-menu-item.is-verify svg{color:#ffcf5c}.header-menu-item.is-danger{color:var(--danger, #ff6b6b)}.header-menu-item.is-danger svg{color:var(--danger, #ff6b6b)}.header-menu-sep{height:1px;margin:6px 8px;background:var(--line)}@media(prefers-reduced-motion:reduce){.header-menu{animation:none}}.home-deck{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:14px;padding:14px;border:1px solid rgba(231,242,251,.13);border-radius:22px;background:linear-gradient(145deg,#112b41bd,#05121ec7);box-shadow:0 22px 50px #0000004d,inset 0 1px #ffffff0f}.home-deck:before{content:"";position:absolute;inset:-30% auto -30% -18%;z-index:0;width:13%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(99,240,208,.09),rgba(185,151,255,.07),transparent);transform:rotate(13deg) translate(-240%);animation:homeDeckScan 10s 1.3s cubic-bezier(.45,0,.55,1) infinite}.home-deck>*{position:relative;z-index:1}.home-profile{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;padding-bottom:14px;border-bottom:1px solid rgba(231,242,251,.1)}.home-profile-identity,.home-profile .field{min-width:0}.home-profile .field input{background:#020c156b}.home-account-cta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 10px;max-width:480px;padding:10px 11px;border:1px solid rgba(101,221,205,.26);border-radius:15px;background:radial-gradient(circle at 8% 0%,rgba(101,221,205,.16),transparent 42%),linear-gradient(135deg,#0c2a3acc,#071623ad);box-shadow:inset 0 1px #ffffff14,0 8px 20px #00000021}.home-account-spark{width:30px;height:30px;display:grid;place-items:center;margin-top:1px;border-radius:10px;color:#8cf2dc;background:#50dfc21f;box-shadow:inset 0 1px #ffffff1a}.home-account-spark svg{width:18px;height:18px}.home-account-copy{min-width:0;display:grid;gap:2px}.home-account-copy strong{color:#eaf9f7;font:700 14px/1.1 var(--font-display);letter-spacing:.035em}.home-account-copy span{color:#cce4ebab;font-size:11px;line-height:1.32}.home-account-actions{grid-column:1 / -1;display:flex;align-items:center;gap:8px;padding-left:40px}.home-account-primary,.home-account-link{min-height:32px;border:0;border-radius:9px;cursor:pointer;font:700 11px/1 var(--font-display);letter-spacing:.055em}.home-account-primary{display:inline-flex;align-items:center;gap:5px;padding:0 10px;color:#06201e;background:linear-gradient(135deg,#8ff1da,#55d9dc);box-shadow:0 5px 12px #3ad2c12e,inset 0 1px #ffffff80}.home-account-primary svg{width:13px;height:13px}.home-account-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.home-account-link{padding:0 5px;color:#daeef5b8;background:transparent}.home-account-link:hover{color:#fff}.home-account-cta.is-unverified{border-color:#ffca5b4f;background:radial-gradient(circle at 8% 0%,rgba(255,194,72,.15),transparent 42%),linear-gradient(135deg,#362714b8,#141920b3)}.home-account-cta.is-unverified .home-account-spark{color:#ffd16c;background:#ffc8551f}.home-account-cta.is-unverified .home-account-primary{color:#2a1a04;background:linear-gradient(135deg,#ffe18a,#ffc461);box-shadow:0 5px 12px #ffb53729,inset 0 1px #ffffff80}.home-safety-note{display:inline-flex;align-items:center;gap:5px;margin:7px 0 0 2px;color:#b4d7c794;font-size:10px;letter-spacing:.025em}.home-safety-note svg{width:13px;height:13px;flex:none;color:#49d67eb8}.home-profile .join-cta-top{min-height:48px;padding-inline:12px;white-space:nowrap}.join-cta-top,.play-choice>span,.vis-toggle .seg{display:inline-flex;align-items:center;justify-content:center;gap:7px}.join-cta-top svg,.play-choice>span svg,.vis-toggle .seg svg{width:16px;height:16px;flex:none}.sheet-head h2{display:flex;align-items:center;gap:9px}.sheet-game-icon{width:25px;height:25px;color:var(--accent);flex:none}.home-games{display:flex;flex-direction:column;gap:12px}.home-games-head{display:flex;align-items:end;justify-content:space-between;gap:14px}.home-games-head .section-title{margin:0 0 3px}.home-games-head h2{margin:0;font-size:25px;line-height:.9}.home-games-hint{margin:7px 0 0;color:#c2d8eaa3;font-size:12px}.home-game-count{flex:none;padding:4px 8px;border-radius:99px;background:#35d0ba1f;color:var(--accent-2);font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.home-games-layout{min-width:0}.home-live{display:none}.home-join{display:flex;flex-direction:column;gap:12px}.settings-body{display:flex;flex-direction:column;gap:16px}.settings-group{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#ffffff05}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-row.col{flex-direction:column;align-items:stretch;gap:8px}.settings-row strong{font-size:15px}.settings-vol-label{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.settings-body input[type=range]{width:100%;accent-color:var(--accent-2);height:28px}.settings-hint{margin:0;font-size:12px;color:var(--muted);line-height:1.45;border-top:1px solid var(--line);padding-top:12px}@media(prefers-reduced-motion:reduce){.search-radar:after,.app-atmosphere:before,.app-atmosphere:after,.play-mark,.play-mark .prism-facet,.screen-transition,.home>.brand,.home>.home-deck,.home>.home-foot,.pill-ready:before{animation:none}}.card{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,var(--sea-700),var(--sea-800));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column;gap:12px}.card:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.045),transparent 30%,transparent 74%,rgba(53,208,186,.035))}.card>*{position:relative;z-index:1}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.field input{height:var(--tap);border-radius:var(--radius-sm);border:1px solid var(--line);background:#00000040;padding:0 14px;font-size:16px;outline:none}.field input:focus{border-color:var(--accent-2)}.code-input{text-align:center;letter-spacing:.5em;font-weight:700;text-transform:uppercase}.form-error{color:var(--danger);font-size:14px;text-align:center}.btn{position:relative;overflow:hidden;min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--sea-600);color:var(--foam);font-family:var(--font-display);font-weight:700;letter-spacing:.025em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;touch-action:manipulation;-webkit-user-select:none;user-select:none;box-shadow:0 5px #0000002e,0 10px 18px #0000001f;transition:transform .15s cubic-bezier(.16,1,.3,1),filter .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 7px #00000029,0 16px 24px #0003}.btn:active{transform:translateY(3px) scale(.985);box-shadow:0 2px #00000024,0 5px 10px #0000001f}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--accent),#f3ad2e);color:#2a1c00;border-color:transparent;box-shadow:0 5px #b77718,0 10px 24px #ffb1282e}.btn-lg{min-height:54px;font-size:17px}.btn-ghost{background:transparent}.btn-danger{background:transparent;color:var(--danger);border-color:#ff5d6c66}.btn-accent{background:linear-gradient(180deg,var(--accent-2),#23a892);color:#04211d;border-color:transparent;box-shadow:0 5px #16816f,0 10px 24px #23a89229}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.confirm-backdrop{position:fixed;z-index:90;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#01070cc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.confirm-dialog{width:min(100%,390px);padding:24px;border:1px solid rgba(255,93,108,.32);border-radius:var(--radius);background:linear-gradient(180deg,var(--sea-700),var(--sea-900));box-shadow:var(--shadow);text-align:center}.confirm-icon{color:var(--accent);font-size:30px}.confirm-dialog h2{margin:8px 0 6px}.confirm-dialog p{margin:0 0 20px;color:var(--muted);line-height:1.5}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.conn-banner{position:fixed;top:calc(var(--safe-t) + 8px);left:50%;transform:translate(-50%);background:var(--sea-600);border:1px solid var(--line);padding:6px 14px;border-radius:999px;font-size:13px;color:var(--muted);z-index:40}.net-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#03090fb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:sheetFade .25s ease}.net-overlay-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 30px;text-align:center;max-width:300px}.net-overlay-card strong{font-family:var(--font-display);font-size:20px}.net-overlay-card span{color:var(--muted);font-size:13px}.net-spinner{width:44px;height:44px;border-radius:50%;border:3px solid rgba(255,255,255,.14);border-top-color:var(--accent-2);animation:netSpin .8s linear infinite}@keyframes netSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.net-spinner{animation-duration:2s}}.toasts{position:fixed;left:0;right:0;bottom:calc(var(--safe-b) + 12px);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:50}.toast{pointer-events:auto;background:var(--sea-600);border:1px solid var(--line);padding:10px 16px;border-radius:999px;font-size:14px;font-weight:600;box-shadow:var(--shadow);animation:toastin .2s ease;max-width:90vw}.toast-danger{border-color:#ff5d6c99;color:var(--danger)}.toast-success{border-color:#49d67e99;color:var(--success)}@keyframes toastin{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.row{display:flex;align-items:center;gap:10px}.spread{justify-content:space-between}.lobby-topbar{align-items:flex-start}.lobby-actions{justify-content:flex-end;flex-wrap:wrap}.lobby-friends-invite{display:inline-flex;align-items:center;gap:6px}.lobby-friends-invite svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}@media(max-width:520px){.lobby-topbar{flex-direction:column;align-items:stretch}.lobby-actions{justify-content:flex-start}}.section-title{font-family:var(--font-display);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:4px 0}.code-pill{font-family:var(--font-display);font-weight:700;letter-spacing:.3em;font-size:22px;color:var(--accent)}.private-room{margin-top:3px;color:var(--muted);font-size:11px}.private-room span{color:var(--success);font-size:7px;vertical-align:1px}.players{display:flex;flex-direction:column;gap:8px}.player{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);background:#0003;border:1px solid var(--line)}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#05121e;flex:none}.avatar-wrap{position:relative;flex:none}.ping{position:absolute;top:-9px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:3px;padding:1px 5px;border-radius:999px;font-size:9px;font-weight:800;line-height:1.5;background:#030c14e6;border:1px solid var(--line);white-space:nowrap;z-index:3;pointer-events:none}.ping-good{color:#49d67e}.ping-ok{color:#f6c84c}.ping-bad{color:var(--danger)}.player-empty{border-style:dashed;opacity:.85}.avatar-empty{background:#ffffff0a;border:1px dashed var(--line);color:var(--muted);font-weight:700}.player-empty .name{color:var(--muted);font-weight:500}.pill-searching{display:inline-flex;align-items:center;gap:4px;margin-left:auto}.pill-searching i{width:5px;height:5px;border-radius:50%;background:var(--accent-2);animation:searchDots 1.2s ease-in-out infinite}.pill-searching i:nth-child(2){animation-delay:.18s}.pill-searching i:nth-child(3){animation-delay:.36s}@keyframes searchDots{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.pill-searching i{animation:none}}.player .name{font-weight:600;flex:1}.player .badge{font-size:11px;padding:2px 8px;border-radius:999px;background:#ffcf5c26;color:var(--accent)}.player-kick{flex:none;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:#ff5d6c1a;color:var(--muted);font-size:17px;line-height:1;cursor:pointer;transition:background .15s,color .15s}.player-kick:hover{background:#ff5d6c47;color:var(--foam)}.pill-ready{display:inline-flex;align-items:center;gap:5px;color:var(--success);font-size:13px;font-weight:700}.pill-ready:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:readyPulse 1.3s ease-in-out infinite}.pill-wait{color:var(--muted);font-size:13px}.pill-reconnect{color:var(--accent);font-size:11px;font-weight:750}.dot-off{opacity:.45}.segmented{display:flex;gap:6px;flex-wrap:wrap}.seg{flex:1 1 auto;min-height:40px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#0003;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;padding:0 10px}.seg.on{background:var(--sea-500);color:var(--foam);border-color:var(--accent-2);box-shadow:0 0 0 1px #35d0ba14,inset 0 1px #ffffff0f}.seg:disabled{cursor:default}.chat{display:flex;flex-direction:column;gap:8px}.chat.is-collapsed{padding-block:12px}.chat-toggle{width:100%;min-height:28px;padding:0;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;color:var(--muted);cursor:pointer}.chat-toggle .section-title{margin:0}.chat-toggle>span:last-child{font-size:11px;font-weight:700}.chat-empty{display:flex;flex-direction:column;align-items:center;padding:11px;border:1px dashed var(--line);border-radius:9px;color:var(--muted);font-size:12px}.chat-empty strong{color:var(--foam)}.chat-log{max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-right:4px}.chat-msg{font-size:14px;line-height:1.35}.chat-msg .who{font-weight:700}.chat-msg.system{color:var(--muted);font-style:italic}.chat-input{display:flex;gap:8px}.chat-input input{flex:1;height:44px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#00000040;padding:0 12px;font-size:16px;outline:none}.board-wrap{display:flex;flex-direction:column;gap:6px}.board{display:grid;gap:3px;aspect-ratio:1;width:100%;touch-action:manipulation}.cell{border-radius:4px;background:#3c78aa2e;border:1px solid rgba(120,170,210,.12);display:grid;place-items:center;cursor:pointer;position:relative;font-size:13px}.cell.ship{background:transparent}.cell.hit{background:var(--hit)}.cell.miss{background:var(--miss);opacity:.7}.cell.sunk{background:#7a1f16}.cell.aim:active{outline:2px solid var(--accent)}.cell.disabled{cursor:default}.cell .peg{width:34%;height:34%;border-radius:50%;background:#ffffffd9}.cell.hit .peg{background:#fff;box-shadow:0 0 10px #fff}.home>.brand{animation:homeLift .56s 60ms cubic-bezier(.16,1,.3,1) both}.home>.home-deck{animation:homeLift .56s .13s cubic-bezier(.16,1,.3,1) both}.home>.home-how{animation:homeLift .56s .19s cubic-bezier(.16,1,.3,1) both}.home>.home-foot{animation:homeLift .56s .24s cubic-bezier(.16,1,.3,1) both}@keyframes homeLift{0%{opacity:0}to{opacity:1}}@keyframes readyPulse{50%{transform:scale(.62);opacity:.55}}@media(hover:none){.game-card:hover,.btn:hover:not(:disabled){transform:none;filter:none}}@media(max-width:719px){.app-atmosphere img{height:auto;object-fit:initial;object-position:center top}.game-gallery{grid-template-columns:1fr}.game-card{min-height:142px}.home-profile{grid-template-columns:1fr;align-items:stretch}.home-profile .join-cta-top{width:100%}.home-account-cta{max-width:none}}@media(min-width:720px){.screen.home{max-width:960px}.home-brand{margin-top:34px}.home-hero-showcase{width:min(100%,860px);height:210px;margin-top:18px}.home-hero-token{display:grid}.home-brand:before,.home-brand:after{display:block}.home-brand:before{width:430px;height:160px;transform:translate(-50%,-20%) rotate(-4deg);animation:homeSignalBreath 7s ease-in-out infinite}.home-brand:after{width:570px;height:205px;border-color:#b997ff17;transform:translate(-50%,-25%) rotate(6deg);animation:homeSignalBreathWide 9s .8s ease-in-out infinite}.home-deck{padding:20px}.home-profile{grid-template-columns:minmax(0,1fr) auto}.home-how{padding:22px}.home-how-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.game-card{min-height:190px}}@keyframes homeSignalBreath{0%,to{opacity:.32;transform:translate(-50%,-20%) rotate(-4deg) scale(.97)}50%{opacity:.78;transform:translate(-50%,-20%) rotate(-1deg) scale(1.035)}}@keyframes homeSignalBreathWide{0%,to{opacity:.2;transform:translate(-50%,-25%) rotate(6deg) scale(1)}50%{opacity:.58;transform:translate(-50%,-25%) rotate(2deg) scale(1.045)}}@keyframes homeDeckScan{0%,20%{transform:rotate(13deg) translate(-240%);opacity:0}28%{opacity:1}58%{opacity:.75}68%,to{transform:rotate(13deg) translate(980%);opacity:0}}@keyframes homePortalDrift{0%{transform:scale(1.015) translate3d(-.3%,-.2%,0)}to{transform:scale(1.055) translate3d(.45%,.3%,0)}}@keyframes homePortalSheen{0%,18%{opacity:0;transform:rotate(11deg) translate(-250%)}27%{opacity:.85}57%{opacity:.5}68%,to{opacity:0;transform:rotate(11deg) translate(850%)}}@keyframes homeTokenFloat{0%,to{transform:translateZ(0) rotate(-2deg)}50%{transform:translate3d(0,-7px,0) rotate(2deg)}}@media(min-width:1100px){.screen.home{max-width:1180px}.home-brand{min-height:270px;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);align-items:center;gap:28px;margin-top:22px;text-align:left}.home-brand-copy{padding-left:28px}.home-brand .play-logo{margin-left:0}.home-brand .command-status{justify-content:flex-start}.home-brand .tagline{margin-left:0}.home-brand:before,.home-brand:after{left:18%;top:84px}.home-hero-showcase{width:100%;height:270px;margin:0}.home-hero-caption{bottom:15px}.home-deck{padding:22px}.game-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.game-card{min-height:205px}.home-games-layout.has-live{display:grid;grid-template-columns:minmax(0,1fr) 236px;align-items:start;gap:16px}.home-live{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid rgba(73,214,126,.23);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(73,214,126,.12),transparent 42%),linear-gradient(160deg,#0c252dd1,#06131ed6);box-shadow:inset 0 1px #ffffff0f,0 14px 30px #0000002e}.home-live-head{display:flex;align-items:center;gap:9px}.home-live-head>div{display:flex;flex-direction:column;gap:2px}.home-live-head span:not(.home-live-pulse){color:#d8f8e5;font-family:var(--font-display);font-size:15px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.home-live-head small{color:#cdeeda94;font-size:10px}.home-live-pulse{width:9px;height:9px;flex:none;border-radius:50%;background:#49d67e;box-shadow:0 0 0 4px #49d67e1f,0 0 14px #49d67ecc;animation:homeLivePulse 1.8s ease-in-out infinite}.home-live-list{display:flex;flex-direction:column;gap:6px}.home-live-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:42px;padding:6px 7px;border:1px solid rgba(207,239,224,.09);border-radius:11px;background:#020f1552;color:var(--foam);cursor:pointer;text-align:left;transition:background .16s ease,border-color .16s ease,transform .16s ease}.home-live-row:hover:not(:disabled){border-color:#49d67e75;background:#1e5c4547;transform:translate(2px)}.home-live-row:disabled{opacity:.58;cursor:not-allowed}.home-live-icon{--game-a: #7ce9a3;width:22px;height:22px}.home-live-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:14px;font-weight:700}.home-live-count{min-width:20px;padding:2px 6px;border-radius:99px;background:#49d67e24;color:#7ce9a3;font-family:var(--font-display);font-size:11px;font-weight:800;text-align:center}.home-live>p{margin:0;color:#cdeeda94;font-size:11px;line-height:1.4}}@keyframes homeLivePulse{50%{transform:scale(.72);opacity:.62}}@media(prefers-reduced-motion:reduce){.home-live-pulse{animation:none}}@media(prefers-reduced-motion:reduce){.home-brand:before,.home-brand:after,.home-deck:before,.home-hero-showcase>img,.home-hero-sheen,.home-hero-token{animation:none}.home-deck:before{display:none}}@media(min-width:720px){.boards-2up{display:grid;grid-template-columns:1fr 1fr;gap:18px}}.screen.bs,.screen.standoff.duel,.screen.ld,.screen.rv,.screen.gm,.screen.rx,.screen.bx,.screen.tp,.screen.mb,.screen.mm,.screen.sm,.screen.wb,.screen.ar,.screen.ct,.screen.tv,.screen.c4,.screen.ck,.screen.dz,.screen.ch,.screen.wt{border-radius:24px;background-image:radial-gradient(ellipse 74% 46% at 50% 0%,var(--room-glow),transparent 74%);box-shadow:inset 0 1px #ffffff09,inset 0 -36px 70px #0000001a;animation:gameWorldBreathe 9s ease-in-out infinite alternate}.app.theme-battleship .screen.bs{--room-glow: rgba(72, 199, 239, .17)}.app.theme-standoff .screen.standoff.duel{--room-glow: rgba(165, 132, 255, .18)}.app.theme-liarsdice .screen.ld{--room-glow: rgba(255, 189, 94, .16)}.app.theme-reversi .screen.rv{--room-glow: rgba(77, 214, 164, .15)}.app.theme-gomoku .screen.gm{--room-glow: rgba(255, 186, 93, .16)}.app.theme-reaction .screen.rx{--room-glow: rgba(245, 213, 74, .16)}.app.theme-bullseye .screen.bx{--room-glow: rgba(255, 122, 89, .17)}.app.theme-typing .screen.tp{--room-glow: rgba(78, 213, 255, .15)}.app.theme-math .screen.mb{--room-glow: rgba(129, 140, 248, .18)}.app.theme-memory .screen.mm{--room-glow: rgba(232, 121, 249, .18)}.app.theme-simon .screen.sm{--room-glow: rgba(6, 182, 212, .18)}.app.theme-wordblitz .screen.wb{--room-glow: rgba(245, 158, 11, .16)}.app.theme-anagram .screen.ar{--room-glow: rgba(16, 185, 129, .16)}.app.theme-categories .screen.ct{--room-glow: rgba(244, 63, 94, .16)}.app.theme-trivia .screen.tv{--room-glow: rgba(168, 85, 247, .18)}.app.theme-connect4 .screen.c4{--room-glow: rgba(59, 130, 246, .18)}.app.theme-checkers .screen.ck{--room-glow: rgba(220, 38, 38, .16)}.app.theme-dots .screen.dz{--room-glow: rgba(249, 115, 22, .16)}.app.theme-mastermind .screen.mm{--room-glow: rgba(99, 102, 241, .18)}.app.theme-chess .screen.ch{--room-glow: rgba(148, 163, 184, .16)}.app.theme-wordtiles .screen.wt{--room-glow: rgba(201, 154, 75, .16)}@keyframes gameWorldBreathe{0%{background-position:50% 0}to{background-position:48% 10px}}@media(prefers-reduced-motion:reduce){.screen.bs,.screen.standoff.duel,.screen.ld,.screen.rv,.screen.gm,.screen.rx,.screen.bx,.screen.tp,.screen.mb,.screen.mm,.screen.sm,.screen.wb,.screen.ar,.screen.ct,.screen.tv,.screen.c4,.screen.ck,.screen.dz,.screen.ch,.screen.wt{animation:none}}.pchip{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;min-width:0;flex:1;padding:8px 11px;border-radius:15px;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 42%),linear-gradient(180deg,#0c1a28f0,#060f18f0);border:1px solid var(--line);box-shadow:inset 0 1px #ffffff08,0 8px 18px #0000002e;transition:border-color .25s,box-shadow .25s,transform .25s,opacity .25s}.pchip:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#8fb0cc52}.pchip.mirror{flex-direction:row-reverse;text-align:right}.pchip.mirror:before{inset:0 0 0 auto}.pchip.you{box-shadow:inset 0 1px #ffffff0d,0 8px 18px #0000002e,0 0 16px -9px var(--pchip-accent, var(--accent))}.pchip.active{transform:translateY(-2px);border-color:var(--pchip-accent, var(--accent));box-shadow:inset 0 1px #ffffff1a,0 10px 24px #00000047,0 0 22px -6px var(--pchip-accent, var(--accent))}.pchip.active:before{background:var(--pchip-accent, var(--accent));box-shadow:0 0 12px var(--pchip-accent, var(--accent));animation:pchipLive 1.5s ease-in-out infinite}@keyframes pchipLive{50%{opacity:.45}}.pchip.off{opacity:.5}.pchip-av{position:relative;font-size:13px}.pchip-role{position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;border-radius:50%;border:2px solid var(--sea-800);display:grid;place-items:center;overflow:hidden}.pchip-info{min-width:0}.pchip-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pchip-score{display:flex;align-items:baseline;gap:4px}.pchip.mirror .pchip-score{flex-direction:row-reverse}.pchip-score b{font-family:var(--font-display);font-size:20px;font-variant-numeric:tabular-nums;line-height:1}.pchip-score small{font-size:10px;opacity:.6;text-transform:uppercase;letter-spacing:.06em}.turn-timer{min-width:44px;text-align:center;font-family:var(--font-display);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:#d8dee7;padding:4px 11px;border-radius:999px;background:#061019c2;border:1px solid var(--line)}.turn-timer.warn{color:#ffd66b;border-color:#ffc85066}.turn-timer.danger{color:#ff8a8a;border-color:#ff787880;animation:timerPulse .8s ease-in-out infinite}@keyframes timerPulse{50%{box-shadow:0 0 12px #ff6e6e80}}.live-callout{position:relative;overflow:hidden;width:100%;max-width:500px;align-self:center;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:40px;padding:6px 12px;border:1px solid var(--line);border-radius:13px;background:#061019b8;box-shadow:inset 0 1px #ffffff0a}.live-callout:after{content:"";position:absolute;width:34%;height:220%;transform:translate(-160%) rotate(24deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:calloutSweep 5s ease-in-out infinite;pointer-events:none}.live-callout-pulse{position:relative;z-index:1;width:9px;height:9px;border-radius:50%;background:#5a6472}.live-callout.you .live-callout-pulse{background:var(--accent);box-shadow:0 0 0 4px #ffcf5c21,0 0 13px var(--accent);animation:calloutPulse 1.25s ease-in-out infinite}.live-callout>div{position:relative;z-index:1;display:flex;flex-direction:column;min-width:0}.live-callout small{color:#dce4f08c;font-family:var(--font-display);font-size:9px;font-weight:700;letter-spacing:.13em}.live-callout strong{color:#dfe7f0;font-family:var(--font-display);font-size:14px;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-callout.you strong{color:#ffe0a0}.live-callout-note{position:relative;z-index:1;color:#dce4f08c;font-size:10px;text-align:right;white-space:nowrap}@keyframes calloutSweep{0%,62%{transform:translate(-160%) rotate(24deg)}to{transform:translate(510%) rotate(24deg)}}@keyframes calloutPulse{50%{transform:scale(.72)}}@media(prefers-reduced-motion:reduce){.pchip.active:before,.turn-timer.danger,.live-callout:after,.live-callout.you .live-callout-pulse{animation:none}.pchip,.pchip.active{transition:none;transform:none}}.board-pop{position:absolute;left:50%;top:46%;z-index:6;padding:8px 16px;border-radius:999px;background:#081019e6;border:1px solid rgba(255,230,160,.5);color:#ffe0a0;font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:.03em;white-space:nowrap;box-shadow:0 8px 20px #0000006b,0 0 22px #efbf5e33;pointer-events:none;animation:boardPop 1.15s cubic-bezier(.2,.76,.3,1) both}.board-pop.good{border-color:#6ee7a899;color:#6ee7a8;box-shadow:0 8px 20px #0000006b,0 0 22px #49d67e38}.board-pop.bad{border-color:#ff8f9b99;color:#ff8f9b}@keyframes boardPop{0%{transform:translate(-50%,-30%) scale(.7);opacity:0}20%{transform:translate(-50%,-50%) scale(1.06);opacity:1}70%{transform:translate(-50%,-58%) scale(1);opacity:1}to{transform:translate(-50%,-82%) scale(.95);opacity:0}}@media(prefers-reduced-motion:reduce){.board-pop{animation:none;opacity:0}}.cat-rail{position:relative;margin:2px 0}.cat-bar{display:flex;gap:4px;overflow-x:auto;padding:3px 38px 10px 1px;border:0;border-radius:0;background:transparent;box-shadow:none;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.cat-bar::-webkit-scrollbar{display:none}.cat-chip{position:relative;flex:none;display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;border:1px solid transparent;background:color-mix(in srgb,var(--chip, #48607a) 9%,transparent);box-shadow:inset 0 1px #ffffff14;color:var(--foam);font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.02em;cursor:pointer;white-space:nowrap;transition:background .18s,border-color .18s,transform .1s,color .18s,box-shadow .18s;-webkit-tap-highlight-color:transparent;animation:catChipIn .42s cubic-bezier(.16,1,.3,1) both}.cat-chip:hover{background:color-mix(in srgb,var(--chip, #48607a) 17%,transparent)}.cat-chip:active{transform:scale(.95)}.cat-chip.on{background:linear-gradient(150deg,color-mix(in srgb,var(--chip) 88%,white),var(--chip));border-color:color-mix(in srgb,white 22%,transparent);color:#0b0f15;transform:translateY(-1px);box-shadow:0 7px 18px -8px var(--chip),inset 0 1px #ffffff57}.cat-count{font-size:11px;font-weight:800;padding:1px 6px;border-radius:999px;color:var(--chip, var(--foam));background:color-mix(in srgb,var(--chip, #000) 18%,rgba(0,0,0,.28))}.cat-chip.on .cat-count{color:#0b0f15;background:#00000029}@keyframes catChipIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.cat-chip[data-cat=featured]{animation:catChipIn .42s cubic-bezier(.16,1,.3,1) both,featuredBlaze 2.2s ease-in-out infinite}.cat-chip[data-cat=featured].on{animation:catChipIn .42s cubic-bezier(.16,1,.3,1) both}@keyframes featuredBlaze{0%,to{background-color:color-mix(in srgb,#ff6a30 9%,transparent)}50%{background-color:color-mix(in srgb,#ff6a30 16%,transparent)}}.cat-rail:before,.cat-rail:after{content:"";position:absolute;top:0;bottom:12px;width:46px;z-index:1;pointer-events:none;opacity:0;transition:opacity .2s}.cat-rail:after{right:0;background:linear-gradient(90deg,transparent,rgba(8,27,42,.96) 78%)}.cat-rail:before{left:0;background:linear-gradient(270deg,transparent,rgba(8,27,42,.96) 78%)}.cat-rail.more:after{opacity:1}.cat-rail.less:before{opacity:1}.cat-arrow{position:absolute;top:50%;z-index:2;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(143,176,204,.28);background:#0c1826f0;color:var(--foam);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(-65%) scale(.8);transition:opacity .2s,transform .2s;box-shadow:0 4px 12px #00000073}.cat-arrow.right{right:1px}.cat-arrow.left{left:1px}.cat-arrow.left svg{transform:scaleX(-1)}.cat-arrow.show{opacity:1;pointer-events:auto;transform:translateY(-65%) scale(1)}.cat-arrow.show:active{transform:translateY(-65%) scale(.9)}@media(prefers-reduced-motion:reduce){.cat-chip,.cat-chip[data-cat=featured]{animation:none}}.fchat-preview{position:fixed;z-index:60;max-width:min(64vw,240px);display:flex;flex-direction:column;gap:1px;padding:8px 12px;border-radius:14px;text-align:left;background:linear-gradient(180deg,#14283cfa,#0a1624fa);border:1px solid rgba(143,176,204,.28);box-shadow:0 12px 28px #0000007a;color:var(--foam);cursor:pointer;-webkit-tap-highlight-color:transparent}.fchat-preview.on-right{animation:fchatPreviewR .28s cubic-bezier(.16,1,.3,1) both}.fchat-preview.on-left{animation:fchatPreviewL .28s cubic-bezier(.16,1,.3,1) both}.fchat-preview-name{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.03em}.fchat-preview-text{font-size:13px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@keyframes fchatPreviewR{0%{opacity:0;transform:translateY(-50%) translate(14px) scale(.9)}to{opacity:1;transform:translateY(-50%) translate(0) scale(1)}}@keyframes fchatPreviewL{0%{opacity:0;transform:translateY(-50%) translate(-14px) scale(.9)}to{opacity:1;transform:translateY(-50%) translate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.fchat-preview.on-right,.fchat-preview.on-left{animation:none}}.auth-page{position:relative;isolation:isolate;overflow:hidden;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--safe-t) + var(--space-5)) var(--space-4) calc(var(--safe-b) + var(--space-5));gap:var(--space-5)}.auth-page:before,.auth-page:after{content:"";position:fixed;z-index:-1;width:min(74vw,530px);aspect-ratio:1;border-radius:50%;pointer-events:none;filter:blur(2px)}.auth-page:before{top:-30%;left:-28%;border:1px solid rgba(99,240,208,.16);box-shadow:inset 0 0 80px #35d0ba14,0 0 110px #35d0ba0f}.auth-page:after{right:-33%;bottom:-36%;border:1px solid rgba(185,151,255,.16);box-shadow:inset 0 0 90px #8765ff1a,0 0 120px #8765ff0f}.auth-card{position:relative;width:100%;max-width:420px;overflow:hidden;background:linear-gradient(145deg,#122f47ed,#081220f5 52%,#141330f0);border:1px solid rgba(145,208,237,.2);border-radius:calc(var(--card-radius) + 4px);box-shadow:0 28px 70px #0000006b,inset 0 1px #ffffff14;padding:var(--card-pad);display:flex;flex-direction:column;gap:var(--space-4)}.auth-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#63f0d0,#b997ff 52%,#ffdf7e);opacity:.9}.auth-close{position:absolute;top:var(--space-3);right:var(--space-3);display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:50%;color:var(--text-muted);background:var(--surface-overlay);transition:color .15s ease,border-color .15s ease,background .15s ease}.auth-close:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-raised)}.auth-close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.auth-close svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;stroke-linecap:round}.auth-brand{display:inline-flex;align-self:center;align-items:center;gap:10px;text-decoration:none;color:inherit}.auth-brand svg{width:38px;height:34px;filter:drop-shadow(0 8px 13px rgba(0,0,0,.32))}.auth-brand .roundcade-wordmark{font-size:26px}.auth-brand .roundcade-wordmark:after{bottom:-6px;height:1.5px}.auth-head{display:flex;flex-direction:column;gap:var(--space-1);text-align:center}.auth-head h1{margin:0;font-family:var(--font-brand);font-size:25px;font-weight:700;letter-spacing:-.035em;color:var(--text)}.auth-head p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.pr-field-group{display:flex;flex-direction:column;gap:var(--space-2)}.pr-field-group>label{font-size:13px;color:var(--text-muted);font-weight:600}.pr-field{height:var(--field-height);padding:0 var(--field-pad-x);background:var(--field-bg);color:var(--field-text);border:1px solid var(--field-border);border-radius:var(--field-radius);font-size:16px;width:100%;transition:border-color .15s ease}.pr-field::placeholder{color:var(--field-placeholder)}.pr-field:focus{outline:none;border-color:var(--field-border-focus)}.pr-field[aria-invalid=true]{border-color:var(--field-border-invalid)}.pr-field-hint{font-size:12px;color:var(--form-hint-text)}.pr-field-error{font-size:12px;color:var(--form-error-text)}.pr-btn{min-height:var(--btn-height);padding:0 var(--btn-pad-x);border-radius:var(--btn-radius);border:1px solid transparent;font-family:var(--font-display);font-size:16px;letter-spacing:.3px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:filter .15s ease,background .15s ease}.pr-btn:disabled{cursor:not-allowed;background:var(--btn-disabled-bg);color:var(--btn-disabled-text)}.pr-btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.pr-btn-primary:not(:disabled){box-shadow:0 8px 20px #ffcf5c2b,inset 0 1px #ffffff47}.pr-btn-primary:not(:disabled):hover{filter:brightness(1.06);transform:translateY(-1px)}.pr-btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--btn-secondary-border)}.pr-btn-secondary:not(:disabled):hover{background:#8cb4dc14}.pr-btn-ghost{background:transparent;color:var(--text-muted);border:none;text-decoration:underline;min-height:auto;padding:0;font-family:var(--font-body);font-size:14px}.pr-btn-block{width:100%}.auth-banner{border-radius:var(--radius-field);padding:var(--space-3);font-size:14px;line-height:1.5;border:1px solid transparent}.auth-banner-error{background:#ff5d6c1f;border-color:#ff5d6c66;color:var(--foam)}.auth-banner-ok{background:#49d67e1f;border-color:#49d67e66;color:var(--foam)}.auth-banner-info{background:#35d0ba1a;border-color:#35d0ba52;color:var(--foam)}.auth-alt{display:flex;flex-direction:column;gap:var(--space-2);align-items:center;text-align:center}.auth-alt a{color:var(--intent-secondary);text-decoration:none;font-size:14px}.auth-alt a:hover{text-decoration:underline}.auth-alt .muted{color:var(--text-muted);font-size:13px}.auth-steps{display:flex;gap:var(--space-2);justify-content:center}.auth-steps i{width:8px;height:8px;border-radius:50%;background:var(--surface-overlay)}.auth-steps i.on{background:var(--intent-primary)}.auth-legal{display:flex;gap:var(--space-3);align-items:flex-start;font-size:13px;color:var(--text-muted);line-height:1.5}.auth-legal input{width:20px;height:20px;margin-top:1px;flex:none;accent-color:var(--intent-primary)}.auth-legal a{color:var(--intent-secondary)}.auth-avatar-choice{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:var(--space-2)}.auth-avatar-choice legend{padding:0;color:var(--text-muted);font-size:13px;font-weight:600}.auth-avatar-choice small{color:var(--text-subtle);font-size:12px}.auth-avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.auth-avatar-option{padding:3px;border:2px solid transparent;border-radius:14px;background:var(--surface-sunken);line-height:0;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.auth-avatar-option:hover{transform:translateY(-2px)}.auth-avatar-option.on{border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 22%,transparent)}.auth-avatar-option:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.auth-avatar-option .preset-avatar{width:100%;height:auto;display:block;border-radius:10px}@media(prefers-reduced-motion:reduce){.pr-field,.pr-btn,.auth-close,.auth-avatar-option{transition:none}.pr-btn-primary:not(:disabled):hover{transform:none}}.corner-account{position:absolute;top:max(var(--safe-t),12px);left:max(var(--safe-l),12px);z-index:6}.account-chip{display:inline-flex;align-items:center;gap:var(--space-2)}.account-chip-signin{min-height:40px;padding:0 var(--space-4);border-radius:999px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;font-family:var(--font-display);font-size:14px;letter-spacing:.3px;cursor:pointer}.account-chip-signin:hover{filter:brightness(1.06)}.account-chip-verify,.account-chip-out{min-height:40px;padding:0 var(--space-3);border-radius:999px;border:1px solid var(--border-strong);background:#06101980;color:var(--text-muted);font-size:13px;cursor:pointer}.account-chip-verify{background:#ffcf5c24;border-color:#ffcf5c80;color:var(--foam)}.account-chip-verify:hover,.account-chip-out:hover{filter:brightness(1.1)}@media(min-width:1100px){.screen.home>.corner-account{left:calc((100% - 100vw)/2 + 20px)}}.play-choice.is-locked{background:var(--surface-overlay);color:var(--text);border:1px dashed var(--border-strong)}.play-lock-note{margin:var(--space-2) 0 0;font-size:12.5px;line-height:1.5;color:var(--text-muted);text-align:center}.seg.is-locked{opacity:.55;cursor:not-allowed}.play-gate{text-align:center;margin-bottom:var(--space-2)}.play-gate-title{margin:0 0 var(--space-1);font-family:var(--font-display);font-size:18px;color:var(--text)}.play-gate-note{margin:0;font-size:13px;color:var(--text-muted);line-height:1.5}.btn-signin-alt{background:transparent;color:var(--text-muted);border:1px solid var(--border-strong)}.btn-signin-alt:hover{background:#8cb4dc14;color:var(--text)}.access-banner{display:flex;align-items:flex-start;gap:var(--space-2);background:#ffcf5c1a;border:1px solid rgba(255,207,92,.4);border-radius:var(--radius-field);padding:var(--space-3);font-size:13px;line-height:1.55;color:var(--foam);margin-bottom:var(--space-2)}.access-banner-dot{flex:none;width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--intent-primary)}.access-banner b{color:var(--intent-primary);font-weight:700}.linklike{background:none;border:none;padding:0;color:var(--intent-secondary);font:inherit;text-decoration:underline;cursor:pointer}.linklike:hover{filter:brightness(1.15)}.acct-page{min-height:100dvh;display:flex;flex-direction:column;padding:calc(var(--safe-t) + var(--space-4)) var(--space-4) calc(var(--safe-b) + var(--space-7) + 64px);gap:var(--space-4);max-width:560px;margin:0 auto;width:100%}.acct-top{display:flex;align-items:center;gap:var(--space-3);min-height:40px}.acct-back{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;border:1px solid var(--border);background:var(--surface-raised);color:var(--text);cursor:pointer}.acct-back svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}.acct-top h1{margin:0;font-family:var(--font-display);font-size:20px;color:var(--text)}.acct-top .spacer{flex:1}.player-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center;position:relative}.player-card .preset-avatar{border-radius:20px}.player-card-name{margin:0;font-family:var(--font-display);font-size:24px;color:var(--text)}.player-card-handle{margin:0;color:var(--text-muted);font-size:15px}.player-card-bio{margin:var(--space-2) 0 0;color:var(--text);font-size:14px;line-height:1.55;max-width:40ch}.player-card-favorites{width:100%;margin-top:var(--space-1)}.player-card-favorites>p{margin:0 0 var(--space-2);color:var(--text-subtle);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.player-card-fav{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-top:var(--space-1)}.fav-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--surface-sunken);border:1px solid var(--border);color:var(--text-muted);font-size:12px}.own-player-card{isolation:isolate;overflow:hidden;gap:var(--space-3);padding:0 var(--space-4) var(--space-4);border-color:color-mix(in srgb,var(--intent-primary) 30%,var(--card-border));background:radial-gradient(95% 68% at 50% 0%,color-mix(in srgb,var(--intent-primary) 17%,transparent),transparent 70%),linear-gradient(154deg,color-mix(in srgb,var(--surface-raised) 90%,var(--intent-secondary) 10%),var(--card-bg) 62%);box-shadow:0 24px 62px color-mix(in srgb,#000 42%,transparent),inset 0 1px color-mix(in srgb,#fff 15%,transparent)}.own-player-card:before{display:none}.own-player-card>*{z-index:1}.me-profile-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.me-profile-atmosphere:before,.me-profile-atmosphere:after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--intent-secondary) 18%,transparent);border-radius:50%}.me-profile-atmosphere:before{width:290px;height:120px;left:50%;top:16px;transform:translate(-50%) rotate(-10deg)}.me-profile-atmosphere:after{width:220px;height:84px;left:-68px;top:75px;transform:rotate(24deg)}.me-profile-atmosphere i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--intent-secondary);box-shadow:0 0 12px var(--intent-secondary);opacity:.78}.me-profile-atmosphere i:nth-child(1){top:73px;left:18%}.me-profile-atmosphere i:nth-child(2){top:106px;right:15%;width:3px;height:3px;background:var(--intent-primary);box-shadow:0 0 12px var(--intent-primary)}.me-profile-atmosphere i:nth-child(3){top:40px;right:28%;width:2px;height:2px}.me-profile-ribbon{position:relative;z-index:2;width:calc(100% + 2 * var(--space-4));margin:0 calc(-1 * var(--space-4));padding:11px var(--space-4) 10px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;color:color-mix(in srgb,var(--intent-secondary) 72%,#fff);font-size:10px;font-weight:900;letter-spacing:.16em;background:linear-gradient(90deg,color-mix(in srgb,var(--surface-sunken) 74%,transparent),color-mix(in srgb,var(--intent-primary) 10%,transparent),transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 85%,transparent)}.me-profile-ribbon b{color:var(--intent-primary);font-size:15px;line-height:.6;text-shadow:0 0 14px var(--intent-primary)}.me-avatar-stage{position:relative;display:grid;place-items:center;width:116px;height:116px;margin-top:var(--space-2)}.me-avatar-stage .preset-avatar{position:relative;z-index:2;border-radius:21px;border:2px solid color-mix(in srgb,var(--intent-primary) 80%,#fff);box-shadow:0 12px 30px color-mix(in srgb,var(--intent-primary) 34%,transparent),0 0 0 5px color-mix(in srgb,var(--intent-primary) 9%,transparent)}.me-avatar-orbit{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid color-mix(in srgb,var(--intent-secondary) 46%,transparent);border-radius:45% 55% 52% 48%;transform:rotate(-18deg);box-shadow:0 0 24px color-mix(in srgb,var(--intent-secondary) 17%,transparent)}.me-avatar-orbit:after{content:"";position:absolute;width:6px;height:6px;right:4px;top:20px;border-radius:50%;background:var(--intent-secondary);box-shadow:0 0 11px var(--intent-secondary)}.me-avatar-spark{position:absolute;z-index:3;right:2px;bottom:7px;display:grid;place-items:center;width:24px;height:24px;border-radius:9px;background:var(--intent-primary);color:var(--surface-sunken);font-size:14px;box-shadow:0 5px 13px color-mix(in srgb,var(--intent-primary) 45%,transparent);border:2px solid var(--card-bg)}.me-identity{display:grid;justify-items:center;gap:7px;margin-top:-2px}.own-player-card .player-card-name{margin:0;font-size:clamp(29px,9vw,36px);letter-spacing:-.035em;text-shadow:0 2px 18px color-mix(in srgb,var(--intent-primary) 18%,transparent)}.own-player-card .player-card-handle{margin:0;padding:5px 11px;background:color-mix(in srgb,var(--surface-sunken) 85%,var(--intent-secondary) 8%);color:color-mix(in srgb,var(--intent-secondary) 74%,var(--text))}.own-player-card .verify-badge{margin-top:-2px;padding:6px 13px;background:linear-gradient(135deg,color-mix(in srgb,var(--intent-success) 20%,transparent),color-mix(in srgb,var(--intent-secondary) 10%,transparent));box-shadow:0 7px 16px color-mix(in srgb,var(--intent-success) 12%,transparent),inset 0 1px color-mix(in srgb,#fff 16%,transparent)}.own-player-card .player-card-email{padding:12px;border-radius:16px;border-color:color-mix(in srgb,var(--intent-primary) 42%,var(--border));background:linear-gradient(100deg,color-mix(in srgb,var(--surface-sunken) 86%,var(--intent-primary) 9%),color-mix(in srgb,var(--surface-raised) 84%,var(--intent-secondary) 7%));box-shadow:inset 0 1px color-mix(in srgb,#fff 8%,transparent)}.player-card-about{width:100%;box-sizing:border-box;padding:12px 14px;text-align:left;border-left:2px solid var(--intent-secondary);border-radius:0 13px 13px 0;background:linear-gradient(90deg,color-mix(in srgb,var(--intent-secondary) 11%,transparent),transparent)}.player-card-about p{margin:0 0 5px;color:var(--intent-secondary);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.player-card-about span{color:var(--text);font-size:14px;line-height:1.5}.own-player-card .player-card-favorites{padding-top:3px;border-top:1px solid color-mix(in srgb,var(--border) 85%,transparent)}.own-player-card .player-card-favorites>p{display:flex;align-items:center;justify-content:space-between;margin:11px 0 10px;color:var(--text-subtle)}.own-player-card .player-card-favorites>p b{color:var(--intent-primary);font-size:10px}.own-player-card .player-card-fav{gap:7px}.own-player-card .fav-chip{min-height:31px;box-sizing:border-box;padding:5px 9px 5px 6px;color:color-mix(in srgb,var(--text) 88%,var(--intent-secondary));border-color:color-mix(in srgb,var(--intent-secondary) 22%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--surface-raised) 84%,var(--intent-secondary) 9%),var(--surface-sunken));font-weight:700;box-shadow:inset 0 1px color-mix(in srgb,#fff 8%,transparent),0 4px 10px color-mix(in srgb,#000 18%,transparent)}.own-player-card .fav-chip i{display:grid;place-items:center;width:19px;height:19px;border-radius:7px;font-style:normal;font-size:12px;background:color-mix(in srgb,var(--intent-primary) 14%,transparent)}.me-edit-wrap{width:100%;margin-top:4px}.me-edit-wrap .pr-btn{min-height:50px;border-color:color-mix(in srgb,var(--intent-secondary) 49%,var(--border));background:linear-gradient(110deg,color-mix(in srgb,var(--surface-raised) 85%,var(--intent-secondary) 8%),color-mix(in srgb,var(--surface-sunken) 86%,var(--intent-primary) 8%));box-shadow:inset 0 1px color-mix(in srgb,#fff 10%,transparent)}.me-edit-wrap .pr-btn:hover{border-color:var(--intent-primary);transform:translateY(-1px)}.verify-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:600}.verify-badge svg{width:14px;height:14px}.verify-badge.is-verified{background:#49d67e24;border:1px solid rgba(73,214,126,.45);color:var(--foam)}.verify-badge.not-verified{background:#ffcf5c24;border:1px solid rgba(255,207,92,.5);color:var(--foam)}.verify-hint{margin:0;font-size:12.5px;color:var(--text-muted);line-height:1.5;max-width:40ch}.overflow-wrap{position:relative}.overflow-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--surface-raised);color:var(--text);cursor:pointer}.overflow-btn svg{width:20px;height:20px;fill:currentColor}.overflow-menu{position:absolute;right:0;top:46px;z-index:20;min-width:180px;padding:var(--space-1);background:var(--surface-overlay);border:1px solid var(--border-strong);border-radius:var(--radius-field);box-shadow:var(--shadow);display:flex;flex-direction:column}.overflow-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border:none;background:none;color:var(--text);font:inherit;font-size:14px;text-align:left;cursor:pointer;border-radius:var(--radius-sm)}.overflow-item:hover{background:#8cb4dc1a}.overflow-item.danger{color:var(--intent-danger)}.overflow-item svg{width:16px;height:16px;flex:none}.set-group{display:flex;flex-direction:column;gap:var(--space-2)}.set-group-title{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-subtle);margin:var(--space-3) 0 var(--space-1)}.set-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);width:100%;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-field);color:var(--text);font:inherit;font-size:15px;text-align:left;cursor:pointer}.set-row:hover{border-color:var(--border-strong)}.set-row .row-icon{width:22px;height:22px;flex:none;color:var(--text-muted)}.set-row .row-body{flex:1;display:flex;flex-direction:column;gap:2px}.set-row .row-sub{font-size:12.5px;color:var(--text-muted)}.set-row .row-arrow{color:var(--text-subtle)}.privacy-row{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.privacy-row label{font-size:15px;color:var(--text);font-weight:600}.privacy-row .impact{font-size:12.5px;color:var(--text-muted);line-height:1.5}.privacy-select{height:var(--field-height);border-radius:var(--field-radius);background:var(--field-bg);color:var(--text);border:1px solid var(--field-border);padding:0 var(--field-pad-x);font-size:16px;margin-top:var(--space-1)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) 0}.toggle-row .toggle-body{flex:1}.acct-list{display:flex;flex-direction:column;gap:var(--space-2)}.acct-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-field)}.acct-list-item .li-body{flex:1;min-width:0}.acct-list-item .li-title{font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-list-item .li-sub{font-size:12px;color:var(--text-muted)}.acct-list-empty{min-height:116px;display:grid;place-items:center;text-align:center;color:var(--text-muted);font-size:14px;line-height:1.45;padding:var(--space-5) var(--space-4);border:1px dashed color-mix(in srgb,var(--border-strong) 70%,transparent);border-radius:calc(var(--radius-field) + 3px);background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--intent-secondary) 8%,transparent),transparent 70%)}.acct-loading{min-height:160px;display:grid;place-items:center;gap:var(--space-3);color:var(--text-muted);font-size:14px}.acct-loading:before{content:"";width:26px;height:26px;border:2px solid color-mix(in srgb,var(--intent-primary) 20%,transparent);border-top-color:var(--intent-primary);border-right-color:var(--intent-secondary);border-radius:50%;animation:acct-spinner .8s linear infinite}@keyframes acct-spinner{to{transform:rotate(1turn)}}.preset-grid{display:grid;grid-template-columns:repeat(4,68px);justify-content:space-between;column-gap:var(--space-3);row-gap:var(--space-3);margin-top:var(--space-2)}.preset-tile{width:68px;height:68px;box-sizing:border-box;padding:0;border:2px solid transparent;border-radius:16px;background:none;cursor:pointer;line-height:0}.preset-tile.on{border-color:var(--focus-ring)}.preset-tile .preset-avatar{width:100%;height:auto;border-radius:12px}.favorite-picker{margin-top:var(--space-2)}.favorite-picker-heading{display:flex;align-items:baseline;gap:var(--space-2)}.favorite-picker-heading .set-group-title{flex:1}.favorite-picker-heading>span{color:var(--text-subtle);font-size:12px;font-weight:700}.favorite-picker-hint{margin:0 0 var(--space-3);color:var(--text-muted);font-size:13px;line-height:1.45}.favorite-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.favorite-game-option{min-width:0;min-height:48px;display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid var(--border);border-radius:13px;background:var(--surface-sunken);color:var(--text);font:inherit;font-size:12px;font-weight:700;text-align:left;cursor:pointer}.favorite-game-option>span:first-child{font-size:18px;line-height:1}.favorite-game-option>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-game-option b{margin-left:auto;color:var(--text-subtle);font-size:15px}.favorite-game-option.is-selected{border-color:color-mix(in srgb,var(--intent-primary) 70%,var(--border));background:color-mix(in srgb,var(--intent-primary) 13%,var(--surface-sunken))}.favorite-game-option.is-selected b{color:var(--intent-primary)}.notif-empty{text-align:center;padding:var(--space-7) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.notif-empty .notif-empty-mark{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--surface-raised);border:1px solid var(--border);color:var(--intent-secondary)}.notif-empty .notif-empty-mark svg{width:28px;height:28px}.notif-empty h2{margin:0;font-family:var(--font-display);font-size:20px;color:var(--text)}.notif-empty p{margin:0;color:var(--text-muted);font-size:14px;max-width:34ch}.notification-item{width:100%;border:1px solid var(--card-border);color:var(--text);font:inherit;text-align:left;cursor:pointer;position:relative;transition:transform .16s ease,background .16s ease,border-color .16s ease}.notification-item:hover{background:var(--surface-raised);border-color:var(--border-strong);transform:translateY(-1px)}.notification-item.is-unread{border-color:color-mix(in srgb,var(--intent-primary) 42%,var(--card-border));background:color-mix(in srgb,var(--intent-primary) 6%,var(--card-bg))}.notification-mark{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:11px;color:var(--intent-secondary);background:color-mix(in srgb,var(--intent-secondary) 12%,transparent)}.notification-mark svg{width:18px;height:18px}.notification-unread{width:8px;height:8px;flex:none;border-radius:50%;background:var(--intent-primary);box-shadow:0 0 12px color-mix(in srgb,var(--intent-primary) 76%,transparent)}.report-reasons{display:flex;flex-direction:column;gap:var(--space-1)}.report-reason{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-field);background:var(--surface-sunken);color:var(--text);font:inherit;font-size:14px;text-align:left;cursor:pointer}.report-reason.on{border-color:var(--focus-ring);background:var(--surface-raised)}.report-reason .radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong);flex:none}.report-reason.on .radio{border-color:var(--focus-ring);background:var(--focus-ring);box-shadow:inset 0 0 0 3px var(--surface-raised)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;gap:var(--space-6);padding:var(--space-2) var(--space-4) calc(var(--safe-b) + var(--space-2));background:color-mix(in srgb,var(--surface-sunken) 92%,transparent);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-1) var(--space-4);min-width:64px;min-height:var(--tap-min);justify-content:center;color:var(--text-subtle);text-decoration:none;font-size:11px;font-weight:600;border-radius:var(--radius-field)}.bottom-nav a svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}.bottom-nav a.on{color:var(--intent-primary)}.search-row{display:flex;gap:var(--space-2)}.search-row .pr-field{flex:1}.pc-actions{display:flex;flex-direction:column;gap:var(--space-1)}.pc-action{display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap-min);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-field);background:var(--surface-sunken);color:var(--text);font:inherit;font-size:15px;text-align:left;cursor:pointer}.pc-action:hover{border-color:var(--border-strong)}.pc-action:disabled{opacity:.55;cursor:default}.pc-action.danger{color:var(--intent-danger)}.pc-action-ico{display:grid;place-items:center;width:22px;height:22px;flex:none}.pc-action-ico svg{width:20px;height:20px}.player.is-tappable{cursor:pointer}.player.is-tappable:hover{background:#8cb4dc0f}.acct-page{position:relative;isolation:isolate}.acct-page:before{content:"";position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(32rem 20rem at 50% -8%,color-mix(in srgb,var(--intent-primary) 13%,transparent),transparent 72%),radial-gradient(20rem 16rem at 100% 38%,color-mix(in srgb,var(--intent-secondary) 9%,transparent),transparent 76%)}.acct-top{padding-bottom:var(--space-2);border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent)}.acct-top h1{font-size:21px;letter-spacing:.035em}.acct-back{box-shadow:inset 0 1px color-mix(in srgb,var(--text) 11%,transparent);transition:transform .16s ease,background .16s ease,border-color .16s ease}.acct-back:hover{transform:translate(-2px);border-color:var(--border-strong);background:var(--surface-overlay)}.acct-back:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.player-card{overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--card-bg) 94%,var(--intent-primary) 6%),var(--card-bg));border-color:color-mix(in srgb,var(--card-border) 80%,var(--intent-primary) 20%);border-radius:calc(var(--card-radius) + 3px);box-shadow:var(--card-shadow),inset 0 1px color-mix(in srgb,var(--text) 12%,transparent)}.player-card:before{content:"";position:absolute;width:150%;height:118px;top:-84px;left:-25%;pointer-events:none;background:radial-gradient(ellipse,color-mix(in srgb,var(--intent-primary) 27%,transparent),transparent 68%)}.player-card>*{position:relative}.player-card .preset-avatar{border:2px solid color-mix(in srgb,var(--intent-primary) 46%,var(--border));box-shadow:0 12px 28px color-mix(in srgb,var(--intent-primary) 23%,transparent),inset 0 1px color-mix(in srgb,var(--text) 20%,transparent)}.player-card-name{margin-top:2px;font-size:27px;letter-spacing:.025em;line-height:.95}.player-card-handle{padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--surface-sunken) 74%,transparent);border:1px solid color-mix(in srgb,var(--border) 74%,transparent);font-size:13px;font-variant-numeric:tabular-nums}.player-card-email{width:100%;display:flex;align-items:center;gap:10px;padding:10px 11px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--intent-primary) 26%,var(--border));border-radius:14px;color:var(--text);text-align:left;background:color-mix(in srgb,var(--surface-sunken) 76%,var(--intent-primary) 5%)}.player-card-email-icon,.player-card-email-state{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:10px;color:var(--intent-secondary);background:color-mix(in srgb,var(--intent-secondary) 12%,transparent)}.player-card-email-icon svg,.player-card-email-state svg,.player-card-email-action svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.player-card-email-copy{min-width:0;display:grid;gap:2px}.player-card-email-copy small{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.055em;text-transform:uppercase}.player-card-email-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700}.player-card-email-state{margin-left:auto;color:var(--intent-success);background:color-mix(in srgb,var(--intent-success) 13%,transparent)}.player-card-email.is-action{cursor:pointer;font:inherit}.player-card-email.is-action:hover{border-color:color-mix(in srgb,var(--intent-primary) 64%,var(--border));background:color-mix(in srgb,var(--surface-raised) 88%,var(--intent-primary) 12%);transform:translateY(-1px)}.player-card-email-action{margin-left:auto;display:inline-flex;align-items:center;gap:3px;flex:none;color:var(--intent-primary);font-size:11px;font-weight:800}.player-card-email-action svg{width:14px;height:14px}.fav-chip{box-shadow:inset 0 1px color-mix(in srgb,var(--text) 7%,transparent)}.verify-badge{font-weight:700;letter-spacing:.02em;box-shadow:inset 0 1px color-mix(in srgb,var(--text) 13%,transparent)}.set-group-title{display:flex;align-items:center;gap:var(--space-2);font-size:11px;letter-spacing:.12em;font-weight:800}.set-group-title:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,var(--border),transparent)}.set-row{overflow:hidden;box-shadow:inset 0 1px color-mix(in srgb,var(--text) 7%,transparent);transition:transform .16s ease,border-color .16s ease,background .16s ease}.set-row:hover{border-color:var(--border-strong);background:var(--surface-raised);transform:translateY(-1px)}.set-row:active{transform:translateY(0)}.set-row .row-icon{padding:7px;box-sizing:content-box;border-radius:12px;color:var(--intent-secondary);background:color-mix(in srgb,var(--intent-secondary) 11%,transparent)}.search-row{padding:var(--space-2);border-radius:calc(var(--radius-field) + 2px);background:color-mix(in srgb,var(--surface-raised) 72%,transparent);border:1px solid var(--border)}.find-player-hero{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid color-mix(in srgb,var(--intent-secondary) 28%,var(--border));border-radius:calc(var(--card-radius) + 2px);background:linear-gradient(135deg,color-mix(in srgb,var(--intent-secondary) 12%,var(--card-bg)),var(--card-bg))}.find-player-hero h2{margin:0 0 3px;font-family:var(--font-display);font-size:20px;color:var(--text)}.find-player-hero p{margin:0;color:var(--text-muted);font-size:13px}.find-player-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:14px;color:var(--intent-secondary);background:color-mix(in srgb,var(--intent-secondary) 14%,transparent)}.find-player-icon svg{width:22px;height:22px}.find-player-result{width:100%;margin-top:var(--space-2);cursor:pointer;text-align:left;font:inherit;color:var(--text)}.preset-tile,.favorite-game-option,.report-reason,.pc-action,.player.is-tappable,.bottom-nav a{transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.preset-tile:hover{transform:translateY(-2px)}.favorite-game-option:hover{border-color:var(--border-strong);transform:translateY(-1px)}.preset-tile.on{box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 22%,transparent)}.report-reason:hover,.pc-action:hover{border-color:var(--border-strong);background:var(--surface-raised);transform:translate(2px)}.report-reason.on{background:color-mix(in srgb,var(--surface-raised) 88%,var(--focus-ring) 12%)}.bottom-nav{left:50%;right:auto;bottom:calc(var(--safe-b) + var(--space-3));transform:translate(-50%);gap:var(--space-1);padding:var(--space-1);border:1px solid color-mix(in srgb,var(--border-strong) 70%,transparent);border-radius:18px;box-shadow:0 14px 34px color-mix(in srgb,var(--surface-sunken) 58%,transparent),inset 0 1px color-mix(in srgb,var(--text) 10%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav a{position:relative;font-weight:700}.bottom-nav a:hover{color:var(--text)}.bottom-nav a.on{color:color-mix(in srgb,var(--intent-primary) 84%,white);background:linear-gradient(145deg,color-mix(in srgb,var(--intent-primary) 18%,transparent),color-mix(in srgb,var(--intent-secondary) 8%,transparent));box-shadow:inset 0 1px color-mix(in srgb,var(--text) 11%,transparent)}.bottom-nav a.on:after{content:"";position:absolute;bottom:4px;width:12px;height:2px;border-radius:99px;background:currentColor;box-shadow:0 0 9px color-mix(in srgb,currentColor 72%,transparent)}.notif-empty .notif-empty-mark{width:62px;height:62px;border-radius:20px;background:color-mix(in srgb,var(--intent-secondary) 12%,var(--surface-raised));border-color:color-mix(in srgb,var(--intent-secondary) 36%,var(--border));box-shadow:0 12px 24px color-mix(in srgb,var(--intent-secondary) 16%,transparent)}@media(prefers-reduced-motion:reduce){.acct-back,.set-row,.preset-tile,.favorite-game-option,.report-reason,.pc-action,.player.is-tappable,.bottom-nav a{transition:none}.acct-back:hover,.set-row:hover,.preset-tile:hover,.favorite-game-option:hover,.report-reason:hover,.pc-action:hover{transform:none}.acct-loading:before{animation:none}}@media(min-width:720px){.acct-page{padding-top:calc(var(--safe-t) + var(--space-6))}.bottom-nav{bottom:var(--space-5)}}.notfound-screen{max-width:560px;margin:0 auto;padding:48px 16px 24px;display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}.notfound-card{width:100%;padding:36px 22px 30px;display:flex;flex-direction:column;align-items:center;gap:12px}.notfound-wordmark{font-size:1.25rem;margin-bottom:4px}.notfound-code{font-family:var(--font-display);font-weight:700;font-size:clamp(84px,26vw,132px);line-height:.9;letter-spacing:.04em;color:var(--accent);text-shadow:0 0 34px color-mix(in srgb,var(--accent) 42%,transparent)}.notfound-title{margin:4px 0 0;font-size:clamp(1.15rem,5vw,1.4rem);color:var(--foam)}.notfound-copy{margin:0;max-width:42ch;color:var(--muted);line-height:1.55}.notfound-cta{margin-top:12px;text-decoration:none;padding:0 28px}.screen.bs{max-width:1120px;gap:14px}.eyebrow,.hud-round,.board-panel-heading span,.board-label{font-family:var(--font-display);color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.timer-ring{--timer-progress: 360deg;width:54px;height:54px;flex:none;position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;background:conic-gradient(var(--accent-2) var(--timer-progress),rgba(143,176,204,.14) 0);box-shadow:0 0 24px #35d0ba1f}.timer-ring:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:inherit;background:#081827;border:1px solid rgba(143,176,204,.14)}.timer-ring span{position:relative;font-size:15px;font-weight:900;font-variant-numeric:tabular-nums}.timer-ring small{margin-left:1px;color:var(--muted);font-size:8px;font-weight:800}.timer-ring.is-low{background:conic-gradient(var(--danger) var(--timer-progress),rgba(143,176,204,.14) 0)}.ocean-board{position:relative;width:min(100%,480px);padding:25px 8px 8px 27px;overflow:hidden;border:1px solid rgba(91,204,239,.22);border-radius:18px;background:radial-gradient(circle at 38% 24%,rgba(37,169,211,.18),transparent 39%),linear-gradient(145deg,#12324b,#071725 72%);box-shadow:inset 0 0 35px #0000007a,0 18px 45px #0000004d,0 0 0 1px #2bc0e10d;isolation:isolate}.coordinate-row{position:absolute;z-index:8;top:5px;left:27px;right:8px;display:flex}.coordinate-column{position:absolute;z-index:8;top:25px;bottom:8px;left:3px;width:22px;display:flex;flex-direction:column}.coordinate-row span,.coordinate-column span{flex:1;display:grid;place-items:center;color:#a7d5e8a3;font-size:clamp(8px,2.2vw,10px);font-weight:800;line-height:1}.board-stack{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:11px;box-shadow:inset 0 0 30px #00000047}.board{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;gap:2px;width:100%;height:100%;touch-action:manipulation}.cell{min-width:0;min-height:0;padding:0;border:1px solid rgba(95,199,231,.16);border-radius:3px;outline:none;background:#134b6933;color:inherit;cursor:crosshair;position:relative;display:grid;place-items:center;font-size:12px;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.cell:not(:disabled):hover,.cell:not(:disabled):focus-visible{z-index:6;border-color:var(--accent);background:#ffcf5c1f;box-shadow:inset 0 0 0 1px var(--accent),0 0 12px #ffcf5c3d}.cell:disabled{cursor:default;opacity:1}.cell.hit,.cell.sunk{background:#84281c2e}.cell.miss{background:#4f94b71f}.water-shimmer{position:absolute;z-index:0;top:-55%;right:-55%;bottom:-55%;left:-55%;pointer-events:none;background:linear-gradient(110deg,transparent 40%,rgba(150,231,255,.065) 50%,transparent 60%);animation:waterShimmer 8s linear infinite}@keyframes waterShimmer{to{transform:translate(34%)}}.ship-layer{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none}.ship-visual{--ship-delay: 0s;position:absolute;padding:3px;transform-origin:center;pointer-events:none;filter:drop-shadow(0 7px 6px rgba(0,0,0,.5)) drop-shadow(0 0 6px rgba(68,207,255,.24));animation:shipFloat 3.4s ease-in-out var(--ship-delay) infinite}.ship-svg{width:100%;height:100%;overflow:visible}.ship-hull{fill:#263d50;stroke:#72d7ef;stroke-width:1.5;vector-effect:non-scaling-stroke}.ship-keel,.ship-detail,.ship-turret path{fill:none;stroke:#abe2efad;stroke-width:1.1;vector-effect:non-scaling-stroke}.ship-deck{fill:#1b2f40;stroke:#72d7ef85;vector-effect:non-scaling-stroke}.ship-cabin,.ship-turret circle{fill:#526c7d;stroke:#9addec;stroke-width:.8;vector-effect:non-scaling-stroke}.ship-wake{fill:#a9e4f52b;filter:blur(1px)}.ship-visual.is-selected{filter:drop-shadow(0 0 4px var(--accent)) drop-shadow(0 0 10px rgba(255,207,92,.72))}.ship-visual.is-selected .ship-hull{stroke:var(--accent)}.ship-visual.is-ghost-valid,.ship-visual.is-ghost-invalid{opacity:.62;animation:none}.ship-visual.is-ghost-valid{filter:drop-shadow(0 0 8px var(--success))}.ship-visual.is-ghost-valid .ship-hull{fill:#237e5bcc;stroke:#73f0a1}.ship-visual.is-ghost-invalid{filter:drop-shadow(0 0 8px var(--danger))}.ship-visual.is-ghost-invalid .ship-hull{fill:#7e2431d1;stroke:#ff8090}.ship-visual.is-damaged .ship-svg{transform:rotate(-1.2deg)}.ship-visual.is-damaged .ship-hull{fill:#202d36;stroke:#e8a45c}.ship-visual.is-sunk{z-index:1;animation:shipSunk .7s ease-out both;filter:drop-shadow(0 5px 7px rgba(0,0,0,.7))}.ship-visual.is-sunk .ship-svg{transform:rotate(-2deg);opacity:.84}.ship-visual.is-sunk .ship-hull{fill:#171d22;stroke:#8f5544}.ship-smoke,.ship-fire{position:absolute;z-index:5;left:53%;top:43%;width:15%;aspect-ratio:1;border-radius:50%}.ship-smoke{background:#1d2227db;filter:blur(3px);animation:smokeDrift 2.4s ease-out infinite}.ship-fire{background:#ffb23f;box-shadow:0 0 8px #ff4d2e,0 0 15px #ff4d2eb3;animation:firePulse .48s ease-in-out infinite alternate}@keyframes shipFloat{0%,to{translate:0 0}50%{translate:0 -2px}}@keyframes shipSunk{0%{transform:scale(1.03)}to{transform:scale(.98) rotate(-1deg)}}@keyframes smokeDrift{0%{transform:translate(0) scale(.8);opacity:.8}to{transform:translate(9px,-13px) scale(1.9);opacity:0}}@keyframes firePulse{to{transform:scale(1.35);opacity:.7}}.ship-preview{width:clamp(76px,calc(var(--preview-ratio) * 24px),126px);height:28px;flex:none;filter:drop-shadow(0 4px 4px rgba(0,0,0,.45))}.ship-preview .ship-wake{display:none}.shot-marker{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.shot-core{width:20%;aspect-ratio:1;border-radius:50%;background:#9bc3e080;box-shadow:inset 0 0 0 1px #d6eefc4d}.shot-ripple{display:none}.impact .shot-core{width:58%;aspect-ratio:.72;border-radius:50%/72% 72% 42% 42%;background:radial-gradient(ellipse at 50% 74%,#fff4bf,#ffd23f 24%,#ff8a1e 52%,#ef2d16 86%);box-shadow:0 0 5px #ffcf5c,0 0 14px #ff5722,0 -3px 9px #ff6e1480;transform-origin:50% 90%;animation:flameFlicker .64s ease-in-out infinite}.shot-smoke{position:absolute;top:0;left:50%;width:24%;aspect-ratio:1;border-radius:50%;background:#282c3080;filter:blur(3px);animation:smokeRise 1.9s ease-out infinite}.is-recent.impact .shot-core{animation:flameBurst .48s ease-out,flameFlicker .64s ease-in-out .48s infinite}@keyframes flameFlicker{0%,to{transform:scale(1) rotate(-2deg);filter:brightness(1)}50%{transform:scale(1.06,1.13) rotate(2deg);filter:brightness(1.16)}}@keyframes flameBurst{0%{transform:scale(.2);filter:brightness(2.4)}55%{transform:scale(1.5,1.7);filter:brightness(1.45)}to{transform:scale(1);filter:brightness(1)}}@keyframes smokeRise{0%{transform:translate(-50%,25%) scale(.7);opacity:.6}to{transform:translate(-35%,-60%) scale(1.5);opacity:0}}.is-recent.splash:before,.is-recent.is-miss:before{content:"";position:absolute;width:22%;height:62%;background:linear-gradient(#eafbff,#8cd7f000);clip-path:polygon(50% 0,100% 100%,0 100%);animation:splashUp .43s ease-out}@keyframes shotRipple{0%{transform:scale(.3);opacity:1}to{transform:scale(1.85);opacity:0}}@keyframes explosion{0%{transform:scale(.25);background:#fff}55%{transform:scale(1.9)}to{transform:scale(1)}}@keyframes splashUp{0%{transform:translateY(30%) scaleY(.3);opacity:1}to{transform:translateY(-45%) scaleY(1.2);opacity:0}}.radar-sweep{position:absolute;z-index:4;top:-48%;right:-48%;bottom:-48%;left:-48%;pointer-events:none;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 83%,rgba(53,208,186,.03) 87%,rgba(53,208,186,.2) 99%,transparent 100%);animation:radarSpin 4.5s linear infinite;mix-blend-mode:screen}@keyframes radarSpin{to{transform:rotate(360deg)}}.screen.bs.placement-screen{max-width:720px}.placement-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.placement-heading h1{margin:2px 0 3px;font-size:clamp(25px,7vw,35px)}.placement-heading p{margin:0;color:var(--muted);font-size:13px}.placement-screen .ocean-board{align-self:center;width:min(92vw,540px)}.tray{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.chip{min-height:58px;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:11px;border:1px solid var(--line);background:#040e1894;color:var(--foam);cursor:pointer;position:relative;text-align:left;transition:transform .12s ease,border-color .14s ease,background .14s ease}.chip:hover{transform:translateY(-1px);border-color:#72d7ef7a}.chip.sel{border-color:var(--accent-2);background:#165d6f8c;box-shadow:0 0 18px #35d0ba29}.chip.placed:not(.sel){opacity:.68}.chip-copy{display:flex;flex-direction:column;min-width:0}.chip-name{font-weight:800;font-size:13px}.chip-size{color:var(--muted);font-size:11px}.chip-ok{margin-left:auto;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#49d67e26;color:var(--success);font-weight:900}.placement-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.battle-hud{position:relative;padding:13px 15px;border:1px solid rgba(143,176,204,.17);border-radius:16px;background:linear-gradient(135deg,#0e2a40f5,#06131ff5);box-shadow:0 12px 30px #00000047}.battle-hud:before{content:"";position:absolute;inset:14px auto 14px 0;width:3px;border-radius:0 2px 2px 0;background:var(--muted)}.battle-hud.is-your-turn:before{background:var(--accent);box-shadow:0 0 15px var(--accent)}.hud-round{margin:0 0 8px 2px}.hud-main{display:grid;grid-template-columns:auto minmax(150px,1fr) auto auto;align-items:center;gap:14px}.hud-status{display:flex;flex-direction:column;min-width:0}.hud-status strong{font-family:var(--font-display);font-weight:700;color:var(--accent);font-size:clamp(21px,3vw,28px);text-transform:uppercase;letter-spacing:.055em;line-height:.86}.is-opponent-turn .hud-status strong{color:var(--foam)}.hud-status span{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-player{display:flex;align-items:center;gap:7px;position:relative}.hud-player.reverse{flex-direction:row-reverse}.hud-avatar{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;color:#061019;font-size:12px;font-weight:900;box-shadow:0 0 0 2px #e7f2fb1f}.hud-player-name{max-width:90px;font-size:12px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-player i{position:absolute;width:8px;height:8px;right:-1px;bottom:0;border:2px solid #0d2436;border-radius:50%;background:var(--danger)}.hud-player.reverse i{right:auto;left:-1px}.hud-player i.connected{background:var(--success)}.hud-metrics{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line)}.hud-metrics>span{color:var(--muted);font-size:11px;padding-right:9px;border-right:1px solid var(--line)}.hud-metrics b{color:var(--foam)}.hud-icon-btn{margin-left:auto;width:32px;height:28px;border:1px solid var(--line);border-radius:8px;background:#0003;color:var(--muted);cursor:pointer}.sound-menu{position:relative;margin-left:auto}.sound-popover{position:absolute;z-index:30;top:calc(100% + 8px);right:0;width:210px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#061420fa;box-shadow:var(--shadow)}.sound-popover>div{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px}.sound-popover>div span{color:var(--accent-2)}.sound-popover input{width:100%;accent-color:var(--accent-2)}.sound-popover .btn{width:100%;min-height:36px;margin-top:8px;font-size:12px}.board-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid var(--line);border-radius:12px;background:#00000040}.board-tabs button{min-height:48px;border:0;border-radius:9px;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:transform .15s cubic-bezier(.16,1,.3,1),background .15s ease,box-shadow .15s ease}.board-tabs button.active{background:linear-gradient(135deg,var(--sea-500),#1b456d);color:var(--foam);box-shadow:0 4px 12px #0000003b,inset 0 1px #ffffff14}.board-tabs button:active{transform:scale(.97)}.board-tabs button span{margin-top:2px;color:var(--accent-2);font-size:9px;letter-spacing:.03em}.placement-error{padding:9px 12px;border:1px solid rgba(255,93,108,.35);border-radius:10px;background:#681b2838;color:#ff9ba6;font-size:12px;text-align:center}.battle-boards{min-width:0}.board-panel{display:none;min-width:0;align-items:center;padding:10px;border:1px solid var(--line);border-radius:17px;background:#040f1970}.board-panel.is-active{display:flex}.board-panel-heading{width:min(100%,480px);display:flex;align-items:end;justify-content:space-between;padding:0 2px 2px}.board-panel-heading>div{display:flex;flex-direction:column}.board-panel-heading strong{font-size:16px;text-transform:uppercase;letter-spacing:.04em}.connection-state,.fleet-count{color:var(--muted)!important;font-size:10px!important}.connection-state:before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--danger)}.connection-state.online:before{background:var(--success);box-shadow:0 0 7px var(--success)}.mobile-battle-bar{position:sticky;z-index:15;bottom:calc(var(--safe-b) + 6px);display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:10px 12px;border:1px solid rgba(255,207,92,.22);border-radius:14px;background:#06121df0;box-shadow:0 -8px 30px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-battle-bar>div{display:flex;flex-direction:column;min-width:0}.mobile-battle-bar strong{color:var(--accent);font-size:13px;text-transform:uppercase}.mobile-battle-bar span{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-battle-bar .timer-ring{width:42px;height:42px}.mobile-battle-bar .timer-ring:before{top:4px;right:4px;bottom:4px;left:4px}.mobile-battle-bar .timer-ring span{font-size:12px}.battle-footer-actions{display:flex;justify-content:flex-start}.sunk-banner{position:fixed;z-index:60;top:calc(var(--safe-t) + 18px);left:50%;transform:translate(-50%);width:min(90vw,430px);padding:13px 18px;border:1px solid rgba(255,111,69,.6);border-radius:12px;background:#481812f2;color:#ffd7c9;box-shadow:0 10px 35px #00000080,0 0 25px #ff4b303d;font-size:14px;font-weight:900;letter-spacing:.08em;text-align:center;text-transform:uppercase;animation:bannerIn 2.8s ease both}.reconnect-notice{position:fixed;z-index:58;top:calc(var(--safe-t) + 18px);left:50%;transform:translate(-50%);width:min(92vw,430px);display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid rgba(255,207,92,.4);border-radius:13px;background:#081826f5;box-shadow:var(--shadow)}.reconnect-notice>div{display:flex;flex-direction:column}.reconnect-notice strong{color:var(--accent);font-size:13px}.reconnect-notice span{color:var(--muted);font-size:11px}.reconnect-spinner{width:25px;height:25px;flex:none;border:2px solid rgba(255,207,92,.18);border-top-color:var(--accent);border-radius:50%;animation:radarSpin 1s linear infinite}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-14px) scale(.96)}9%,82%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-5px)}}.is-shaking{animation:screenShake .36s ease-out}@keyframes screenShake{0%,to{transform:translate(0)}25%{transform:translate(-3px,2px)}50%{transform:translate(3px,-1px)}75%{transform:translate(-2px,-1px)}}.endcard{position:relative;overflow:hidden;text-align:center;background:linear-gradient(180deg,var(--sea-700),var(--sea-800));border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.endcard.victory{border-color:#ffcf5c59;box-shadow:var(--shadow),0 0 35px #ffcf5c1a}.endcard.defeat{border-color:#ff5d6c47}.end-emoji{font-size:52px}.endcard h2{margin:4px 0 10px}.end-summary{margin:0 auto 18px;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats-grid>div{display:flex;flex-direction:column;padding:12px;border:1px solid var(--line);border-radius:11px;background:#0003}.stats-grid span,.stats-grid small{color:var(--muted);font-size:11px}.stats-grid strong{color:var(--accent);font-size:24px}.end-actions{justify-content:center}.final-strike{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,93,108,.3);border-radius:var(--radius);background:radial-gradient(circle,#ff4b3024,#040f19b8);text-align:center}.final-strike h2{margin:8px 0 4px;text-transform:uppercase}.final-strike p{margin:0;color:var(--muted)}.final-pulse{width:42px;height:42px;border:2px solid var(--hit);border-radius:50%;box-shadow:0 0 20px var(--hit);animation:finalPulse .9s ease-out infinite}@keyframes finalPulse{0%{transform:scale(.65);opacity:1}to{transform:scale(1.45);opacity:0}}.fx-flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;opacity:0}.fx-flash.hit{background:radial-gradient(circle at 50% 40%,rgba(255,107,87,.42),transparent 66%);animation:fxflash .45s ease-out}.fx-flash.sunk{background:radial-gradient(circle at 50% 40%,rgba(255,60,40,.58),transparent 72%);animation:fxflash .7s ease-out}.fx-flash.miss{background:radial-gradient(circle at 50% 40%,rgba(109,167,214,.2),transparent 64%);animation:fxflash .3s ease-out}@keyframes fxflash{0%{opacity:1}to{opacity:0}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:30}.confetti-piece{position:absolute;top:-20px;border-radius:2px;animation-name:fall;animation-timing-function:linear;animation-iteration-count:1}@keyframes fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(540deg);opacity:.9}}@media(min-width:900px){.battle-screen{padding-top:8px}.board-tabs,.mobile-battle-bar{display:none}.battle-boards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.battle-boards .board-panel,.battle-boards .board-panel.is-active{display:flex}.battle-footer-actions{margin-top:auto}}@media(max-width:899px){.screen.bs.battle-screen{max-width:560px;padding-bottom:4px}.battle-boards .board-panel:not(.is-active){display:none}.battle-boards .board-panel.is-active{display:flex}.battle-hud .timer-ring{display:none}.hud-main{grid-template-columns:auto minmax(0,1fr) auto;gap:9px}.hud-player-name{display:none}.hud-status{text-align:center}.hud-metrics{justify-content:center}.hud-metrics>span:nth-child(2){display:none}.board-panel .ocean-board{width:min(92vw,480px)}.battle-footer-actions{display:flex;justify-content:center;order:1;margin-top:12px}.mobile-battle-bar{order:2}}@media(max-width:520px){.placement-heading p{max-width:260px}.tray{display:flex;overflow-x:auto;margin-inline:-14px;padding:2px 14px 8px;scrollbar-width:none}.tray::-webkit-scrollbar{display:none}.chip{min-width:184px}.placement-actions{display:grid;grid-template-columns:1fr 1fr}.placement-actions .btn:first-child{grid-column:1 / -1}.battle-hud{padding:10px 11px}.hud-round{margin-bottom:5px}.hud-avatar{width:31px;height:31px;font-size:10px}.hud-status strong{font-size:15px}.hud-status span{font-size:10px}.hud-metrics{margin-top:7px;padding-top:7px}.board-panel{padding:8px 5px 6px}.ocean-board{border-radius:14px}}@media(prefers-reduced-motion:reduce){.confetti,.fx-flash{display:none}.ship-visual,.water-shimmer,.radar-sweep,.ship-smoke,.ship-fire,.shot-marker *,.sunk-banner,.is-shaking{animation:none!important}}.screen.standoff.duel{max-width:640px;gap:12px;justify-content:flex-start}.so-board{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px}.so-player{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#0e2a408c,#06131f8c);min-width:0}.so-player.you{border-color:#ffcf5c52}.so-player.off{opacity:.5}.so-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:15px;color:#04121e;background:linear-gradient(180deg,var(--accent-2),#23a892)}.so-player.you .so-avatar{background:linear-gradient(180deg,var(--accent),#f3ad2e)}.so-pname{font-size:12px;font-weight:750;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.so-score{display:flex;flex-direction:column;align-items:center;line-height:1}.so-score small{font-size:9px;letter-spacing:.14em;color:var(--muted)}.so-score b{font-size:30px;font-weight:900;line-height:.92}.so-score b span{font-size:14px;color:var(--muted)}.so-energy{display:flex;gap:4px;height:16px;align-items:center;margin-top:8px;margin-bottom:3px}.so-energy .seg{width:8px;height:15px;border-radius:2px;transform:skew(-12deg);background:#8cb4dc2e;transition:background .15s ease,box-shadow .15s ease}.so-energy .seg.on{background:linear-gradient(180deg,#ffe28a,#ffb020);box-shadow:0 0 7px #ffbe3cb3}.so-energy.over .seg.on{background:linear-gradient(180deg,#ffd0b0,#ff6b3d);box-shadow:0 0 9px #ff5a28cc}.so-status{font-size:10px;letter-spacing:.05em;color:var(--muted);min-height:13px;margin-top:4px}.so-status.locked{color:var(--success);font-weight:700}.so-status.off{color:var(--danger)}.so-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:72px}.so-round-label{font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center}.so-vs{font-family:var(--font-display);font-size:20px;font-weight:900;color:var(--accent)}.so-timer{position:relative;width:72px;height:8px;border-radius:999px;background:#00000059;overflow:hidden}.so-timer-bar{position:absolute;inset:0 auto 0 0;border-radius:999px;background:var(--accent-2);transition:width 1s linear}.so-timer.warn .so-timer-bar{background:var(--accent)}.so-timer.danger .so-timer-bar{background:var(--danger);animation:soBlink .6s steps(2) infinite}.so-timer span{position:absolute;top:10px;left:50%;transform:translate(-50%);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--foam)}@keyframes soBlink{50%{opacity:.4}}.so-stage{position:relative;isolation:isolate;overflow:hidden;flex:1;min-height:190px;display:grid;place-items:center;text-align:center;padding:8px;border:1px solid rgba(53,208,186,.08);border-radius:18px;background:radial-gradient(circle at 50% 50%,rgba(53,208,186,.09),transparent 42%),linear-gradient(90deg,rgba(255,207,92,.035),transparent 42%,rgba(53,208,186,.04))}.so-stage:before,.so-stage:after{content:"";position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.so-stage>*{position:relative;z-index:1}.so-stage:before{width:min(72%,430px);aspect-ratio:1;border:1px solid rgba(53,208,186,.11);border-radius:50%;box-shadow:0 0 0 42px #35d0ba06,0 0 0 84px #35d0ba05}.so-stage:after{width:min(82%,520px);height:1px;background:linear-gradient(90deg,transparent,rgba(255,207,92,.42),rgba(53,208,186,.42),transparent)}.so-stage-content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.so-stage-kicker{font-family:var(--font-display);font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:#a5d3e899}.so-choose{display:flex;flex-direction:column;align-items:center;gap:12px}.so-figs{display:flex;align-items:center;gap:18px}.so-fig{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:26px;font-weight:900;border:2px dashed var(--line);color:var(--muted)}.so-fig.you{border-color:#ffcf5c80;color:var(--accent)}.so-fig.opp{border-color:#35d0ba80;color:var(--accent-2)}.so-figs em{font-style:normal;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.so-choose p{margin:0;color:var(--muted);font-size:14px}.so-locked-note{display:flex;flex-direction:column;align-items:center;gap:8px}.so-locked-badge{font-size:46px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}.so-locked-note strong{font-size:16px}.so-locked-note span{color:var(--muted);font-size:13px}.so-countdown{font-size:96px;font-weight:900;color:var(--accent);text-shadow:0 0 28px rgba(255,207,92,.5);animation:soCount .36s ease}@keyframes soCount{0%{transform:scale(1.8);opacity:0}to{transform:scale(1);opacity:1}}.so-reveal{display:flex;flex-direction:column;align-items:center;gap:14px;animation:soRevealIn .3s ease}@keyframes soRevealIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.so-reveal-moves{display:flex;align-items:center;gap:18px}.so-move{min-width:78px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 8px;border:1px solid rgba(140,180,220,.12);border-radius:13px;background:#04121f73}.so-move.action-charge{border-color:#ffbe3c6b;box-shadow:inset 0 0 18px #ffbe3c14}.so-move.action-guard{border-color:#6da7d675;box-shadow:inset 0 0 18px #6da7d61a}.so-move.action-blast{border-color:#ff5d6c75;box-shadow:inset 0 0 18px #ff5d6c1a}.so-reveal-versus{color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.08em;text-shadow:0 0 12px rgba(255,207,92,.48)}.mv-name{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.mv-icon{font-size:40px}.mv-label{font-size:13px;font-weight:800}.so-verdict{display:flex;flex-direction:column;align-items:center;gap:2px}.so-verdict strong{font-size:24px;font-weight:900;letter-spacing:.03em}.so-verdict.good strong{color:var(--success)}.so-verdict.bad strong{color:var(--danger)}.so-verdict span{font-size:13px;color:var(--muted)}.so-overcharge-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,107,87,.4);background:#ff6b571a;color:var(--hit);font-weight:900;font-size:13px;letter-spacing:.04em;animation:soPulse 1.1s ease-in-out infinite}.so-overcharge-banner span{color:var(--muted);font-weight:600;letter-spacing:0}@keyframes soPulse{0%,to{box-shadow:0 0 10px #ff6b5740}50%{box-shadow:0 0 20px #ff6b5799}}.so-history{border:1px solid var(--line);border-radius:12px;background:#0003;overflow:hidden}.so-history-head{width:100%;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:none;border:none;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.so-history-rows{display:flex;flex-direction:column;max-height:120px;overflow-y:auto}.so-hrow{display:grid;grid-template-columns:34px 1fr 1fr auto;gap:6px;align-items:center;padding:6px 12px;font-size:11px;color:var(--muted);border-top:1px solid rgba(140,180,220,.08)}.so-hrow b{color:var(--foam)}.so-hrow em{font-style:normal;font-weight:700}.so-hrow.s-you em{color:var(--success)}.so-hrow.s-opp em{color:var(--danger)}.so-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.so-card{position:relative;min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 6px;border-radius:16px;border:1px solid var(--line);background:#00000040;color:var(--foam);cursor:pointer;touch-action:manipulation;transition:transform .08s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}.so-card:active{transform:translateY(1px) scale(.98)}.so-card-icon{font-size:30px;line-height:1}.so-card-name{font-family:var(--font-display);font-size:15px;font-weight:900;letter-spacing:.02em}.so-card-desc{font-size:10px;color:var(--muted);text-align:center;line-height:1.25}.so-charge{border-color:#ffbe3c59;background:linear-gradient(180deg,#ffbe3c1a,#00000040)}.so-charge .so-card-name{color:#ffce6a}.so-guard{border-color:#6da7d661;background:linear-gradient(180deg,#6da7d61a,#00000040)}.so-guard .so-card-name{color:#8fc4ec}.so-blast{border-color:#ff5d6c66;background:linear-gradient(180deg,#ff5d6c1a,#00000040)}.so-blast .so-card-name{color:#ff8a99}.so-card.dim{opacity:.4}.so-card:disabled{cursor:not-allowed}.so-card.chosen{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset,0 8px 22px #00000059,0 0 18px #ffcf5c59;opacity:1}.so-card.chosen .so-card-desc{color:var(--accent);font-weight:800}.so-card.overcharge{border-color:var(--hit);box-shadow:0 0 16px #ff6b5780}.so-card.overcharge .so-card-name{color:#ffb59f}.so-check{position:absolute;top:6px;right:8px;color:var(--accent);font-weight:900}.so-foot{display:flex;align-items:center;justify-content:center;gap:10px;padding-bottom:calc(var(--safe-b))}.so-reconnect{position:fixed;z-index:58;top:calc(var(--safe-t) + 18px);left:50%;transform:translate(-50%);width:min(92vw,430px);display:flex;align-items:center;gap:11px;padding:12px 15px;border:1px solid rgba(255,207,92,.42);border-radius:13px;background:#081826f5;box-shadow:var(--shadow)}.so-reconnect>span{width:24px;height:24px;flex:none;border:2px solid rgba(255,207,92,.18);border-top-color:var(--accent);border-radius:50%;animation:soSpin 1s linear infinite}.so-reconnect div{display:flex;flex-direction:column}.so-reconnect strong{color:var(--accent);font-size:13px}.so-reconnect small{color:var(--muted);font-size:11px}@keyframes soSpin{to{transform:rotate(360deg)}}.so-flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;animation:soFlash .5s ease-out}.so-flash.good{background:radial-gradient(circle at 50% 45%,rgba(73,214,126,.35),transparent 68%)}.so-flash.bad{background:radial-gradient(circle at 50% 45%,rgba(255,93,108,.4),transparent 68%)}@keyframes soFlash{0%{opacity:1}to{opacity:0}}.duel.is-hit{animation:soShake .4s ease-out}.duel.is-strike .so-stage{animation:soZoom .4s ease-out}@keyframes soShake{0%,to{transform:translate(0)}25%{transform:translate(-5px,2px)}50%{transform:translate(5px,-2px)}75%{transform:translate(-3px,1px)}}@keyframes soZoom{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}.so-final-score{font-size:40px;font-weight:900;letter-spacing:.04em;margin:2px 0 6px}.so-final-score span{color:var(--muted);margin:0 6px}.so-summary{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:start;margin-top:12px;text-align:left}.so-sum-col{display:flex;flex-direction:column;gap:5px}.so-sum-name{font-size:12px;font-weight:800;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.so-sum-mid{display:flex;flex-direction:column;align-items:center;padding:0 6px}.so-sum-mid small{font-size:9px;letter-spacing:.12em;color:var(--muted)}.so-sum-mid b{font-size:26px;font-weight:900}.so-stat{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}.so-stat b{color:var(--foam);font-variant-numeric:tabular-nums}.end-screen .so-history{width:100%}@media(min-width:760px){.screen.standoff.duel{max-width:880px}.so-board{width:min(100%,780px);margin:0 auto;gap:16px}.so-player{padding:16px 14px}.so-avatar{width:50px;height:50px;font-size:17px}.so-pname{font-size:14px}.so-score b{font-size:38px}.so-stage{min-height:220px;flex:0 1 250px}.so-fig{width:72px;height:72px;font-size:32px}.so-figs{gap:30px}.so-reveal-moves{gap:28px}.so-choose p{font-size:15px}.so-actions{width:min(100%,660px);align-self:center}.so-card{min-height:126px}.so-card-icon{font-size:36px}.so-card-name{font-size:17px}}@media(prefers-reduced-motion:reduce){.so-countdown,.so-reveal,.so-overcharge-banner,.so-card.chosen,.duel.is-hit,.duel.is-strike .so-stage,.so-flash{animation:none}}.screen.ld{position:relative;isolation:isolate;gap:12px;padding-bottom:calc(12px + var(--safe-b))}.screen.ld:before{content:"";position:absolute;z-index:-1;top:58px;left:50%;width:min(92vw,660px);aspect-ratio:1.55;transform:translate(-50%);border:1px solid rgba(255,207,92,.07);border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 56px,rgba(255,207,92,.038) 57px 58px);box-shadow:0 0 110px #ffa8320b;pointer-events:none}.screen.ld.is-your-turn:before{animation:ldTableBreath 3.4s ease-in-out infinite}@keyframes ldTableBreath{50%{opacity:.62;transform:translate(-50%) scale(1.025)}}.die{position:relative;overflow:hidden;display:inline-grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);place-items:center;box-sizing:border-box;flex:none;border-radius:22%;background:linear-gradient(145deg,#fffdf6,#eee3cf 52%,#cfc0a5);box-shadow:0 3px #b7a98f,0 7px 10px #00000057,inset 0 1px 1px #ffffffe6,inset 0 -2px 4px #684f2e21;vertical-align:middle}.die:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.52),transparent 38%);pointer-events:none}.die .pip{position:relative;z-index:1}.die-sm{width:22px;height:22px;padding:3px}.die-md{width:32px;height:32px;padding:4px}.die-lg{width:48px;height:48px;padding:6px}.die.inline{width:20px;height:20px;padding:3px;margin:0 2px}.die .pip{width:74%;height:74%;border-radius:50%;background:transparent}.die .pip.on{background:radial-gradient(circle at 35% 30%,#284e68,#071a29 72%);box-shadow:inset 0 -1px 1px #0000008c,0 1px 1px #ffffff38}.die.match{box-shadow:0 0 0 2px var(--success),0 0 12px #49d67e99,0 2px 6px #0006;animation:dieMatch .4s ease}.die.dim{opacity:.42;filter:grayscale(.35)}.die.own{animation:dieDrop .35s cubic-bezier(.2,1.2,.4,1) both}.ld-tray-dice .die:nth-child(1){transform:rotate(-5deg)}.ld-tray-dice .die:nth-child(2){transform:translateY(-3px) rotate(3deg)}.ld-tray-dice .die:nth-child(3){transform:rotate(-2deg)}.ld-tray-dice .die:nth-child(4){transform:translateY(-2px) rotate(4deg)}.ld-tray-dice .die:nth-child(5){transform:rotate(-4deg)}@keyframes dieMatch{0%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes dieDrop{0%{transform:translateY(-8px) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}.ld-head{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.ld-round,.ld-dice-total{display:flex;flex-direction:column;align-items:center;min-width:46px;padding:5px 8px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#ffffff12,#ffffff05);box-shadow:inset 0 1px #ffffff0d}.ld-round small,.ld-dice-total small{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.ld-round b,.ld-dice-total b{font-family:var(--font-display);font-size:20px;line-height:1}.ld-turn{font-family:var(--font-display);letter-spacing:.035em;line-height:1;text-align:center;font-weight:700;font-size:18px;padding:8px 10px;border-radius:999px;background:#ffffff0a;border:1px solid var(--line);color:var(--muted)}.ld-turn.mine{color:#06231c;background:linear-gradient(180deg,#57e0c1,var(--accent-2));border-color:transparent;box-shadow:0 0 18px #35d0ba66;animation:turnPulse 1.6s ease-in-out infinite}@keyframes turnPulse{50%{box-shadow:0 0 26px #35d0baa6}}.ld-timer{position:relative;height:8px;border-radius:999px;background:#ffffff13;box-shadow:inset 0 1px 2px #0006;overflow:hidden}.ld-timer-bar{height:100%;background:var(--accent-2);transition:width 1s linear}.ld-timer.warn .ld-timer-bar{background:var(--accent)}.ld-timer.danger .ld-timer-bar{background:var(--danger)}.ld-timer span{position:absolute;right:8px;top:-18px;font-size:11px;color:var(--muted)}.ld-palifico{text-align:center;font-weight:800;font-size:12px;letter-spacing:.03em;padding:6px 10px;border-radius:999px;background:#ffcf5c24;border:1px solid rgba(255,207,92,.4);color:var(--accent)}.ld-seats{position:relative;padding:8px;border:1px solid rgba(255,255,255,.05);border-radius:18px;background:linear-gradient(135deg,#07131f85,#13283747);box-shadow:inset 0 1px #ffffff09;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.ld-seat{position:relative;flex:1 1 90px;max-width:130px;min-width:84px;padding:8px 6px 6px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(145deg,#fff1,#040e1752);display:flex;flex-direction:column;align-items:center;gap:4px;transition:box-shadow .2s,border-color .2s,transform .2s}.ld-seat.turn{border-color:var(--accent-2);box-shadow:0 0 0 1px var(--accent-2),0 0 16px #35d0ba59;transform:translateY(-4px);animation:seatFocus 1.5s ease-in-out infinite}.ld-seat.turn:before{content:"ACTING";position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:2px 7px;border-radius:99px;background:var(--accent-2);color:#04211d;font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.08em}@keyframes seatFocus{50%{box-shadow:0 0 0 1px var(--accent-2),0 0 25px #35d0ba8c}}.ld-seat.me{background:#35d0ba12}.ld-seat.out{opacity:.5;filter:grayscale(.5)}.ld-seat-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;color:#06121c;box-shadow:inset 0 0 0 1px #ffffff47,0 3px 8px #00000047}.ld-seat-name{font-size:12px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-seat-dice{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;min-height:14px}.ld-dieback{width:13px;height:13px;border-radius:4px;background:linear-gradient(150deg,#fbf6ec,#cfc3aa);box-shadow:inset 0 0 0 1px #0000002e,0 1px 1px #0000004d}.ld-seat-outtag{font-size:11px;font-weight:800;color:var(--danger);letter-spacing:.08em}.ld-seat-badge{position:absolute;top:-7px;right:-4px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:999px;background:var(--accent);color:#2a1e00}.ld-seat-badge.off{background:var(--danger);color:#2a0006}.ld-stage{position:relative;isolation:isolate;overflow:hidden;min-height:128px;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:16px;border:1px solid rgba(255,207,92,.18);background:radial-gradient(ellipse at 50% 48%,#2e6f516b,#0b2b2d80 46%,#030f18b8 74%),linear-gradient(135deg,rgba(255,207,92,.04),transparent 45%,rgba(53,208,186,.045));box-shadow:inset 0 0 0 7px #0000001a,inset 0 0 36px #0000007a,0 13px 28px #0003}.ld-stage:before,.ld-stage:after{content:"";position:absolute;z-index:0;pointer-events:none}.ld-stage:before{top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(255,207,92,.13);border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff06}.ld-stage:after{left:50%;top:50%;width:280px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,207,92,.12);box-shadow:0 0 0 34px #ffcf5c07,0 0 0 68px #ffcf5c05}.ld-stage>*{position:relative;z-index:1}.ld-bidbanner{text-align:center;animation:fadeUp .3s ease;text-shadow:0 2px 12px rgba(0,0,0,.5)}.ld-bid-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.ld-bid-value{display:flex;align-items:center;justify-content:center;gap:8px;margin:6px 0}.ld-bid-qty{font-family:var(--font-display);font-size:50px;font-weight:700;line-height:.8;color:#fff3d3}.ld-bid-x{font-size:20px;color:var(--muted)}.ld-bid-by{font-size:12px;color:var(--muted)}.ld-bid-open{font-family:var(--font-display);font-size:25px;letter-spacing:.035em;margin-top:4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ld-reveal{width:100%;display:flex;flex-direction:column;gap:8px;animation:fadeUp .3s ease}.ld-reveal-head{text-align:center;font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:.035em;color:var(--foam);display:flex;justify-content:center;align-items:center;gap:4px}.ld-reveal-rows{display:flex;flex-direction:column;gap:5px}.ld-reveal-row{display:flex;align-items:center;gap:8px;padding:3px 5px;border-radius:8px;background:#0000001a}.ld-reveal-name{font-size:12px;width:66px;flex:none;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-reveal-dice{display:flex;flex-wrap:wrap;gap:4px}.ld-reveal-tally{text-align:center;margin-top:4px;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}.ld-reveal-tally.show{opacity:1;transform:none}.ld-tally-count{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px}.ld-tally-count b{font-family:var(--font-display);font-size:30px}.ld-verdict{font-family:var(--font-display);font-size:25px;font-weight:700;letter-spacing:.04em;margin-top:2px}.ld-verdict.held{color:var(--success)}.ld-verdict.bluff{color:var(--danger)}.ld-loser{font-size:13px;color:var(--foam);margin-top:2px}.ld-tray{position:relative;padding:10px 12px 12px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:linear-gradient(145deg,#0f2535ad,#040f19a3);box-shadow:inset 0 1px #ffffff0b,0 8px 18px #00000029;text-align:center}.ld-tray-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.ld-tray-label{font-family:var(--font-display);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.ld-tray-count{padding:3px 8px;border-radius:99px;background:#ffcf5c1a;color:var(--accent);font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.06em}.ld-tray-dice{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;min-height:48px;align-items:center}.ld-tray-empty{color:var(--muted);font-size:13px}.ld-controls{display:flex;flex-direction:column;gap:10px;margin-top:auto}.ld-picker{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid rgba(255,207,92,.14);border-radius:16px;background:linear-gradient(145deg,#ffcf5c0e,#ffffff05);box-shadow:inset 0 1px #ffffff09}.ld-qty{display:flex;align-items:center;justify-content:center;gap:14px}.ld-step{width:46px;height:46px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(145deg,#ffffff1a,#05121c6b);color:var(--foam);font-size:26px;line-height:1;cursor:pointer;box-shadow:0 3px #00000038,inset 0 1px #ffffff14}.ld-step:active{transform:scale(.94)}.ld-qty-val{display:flex;flex-direction:column;align-items:center;min-width:60px}.ld-qty-val b{font-family:var(--font-display);font-size:32px;line-height:1}.ld-qty-val small{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.ld-faces{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.ld-face{padding:7px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(145deg,#ffffff14,#040e1747);cursor:pointer;line-height:0;transition:border-color .15s,box-shadow .15s,transform .1s}.ld-face.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 18px #ffcf5c57;transform:translateY(-3px)}.ld-face:disabled{opacity:.3;cursor:not-allowed}.ld-actions{display:flex;gap:8px}.ld-actions .btn{padding-left:10px;padding-right:10px}.ld-bid-btn{flex:1.3;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.ld-dudo-btn{flex:1;background:linear-gradient(180deg,#ff7a6b,var(--danger));color:#2a0006;font-weight:800;border:none}.ld-dudo-btn:disabled{background:#ffffff0f;color:var(--muted)}.ld-calza-btn{flex:1;background:linear-gradient(180deg,#ffd66b,var(--accent));color:#2a1e00;font-weight:800;border:none}.ld-calza-btn:disabled{background:#ffffff0f;color:var(--muted)}.ld-waiting{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;color:var(--muted);padding:13px 14px;font-size:14px;border:1px dashed rgba(143,176,204,.18);border-radius:13px;background:linear-gradient(145deg,#04101b6b,#0b222b3d)}.ld-waiting strong{color:var(--foam);font-family:var(--font-display);font-size:17px;letter-spacing:.04em}.ld-waiting small{font-size:11px;color:var(--muted)}.ld-waiting-roll{display:flex;gap:4px;margin-bottom:2px}.ld-waiting-roll i{width:9px;height:9px;border-radius:3px;background:linear-gradient(145deg,#fff9e9,#cfc0a5);box-shadow:0 2px #a99a80;animation:ldRattle .9s ease-in-out infinite}.ld-waiting-roll i:nth-child(2){animation-delay:-.16s}.ld-waiting-roll i:nth-child(3){animation-delay:-.32s}@keyframes ldRattle{50%{transform:translateY(-3px) rotate(12deg)}}.ld-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:8px}.ld-impact{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:ldImpact .62s ease-out both}.ld.is-loss .ld-impact{background:radial-gradient(circle at 50% 43%,rgba(255,93,108,.36),transparent 66%)}.ld.is-win .ld-impact{background:radial-gradient(circle at 50% 43%,rgba(255,207,92,.25),transparent 66%)}.ld.is-loss{animation:ldShake .42s ease-out}@keyframes ldImpact{0%{opacity:.95}to{opacity:0}}@keyframes ldShake{0%,to{transform:translate(0)}25%{transform:translate(-4px,2px)}50%{transform:translate(4px,-1px)}75%{transform:translate(-2px,1px)}}.ld-end{align-items:center;justify-content:center;text-align:center}.ld-end-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px;border:1px solid rgba(255,207,92,.22);border-radius:22px;background:radial-gradient(circle at 50% 0%,rgba(255,207,92,.13),transparent 48%),linear-gradient(145deg,#102c3ee0,#05111ce6);box-shadow:0 22px 50px #00000052}.ld-end-emoji{font-size:64px;animation:dieDrop .5s ease both}.ld-end-title{font-size:34px;margin:0}.ld-end.win .ld-end-title{color:var(--accent)}.ld-end-sub{color:var(--muted);margin:0 0 8px}.ld-end-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px}@media(prefers-reduced-motion:reduce){.die.own,.die.match,.ld-turn.mine,.ld-bidbanner,.ld-reveal,.ld-end-emoji,.screen.ld.is-your-turn:before,.ld-seat.turn,.ld-impact,.ld.is-loss,.ld-waiting-roll i{animation:none}}.screen.reversi{position:relative;isolation:isolate;width:min(100%,620px);margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:14px;padding-bottom:26px}.rv-top{width:100%;max-width:500px;display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:stretch}.rv-chip{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border-radius:15px;background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 42%),linear-gradient(180deg,#10221ff0,#061111f0);border:1px solid rgba(185,150,88,.22);box-shadow:inset 0 1px #fff0c809,0 8px 18px #0000002e;transition:border-color .25s,box-shadow .25s,opacity .25s,transform .25s}.rv-chip:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#d4b1686b}.rv-chip:last-child{flex-direction:row-reverse;text-align:right}.rv-chip.active{transform:translateY(-2px);border-color:#dfb96bb3;box-shadow:inset 0 1px #ffefc11f,0 0 0 1px #ddb4602e,0 10px 24px #00000047,0 0 22px #c6963b2e}.rv-chip.active:before{background:linear-gradient(#ffe2a1,#b98225);box-shadow:0 0 12px #ffca60b8;animation:rvSeatLive 1.5s ease-in-out infinite}@keyframes rvSeatLive{50%{opacity:.44;box-shadow:0 0 20px #ffca60e6}}.rv-chip.off{opacity:.5}.rv-chip-info{min-width:0}.rv-chip-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rv-chip-score{display:flex;align-items:baseline;gap:4px}.rv-chip:last-child .rv-chip-score{flex-direction:row-reverse}.rv-chip-score b{font-family:var(--font-display);font-size:22px;font-variant-numeric:tabular-nums;line-height:1}.rv-chip-score small{font-size:10px;opacity:.6;text-transform:uppercase;letter-spacing:.06em}.rv-avatar{position:relative}.rv-avatar-disc{position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;border-radius:50%;border:2px solid var(--sea-800, #0a1626)}.rv-avatar-disc.dark{background:radial-gradient(circle at 34% 28%,#59647d,#141a26 66%)}.rv-avatar-disc.light{background:radial-gradient(circle at 34% 28%,#fff,#dbe2ee 62%)}.rv-disc-badge{width:22px;height:22px;border-radius:50%;flex:none}.rv-disc-badge.dark{background:radial-gradient(circle at 34% 28%,#59647d,#141a26 66%,#090d15);box-shadow:inset 0 -2px 4px #0009,0 1px 2px #00000080}.rv-disc-badge.light{background:radial-gradient(circle at 34% 28%,#fff,#dbe2ee 58%,#bcc6d6);box-shadow:inset 0 -2px 4px #5a647873,0 1px 2px #00000059}.rv-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 4px}.rv-mode{font-family:var(--font-display);font-size:10px;text-transform:uppercase;letter-spacing:.07em;opacity:.6;white-space:nowrap}.rv-turn{font-family:var(--font-display);letter-spacing:.035em;font-size:13px;font-weight:700;color:#9fb2c8;white-space:nowrap}.rv-turn.you{color:#f3c970}.rv-timer{min-width:42px;text-align:center;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:#d8c9a7;padding:3px 10px;border-radius:999px;background:#081411c2;border:1px solid rgba(199,163,96,.24)}.rv-timer.warn{color:#ffd66b;border-color:#ffc85066}.rv-timer.danger{color:#ff8a8a;border-color:#ff787880;animation:rvPulse .8s ease-in-out infinite}@keyframes rvPulse{50%{box-shadow:0 0 12px #ff6e6e80}}.rv-board-wrap{position:relative;isolation:isolate;width:min(92vw,500px);flex:none;padding:clamp(11px,2.8vw,16px);border-radius:20px;background:linear-gradient(125deg,rgba(255,224,152,.22),transparent 13%),repeating-linear-gradient(92deg,rgba(255,219,139,.035) 0 1px,transparent 1px 5px),linear-gradient(135deg,#6f3d1b,#2b160c 45%,#75401b);border:1px solid rgba(239,189,98,.44);box-shadow:0 24px 54px #0000008f,inset 0 1px #ffe9ae47,inset 0 -5px 14px #0f05009e;transition:box-shadow .3s,transform .3s}.rv-live-callout{width:min(92vw,500px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:42px;padding:7px 12px;overflow:hidden;border:1px solid rgba(186,151,83,.25);border-radius:13px;background:linear-gradient(90deg,rgba(223,180,91,.08),transparent 44%),#081611b8;box-shadow:inset 0 1px #ffecc00b}.rv-live-callout:after{content:"";position:absolute;width:34%;height:220%;transform:translate(-160%) rotate(24deg);background:linear-gradient(90deg,transparent,rgba(255,230,160,.12),transparent);animation:rvCalloutSweep 5s ease-in-out infinite;pointer-events:none}.rv-callout-pulse{position:relative;z-index:1;width:9px;height:9px;border-radius:50%;background:#796a53;box-shadow:0 0 0 4px #b6934f17}.rv-live-callout.you .rv-callout-pulse{background:#ffd06f;box-shadow:0 0 0 4px #ffcb6221,0 0 13px #ffcb62c7;animation:rvPulseLight 1.25s ease-in-out infinite}.rv-live-callout div{position:relative;z-index:1;display:flex;flex-direction:column;min-width:0}.rv-live-callout small{color:#dccca999;font-family:var(--font-display);font-size:9px;font-weight:700;letter-spacing:.13em}.rv-live-callout strong{color:#e9ddbe;font-family:var(--font-display);font-size:14px;letter-spacing:.07em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rv-live-callout.you strong{color:#ffd98a}.rv-callout-note{position:relative;z-index:1;color:#ddcfb09e;font-size:10px;text-align:right;white-space:nowrap}@keyframes rvCalloutSweep{0%,62%{transform:translate(-160%) rotate(24deg)}to{transform:translate(510%) rotate(24deg)}}@keyframes rvPulseLight{50%{transform:scale(.72);box-shadow:0 0 0 7px #ffcb6205,0 0 18px #ffcb62e6}}.rv-board-wrap:before{content:"";position:absolute;z-index:-1;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(255,223,151,.2);border-radius:15px;pointer-events:none}.rv-board-wrap:after{content:"";position:absolute;z-index:2;top:10px;right:10px;bottom:10px;left:10px;overflow:hidden;border-radius:13px;background:linear-gradient(115deg,transparent 28%,rgba(255,230,168,.08) 47%,transparent 64%);transform:translate(-115%);pointer-events:none;opacity:0}.rv-board-wrap.is-live:after{animation:rvBoardGlow 4.4s ease-in-out infinite}@keyframes rvBoardGlow{0%,48%{transform:translate(-115%);opacity:0}60%{opacity:1}to{transform:translate(115%);opacity:0}}.rv-board-wrap.is-live{transform:translateY(-1px);box-shadow:0 24px 54px #0000008f,inset 0 1px #ffe9ae47,inset 0 -5px 14px #0f05009e,0 0 0 1px #efc2656b,0 0 34px #e0aa3f33}.rv-move-overlay{position:absolute;z-index:4;top:50%;left:50%;display:flex;align-items:center;gap:7px;padding:7px 11px 7px 8px;border:1px solid rgba(255,230,163,.55);border-radius:999px;background:#08130fe0;box-shadow:0 8px 20px #0000006b,0 0 22px #efbf5e2b;color:#ffe0a0;font-family:var(--font-display);font-size:12px;letter-spacing:.09em;pointer-events:none;animation:rvMoveOverlay 1.25s cubic-bezier(.2,.76,.3,1) both}.rv-move-overlay.light{color:#f6f3e7;border-color:#fafae894}.rv-move-disc{width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 35% 27%,#6e7787,#101418 72%);box-shadow:inset 0 -2px 3px #000000b8,0 2px 3px #0000006b}.rv-move-overlay.light .rv-move-disc{background:radial-gradient(circle at 35% 27%,#fff,#c8ccc5 72%);box-shadow:inset 0 -2px 3px #464e4666,0 2px 3px #00000061}@keyframes rvMoveOverlay{0%{transform:translate(-50%,-20%) scale(.76);opacity:0}18%{transform:translate(-50%,-50%) scale(1);opacity:1}72%{transform:translate(-50%,-57%) scale(1);opacity:1}to{transform:translate(-50%,-72%) scale(.94);opacity:0}}.rv-grid{display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),minmax(0,1fr));gap:2px;aspect-ratio:1;padding:4px;border-radius:10px;background:linear-gradient(135deg,#0b241b,#06130f);box-shadow:inset 0 0 0 1px #e9c07129,inset 0 10px 28px #00000057}.rv-cell{position:relative;aspect-ratio:1;padding:0;border:none;border-radius:3px;background:radial-gradient(circle at 47% 38%,rgba(105,186,130,.15),transparent 66%),linear-gradient(135deg,#246344,#15422d);box-shadow:inset 1px 1px #cff5c70b,inset -1px -1px #00000029;display:grid;place-items:center;overflow:visible;cursor:default;opacity:1;-webkit-tap-highlight-color:transparent}.rv-cell.legal{cursor:pointer}.rv-board-wrap.is-live .rv-cell.legal:nth-child(7n):before{content:"";position:absolute;width:19%;height:19%;border-radius:50%;background:#ffe0a0;box-shadow:0 0 12px #ffcf70a3;opacity:0;animation:rvLegalGlint 3.6s ease-in-out infinite;pointer-events:none}.rv-board-wrap.is-live .rv-cell.legal:nth-child(5n):before{animation-delay:1.1s}@keyframes rvLegalGlint{0%,68%,to{transform:scale(.35);opacity:0}76%{transform:scale(1);opacity:.56}}.rv-cell.legal:hover{background:radial-gradient(circle at 50% 38%,#3d9668,#1d6240)}.rv-cell.last:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:3px;box-shadow:inset 0 0 0 2px #ffd371e0,0 0 12px #ffc4473d;pointer-events:none}.rv-disc{position:relative;width:82%;height:82%;border-radius:50%;animation:rvTurn .44s cubic-bezier(.22,.78,.25,1.18) both;will-change:transform}.rv-disc.dark{background:radial-gradient(circle at 35% 25%,#748096,#252c38 38%,#090c10 78%,#020303);box-shadow:inset 0 -4px 6px #000000b3,inset 0 2px 4px #b0c0dc38,0 3px 4px #0009,0 5px 7px #0000003d}.rv-disc.light{background:radial-gradient(circle at 35% 25%,#fffdf5,#edf0e8 46%,#b9beb5 78%,#8c918b);box-shadow:inset 0 -4px 6px #454b4675,inset 0 2px 5px #fffffff5,0 3px 4px #0000006b,0 5px 7px #00000029}.rv-disc:after{content:"";position:absolute;top:5%;right:5%;bottom:5%;left:5%;border-radius:inherit;border-top:1px solid rgba(255,255,255,.2);pointer-events:none}@keyframes rvTurn{0%{transform:scaleX(.1) scaleY(.8);opacity:.5}72%{transform:scaleX(1.09) scaleY(.93)}to{transform:scaleX(1) scaleY(1);opacity:1}}.rv-hint{position:absolute;width:26%;height:26%;border-radius:50%;pointer-events:none;animation:rvHint 1.4s ease-in-out infinite}.rv-hint.dark{background:radial-gradient(circle,#242728f5,#0b0e0eb3);box-shadow:0 0 0 3px #ebdda81f}.rv-hint.light{background:radial-gradient(circle,#fffff6e6,#d3d9ca8c);box-shadow:0 0 0 3px #ffeda826}.rv-cell.legal:hover .rv-hint{transform:scale(1.2);opacity:1}@keyframes rvHint{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:.75;transform:scale(1.05)}}.rv-foot{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:2px}.rv-reconnect{width:min(92vw,460px);display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:12px;background:#3c1e0cb3;border:1px solid rgba(255,170,80,.4)}.rv-reconnect span{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,190,110,.85);border-top-color:transparent;animation:rvSpin .8s linear infinite;flex:none}.rv-reconnect strong{display:block;font-size:13px}.rv-reconnect small{font-size:11px;opacity:.75}@keyframes rvSpin{to{transform:rotate(360deg)}}.screen.rv-end{justify-content:center;align-items:center;min-height:72vh;gap:18px}.rv-end-card{position:relative;overflow:hidden;text-align:center;padding:30px 26px;max-width:360px;width:min(92vw,360px);border-radius:20px;background:linear-gradient(145deg,#1f2f25f7,#07120ef7);border:1px solid rgba(210,167,86,.3);box-shadow:0 22px 60px #0000008c,inset 0 1px #ffeaba14}.rv-end-card:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(231,192,112,.1);border-radius:14px;pointer-events:none}.rv-end.win .rv-end-card{border-color:#5fe6c480;box-shadow:0 22px 60px #0000008c,0 0 40px #46d2b433}.rv-end-emblem{position:relative;width:72px;height:58px;margin:0 auto 5px}.rv-end-emblem .rv-disc-badge{position:absolute;width:46px;height:46px;top:5px;box-shadow:0 6px 12px #00000061,inset 0 -3px 5px #00000052}.rv-end-emblem .dark{left:0}.rv-end-emblem .light{right:0;top:9px}.rv-end-emblem.win .light{box-shadow:0 0 20px #ffd56975,inset 0 -3px 5px #00000052}.rv-end-emblem.lose .dark{box-shadow:0 0 20px #6c93d54d,inset 0 -3px 5px #00000080}.rv-end-spark{position:absolute;z-index:1;left:31px;top:-5px;width:10px;height:10px;transform:rotate(45deg);background:#ffe4a2;box-shadow:0 0 16px #f5bb4b}.rv-end-emblem.draw .rv-end-spark{opacity:.38}.rv-end-emblem.lose .rv-end-spark{background:#8eb8dc;box-shadow:0 0 16px #477cae}.rv-end-title{font-family:var(--font-display);letter-spacing:.025em;margin:8px 0 0;font-size:28px}.rv-end-score{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px 0 6px;font-size:30px;font-weight:800;font-variant-numeric:tabular-nums}.rv-end-side{display:flex;align-items:center;gap:8px}.rv-end-side .rv-disc-badge{width:26px;height:26px}.rv-end-dash{opacity:.4}.rv-end-sub{margin:0;opacity:.75;font-size:14px}.rv-end-actions{display:flex;flex-direction:column;gap:10px;margin-top:18px}@media(prefers-reduced-motion:reduce){.rv-disc,.rv-hint,.rv-timer.danger{animation:none}.rv-chip.active:before,.rv-live-callout:after,.rv-live-callout.you .rv-callout-pulse,.rv-board-wrap.is-live:after,.rv-board-wrap.is-live .rv-cell.legal:nth-child(7n):before{animation:none}.rv-move-overlay{animation:none;display:none}.rv-chip,.rv-board-wrap{transition:none}}.screen.gomoku{position:relative;isolation:isolate;width:min(100%,620px);margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:14px;padding-bottom:26px}.gm-top{width:100%;max-width:500px;display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:stretch}.gm-chip{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border-radius:15px;background:linear-gradient(135deg,rgba(255,235,177,.07),transparent 44%),repeating-linear-gradient(100deg,rgba(255,204,119,.025) 0 1px,transparent 1px 5px),linear-gradient(180deg,#321f0ff2,#170e07f2);border:1px solid rgba(210,170,110,.28);box-shadow:inset 0 1px #ffe2a312,0 8px 18px #0000002e;transition:border-color .25s,box-shadow .25s,opacity .25s,transform .25s}.gm-chip:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#f9d485,#a96b29);opacity:.48}.gm-chip:last-child{flex-direction:row-reverse;text-align:right}.gm-chip.active{transform:translateY(-2px);border-color:#ffce6bb8;box-shadow:inset 0 1px #ffedbc29,0 10px 24px #00000045,0 0 22px #f5b9423b}.gm-chip.active:before{opacity:1;box-shadow:0 0 14px #ffc95dc2;animation:gmSeatLive 1.5s ease-in-out infinite}@keyframes gmSeatLive{50%{opacity:.42;box-shadow:0 0 22px #ffc95df0}}.gm-chip.off{opacity:.5}.gm-chip-info{min-width:0}.gm-chip-name{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gm-chip-role{font-size:10px;opacity:.6;text-transform:uppercase;letter-spacing:.07em}.gm-avatar{position:relative}.gm-avatar-stone{position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;border-radius:50%;border:2px solid #1e140a}.gm-avatar-stone.black{background:radial-gradient(circle at 34% 28%,#59647d,#141a26 66%)}.gm-avatar-stone.white{background:radial-gradient(circle at 34% 28%,#fff,#dbe2ee 62%)}.gm-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 4px}.gm-mode{font-family:var(--font-display);font-size:10px;text-transform:uppercase;letter-spacing:.07em;opacity:.62;white-space:nowrap}.gm-turn{font-family:var(--font-display);letter-spacing:.035em;font-size:13px;font-weight:700;color:#d8b98f;white-space:nowrap}.gm-turn.you{color:#ffce6b}.gm-timer{min-width:42px;text-align:center;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:#d8b98f;padding:3px 10px;border-radius:999px;background:#1e140ab3;border:1px solid rgba(210,170,110,.2)}.gm-timer.warn{color:#ffd66b;border-color:#ffc85066}.gm-timer.danger{color:#ff8a8a;border-color:#ff787880;animation:gmPulse .8s ease-in-out infinite}.gm-live-callout{width:min(94vw,520px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:42px;padding:7px 12px;overflow:hidden;border:1px solid rgba(218,169,79,.28);border-radius:13px;background:linear-gradient(90deg,rgba(255,191,78,.1),transparent 46%),#2f1b09c2;box-shadow:inset 0 1px #ffe5ad0f}.gm-live-callout:after{content:"";position:absolute;width:34%;height:220%;transform:translate(-160%) rotate(24deg);background:linear-gradient(90deg,transparent,rgba(255,225,150,.13),transparent);animation:gmCalloutSweep 5.2s ease-in-out infinite;pointer-events:none}.gm-callout-pulse{position:relative;z-index:1;width:9px;height:9px;border-radius:50%;background:#866c45;box-shadow:0 0 0 4px #dda44617}.gm-live-callout.you .gm-callout-pulse{background:#ffd06f;box-shadow:0 0 0 4px #ffcb6221,0 0 13px #ffcb62c7;animation:gmPulseLight 1.25s ease-in-out infinite}.gm-live-callout div{position:relative;z-index:1;display:flex;flex-direction:column;min-width:0}.gm-live-callout small{color:#e6cda39e;font-family:var(--font-display);font-size:9px;font-weight:700;letter-spacing:.13em}.gm-live-callout strong{color:#f0d9a8;font-family:var(--font-display);font-size:14px;letter-spacing:.07em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gm-live-callout.you strong{color:#ffdc8c}.gm-callout-note{position:relative;z-index:1;color:#ebd2a8a8;font-size:10px;text-align:right;white-space:nowrap}@keyframes gmCalloutSweep{0%,62%{transform:translate(-160%) rotate(24deg)}to{transform:translate(510%) rotate(24deg)}}@keyframes gmPulseLight{50%{transform:scale(.72);box-shadow:0 0 0 7px #ffcb6205,0 0 18px #ffcb62e6}}@keyframes gmPulse{50%{box-shadow:0 0 12px #ff6e6e80}}.gm-board-wrap{position:relative;isolation:isolate;width:min(94vw,520px);flex:none;padding:clamp(13px,3vw,18px);border-radius:20px;background:linear-gradient(130deg,rgba(255,233,170,.22),transparent 14%),repeating-linear-gradient(92deg,rgba(255,214,138,.04) 0 1px,transparent 1px 5px),linear-gradient(135deg,#8a5725,#3d220e 47%,#7a461d);border:1px solid rgba(239,192,103,.52);box-shadow:0 24px 54px #00000094,inset 0 1px #ffe2a557,inset 0 -6px 15px #1b0a01a6;transition:box-shadow .3s,transform .3s}.gm-board-wrap:before{content:"";position:absolute;z-index:-1;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(255,220,148,.22);border-radius:15px;pointer-events:none}.gm-board-wrap:after{content:"";position:absolute;z-index:2;top:10px;right:10px;bottom:10px;left:10px;border-radius:13px;background:linear-gradient(115deg,transparent 28%,rgba(255,229,159,.11) 47%,transparent 64%);transform:translate(-115%);pointer-events:none;opacity:0}.gm-board-wrap.is-live:after{animation:gmBoardGlow 4.6s ease-in-out infinite}@keyframes gmBoardGlow{0%,48%{transform:translate(-115%);opacity:0}60%{opacity:1}to{transform:translate(115%);opacity:0}}.gm-board-wrap.is-live{transform:translateY(-1px);box-shadow:0 24px 54px #00000094,inset 0 1px #ffe2a557,inset 0 -6px 15px #1b0a01a6,0 0 0 1px #ffce6b7a,0 0 34px #f5b9423d}.gm-grid{display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),minmax(0,1fr));gap:0;aspect-ratio:1;border-radius:5px;background:linear-gradient(135deg,#d79d50,#aa6d2d);box-shadow:inset 0 0 0 1px #4a270a94,inset 0 12px 26px #ffda951c,inset 0 -14px 26px #552b0a2e}.gm-cell{position:relative;aspect-ratio:1;padding:0;border:none;background:transparent;background-image:linear-gradient(#261608b8,#261608b8),linear-gradient(#261608b8,#261608b8);background-size:100% 1.6px,1.6px 100%;background-position:center,center;background-repeat:no-repeat;display:grid;place-items:center;overflow:visible;cursor:default;-webkit-tap-highlight-color:transparent}.gm-cell.placeable{cursor:pointer}.gm-board-wrap.is-live .gm-cell.placeable:nth-child(8n):after{content:"";position:absolute;width:17%;height:17%;border-radius:50%;background:#ffe2a0;box-shadow:0 0 11px #ffca5ea8;opacity:0;animation:gmLegalGlint 3.8s ease-in-out infinite;pointer-events:none}.gm-board-wrap.is-live .gm-cell.placeable:nth-child(5n):after{animation-delay:1.2s}@keyframes gmLegalGlint{0%,70%,to{transform:scale(.35);opacity:0}78%{transform:scale(1);opacity:.52}}.gm-cell.placeable:hover:before{content:"";position:absolute;width:76%;height:76%;border-radius:50%;background:radial-gradient(circle,#ffce6b4d,#ffce6b00);pointer-events:none}.gm-stone{position:relative;width:82%;height:82%;border-radius:50%;animation:gmDrop .38s cubic-bezier(.25,1.38,.42,1) both;z-index:1}.gm-stone.black{background:radial-gradient(circle at 35% 25%,#737f95,#252b36,#090c10 78%,#020303);box-shadow:inset 0 -4px 6px #000000b8,inset 0 2px 4px #b0c0dc38,0 3px 4px #0000009e,0 5px 7px #0000003d}.gm-stone.white{background:radial-gradient(circle at 35% 25%,#fffdf4,#edf0e7 46%,#b9beb5 78%,#8c918b);box-shadow:inset 0 -4px 6px #454b4675,inset 0 2px 5px #fffffff5,0 3px 4px #0000006b,0 5px 7px #00000029}.gm-stone:before{content:"";position:absolute;top:5%;right:5%;bottom:5%;left:5%;border-radius:inherit;border-top:1px solid rgba(255,255,255,.22);pointer-events:none}.gm-stone.ghost{opacity:.42;animation:none}@keyframes gmDrop{0%{transform:scale(.18) translateY(-18%);opacity:.4}72%{transform:scale(1.1) translateY(2%)}to{transform:scale(1);opacity:1}}.gm-cell.last .gm-stone:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid rgba(255,214,110,.92);pointer-events:none}.gm-move-overlay{position:absolute;z-index:4;top:50%;left:50%;display:flex;align-items:center;gap:7px;padding:7px 11px 7px 8px;border:1px solid rgba(255,221,142,.58);border-radius:999px;background:#271608e6;box-shadow:0 8px 20px #0000006b,0 0 22px #f5b94233;color:#ffe0a0;font-family:var(--font-display);font-size:12px;letter-spacing:.09em;pointer-events:none;animation:gmMoveOverlay 1.15s cubic-bezier(.2,.76,.3,1) both}.gm-move-overlay.white{color:#fff9e9;border-color:#fffaeaa6}.gm-move-stone{width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 35% 27%,#717b8d,#0c0f12 72%);box-shadow:inset 0 -2px 3px #000000b8,0 2px 3px #0000006b}.gm-move-overlay.white .gm-move-stone{background:radial-gradient(circle at 35% 27%,#fff,#c9cec5 72%);box-shadow:inset 0 -2px 3px #464e4666,0 2px 3px #00000061}@keyframes gmMoveOverlay{0%{transform:translate(-50%,-20%) scale(.76);opacity:0}18%{transform:translate(-50%,-50%) scale(1);opacity:1}68%{transform:translate(-50%,-56%) scale(1);opacity:1}to{transform:translate(-50%,-72%) scale(.94);opacity:0}}.gm-cell.win .gm-stone{box-shadow:0 0 0 2px #ffd66ef2,0 0 16px #ffc85acc;animation:gmWin .9s ease-in-out infinite}@keyframes gmWin{50%{box-shadow:0 0 0 3px #ffe08c,0 0 26px #ffc85af2}}.gm-confirm{position:sticky;bottom:12px;z-index:5;display:flex;gap:10px;width:min(94vw,460px);padding:8px;border-radius:14px;background:linear-gradient(180deg,#1e140aeb,#160e06f0);border:1px solid rgba(255,206,107,.35);box-shadow:0 12px 30px #00000080}.gm-confirm .btn{flex:1}.gm-foot{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:2px}.gm-reconnect{width:min(94vw,460px);display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:12px;background:#3c1e0cb3;border:1px solid rgba(255,170,80,.4)}.gm-reconnect span{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,190,110,.85);border-top-color:transparent;animation:gmSpin .8s linear infinite;flex:none}.gm-reconnect strong{display:block;font-size:13px}.gm-reconnect small{font-size:11px;opacity:.75}@keyframes gmSpin{to{transform:rotate(360deg)}}.screen.gm-end{justify-content:center;align-items:center;min-height:72vh;gap:18px}.gm-end-card{position:relative;overflow:hidden;text-align:center;padding:30px 26px;max-width:360px;width:min(92vw,360px);border-radius:20px;background:linear-gradient(145deg,#35210ff7,#160c05f7);border:1px solid rgba(224,178,91,.34);box-shadow:0 22px 60px #0000008c,inset 0 1px #ffe1a31a}.gm-end-card:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(246,202,117,.12);border-radius:14px;pointer-events:none}.gm-end.win .gm-end-card{border-color:#ffce6b8c;box-shadow:0 22px 60px #0000008c,0 0 40px #f5b94238}.gm-end-emblem{position:relative;width:72px;height:58px;margin:0 auto 5px}.gm-end-stone{position:absolute;top:5px;width:46px;height:46px;border-radius:50%}.gm-end-stone.black{left:0;background:radial-gradient(circle at 35% 25%,#6d7789,#080b0f 76%);box-shadow:inset 0 -4px 6px #000000b8,0 6px 12px #0000006b}.gm-end-stone.white{right:0;top:9px;background:radial-gradient(circle at 35% 25%,#fffdf4,#bfc5ba 76%);box-shadow:inset 0 -4px 6px #454b4666,0 6px 12px #0000005c}.gm-end-emblem.win .gm-end-stone.white{box-shadow:inset 0 -4px 6px #454b4666,0 0 20px #ffce6b85}.gm-end-emblem.lose .gm-end-stone.black{box-shadow:inset 0 -4px 6px #000000b8,0 0 20px #6f95cf57}.gm-end-spark{position:absolute;z-index:1;top:-5px;left:31px;width:10px;height:10px;transform:rotate(45deg);background:#ffe4a2;box-shadow:0 0 16px #f5bb4b}.gm-end-emblem.draw .gm-end-spark{opacity:.38}.gm-end-emblem.lose .gm-end-spark{background:#9cbede;box-shadow:0 0 16px #477cae}.gm-end-title{font-family:var(--font-display);letter-spacing:.025em;margin:8px 0 0;font-size:28px}.gm-end-sub{margin:12px 0 0;opacity:.75;font-size:14px}.gm-end-actions{display:flex;flex-direction:column;gap:10px;margin-top:18px}@media(prefers-reduced-motion:reduce){.gm-stone,.gm-cell.win .gm-stone,.gm-timer.danger{animation:none}.gm-chip.active:before,.gm-live-callout:after,.gm-live-callout.you .gm-callout-pulse,.gm-board-wrap.is-live:after,.gm-board-wrap.is-live .gm-cell.placeable:nth-child(8n):after{animation:none}.gm-move-overlay{display:none;animation:none}.gm-chip,.gm-board-wrap{transition:none}}.screen.reaction{--rx: #f5d54a;--rx-go: #3fd97a;--rx-bad: #ff5d5d;display:flex;flex-direction:column;gap:14px;min-height:100%;padding:14px 14px 18px}.rx-reconnect{text-align:center;font-size:13px;color:#ffd28a;background:#3a220c99;border:1px solid rgba(255,189,94,.25);border-radius:10px;padding:7px 10px}.rx-scores{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.rx-chip{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;background:#0e1826b8;border:1px solid rgba(231,242,251,.1);min-width:132px}.rx-chip.you{border-color:#f5d54a80;box-shadow:inset 0 1px #fff2a91f,0 0 18px -10px var(--rx)}.rx-chip.win{border-color:var(--rx-go);box-shadow:0 0 18px -6px var(--rx-go)}.rx-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:#08121e;font-size:13px}.rx-cname{font-size:13px;font-weight:600;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rx-cscore{margin-left:auto;display:flex;align-items:baseline;gap:1px}.rx-cscore b{font-family:var(--font-display);font-size:20px;color:var(--rx)}.rx-cscore small{opacity:.6;font-size:12px}.rx-round{text-align:center;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;font-size:13px;opacity:.7}.rx-pad{position:relative;isolation:isolate;overflow:hidden;flex:1;min-height:260px;width:100%;border:none;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:#fff;font-family:var(--font-display);transition:background .12s,box-shadow .12s,transform .08s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.rx-pad-label{font-size:clamp(40px,14vw,84px);font-weight:700;letter-spacing:.02em;line-height:1}.rx-pad-hint{font-size:13px;opacity:.75;font-family:var(--font-body)}.rx-pad.arming{background:linear-gradient(160deg,#3a1620,#241019);box-shadow:inset 0 0 0 1px #ff5d5d40;cursor:default;animation:rxArmTension 1.8s ease-in-out infinite}.rx-pad.arming .rx-pad-label{color:#ff8f8f}.rx-pad.go{background:radial-gradient(circle at 50% 40%,#57e98d,#1fae5c);box-shadow:0 0 60px -10px var(--rx-go),inset 0 0 0 2px #fff3;animation:rx-pop .18s ease,rxGoBreath 1.1s ease-in-out infinite .18s;color:#04140a}.rx-pad.go .rx-pad-label{color:#04140a}.rx-pad.tapped{background:linear-gradient(160deg,#1c3a2a,#12251c);box-shadow:inset 0 0 0 1px #3fd97a4d;cursor:default}.rx-pad.tapped .rx-pad-label{color:var(--rx-go)}.rx-pad.false{background:linear-gradient(160deg,#4a1620,#2a0e14);box-shadow:inset 0 0 0 1px #ff5d5d66;animation:rx-shake .3s;cursor:default}.rx-pad.false .rx-pad-label{color:var(--rx-bad)}.rx-pad:active{transform:scale(.995)}.rx-pad:after{content:"";position:absolute;z-index:0;top:-80%;right:-20%;bottom:-80%;left:-20%;background:linear-gradient(120deg,transparent 42%,rgba(255,255,255,.22) 50%,transparent 58%);transform:translate(-80%) rotate(8deg);pointer-events:none}.rx-pad>*{position:relative;z-index:1}.rx-pad.go:after{animation:rxBoltSweep .78s ease-in-out infinite}@keyframes rxArmTension{50%{box-shadow:inset 0 0 0 1px #ff707075,0 0 28px #ff40491c}}@keyframes rxGoBreath{50%{box-shadow:0 0 74px -4px var(--rx-go),inset 0 0 0 2px #ffffff42}}@keyframes rxBoltSweep{0%{transform:translate(-80%) rotate(8deg)}to{transform:translate(80%) rotate(8deg)}}@keyframes rx-pop{0%{transform:scale(.96)}to{transform:scale(1)}}@keyframes rx-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.rx-reveal{flex:1;min-height:260px;display:flex;flex-direction:column;gap:12px;justify-content:center;background:#0a121eb8;border:1px solid rgba(231,242,251,.1);border-radius:22px;padding:18px}.rx-reveal-title{text-align:center;font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--rx)}.rx-rrows{display:flex;flex-direction:column;gap:8px}.rx-rrow{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:12px;background:#ffffff08;border:1px solid rgba(231,242,251,.08)}.rx-rrow.win{border-color:var(--rx-go);background:#3fd97a1a}.rx-rrow.false,.rx-rrow.miss{opacity:.7}.rx-rname{font-weight:600;font-size:14px}.rx-rms{font-family:var(--font-display);font-size:16px;font-weight:700}.rx-rrow.win .rx-rms{color:var(--rx-go)}.rx-rrow.false .rx-rms{color:var(--rx-bad)}.rx-foot{display:flex;gap:10px;align-items:center;justify-content:space-between}.rx-end{align-items:center;justify-content:center;gap:14px}.rx-end-card{width:100%;max-width:460px;background:#0c1420db;border:1px solid rgba(231,242,251,.12);border-radius:22px;padding:26px 22px;text-align:center;display:flex;flex-direction:column;gap:8px}.rx-end-card.win{border-color:#f5d54a80;box-shadow:0 0 40px -14px var(--rx)}.rx-end-emblem{font-size:44px}.rx-end-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.6}.rx-end-title{font-family:var(--font-display);font-size:32px;margin:0}.rx-end-sub{opacity:.8;margin:0 0 6px}.rx-end-board{display:flex;flex-direction:column;gap:6px}.rx-end-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#ffffff08}.rx-end-row.you{border:1px solid rgba(245,213,74,.45)}.rx-end-row.win{background:#f5d54a1f}.rx-end-rank{width:20px;opacity:.6;font-family:var(--font-display)}.rx-end-name{text-align:left;flex:1;font-weight:600}.rx-end-pts{font-family:var(--font-display);font-size:20px;color:var(--rx)}.rx-end-actions{width:100%;max-width:460px;gap:10px}@media(prefers-reduced-motion:reduce){.rx-pad.go,.rx-pad.false{animation:none}.rx-pad.arming,.rx-pad.go,.rx-pad.go:after{animation:none}}.screen.bullseye{--bx: #ff7a59;--bx-bull: #ff5a3c;--bx-good: #ffd23f;display:flex;flex-direction:column;gap:14px;min-height:100%;padding:14px 14px 18px}.bx-reconnect{text-align:center;font-size:13px;color:#ffb38a;background:#3a1a1499;border:1px solid rgba(255,122,89,.25);border-radius:10px;padding:7px 10px}.bx-scores{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.bx-chip{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;background:#18100eb8;border:1px solid rgba(231,242,251,.1);min-width:132px}.bx-chip.you{border-color:#ff7a5980;box-shadow:inset 0 1px #ffd6be1f,0 0 18px -10px var(--bx)}.bx-chip.win{border-color:var(--bx-good);box-shadow:0 0 18px -6px var(--bx-good)}.bx-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:#1a0c07;font-size:13px}.bx-cname{font-size:13px;font-weight:600;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bx-cscore{margin-left:auto;display:flex;align-items:baseline;gap:1px}.bx-cscore b{font-family:var(--font-display);font-size:20px;color:var(--bx)}.bx-cscore small{opacity:.6;font-size:12px}.bx-round{text-align:center;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;font-size:13px;opacity:.7}.bx-range{position:relative;isolation:isolate;flex:1;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;border-radius:22px;background:radial-gradient(ellipse 58% 46% at 50% 44%,rgba(255,90,60,.13),transparent 72%)}.bx-range:before{content:"";position:absolute;z-index:0;width:min(82%,420px);aspect-ratio:1;border:1px solid rgba(255,122,89,.12);border-radius:50%;box-shadow:0 0 0 34px #ff7a5906,0 0 0 68px #ff7a5904;animation:bxRangePulse 4.8s ease-in-out infinite;pointer-events:none}.bx-range>*{position:relative;z-index:1}@keyframes bxRangePulse{50%{transform:scale(1.06);opacity:.7}}.bx-bar{position:relative;width:100%;max-width:520px;height:74px;border-radius:12px;overflow:hidden;border:1px solid rgba(231,242,251,.12);background:linear-gradient(to right,#38150f 0 10%,#5a2418 10% 25%,#8a3420 25% 40%,#c85a2e 40% 46%,var(--bx-bull) 46% 54%,#c85a2e 54% 60%,#8a3420 60% 75%,#5a2418 75% 90%,#38150f 90% 100%)}.bx-bull{position:absolute;left:50%;top:6px;bottom:6px;width:2px;transform:translate(-50%);background:#ffffff8c;box-shadow:0 0 10px #ffffff80}.bx-needle{position:absolute;top:-3px;bottom:-3px;left:0;width:4px;transform:translate(-50%);background:#fff;box-shadow:0 0 12px #ffffffe6;border-radius:2px;animation:bx-sweep linear infinite alternate}.bx-needle.locked{background:var(--bx-good);box-shadow:0 0 14px var(--bx-good);animation:none}@keyframes bx-sweep{0%{left:0%}to{left:100%}}.bx-lock{width:100%;max-width:320px;padding:20px;border:none;border-radius:18px;font-family:var(--font-display);font-weight:700;font-size:30px;letter-spacing:.06em;color:#1a0c07;background:radial-gradient(circle at 50% 35%,#ff9a6a,var(--bx));box-shadow:0 10px 30px -12px var(--bx);cursor:pointer;transition:transform .08s,box-shadow .12s,background .12s;-webkit-tap-highlight-color:transparent;animation:bxLockReady 2.8s ease-in-out infinite}.bx-lock:active{transform:scale(.98)}.bx-lock.locked{background:linear-gradient(160deg,#2c1a12,#1c110b);color:var(--bx-good);box-shadow:inset 0 0 0 1px #ffd23f59;cursor:default;animation:none}.bx-lock:disabled:not(.locked){opacity:.6;cursor:default}.bx-hint{font-size:13px;opacity:.75;text-align:center}.bx-reveal{flex:1;min-height:260px;display:flex;flex-direction:column;gap:12px;justify-content:center;background:#140e0cb8;border:1px solid rgba(231,242,251,.1);border-radius:22px;padding:18px}.bx-reveal-title{text-align:center;font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--bx)}.bx-rrows{display:flex;flex-direction:column;gap:8px}.bx-rrow{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:12px;background:#ffffff08;border:1px solid rgba(231,242,251,.08)}.bx-rrow.win{border-color:var(--bx-good);background:#ffd23f1a}.bx-rrow.miss{opacity:.7}.bx-rname{font-weight:600;font-size:14px}.bx-rms{font-family:var(--font-display);font-size:16px;font-weight:700}.bx-rrow.win .bx-rms{color:var(--bx-good)}.bx-foot{display:flex;gap:10px;align-items:center;justify-content:space-between}.bx-end{align-items:center;justify-content:center;gap:14px}.bx-end-card{width:100%;max-width:460px;background:#160e0bdb;border:1px solid rgba(231,242,251,.12);border-radius:22px;padding:26px 22px;text-align:center;display:flex;flex-direction:column;gap:8px}.bx-end-card.win{border-color:#ff7a5980;box-shadow:0 0 40px -14px var(--bx)}.bx-end-emblem{font-size:44px}.bx-end-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.6}.bx-end-title{font-family:var(--font-display);font-size:32px;margin:0}.bx-end-sub{opacity:.8;margin:0 0 6px}.bx-end-board{display:flex;flex-direction:column;gap:6px}.bx-end-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#ffffff08}.bx-end-row.you{border:1px solid rgba(255,122,89,.45)}.bx-end-row.win{background:#ff7a591f}.bx-end-rank{width:20px;opacity:.6;font-family:var(--font-display)}.bx-end-name{text-align:left;flex:1;font-weight:600}.bx-end-pts{font-family:var(--font-display);font-size:20px;color:var(--bx)}.bx-end-actions{width:100%;max-width:460px;gap:10px}@media(prefers-reduced-motion:reduce){.bx-needle{animation-duration:2.4s!important}.bx-range:before,.bx-lock{animation:none}}@keyframes bxLockReady{50%{box-shadow:0 13px 34px -10px var(--bx),0 0 20px #ff7a5940}}.screen.typing{--tp: #a3e635;--tp-bad: #ff5d5d;display:flex;flex-direction:column;gap:14px;min-height:100%;padding:14px 14px 18px}.tp-reconnect{text-align:center;font-size:13px;color:#cde89a;background:#1e280c99;border:1px solid rgba(163,230,53,.25);border-radius:10px;padding:7px 10px}.tp-scores{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.tp-chip{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;background:#10160cb8;border:1px solid rgba(231,242,251,.1);min-width:138px}.tp-chip.you{border-color:#a3e63580;box-shadow:inset 0 1px #deff9e1f,0 0 18px -10px var(--tp)}.tp-chip.ready{box-shadow:inset 0 0 0 1px #a3e63566}.tp-chip.win{border-color:var(--tp);box-shadow:0 0 18px -6px var(--tp)}.tp-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:#10160a;font-size:13px}.tp-cname{font-size:13px;font-weight:600;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-cscore{margin-left:auto;display:flex;align-items:baseline;gap:1px}.tp-cscore b{font-family:var(--font-display);font-size:20px;color:var(--tp)}.tp-cscore small{opacity:.6;font-size:12px}.tp-round{text-align:center;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;font-size:13px;opacity:.75}.tp-round span{color:var(--tp)}.tp-type{flex:1;min-height:240px;display:flex;flex-direction:column;justify-content:center;gap:18px}.tp-passage{position:relative;isolation:isolate;font-family:Courier New,ui-monospace,monospace;font-size:22px;line-height:1.7;letter-spacing:.5px;text-align:center;padding:18px;border-radius:16px;background:linear-gradient(135deg,#111f0dd6,#070c06c7);border:1px solid rgba(231,242,251,.1);word-break:break-word;box-shadow:inset 0 1px #dfffb40d,0 14px 32px #0000002e}.tp-passage:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0 28px,rgba(163,230,53,.04) 29px 30px);animation:tpScanLine 4.5s linear infinite;pointer-events:none}.tp-passage>*{position:relative;z-index:1}@keyframes tpScanLine{to{background-position:0 60px}}.tp-ch{color:#e7f2fb59;border-radius:2px}.tp-ch.ok{color:var(--tp)}.tp-ch.bad{color:var(--tp-bad);background:#ff5d5d29}.tp-ch.cur{color:#e7f2fbd9;box-shadow:inset 0 -2px 0 var(--tp);animation:tp-blink 1s steps(2) infinite}@keyframes tp-blink{50%{box-shadow:inset 0 -2px 0 transparent}}.tp-input{width:100%;padding:16px 18px;border-radius:14px;border:1px solid rgba(163,230,53,.35);background:#080c06d9;color:#eef7e6;font-family:Courier New,ui-monospace,monospace;font-size:18px;outline:none;transition:border-color .15s,box-shadow .15s}.tp-input:focus{border-color:var(--tp);box-shadow:0 0 0 3px #a3e63526}.tp-input:disabled{opacity:.6}.tp-hint{font-size:13px;opacity:.72;text-align:center}.tp-reveal{flex:1;min-height:240px;display:flex;flex-direction:column;gap:12px;justify-content:center;background:#0c1208b8;border:1px solid rgba(231,242,251,.1);border-radius:22px;padding:18px}.tp-reveal-title{text-align:center;font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--tp)}.tp-rrows{display:flex;flex-direction:column;gap:8px}.tp-rrow{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:12px;background:#ffffff08;border:1px solid rgba(231,242,251,.08)}.tp-rrow.win{border-color:var(--tp);background:#a3e6351a}.tp-rrow.miss{opacity:.7}.tp-rname{font-weight:600;font-size:14px}.tp-rms{font-family:var(--font-display);font-size:16px;font-weight:700}.tp-rrow.win .tp-rms{color:var(--tp)}.tp-foot{display:flex;gap:10px;align-items:center;justify-content:space-between}.tp-end{align-items:center;justify-content:center;gap:14px}.tp-end-card{width:100%;max-width:460px;background:#0e140adb;border:1px solid rgba(231,242,251,.12);border-radius:22px;padding:26px 22px;text-align:center;display:flex;flex-direction:column;gap:8px}.tp-end-card.win{border-color:#a3e63580;box-shadow:0 0 40px -14px var(--tp)}.tp-end-emblem{font-size:44px}.tp-end-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.6}.tp-end-title{font-family:var(--font-display);font-size:32px;margin:0}.tp-end-sub{opacity:.8;margin:0 0 6px}.tp-end-board{display:flex;flex-direction:column;gap:6px}.tp-end-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#ffffff08}.tp-end-row.you{border:1px solid rgba(163,230,53,.45)}.tp-end-row.win{background:#a3e6351f}.tp-end-rank{width:20px;opacity:.6;font-family:var(--font-display)}.tp-end-name{text-align:left;flex:1;font-weight:600}.tp-end-pts{font-family:var(--font-display);font-size:20px;color:var(--tp)}.tp-end-actions{width:100%;max-width:460px;gap:10px}@media(prefers-reduced-motion:reduce){.tp-passage:before{animation:none}}.screen.math{--mb: #818cf8;--mb-ok: #4fd6a6;--mb-bad: #ff5d5d;display:flex;flex-direction:column;gap:14px;min-height:100%;padding:14px 14px 18px}.mb-reconnect{text-align:center;font-size:13px;color:#c3c9ff;background:#181a3499;border:1px solid rgba(129,140,248,.25);border-radius:10px;padding:7px 10px}.mb-scores{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.mb-chip{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px;background:#101222b8;border:1px solid rgba(231,242,251,.1);min-width:138px}.mb-chip.you{border-color:#818cf880;box-shadow:inset 0 1px #d7dbff1f,0 0 18px -10px var(--mb)}.mb-chip.ready{box-shadow:inset 0 0 0 1px #818cf866}.mb-chip.win{border-color:var(--mb);box-shadow:0 0 18px -6px var(--mb)}.mb-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:#0d0f22;font-size:13px}.mb-cname{font-size:13px;font-weight:600;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-cscore{margin-left:auto;display:flex;align-items:baseline;gap:1px}.mb-cscore b{font-family:var(--font-display);font-size:20px;color:var(--mb)}.mb-cscore small{opacity:.6;font-size:12px}.mb-round{text-align:center;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;font-size:13px;opacity:.75}.mb-round span{color:var(--mb)}.mb-solve{position:relative;isolation:isolate;flex:1;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;border-radius:24px;background:radial-gradient(circle at 50% 42%,rgba(129,140,248,.14),transparent 58%)}.mb-solve:before{content:"";position:absolute;z-index:0;width:min(80%,350px);aspect-ratio:1;border:1px solid rgba(129,140,248,.12);border-radius:50%;box-shadow:0 0 0 28px #818cf807,0 0 0 56px #818cf804;animation:mbOrbit 6s ease-in-out infinite alternate;pointer-events:none}.mb-solve>*{position:relative;z-index:1}.mb-problem{text-shadow:0 0 28px rgba(129,140,248,.18)}@keyframes mbOrbit{to{transform:rotate(8deg) scale(1.06)}}.mb-problem{font-family:var(--font-display);font-size:clamp(44px,15vw,76px);font-weight:700;letter-spacing:.02em;text-align:center}.mb-problem span{color:var(--mb)}.mb-entry{display:flex;gap:10px;width:100%;max-width:380px}.mb-input{flex:1;min-width:0;padding:16px 18px;border-radius:14px;border:1px solid rgba(129,140,248,.4);background:#0a0c1ad9;color:#eef0ff;font-family:var(--font-display);font-size:26px;text-align:center;outline:none;transition:border-color .15s,box-shadow .15s}.mb-input:focus{border-color:var(--mb);box-shadow:0 0 0 3px #818cf826}.mb-submit{padding:0 20px;border:none;border-radius:14px;font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:.04em;color:#0d0f22;background:radial-gradient(circle at 50% 30%,#a4acff,var(--mb));cursor:pointer;transition:transform .08s,opacity .12s;box-shadow:0 9px 24px #818cf83d}.mb-submit:active{transform:scale(.97)}.mb-submit:disabled{opacity:.5;cursor:default}.mb-locked{font-family:var(--font-display);font-size:22px;font-weight:700;padding:14px 22px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(231,242,251,.12)}.mb-locked.ok{color:var(--mb-ok);border-color:#4fd6a666}.mb-locked.bad{color:var(--mb-bad);border-color:#ff5d5d66}.mb-hint{font-size:13px;opacity:.72;text-align:center}.mb-reveal{flex:1;min-height:240px;display:flex;flex-direction:column;gap:12px;justify-content:center;background:#0c0e1cb8;border:1px solid rgba(231,242,251,.1);border-radius:22px;padding:18px}.mb-answer{text-align:center;font-size:15px;opacity:.85;text-transform:uppercase;letter-spacing:.08em}.mb-answer b{font-family:var(--font-display);font-size:30px;color:var(--mb);margin-left:8px}.mb-reveal-title{text-align:center;font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--mb)}.mb-rrows{display:flex;flex-direction:column;gap:8px}.mb-rrow{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:12px;background:#ffffff08;border:1px solid rgba(231,242,251,.08)}.mb-rrow.win{border-color:var(--mb);background:#818cf81a}.mb-rrow.miss{opacity:.7}.mb-rname{font-weight:600;font-size:14px}.mb-rms{font-family:var(--font-display);font-size:16px;font-weight:700}.mb-rrow.win .mb-rms{color:var(--mb)}.mb-foot{display:flex;gap:10px;align-items:center;justify-content:space-between}.mb-end{align-items:center;justify-content:center;gap:14px}.mb-end-card{width:100%;max-width:460px;background:#0e101edb;border:1px solid rgba(231,242,251,.12);border-radius:22px;padding:26px 22px;text-align:center;display:flex;flex-direction:column;gap:8px}.mb-end-card.win{border-color:#818cf880;box-shadow:0 0 40px -14px var(--mb)}.mb-end-emblem{font-size:44px}.mb-end-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.6}.mb-end-title{font-family:var(--font-display);font-size:32px;margin:0}.mb-end-sub{opacity:.8;margin:0 0 6px}.mb-end-board{display:flex;flex-direction:column;gap:6px}.mb-end-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#ffffff08}.mb-end-row.you{border:1px solid rgba(129,140,248,.45)}.mb-end-row.win{background:#818cf81f}.mb-end-rank{width:20px;opacity:.6;font-family:var(--font-display)}.mb-end-name{text-align:left;flex:1;font-weight:600}.mb-end-pts{font-family:var(--font-display);font-size:20px;color:var(--mb)}.mb-end-actions{width:100%;max-width:460px;gap:10px}@media(prefers-reduced-motion:reduce){.mb-solve:before{animation:none}}.screen.memory{--mm: #e879f9;display:flex;flex-direction:column;gap:12px;min-height:100%;padding:14px 14px 18px}.mm-reconnect{text-align:center;font-size:13px;color:#f3c0ff;background:#2d143499;border:1px solid rgba(232,121,249,.25);border-radius:10px;padding:7px 10px}.mm-scores{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.mm-chip{display:flex;align-items:center;gap:10px;padding:7px 11px;border-radius:14px;background:#180e1cb8;border:1px solid rgba(231,242,251,.1);min-width:128px}.mm-chip.you{border-color:#e879f980}.mm-chip.active{box-shadow:0 0 18px -6px var(--mm);border-color:var(--mm);animation:mmTurnGlow 1.8s ease-in-out infinite}.mm-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:#22082a;font-size:12px}.mm-cname{font-size:13px;font-weight:600;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm-cscore{margin-left:auto;display:flex;align-items:baseline;gap:3px}.mm-cscore b{font-family:var(--font-display);font-size:19px;color:var(--mm)}.mm-cscore small{opacity:.55;font-size:11px}.mm-turn{text-align:center;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:13px;opacity:.8}.mm-turn.you{color:var(--mm)}.mm-turn span{opacity:.6}.mm-grid{position:relative;isolation:isolate;flex:1;display:grid;gap:8px;align-content:center;max-width:460px;width:100%;margin:0 auto;padding:8px;border:1px solid rgba(232,121,249,.14);border-radius:18px;background:radial-gradient(ellipse at 50% 0%,rgba(232,121,249,.11),transparent 66%),#260c2b38;box-shadow:inset 0 1px #ffd2ff0d,0 18px 38px #00000029}.mm-grid.cols-3{grid-template-columns:repeat(3,1fr)}.mm-grid.cols-4{grid-template-columns:repeat(4,1fr)}.mm-card{aspect-ratio:3 / 4;border-radius:12px;border:1px solid rgba(231,242,251,.12);background:linear-gradient(150deg,#492252,#26112d);display:grid;place-items:center;cursor:pointer;font-size:clamp(24px,8vw,40px);transition:transform .1s,background .15s,box-shadow .15s,opacity .2s;-webkit-tap-highlight-color:transparent;position:relative}.mm-card:not(:disabled):hover{border-color:#f49fff94;box-shadow:0 8px 20px -12px var(--mm);transform:translateY(-2px)}.mm-card:after{content:"?";position:absolute;font-family:var(--font-display);font-size:20px;color:#e879f959;transition:opacity .15s}.mm-card.up:after{opacity:0}.mm-card.up{background:linear-gradient(150deg,#fdf3ff,#f3d9ff);box-shadow:0 6px 18px -8px var(--mm)}.mm-card.matched{background:linear-gradient(150deg,#2a3a2c,#1c281e);border-color:#78dc9659;opacity:.85;cursor:default;animation:mmMatched .65s cubic-bezier(.2,.8,.3,1) both}.mm-card.matched:after{opacity:0}.mm-card:not(:disabled):active{transform:scale(.96)}.mm-card:disabled{cursor:default}.mm-face{line-height:1;z-index:1}@keyframes mmTurnGlow{50%{box-shadow:0 0 25px -4px var(--mm)}}@keyframes mmMatched{0%{transform:scale(.84) rotate(-3deg)}70%{transform:scale(1.06) rotate(1deg)}to{transform:scale(1)}}.mm-foot{display:flex;gap:10px;align-items:center;justify-content:space-between}.mm-end-card{width:100%;max-width:460px;background:#180e1cdb;border:1px solid rgba(231,242,251,.12);border-radius:22px;padding:26px 22px;text-align:center;display:flex;flex-direction:column;gap:8px}.mm-end-card.win{border-color:#e879f980;box-shadow:0 0 40px -14px var(--mm)}.mm-end-emblem{font-size:44px}.mm-end-sub{opacity:.8;margin:0 0 6px}.mm-end-board{display:flex;flex-direction:column;gap:6px}.mm-end-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#ffffff08}.mm-end-row.you{border:1px solid rgba(232,121,249,.45)}.mm-end-row.win{background:#e879f91f}.mm-end-rank{width:20px;opacity:.6;font-family:var(--font-display)}.mm-end-name{text-align:left;flex:1;font-weight:600}.mm-end-pts{font-family:var(--font-display);font-size:20px;color:var(--mm)}.mm-end-actions{width:100%;max-width:460px;gap:10px}@media(prefers-reduced-motion:reduce){.mm-chip.active,.mm-card.matched{animation:none}}.screen.simon{--sm: #06b6d4;display:flex;flex-direction:column;gap:12px;min-height:100%;padding:14px 14px 18px}.sm-reconnect{text-align:center;font-size:13px;color:#a5e9f5;background:#0c222899;border:1px solid rgba(6,182,212,.25);border-radius:10px;padding:7px 10px}.sm-scores{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.sm-chip{display:flex;align-items:center;gap:10px;padding:7px 11px;border-radius:14px;background:#0c161ab8;border:1px solid rgba(231,242,251,.1);min-width:128px}.sm-chip.you{border-color:#06b6d480;box-shadow:inset 0 1px #aef6ff1f,0 0 18px -10px var(--sm)}.sm-chip.win{border-color:var(--sm);box-shadow:0 0 18px -6px var(--sm)}.sm-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:#04181d;font-size:12px}.sm-cname{font-size:13px;font-weight:600;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-cscore{margin-left:auto;display:flex;align-items:baseline;gap:1px}.sm-cscore b{font-family:var(--font-display);font-size:19px;color:var(--sm)}.sm-cscore small{opacity:.55;font-size:12px}.sm-status{text-align:center;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:14px;opacity:.85}.sm-status.go{color:var(--sm);text-shadow:0 0 16px rgba(6,182,212,.48)}.sm-status span{opacity:.6}.sm-progress{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.sm-dot{width:9px;height:9px;border-radius:50%;background:#e7f2fb29;transition:background .15s}.sm-dot.on{background:var(--sm)}.sm-pads{position:relative;isolation:isolate;flex:none;align-self:center;width:min(100%,340px);aspect-ratio:1 / 1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;margin:6px auto;padding:10px;border:1px solid rgba(6,182,212,.2);border-radius:30px;background:radial-gradient(circle at 50% 50%,#06b6d421,#030e126b 68%);box-shadow:inset 0 1px #aaf5ff14,0 18px 38px #0003}.sm-pads:before{content:"";position:absolute;z-index:0;top:16%;right:16%;bottom:16%;left:16%;border:1px solid rgba(6,182,212,.16);border-radius:50%;box-shadow:0 0 0 26px #06b6d406;animation:smCorePulse 3.8s ease-in-out infinite;pointer-events:none}.sm-pads>*{position:relative;z-index:1}.sm-pad{position:relative;border:none;border-radius:20px;cursor:pointer;overflow:hidden;transition:transform .08s,filter .12s,box-shadow .12s;filter:brightness(.5) saturate(.85);-webkit-tap-highlight-color:transparent}.sm-pad.p0{background:#22c55e}.sm-pad.p1{background:#ef4444}.sm-pad.p2{background:#eab308}.sm-pad.p3{background:#3b82f6}.sm-pad.lit{filter:brightness(1.2) saturate(1.1);box-shadow:0 0 48px -4px currentColor,inset 0 1px #ffffff73}.sm-pad:not(:disabled):active{transform:scale(.97);filter:brightness(1.15)}.sm-pad:disabled{cursor:default}.sm-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff8c;animation:sm-flash .42s ease-out forwards;pointer-events:none}.sm-glow.tap{animation:sm-flash .3s ease-out forwards}@keyframes sm-flash{0%{opacity:.7}to{opacity:0}}@keyframes smCorePulse{50%{transform:scale(1.08);opacity:.54}}.sm-reveal{flex:1;display:flex;flex-direction:column;gap:12px;justify-content:center;background:#0a1418b8;border:1px solid rgba(231,242,251,.1);border-radius:22px;padding:18px}.sm-reveal-len{text-align:center;font-family:var(--font-display);font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--sm)}.sm-rrows{display:flex;flex-direction:column;gap:8px}.sm-rrow{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:12px;background:#ffffff08;border:1px solid rgba(231,242,251,.08)}.sm-rrow.win{border-color:var(--sm);background:#06b6d41a}.sm-rrow.miss{opacity:.7}.sm-rname{font-weight:600;font-size:14px}.sm-rms{font-family:var(--font-display);font-size:16px;font-weight:700}.sm-rrow.win .sm-rms{color:var(--sm)}.sm-foot{display:flex;gap:10px;align-items:center;justify-content:space-between}.sm-end{align-items:center;justify-content:center;gap:14px}.sm-end-card{width:100%;max-width:460px;background:#0a1418db;border:1px solid rgba(231,242,251,.12);border-radius:22px;padding:26px 22px;text-align:center;display:flex;flex-direction:column;gap:8px}.sm-end-card.win{border-color:#06b6d480;box-shadow:0 0 40px -14px var(--sm)}.sm-end-emblem{font-size:44px}.sm-end-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.6}.sm-end-title{font-family:var(--font-display);font-size:32px;margin:0}.sm-end-sub{opacity:.8;margin:0 0 6px}.sm-end-board{display:flex;flex-direction:column;gap:6px}.sm-end-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#ffffff08}.sm-end-row.you{border:1px solid rgba(6,182,212,.45)}.sm-end-row.win{background:#06b6d41f}.sm-end-rank{width:20px;opacity:.6;font-family:var(--font-display)}.sm-end-name{text-align:left;flex:1;font-weight:600}.sm-end-pts{font-family:var(--font-display);font-size:20px;color:var(--sm)}.sm-end-actions{width:100%;max-width:460px;gap:10px}@media(prefers-reduced-motion:reduce){.sm-pads:before{animation:none}}.screen.wordblitz{--wb: #f59e0b;--wb-ink: #2a1c05;display:flex;flex-direction:column;gap:12px;min-height:100%;padding:12px 12px 16px}.wb-reconnect{text-align:center;font-size:13px;color:#ffd9a1;background:#281a0699;border:1px solid rgba(245,158,11,.25);border-radius:10px;padding:7px 10px}.wb-scores{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.wb-chip{display:flex;align-items:center;gap:9px;padding:6px 11px;border-radius:14px;background:#1a1206b8;border:1px solid rgba(231,242,251,.1);min-width:150px}.wb-chip.you{border-color:#f59e0b80;box-shadow:inset 0 1px #ffe0aa1f,0 0 18px -10px var(--wb)}.wb-chip.win{border-color:var(--wb);box-shadow:0 0 18px -6px var(--wb)}.wb-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:#1a1205;font-size:12px}.wb-cmeta{display:flex;flex-direction:column;gap:1px;min-width:0}.wb-cname{font-size:13px;font-weight:600;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wb-cwins{font-size:10px;letter-spacing:2px;color:var(--wb)}.wb-cscore{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end}.wb-cscore b{font-family:var(--font-display);font-size:20px;color:var(--wb);line-height:1}.wb-cscore small{opacity:.5;font-size:11px}.wb-status{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px}.wb-word{font-family:var(--font-display);font-size:22px;letter-spacing:.08em;text-transform:uppercase;min-height:28px;color:var(--foam);transition:color .15s,transform .15s}.wb-word.ok{color:#6ee7a8;animation:wbPop .5s ease}.wb-word.bad{color:#ff8f9b;animation:wbShake .4s ease}.wb-clock{font-family:var(--font-display);font-size:18px;color:var(--wb);opacity:.9}@keyframes wbPop{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes wbShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.wb-grid{position:relative;isolation:isolate;align-self:center;margin-top:auto;width:min(100%,360px);flex:none;aspect-ratio:1 / 1;display:grid;gap:8px;padding:12px;border-radius:24px;border:1px solid rgba(245,158,11,.24);background:radial-gradient(circle at 50% 40%,#f59e0b21,#140d0385 68%);box-shadow:inset 0 1px #ffdca01a,0 22px 46px -12px #0000006b;touch-action:none}.wb-grid.size-4{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}.wb-grid.size-5{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr))}.wb-grid:before{content:"";position:absolute;z-index:0;top:14%;right:14%;bottom:14%;left:14%;border:1px solid rgba(245,158,11,.14);border-radius:50%;box-shadow:0 0 0 22px #f59e0b06;animation:wbCore 4.6s ease-in-out infinite;pointer-events:none}.wb-grid>*{position:relative;z-index:1}@keyframes wbCore{50%{transform:scale(1.06);opacity:.6}}.wb-tile{display:grid;place-items:center;border-radius:12px;background:linear-gradient(160deg,#52390f,#2c2008);border:1px solid rgba(245,210,150,.16);box-shadow:inset 0 1px #ffe2aa29,inset 0 -3px 5px #00000061,0 2px 4px #0000004d;color:#ffe9c7;font-family:var(--font-display);font-weight:700;font-size:clamp(20px,7.5vw,32px);text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.4);user-select:none;-webkit-user-select:none;transition:transform .08s,background .1s,box-shadow .1s}.wb-grid.size-5 .wb-tile{font-size:clamp(16px,6vw,26px)}.wb-tile.in{background:linear-gradient(160deg,#f7b73a,#e08607);color:var(--wb-ink);box-shadow:0 0 18px -4px var(--wb);transform:scale(1.03)}.wb-tile.head{box-shadow:0 0 26px -2px var(--wb),inset 0 0 0 2px #ffffff80}.wb-found{background:#140e0499;border:1px solid rgba(231,242,251,.08);border-radius:14px;padding:10px 12px}.wb-found-head{display:flex;align-items:baseline;justify-content:space-between;font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin-bottom:7px}.wb-found-head b{font-family:var(--font-display);font-size:18px;color:var(--wb);opacity:1}.wb-found-list{display:flex;flex-wrap:wrap;gap:6px;max-height:96px;overflow-y:auto}.wb-hint{font-size:13px;opacity:.55}.wb-fword,.wb-rword{display:inline-flex;align-items:baseline;gap:3px;padding:3px 8px;border-radius:8px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);font-size:14px;text-transform:lowercase}.wb-fword i,.wb-rword i{font-style:normal;font-size:10px;color:var(--wb);opacity:.85}.wb-reveal{flex:1;display:flex;flex-direction:column;gap:12px;background:#120c04b8;border:1px solid rgba(231,242,251,.1);border-radius:20px;padding:16px}.wb-reveal-head{text-align:center;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-size:16px;color:var(--wb)}.wb-reveal-cols{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0}.wb-rcol{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:12px;background:#ffffff08;border:1px solid rgba(231,242,251,.08);min-height:0}.wb-rcol.win{border-color:var(--wb);background:#f59e0b14}.wb-rcol-head{display:flex;align-items:baseline;justify-content:space-between;font-weight:600;font-size:13px}.wb-rcol-head b{font-family:var(--font-display);font-size:20px;color:var(--wb)}.wb-rwords{display:flex;flex-wrap:wrap;gap:5px;overflow-y:auto}.wb-none{opacity:.5;font-size:13px}.wb-reveal-next{text-align:center;font-size:13px;opacity:.6}.wb-foot{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:auto}.wb-end{align-items:center;justify-content:center;gap:14px}.wb-end-card{width:100%;max-width:460px;background:#120c04db;border:1px solid rgba(231,242,251,.12);border-radius:22px;padding:26px 22px;text-align:center;display:flex;flex-direction:column;gap:8px}.wb-end-card.win{border-color:#f59e0b80;box-shadow:0 0 40px -14px var(--wb)}.wb-end-emblem{font-size:44px}.wb-end-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.6}.wb-end-title{font-family:var(--font-display);font-size:32px;margin:0}.wb-end-sub{opacity:.8;margin:0 0 6px}.wb-end-board{display:flex;flex-direction:column;gap:6px}.wb-end-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#ffffff08}.wb-end-row.you{border:1px solid rgba(245,158,11,.45)}.wb-end-row.win{background:#f59e0b1f}.wb-end-rank{width:20px;opacity:.6;font-family:var(--font-display)}.wb-end-name{text-align:left;flex:1;font-weight:600}.wb-end-pts{font-family:var(--font-display);font-size:20px;color:var(--wb)}.wb-end-actions{width:100%;max-width:460px;gap:10px}@media(prefers-reduced-motion:reduce){.wb-grid:before,.wb-word.ok,.wb-word.bad{animation:none}}.screen.anagram{--ar: #10b981;--ar-ink: #05271b;display:flex;flex-direction:column;gap:12px;min-height:100%;padding:12px 12px 16px}.ar-reconnect{text-align:center;font-size:13px;color:#a7f3d0;background:#06221899;border:1px solid rgba(16,185,129,.25);border-radius:10px;padding:7px 10px}.ar-scores{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.ar-chip{display:flex;align-items:center;gap:9px;padding:6px 11px;border-radius:14px;background:#061a13b8;border:1px solid rgba(231,242,251,.1);min-width:150px}.ar-chip.you{border-color:#10b98180;box-shadow:inset 0 1px #beffe41f,0 0 18px -10px var(--ar)}.ar-chip.win{border-color:var(--ar);box-shadow:0 0 18px -6px var(--ar)}.ar-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:#04211a;font-size:12px}.ar-cmeta{display:flex;flex-direction:column;gap:1px;min-width:0}.ar-cname{font-size:13px;font-weight:600;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ar-cwins{font-size:10px;letter-spacing:2px;color:var(--ar)}.ar-cscore{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end}.ar-cscore b{font-family:var(--font-display);font-size:20px;color:var(--ar);line-height:1}.ar-cscore small{opacity:.5;font-size:11px}.ar-status{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px}.ar-word{font-family:var(--font-display);font-size:26px;letter-spacing:.1em;text-transform:uppercase;color:var(--foam);display:inline-flex;align-items:center;transition:color .15s,transform .15s}.ar-word.ok{color:#6ee7a8;animation:arPop .5s ease}.ar-word.bonus{color:#fde68a;animation:arPop .6s ease;text-shadow:0 0 18px rgba(253,224,138,.6)}.ar-word.bad{color:#ff8f9b;animation:arShake .4s ease}.ar-caret{width:2px;height:24px;margin-left:3px;background:var(--ar);display:inline-block;animation:arBlink 1s step-end infinite}.ar-clock{font-family:var(--font-display);font-size:18px;color:var(--ar);opacity:.9}@keyframes arPop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes arShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes arBlink{50%{opacity:0}}.ar-rack{position:relative;isolation:isolate;margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:16px 12px;border-radius:22px;border:1px solid rgba(16,185,129,.24);background:radial-gradient(circle at 50% 40%,#10b98121,#04140e85 68%);box-shadow:inset 0 1px #beffe41a,0 22px 46px -12px #0000006b}.ar-rack:before{content:"";position:absolute;z-index:0;top:12%;right:12%;bottom:12%;left:12%;border-radius:40%;box-shadow:0 0 0 20px #10b98105;animation:arCore 4.6s ease-in-out infinite;pointer-events:none}.ar-rack>*{position:relative;z-index:1}@keyframes arCore{50%{transform:scale(1.06);opacity:.6}}.ar-tile{width:52px;height:60px;border-radius:12px;border:1px solid rgba(190,245,220,.18);background:linear-gradient(160deg,#12724a,#093222);box-shadow:inset 0 1px #c8ffe633,inset 0 -3px 5px #0000005c,0 2px 4px #0000004d;color:#e8fff4;font-family:var(--font-display);font-weight:700;font-size:30px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.4);cursor:pointer;transition:transform .08s,background .12s,box-shadow .12s,opacity .12s;-webkit-tap-highlight-color:transparent}.ar-tile:not(:disabled):active{transform:scale(.95)}.ar-tile:not(.used):not(:disabled):hover{background:linear-gradient(160deg,#16a06a,#0c4a33);box-shadow:0 8px 20px -8px var(--ar)}.ar-tile.used{opacity:.28;cursor:default;transform:translateY(3px) scale(.96)}.ar-controls{display:flex;gap:8px;align-items:stretch}.ar-ctrl,.ar-submit{height:48px;border-radius:12px;font-family:var(--font-display);font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;border:1px solid rgba(231,242,251,.14);background:#ffffff0d;color:var(--foam);transition:transform .08s,background .12s,opacity .12s}.ar-ctrl{flex:1}.ar-submit{flex:1.6;border:none;background:linear-gradient(150deg,#34e0a1,var(--ar));color:var(--ar-ink)}.ar-ctrl:not(:disabled):active,.ar-submit:not(:disabled):active{transform:scale(.97)}.ar-ctrl:disabled,.ar-submit:disabled{opacity:.45;cursor:default}.ar-found{background:#04160f99;border:1px solid rgba(231,242,251,.08);border-radius:14px;padding:10px 12px}.ar-found-head{display:flex;align-items:baseline;justify-content:space-between;font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin-bottom:7px}.ar-found-head b{font-family:var(--font-display);font-size:18px;color:var(--ar);opacity:1}.ar-found-list{display:flex;flex-wrap:wrap;gap:6px;max-height:92px;overflow-y:auto}.ar-hint{font-size:13px;opacity:.55}.ar-fword,.ar-rword{display:inline-flex;align-items:baseline;gap:3px;padding:3px 8px;border-radius:8px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);font-size:14px;text-transform:lowercase}.ar-fword i,.ar-rword i{font-style:normal;font-size:10px;color:var(--ar);opacity:.85}.ar-reveal{flex:1;display:flex;flex-direction:column;gap:12px;background:#04140eb8;border:1px solid rgba(231,242,251,.1);border-radius:20px;padding:16px}.ar-reveal-head{text-align:center;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-size:16px;color:var(--ar)}.ar-reveal-cols{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0}.ar-rcol{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:12px;background:#ffffff08;border:1px solid rgba(231,242,251,.08);min-height:0}.ar-rcol.win{border-color:var(--ar);background:#10b98114}.ar-rcol-head{display:flex;align-items:baseline;justify-content:space-between;font-weight:600;font-size:13px}.ar-rcol-head b{font-family:var(--font-display);font-size:20px;color:var(--ar)}.ar-rwords{display:flex;flex-wrap:wrap;gap:5px;overflow-y:auto}.ar-none{opacity:.5;font-size:13px}.ar-reveal-next{text-align:center;font-size:13px;opacity:.6}.ar-foot{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:auto}.ar-end{align-items:center;justify-content:center;gap:14px}.ar-end-card{width:100%;max-width:460px;background:#04140edb;border:1px solid rgba(231,242,251,.12);border-radius:22px;padding:26px 22px;text-align:center;display:flex;flex-direction:column;gap:8px}.ar-end-card.win{border-color:#10b98180;box-shadow:0 0 40px -14px var(--ar)}.ar-end-emblem{font-size:44px}.ar-end-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.6}.ar-end-title{font-family:var(--font-display);font-size:32px;margin:0}.ar-end-sub{opacity:.8;margin:0 0 6px}.ar-end-board{display:flex;flex-direction:column;gap:6px}.ar-end-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#ffffff08}.ar-end-row.you{border:1px solid rgba(16,185,129,.45)}.ar-end-row.win{background:#10b9811f}.ar-end-rank{width:20px;opacity:.6;font-family:var(--font-display)}.ar-end-name{text-align:left;flex:1;font-weight:600}.ar-end-pts{font-family:var(--font-display);font-size:20px;color:var(--ar)}.ar-end-actions{width:100%;max-width:460px;gap:10px}@media(prefers-reduced-motion:reduce){.ar-rack:before,.ar-caret,.ar-word.ok,.ar-word.bonus,.ar-word.bad{animation:none}}.screen.categories{--ct: #f43f5e;display:flex;flex-direction:column;gap:12px;min-height:100%;padding:12px 12px 16px}.ct-reconnect{text-align:center;font-size:13px;color:#ffc9d3;background:#28081099;border:1px solid rgba(244,63,94,.25);border-radius:10px;padding:7px 10px}.ct-scores{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.ct-chip{display:flex;align-items:center;gap:9px;padding:6px 11px;border-radius:14px;background:#1c080eb8;border:1px solid rgba(231,242,251,.1);min-width:150px}.ct-chip.you{border-color:#f43f5e80;box-shadow:inset 0 1px #ffc8d21f,0 0 18px -10px var(--ct)}.ct-chip.win{border-color:var(--ct);box-shadow:0 0 18px -6px var(--ct)}.ct-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:#2a0810;font-size:12px}.ct-cmeta{display:flex;flex-direction:column;gap:1px;min-width:0}.ct-cname{font-size:13px;font-weight:600;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ct-cwins{font-size:10px;letter-spacing:2px;color:var(--ct)}.ct-cscore{margin-left:auto;display:flex;align-items:baseline;gap:1px}.ct-cscore b{font-family:var(--font-display);font-size:20px;color:var(--ct);line-height:1}.ct-cscore small{opacity:.5;font-size:12px}.ct-letterbar{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:16px;border:1px solid rgba(244,63,94,.24);background:radial-gradient(circle at 20% 50%,#f43f5e29,#18060c80 70%);box-shadow:inset 0 1px #ffc8d214}.ct-letter-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.7;max-width:120px;line-height:1.15}.ct-letter{font-family:var(--font-display);font-weight:700;font-size:44px;line-height:1;color:var(--ct);text-shadow:0 0 22px rgba(244,63,94,.5);animation:ctLetterPop .5s cubic-bezier(.16,1,.3,1)}.ct-clock{margin-left:auto;font-family:var(--font-display);font-size:20px;color:var(--ct);opacity:.9}@keyframes ctLetterPop{0%{transform:scale(.6) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}.ct-fields{display:flex;flex-direction:column;justify-content:center;gap:11px;flex:1}.ct-field{position:relative;display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:10px;padding:10px 13px;border-radius:14px;background:#ffffff0b;border:1px solid rgba(231,242,251,.11);box-shadow:inset 0 1px #ffffff0d,0 3px 8px -3px #0000004d;transition:border-color .15s,background .15s,box-shadow .15s}.ct-field:focus-within{border-color:#f43f5e73;box-shadow:inset 0 1px #ffffff0f,0 0 0 3px #f43f5e24}.ct-field.ok{border-color:#6ee7a880;background:#34d39917}.ct-field.bad{border-color:#ff8f9b66}.ct-field-label{font-family:var(--font-display);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#e7f2fbd1}.ct-input{width:100%;background:transparent;border:none;outline:none;color:var(--foam);font-size:16px;padding:6px 0}.ct-input::placeholder{color:#e7f2fb47;text-transform:uppercase}.ct-mark{width:20px;text-align:center;font-size:18px;font-weight:700}.ct-field.ok .ct-mark{color:#6ee7a8}.ct-field.bad .ct-mark{color:#ff8f9b}.ct-hint{font-size:12px;opacity:.5;margin-top:2px}.ct-reveal{flex:1;display:flex;flex-direction:column;gap:10px;background:#16060bb8;border:1px solid rgba(231,242,251,.1);border-radius:20px;padding:14px}.ct-reveal-head{text-align:center;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-size:16px;color:var(--ct)}.ct-reveal-rows{display:flex;flex-direction:column;gap:7px}.ct-rrow{display:flex;flex-direction:column;gap:4px}.ct-rcat{font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.6;font-weight:700}.ct-rcells{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ct-rcell{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 10px;border-radius:9px;background:#ffffff08;border:1px solid rgba(231,242,251,.08);font-size:14px}.ct-rcell.uniq{border-color:#6ee7a880;background:#34d39914}.ct-rcell.dup{border-color:#f43f5e59;background:#f43f5e0f}.ct-rcell.bad{opacity:.55}.ct-rtext{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}.ct-rpts{font-family:var(--font-display);font-weight:700;font-size:13px;opacity:.8}.ct-rcell.uniq .ct-rpts{color:#6ee7a8}.ct-reveal-totals{display:flex;justify-content:space-around;gap:10px;padding-top:4px}.ct-total{font-size:14px}.ct-total b{font-family:var(--font-display);font-size:18px;color:var(--ct)}.ct-total.win b{color:#6ee7a8}.ct-reveal-next{text-align:center;font-size:13px;opacity:.6}.ct-foot{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:auto}.ct-end{align-items:center;justify-content:center;gap:14px}.ct-end-card{width:100%;max-width:460px;background:#16060bdb;border:1px solid rgba(231,242,251,.12);border-radius:22px;padding:26px 22px;text-align:center;display:flex;flex-direction:column;gap:8px}.ct-end-card.win{border-color:#f43f5e80;box-shadow:0 0 40px -14px var(--ct)}.ct-end-emblem{font-size:44px}.ct-end-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.6}.ct-end-title{font-family:var(--font-display);font-size:32px;margin:0}.ct-end-sub{opacity:.8;margin:0 0 6px}.ct-end-board{display:flex;flex-direction:column;gap:6px}.ct-end-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#ffffff08}.ct-end-row.you{border:1px solid rgba(244,63,94,.45)}.ct-end-row.win{background:#f43f5e1f}.ct-end-rank{width:20px;opacity:.6;font-family:var(--font-display)}.ct-end-name{text-align:left;flex:1;font-weight:600}.ct-end-pts{font-family:var(--font-display);font-size:20px;color:var(--ct)}.ct-end-actions{width:100%;max-width:460px;gap:10px}@media(prefers-reduced-motion:reduce){.ct-letter{animation:none}}.screen.trivia{--tv: #a855f7;display:flex;flex-direction:column;gap:12px;min-height:100%;padding:12px 12px 16px}.tv-reconnect{text-align:center;font-size:13px;color:#e5c9ff;background:#1e0c2e99;border:1px solid rgba(168,85,247,.25);border-radius:10px;padding:7px 10px}.tv-scores{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.tv-chip{display:flex;align-items:center;gap:9px;padding:6px 11px;border-radius:14px;background:#160a22b8;border:1px solid rgba(231,242,251,.1);min-width:150px}.tv-chip.you{border-color:#a855f780;box-shadow:inset 0 1px #e6c8ff1f,0 0 18px -10px var(--tv)}.tv-chip.win{border-color:var(--tv);box-shadow:0 0 18px -6px var(--tv);animation:tvChip .4s cubic-bezier(.2,.9,.3,1.3)}@keyframes tvChip{0%{transform:scale(1)}45%{transform:scale(1.09)}to{transform:scale(1)}}.tv-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;color:#1a0a2a;font-size:12px}.tv-cmeta{display:flex;flex-direction:column;gap:1px;min-width:0}.tv-cname{font-size:13px;font-weight:600;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tv-cwins{font-size:10px;letter-spacing:2px;color:var(--tv)}.tv-lockdot{margin-left:auto;width:12px;height:12px;border-radius:50%;border:2px solid rgba(231,242,251,.3);transition:background .2s,border-color .2s}.tv-lockdot.on{background:var(--tv);border-color:var(--tv);box-shadow:0 0 10px -1px var(--tv)}.tv-meta{display:flex;align-items:center;gap:8px}.tv-cat{font-family:var(--font-display);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--tv)}.tv-diff{font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;border-radius:999px;border:1px solid rgba(231,242,251,.16);color:#e7f2fbb3}.tv-diff.easy{color:#6ee7a8;border-color:#6ee7a866}.tv-diff.hard{color:#ff8f9b;border-color:#ff8f9b66}.tv-clock{margin-left:auto;font-family:var(--font-display);font-size:20px;color:var(--tv)}.tv-question{font-family:var(--font-display);font-size:clamp(20px,6vw,26px);line-height:1.24;font-weight:600;padding:14px 16px;border-radius:16px;border:1px solid rgba(168,85,247,.24);background:radial-gradient(circle at 50% 0%,#a855f724,#14082080 72%);box-shadow:inset 0 1px #e6c8ff14}.tv-options{display:flex;flex-direction:column;justify-content:center;gap:11px;flex:1}.tv-opt{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;border:1px solid rgba(231,242,251,.12);background:#ffffff0a;box-shadow:inset 0 1px #ffffff0d,0 3px 8px -3px #0000004d;color:var(--foam);text-align:left;cursor:pointer;transition:transform .08s,background .12s,border-color .12s,box-shadow .12s,opacity .15s;-webkit-tap-highlight-color:transparent}.tv-opt:not(:disabled):hover{border-color:#a855f780;background:#a855f714}.tv-opt:not(:disabled):active{transform:scale(.99)}.tv-opt-key{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:9px;background:#a855f729;border:1px solid rgba(168,85,247,.3);font-family:var(--font-display);font-weight:700;color:var(--tv)}.tv-opt-text{flex:1;font-size:15px}.tv-opt-mark{font-size:18px;font-weight:700}.tv-opt.picked{border-color:var(--tv);background:#a855f729;animation:tvPick .16s ease-out}.tv-opt.correct{border-color:#6ee7a8;background:#34d39924;animation:tvReveal .42s ease-out}@keyframes tvPick{0%{transform:scale(.98)}to{transform:scale(1)}}@keyframes tvReveal{0%{box-shadow:0 0 #6ee7a88c}to{box-shadow:0 0 0 10px #6ee7a800}}.tv-opt.correct .tv-opt-key{background:#34d39933;border-color:#6ee7a8;color:#6ee7a8}.tv-opt.correct .tv-opt-mark{color:#6ee7a8}.tv-opt.wrong{border-color:#ff8f9b;background:#f43f5e1f}.tv-opt.wrong .tv-opt-mark{color:#ff8f9b}.tv-opt.dim{opacity:.5}.tv-opt:disabled{cursor:default}@media(prefers-reduced-motion:reduce){.tv-opt.picked,.tv-opt.correct,.tv-chip.win{animation:none}}.tv-status{text-align:center;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;font-size:14px;opacity:.85;color:var(--tv)}.tv-foot{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:auto}.tv-end{align-items:center;justify-content:center;gap:14px}.tv-end-card{width:100%;max-width:460px;background:#140820db;border:1px solid rgba(231,242,251,.12);border-radius:22px;padding:26px 22px;text-align:center;display:flex;flex-direction:column;gap:8px}.tv-end-card.win{border-color:#a855f780;box-shadow:0 0 40px -14px var(--tv)}.tv-end-emblem{font-size:44px}.tv-end-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.6}.tv-end-title{font-family:var(--font-display);font-size:32px;margin:0}.tv-end-sub{opacity:.8;margin:0 0 6px}.tv-end-board{display:flex;flex-direction:column;gap:6px}.tv-end-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#ffffff08}.tv-end-row.you{border:1px solid rgba(168,85,247,.45)}.tv-end-row.win{background:#a855f71f}.tv-end-rank{width:20px;opacity:.6;font-family:var(--font-display)}.tv-end-name{text-align:left;flex:1;font-weight:600}.tv-end-pts{font-family:var(--font-display);font-size:20px;color:var(--tv)}.tv-end-actions{width:100%;max-width:460px;gap:10px}.screen.connect4{--c4: #3b82f6;--c4-red: #ef4444;--c4-yellow: #eab308;display:flex;flex-direction:column;gap:14px;min-height:100%;padding:12px 12px 16px}.c4-reconnect{display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;color:#bfdbfe;background:#08142899;border:1px solid rgba(59,130,246,.25);border-radius:10px;padding:7px 10px}.c4-reconnect-spin{width:13px;height:13px;flex:none;border-radius:50%;border:2px solid rgba(147,197,253,.85);border-top-color:transparent;animation:c4Spin .8s linear infinite}@keyframes c4Spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.c4-reconnect-spin{animation:none}}.c4-hud{display:flex;align-items:stretch;gap:8px}.c4-center{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;padding:0 2px}.c4-role{width:100%;height:100%;border-radius:50%;box-shadow:inset 0 -2px 3px #0006,inset 0 1px 2px #fff6}.c4-role.red{background:radial-gradient(circle at 35% 30%,#ff7a7a,var(--c4-red))}.c4-role.yellow{background:radial-gradient(circle at 35% 30%,#fde68a,var(--c4-yellow))}.c4-seat{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:14px;background:#0a1422b3;border:1px solid rgba(231,242,251,.1);min-width:0;flex:1;transition:border-color .2s,box-shadow .2s}.c4-seat.yellow{flex-direction:row-reverse;text-align:right}.c4-seat.turn.red{border-color:var(--c4-red);box-shadow:0 0 16px -6px var(--c4-red)}.c4-seat.turn.yellow{border-color:var(--c4-yellow);box-shadow:0 0 16px -6px var(--c4-yellow)}.c4-disc-badge{width:26px;height:26px;border-radius:50%;flex:none;box-shadow:inset 0 -3px 5px #00000059,inset 0 2px 3px #ffffff59}.c4-disc-badge.red{background:radial-gradient(circle at 35% 30%,#ff7a7a,var(--c4-red))}.c4-disc-badge.yellow{background:radial-gradient(circle at 35% 30%,#fde68a,var(--c4-yellow))}.c4-seat-name{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c4-turn{display:flex;flex-direction:column;align-items:center;gap:1px;flex:none}.c4-turn-label{font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:.05em;opacity:.85;white-space:nowrap}.c4-clock{font-family:var(--font-display);font-size:16px;color:var(--c4)}.c4-board{align-self:center;margin-top:auto;width:min(100%,366px);flex:none;display:grid;grid-template-columns:repeat(7,1fr);gap:0;padding:10px;border-radius:20px;background:linear-gradient(158deg,#3b74e6,#1e3a8a 60%,#16307a);box-shadow:inset 0 2px 1px #ffffff4d,inset 0 -7px 15px #030a1e8c,inset 0 0 0 1px #93c5fd33,0 24px 50px -14px #0009;border:1px solid rgba(120,170,255,.42)}.c4-col{display:flex;flex-direction:column;gap:0;padding:0;border:none;background:transparent;cursor:pointer;border-radius:12px;transition:background .14s ease;-webkit-tap-highlight-color:transparent}.c4-board.live .c4-col:not(:disabled):hover{background:linear-gradient(180deg,#ffffff2e,#ffffff04)}.c4-col:disabled{cursor:default}.c4-slot{position:relative;aspect-ratio:1 / 1;display:grid;place-items:center;padding:8%}.c4-slot:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;background:radial-gradient(circle at 50% 42%,#0a1120,#0d1830);box-shadow:inset 0 4px 7px #000000b3,inset 0 -2px 3px #82aaff29,0 1px #ffffff17}.c4-disc{position:relative;z-index:1;width:76%;height:76%;border-radius:50%;box-shadow:inset 0 -4px 7px #00000073,inset 0 3px 5px #ffffff80,inset 0 0 0 1.5px #00000029,0 3px 5px #00000073}.c4-disc.red{background:radial-gradient(circle at 36% 28%,#ff9a9a,#ef4444 60%,#c62b2b)}.c4-disc.yellow{background:radial-gradient(circle at 36% 28%,#fef0a8,#eab308 58%,#c78a06)}.c4-disc.win{box-shadow:inset 0 -3px 6px #0000004d,0 0 0 3px #fff,0 0 16px 2px #fff;animation:c4WinPulse 1s ease-in-out infinite}.c4-disc.fall{animation:c4Fall .34s cubic-bezier(.5,0,.7,1)}@keyframes c4Fall{0%{transform:translateY(-520%)}70%{transform:translateY(0)}82%{transform:translateY(-9%)}to{transform:translateY(0)}}@keyframes c4WinPulse{50%{box-shadow:inset 0 -3px 6px #0000004d,0 0 0 3px #fff,0 0 22px 5px #fff}}@media(prefers-reduced-motion:reduce){.c4-disc.fall,.c4-disc.win{animation:none}}.c4-foot{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:auto}.c4-end{align-items:center;justify-content:center;gap:14px}.c4-end-card{width:100%;max-width:440px;background:#0a1422db;border:1px solid rgba(231,242,251,.12);border-radius:22px;padding:28px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.c4-end-card.win{border-color:#3b82f680;box-shadow:0 0 40px -14px var(--c4)}.c4-end-emblem{display:flex;gap:8px;margin-bottom:4px}.c4-end-emblem .c4-disc{width:34px;height:34px}.c4-end-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.6}.c4-end-title{font-family:var(--font-display);font-size:32px;margin:0}.c4-end-sub{opacity:.8;margin:0}.c4-end-actions{width:100%;max-width:440px;gap:10px}.screen.checkers{position:relative;--ck: #dc2626;--ck-p1: #ef4444;--ck-p2: #f5f5f4;display:flex;flex-direction:column;gap:14px;min-height:100%;padding:12px 12px 16px}.ck-reconnect{display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;color:#fecaca;background:#28080899;border:1px solid rgba(220,38,38,.25);border-radius:10px;padding:7px 10px}.ck-reconnect-spin{width:13px;height:13px;flex:none;border-radius:50%;border:2px solid rgba(252,165,165,.85);border-top-color:transparent;animation:ckSpin .8s linear infinite}@keyframes ckSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ck-reconnect-spin{animation:none}}.ck-hud{display:flex;align-items:stretch;gap:8px}.ck-center{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;padding:0 2px}.ck-role{width:100%;height:100%;border-radius:50%;box-shadow:inset 0 -2px 3px #00000073,inset 0 1px 2px #ffffff59}.ck-role.p1{background:radial-gradient(circle at 35% 30%,#ff8080,#c02020)}.ck-role.p2{background:radial-gradient(circle at 35% 30%,#fff,#9aa0a8)}.ck-seat{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:14px;background:#140c0ab3;border:1px solid rgba(231,242,251,.1);flex:1;min-width:0;transition:border-color .2s,box-shadow .2s}.ck-seat.p2{flex-direction:row-reverse;text-align:right}.ck-seat.turn{border-color:var(--ck);box-shadow:0 0 16px -6px var(--ck)}.ck-piece-badge{width:26px;height:26px;border-radius:50%;flex:none;box-shadow:inset 0 -3px 5px #0006,inset 0 2px 3px #ffffff4d}.ck-piece-badge.p1{background:radial-gradient(circle at 35% 30%,#ff7a7a,#b91c1c)}.ck-piece-badge.p2{background:radial-gradient(circle at 35% 30%,#fff,#9ca3af)}.ck-seat-meta{display:flex;flex-direction:column;gap:0;min-width:0}.ck-seat-name{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ck-seat-count{font-size:11px;opacity:.6}.ck-turn{display:flex;flex-direction:column;align-items:center;gap:1px;flex:none}.ck-turn-label{font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:.05em;opacity:.85;white-space:nowrap}.ck-clock{font-family:var(--font-display);font-size:16px;color:var(--ck)}.ck-board{align-self:center;margin-top:auto;width:min(100%,360px);flex:none;aspect-ratio:1 / 1;display:grid;border-radius:14px;overflow:hidden;border:6px solid #3a2416;box-shadow:inset 0 0 0 1px #ffe2b429,inset 0 2px 3px #ffe2b41f,0 26px 52px -14px #0009}.ck-sq{position:relative;display:grid;place-items:center}.ck-sq.light{background:#d7c4a1}.ck-sq.dark{background:#2f5540;cursor:pointer}.ck-sq.last:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 3px #ffffff59;pointer-events:none}.ck-sq.target{background:#3a6b50}.ck-sq.onpath{background:#4a7d60}.ck-piece{position:relative;width:74%;height:74%;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 -3px 6px #00000073,inset 0 3px 4px #ffffff59,0 3px 5px #0006;transition:transform .1s}.ck-piece.p1{background:radial-gradient(circle at 35% 30%,#ff8080,#c02020)}.ck-piece.p2{background:radial-gradient(circle at 35% 30%,#fff,#9aa0a8)}.ck-piece.movable{cursor:pointer;animation:ckMovable 1.6s ease-in-out infinite}.ck-piece.sel{box-shadow:inset 0 -3px 6px #0006,0 0 0 3px #ffe58a,0 0 14px 2px #ffd65a99;transform:scale(1.04)}.ck-crown{font-size:60%;color:#fde047;text-shadow:0 1px 2px rgba(0,0,0,.5);line-height:1}.ck-piece.p1 .ck-crown{color:#fef08a}.ck-dot{width:26%;height:26%;border-radius:50%;background:#ffffff8c;box-shadow:0 0 8px #ffffff80}@keyframes ckMovable{50%{box-shadow:inset 0 -3px 6px #00000073,inset 0 3px 4px #ffffff59,0 0 12px 1px #ffe58a99}}@media(prefers-reduced-motion:reduce){.ck-piece.movable{animation:none}}.ck-foot{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:auto}.ck-end{align-items:center;justify-content:center;gap:14px}.ck-end-card{width:100%;max-width:440px;background:#140c0adb;border:1px solid rgba(231,242,251,.12);border-radius:22px;padding:28px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.ck-end-card.win{border-color:#dc262680;box-shadow:0 0 40px -14px var(--ck)}.ck-end-emblem{margin-bottom:4px}.ck-end-emblem .ck-piece{width:46px;height:46px;display:inline-grid}.ck-end-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.6}.ck-end-title{font-family:var(--font-display);font-size:32px;margin:0}.ck-end-sub{opacity:.8;margin:0}.ck-end-actions{width:100%;max-width:440px;gap:10px}.screen.dots{position:relative;--dz: #f97316;--dz-p1: #f97316;--dz-p2: #06b6d4;display:flex;flex-direction:column;gap:14px;min-height:100%;padding:12px 12px 16px}.dz-reconnect{display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;color:#fed7aa;background:#28160699;border:1px solid rgba(249,115,22,.25);border-radius:10px;padding:7px 10px}.dz-reconnect-spin{width:13px;height:13px;flex:none;border-radius:50%;border:2px solid rgba(254,215,170,.85);border-top-color:transparent;animation:dzSpin .8s linear infinite}@keyframes dzSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.dz-reconnect-spin{animation:none}}.dz-center{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;padding:0 2px}.dz-role{width:100%;height:100%;border-radius:50%;box-shadow:inset 0 1px 2px #fff6}.dz-role.p1{background:radial-gradient(circle at 35% 30%,#fdba74,#f97316)}.dz-role.p2{background:radial-gradient(circle at 35% 30%,#67e8f9,#06b6d4)}.dz-hud{display:flex;align-items:stretch;gap:8px}.dz-seat{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:14px;background:#140e08b3;border:1px solid rgba(231,242,251,.1);flex:1;min-width:0;transition:border-color .2s,box-shadow .2s}.dz-seat.p2{flex-direction:row-reverse;text-align:right}.dz-seat.turn.p1{border-color:var(--dz-p1);box-shadow:0 0 16px -6px var(--dz-p1)}.dz-seat.turn.p2{border-color:var(--dz-p2);box-shadow:0 0 16px -6px var(--dz-p2)}.dz-swatch{width:24px;height:24px;border-radius:7px;flex:none;box-shadow:inset 0 1px #ffffff4d}.dz-swatch.p1{background:var(--dz-p1)}.dz-swatch.p2{background:var(--dz-p2)}.dz-seat-meta{display:flex;flex-direction:column;min-width:0}.dz-seat.p2 .dz-seat-meta{align-items:flex-end}.dz-seat-name{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dz-seat-score{font-family:var(--font-display);font-size:20px;line-height:1}.dz-seat.p1 .dz-seat-score{color:var(--dz-p1)}.dz-seat.p2 .dz-seat-score{color:var(--dz-p2)}.dz-turn{display:flex;flex-direction:column;align-items:center;gap:1px;flex:none}.dz-turn-label{font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:.05em;opacity:.85;white-space:nowrap}.dz-clock{font-family:var(--font-display);font-size:16px;color:var(--dz)}.dz-boardwrap{align-self:center;margin-top:auto;width:min(100%,340px);flex:none;padding:14px;border-radius:20px;background:radial-gradient(circle at 50% 26%,#f973161f,#0e0a068c 72%);border:1px solid rgba(249,115,22,.24);box-shadow:inset 0 1px #ffdcb41a,0 24px 48px -14px #00000080}.dz-board{width:100%;height:auto;display:block;overflow:visible}.dz-dot{fill:#ffead0e6}.dz-edge{stroke-linecap:round;fill:none}.dz-edge.off{stroke:#e7f2fb2b;stroke-width:.9}.dz-edge.on{stroke:#d7dce4;stroke-width:1.8}.dz-edge.last{stroke:var(--dz);stroke-width:2.2;filter:drop-shadow(0 0 2px var(--dz))}.dz-hit{fill:#fff0;cursor:pointer;pointer-events:all;transition:fill .1s}.dz-boardwrap.live .dz-hit:hover{fill:#f9731659}.dz-fill{opacity:0;animation:dzClaim .3s ease forwards}.dz-fill.p1{fill:#f9731680}.dz-fill.p2{fill:#06b6d480}@keyframes dzClaim{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.dz-fill{animation:none;opacity:1}}.dz-foot{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:auto}.dz-end{align-items:center;justify-content:center;gap:14px}.dz-end-card{width:100%;max-width:440px;background:#140e08db;border:1px solid rgba(231,242,251,.12);border-radius:22px;padding:28px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.dz-end-card.win{border-color:#f9731680;box-shadow:0 0 40px -14px var(--dz)}.dz-end-emblem{font-size:42px}.dz-end-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.6}.dz-end-title{font-family:var(--font-display);font-size:32px;margin:0}.dz-end-score{display:flex;align-items:baseline;gap:10px;font-family:var(--font-display);font-size:34px}.dz-end-score .p1{color:var(--dz-p1)}.dz-end-score .p2{color:var(--dz-p2)}.dz-end-dash{opacity:.4}.dz-end-sub{opacity:.8;margin:0}.dz-end-actions{width:100%;max-width:440px;gap:10px}.screen.mastermind{position:relative;--mm: #6366f1;display:flex;flex-direction:column;gap:12px;min-height:100%;padding:12px 12px 16px}.mm-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.mm-title{font-family:var(--font-display);font-size:17px;text-transform:uppercase;letter-spacing:.06em;color:var(--mm)}.mm-opps{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.mm-opp{display:flex;align-items:center;gap:7px;padding:4px 10px 4px 5px;border-radius:12px;background:#121228b3;border:1px solid rgba(231,242,251,.1)}.mm-opp-av{width:26px;height:26px;font-size:11px;flex:none}.mm-opp-meta{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.mm-opp.solved{border-color:var(--mm);box-shadow:0 0 14px -6px var(--mm)}.mm-opp.solved .mm-opp-av{box-shadow:0 0 0 2px var(--mm)}.mm-opp-name{font-size:13px;font-weight:600;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm-opp-count{font-size:11px;opacity:.6}.mm-opp.solved .mm-opp-count{color:var(--mm);opacity:1}.mm-history{flex:1;display:flex;flex-direction:column;gap:7px;padding:10px;border-radius:16px;background:#0e0e1e99;border:1px solid rgba(231,242,251,.08);overflow-y:auto;min-height:120px}.mm-hint{opacity:.5;font-size:13px;text-align:center;margin:auto}.mm-row{display:flex;align-items:center;gap:10px;animation:mmRowIn .26s cubic-bezier(.2,.9,.3,1.2) both}@keyframes mmRowIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.mm-rownum{width:18px;text-align:center;font-family:var(--font-display);opacity:.5;font-size:13px}.mm-pegs{display:flex;gap:6px}.mm-peg{position:relative;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 -3px 5px #00000080,inset 0 0 0 1px #00000029,0 2px 3px #0006}.mm-peg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 34% 27%,#fff9,#fff0 54%);pointer-events:none}.mm-peg.big{width:34px;height:34px}.mm-clues{margin-left:auto;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border-radius:6px;background:#00000040}.mm-clue{width:8px;height:8px;border-radius:50%}.mm-clue.empty{background:#e7f2fb24}.mm-clue.present{background:#e5e7eb}.mm-clue.exact{background:#111827;box-shadow:0 0 0 1.5px #ffffff80}@media(prefers-reduced-motion:reduce){.mm-row{animation:none}}.mm-compose{display:flex;flex-direction:column;gap:12px;padding:12px;border-radius:16px;background:#12122899;border:1px solid rgba(99,102,241,.24)}.mm-current{display:flex;gap:10px;justify-content:center}.mm-slot{width:40px;height:40px;border-radius:50%;border:2px dashed rgba(231,242,251,.25)}.mm-slot.filled{border:none;box-shadow:inset 0 -3px 5px #0006,inset 0 2px 4px #ffffff59}.mm-palette{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.mm-swatch{position:relative;width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.16);cursor:pointer;box-shadow:inset 0 -3px 5px #0006,inset 0 0 0 1px #00000024,0 3px 6px #0006;transition:transform .08s;-webkit-tap-highlight-color:transparent}.mm-swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 34% 27%,#ffffff8c,#fff0 55%);pointer-events:none}.mm-swatch:active{transform:scale(.92)}.mm-actions{display:flex;align-items:center;gap:10px}.mm-btn{height:44px;padding:0 16px;border-radius:12px;border:1px solid rgba(231,242,251,.14);background:#ffffff0d;color:var(--foam);font-family:var(--font-display);font-weight:700;cursor:pointer}.mm-btn.submit{flex:1;border:none;background:linear-gradient(150deg,#818cf8,var(--mm));color:#0e0e22}.mm-btn:disabled{opacity:.45;cursor:default}.mm-remaining{margin-left:auto;font-size:12px;opacity:.6;text-transform:uppercase;letter-spacing:.06em}.mm-waiting{text-align:center;padding:16px;opacity:.7;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em}.mm-foot{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:auto}.mm-end{align-items:center;justify-content:center;gap:14px}.mm-end-card{width:100%;max-width:440px;background:#0e0e1edb;border:1px solid rgba(231,242,251,.12);border-radius:22px;padding:26px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.mm-end-card.win{border-color:#6366f180;box-shadow:0 0 40px -14px var(--mm)}.mm-end-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.6}.mm-end-title{font-family:var(--font-display);font-size:32px;margin:0}.mm-end-sub{opacity:.8;margin:0}.mm-end-secret{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:6px}.mm-end-secret-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;opacity:.6}.mm-end-actions{width:100%;max-width:440px;gap:10px}.screen.chess{position:relative;--ch: #94a3b8;display:flex;flex-direction:column;gap:14px;min-height:100%;padding:12px 12px 16px}.ch-reconnect{display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;color:#cbd5e1;background:#14161c99;border:1px solid rgba(148,163,184,.25);border-radius:10px;padding:7px 10px}.ch-reconnect-spin{width:13px;height:13px;flex:none;border-radius:50%;border:2px solid rgba(203,213,225,.85);border-top-color:transparent;animation:chSpin .8s linear infinite}@keyframes chSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ch-reconnect-spin{animation:none}}.ch-center{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;padding:0 2px}.ch-role{width:100%;height:100%;border-radius:50%}.ch-role.white{background:radial-gradient(circle at 36% 30%,#fff,#d8dee6);box-shadow:inset 0 -2px 3px #78829166}.ch-role.black{background:radial-gradient(circle at 36% 30%,#3b4657,#12161f);box-shadow:inset 0 1px 2px #ffffff2e}.ch-hud{display:flex;align-items:stretch;gap:8px}.ch-seat{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:14px;background:#12141ab3;border:1px solid rgba(231,242,251,.1);flex:1;min-width:0;transition:border-color .2s,box-shadow .2s}.ch-seat.black{flex-direction:row-reverse;text-align:right}.ch-seat.turn{border-color:var(--ch);box-shadow:0 0 16px -6px var(--ch)}.ch-seat-dot{width:22px;height:22px;border-radius:50%;flex:none;border:1.5px solid rgba(0,0,0,.4)}.ch-seat-dot.white{background:#f5f5f4}.ch-seat-dot.black{background:#1f2937;border-color:#fff6}.ch-seat-name{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-turn{display:flex;flex-direction:column;align-items:center;gap:1px;flex:none}.ch-turn-label{font-family:var(--font-display);font-size:12px;text-transform:uppercase;letter-spacing:.05em;opacity:.85;white-space:nowrap}.ch-clock{font-family:var(--font-display);font-size:16px;color:var(--ch)}.ch-check{font-size:10px;font-weight:700;color:#ff8f9b;text-transform:uppercase;letter-spacing:.08em}.ch-board{align-self:center;margin-top:auto;width:min(100%,360px);flex:none;aspect-ratio:1 / 1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,minmax(0,1fr));border-radius:12px;overflow:hidden;border:5px solid #2a2118;box-shadow:inset 0 0 0 1px #ffecc826,0 26px 52px -14px #0009}.ch-sq{position:relative;min-width:0;min-height:0;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.ch-sq.light{background:#e6e2d3}.ch-sq.dark{background:#6b8e5a}.ch-sq.last:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffd65a59;pointer-events:none}.ch-sq.sel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffd65a80;pointer-events:none}.ch-sq.check:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(239,68,68,.75),transparent 72%);pointer-events:none}.ch-piece{position:relative;z-index:1;width:86%;height:86%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.ch-dest{position:absolute;z-index:2;width:28%;height:28%;border-radius:50%;background:#1e1e1e59;pointer-events:none}.ch-dest.capture{width:82%;height:82%;background:transparent;border:4px solid rgba(30,30,30,.32);border-radius:50%}.ch-promo-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#080a10b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ch-promo{background:linear-gradient(180deg,#1c2432,#12171f);border:1px solid rgba(231,242,251,.16);border-radius:18px;padding:18px 20px;text-align:center;box-shadow:0 24px 60px -20px #000;animation:chPromoIn .16s ease-out}.ch-promo-title{font-family:var(--font-display);font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.06em;opacity:.85;margin-bottom:12px}.ch-promo-row{display:flex;gap:10px}.ch-promo-btn{width:60px;height:60px;border-radius:12px;border:1px solid rgba(231,242,251,.16);background:#ffffff0f;cursor:pointer;display:grid;place-items:center;-webkit-tap-highlight-color:transparent}.ch-promo-btn:active{background:#ffd66b2e;border-color:#ffd66b}.ch-promo-btn img{width:44px;height:44px}@keyframes chPromoIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.ch-promo{animation:none}}.ch-foot{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:auto}.ch-end{align-items:center;justify-content:center;gap:14px}.ch-end-card{width:100%;max-width:440px;background:#12141adb;border:1px solid rgba(231,242,251,.12);border-radius:22px;padding:28px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.ch-end-card.win{border-color:#94a3b880;box-shadow:0 0 40px -14px var(--ch)}.ch-end-emblem{font-size:48px;color:#e2e8f0;-webkit-text-stroke:1.5px rgba(20,20,25,.6)}.ch-end-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.6}.ch-end-title{font-family:var(--font-display);font-size:32px;margin:0}.ch-end-sub{opacity:.8;margin:0}.ch-end-actions{width:100%;max-width:440px;gap:10px}.screen.wordtiles{--wt: #c99a4b;position:relative;display:flex;flex-direction:column;gap:10px;min-height:100%;padding:10px 10px 14px}.wt-hud{display:flex;align-items:stretch;gap:8px}.wt-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:none;padding:0 2px}.wt-tilenum{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:linear-gradient(160deg,#f5e6c8,#d8c197);color:#3a2c10;font-family:var(--font-display);font-weight:800;font-size:9px}.wt-chip{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:12px;background:#1c1408b8;border:1px solid rgba(231,242,251,.1)}.wt-chip.you{border-color:#c99a4b80}.wt-chip.turn{box-shadow:0 0 14px -5px var(--wt);border-color:var(--wt)}.wt-tilebadge{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(160deg,#f5e6c8,#d8c197);color:#3a2c10;font-family:var(--font-display);font-weight:700;font-size:12px}.wt-cname{font-size:13px;font-weight:600;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wt-cscore{margin-left:auto;font-family:var(--font-display);font-size:20px;color:var(--wt)}.wt-meta{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end}.wt-bag{font-size:11px;opacity:.6}.wt-clock{font-family:var(--font-display);font-size:15px;color:var(--wt)}.wt-board{align-self:center;margin-top:auto;width:min(100%,360px);flex:none;aspect-ratio:1 / 1;display:grid;gap:2px;padding:4px;border-radius:10px;background:#2a2011;border:2px solid #3a2c10;box-shadow:0 16px 36px #00000057}.wt-cell{position:relative;display:grid;place-items:center;border-radius:2px;background:#4a3a1e;cursor:pointer;overflow:hidden}.wt-cell.p-dl{background:#2a5a86}.wt-cell.p-tl{background:#1e3a8a}.wt-cell.p-dw{background:#8a4a63}.wt-cell.p-tw{background:#8a2020}.wt-cell.center{background:#8a4a63}.wt-cell.last{box-shadow:inset 0 0 0 2px #ffd65ab3;animation:wtSettle .34s cubic-bezier(.2,.9,.3,1.25) both}@keyframes wtSettle{0%{transform:scale(.82)}60%{transform:scale(1.06)}to{transform:scale(1)}}.wt-prem{font-size:6px;font-weight:700;letter-spacing:.02em;color:#ffffffb3}.wt-star{font-size:12px;color:#fff9}.wt-tile{position:relative;width:100%;height:100%;display:grid;place-items:center;border-radius:2px;background:linear-gradient(160deg,#f5e6c8,#ddc699);box-shadow:inset 0 -2px 3px #00000040,inset 0 2px 2px #ffffff80}.wt-tile.pending{background:linear-gradient(160deg,#ffe9a8,#f0cf78);box-shadow:0 0 0 1.5px var(--wt),inset 0 -2px 3px #0003}.wt-tile .wt-l{font-family:var(--font-display);font-weight:700;font-size:min(4.6vw,17px);color:#2a1c08;line-height:1}.wt-tile .wt-v{position:absolute;right:1px;bottom:0;font-size:6px;font-weight:700;color:#5a4420}.wt-rack{align-self:center;display:flex;gap:5px;padding:7px 9px;border-radius:12px;background:linear-gradient(180deg,#5a4526,#3a2c14);border:1px solid rgba(201,154,75,.3);box-shadow:inset 0 2px 4px #0006}.wt-racktile{position:relative;width:38px;height:42px;border:none;border-radius:5px;background:linear-gradient(160deg,#f5e6c8,#d8c197);box-shadow:inset 0 -3px 4px #00000040,inset 0 3px 3px #ffffff80,0 2px 3px #0006;cursor:pointer;transition:transform .08s;-webkit-tap-highlight-color:transparent}.wt-racktile .wt-l{font-family:var(--font-display);font-weight:700;font-size:22px;color:#2a1c08}.wt-racktile .wt-v{position:absolute;right:3px;bottom:1px;font-size:9px;font-weight:700;color:#5a4420}.wt-racktile.sel{transform:translateY(-6px);box-shadow:0 0 0 2px var(--wt),0 6px 10px #0006}.wt-racktile.used{opacity:.25;cursor:default}@media(prefers-reduced-motion:reduce){.wt-cell.last{animation:none}.wt-racktile.sel{transform:none}}.wt-controls{display:flex;gap:6px}.wt-btn{flex:1;height:42px;border-radius:11px;border:1px solid rgba(231,242,251,.14);background:#ffffff0d;color:var(--foam);font-family:var(--font-display);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.03em;cursor:pointer}.wt-btn.play{flex:1.4;border:none;background:linear-gradient(150deg,#e0be76,var(--wt));color:#2a1c08}.wt-btn:disabled{opacity:.4;cursor:default}.wt-foot{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:auto}.wt-end{align-items:center;justify-content:center;gap:14px}.wt-end-card{width:100%;max-width:440px;background:#1c1408db;border:1px solid rgba(231,242,251,.12);border-radius:22px;padding:26px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.wt-end-card.win{border-color:#c99a4b80;box-shadow:0 0 40px -14px var(--wt)}.wt-end-emblem{font-size:42px}.wt-end-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.6}.wt-end-title{font-family:var(--font-display);font-size:32px;margin:0}.wt-end-board{display:flex;flex-direction:column;gap:6px;width:100%}.wt-end-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#ffffff08}.wt-end-row.you{border:1px solid rgba(201,154,75,.45)}.wt-end-row.win{background:#c99a4b1f}.wt-end-rank{width:20px;opacity:.6;font-family:var(--font-display)}.wt-end-name{text-align:left;flex:1;font-weight:600}.wt-end-pts{font-family:var(--font-display);font-size:20px;color:var(--wt)}.wt-end-actions{width:100%;max-width:440px;gap:10px}.screen.codeclue{--cc-blue: #3b82f6;--cc-red: #ef4444;--cc-gold: #e7c46b;position:relative;display:flex;flex-direction:column;gap:9px;min-height:100%;padding:10px 10px 14px;background:radial-gradient(120% 80% at 15% 0%,rgba(59,130,246,.12),transparent 55%),radial-gradient(120% 80% at 85% 0%,rgba(239,68,68,.12),transparent 55%)}.cc-hud{display:flex;align-items:stretch;gap:8px}.cc-team{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:14px;background:#0c101aa8;border:1px solid rgba(231,242,251,.1);transition:border-color .2s,box-shadow .2s}.cc-team.right{order:2;align-items:flex-end}.cc-vs{order:1}.cc-team.active{border-color:var(--team);box-shadow:0 0 20px -6px var(--team),inset 0 0 0 1px var(--team)}.cc-team-top{display:flex;align-items:baseline;gap:8px;width:100%}.cc-team.right .cc-team-top{flex-direction:row-reverse}.cc-team-name{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--team)}.cc-team-left{margin-left:auto;font-family:var(--font-display);font-weight:800;font-size:22px;line-height:1;color:var(--team)}.cc-team.right .cc-team-left{margin-left:0;margin-right:auto}.cc-roster{display:flex;flex-wrap:wrap;gap:4px}.cc-team.right .cc-roster{justify-content:flex-end}.cc-av{position:relative;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:10px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);box-shadow:inset 0 0 0 1px #ffffff2e}.cc-av.you{box-shadow:0 0 0 2px var(--cc-gold),inset 0 0 0 1px #fff3}.cc-av.off{opacity:.4;filter:grayscale(.6)}.cc-key{position:absolute;bottom:-3px;right:-3px;font-size:9px;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.cc-vs{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 2px}.cc-vs-label{font-family:var(--font-display);font-weight:800;font-size:11px;letter-spacing:.12em;opacity:.5}.cc-clue-banner{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:13px;background:linear-gradient(180deg,#e7c46b29,#e7c46b0f);border:1px solid rgba(231,196,107,.35);min-height:46px}.cc-clue-banner.idle{background:#0c101a80;border-color:#e7f2fb1a}.cc-clue-eyebrow{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.6}.cc-clue-word{font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:.02em;color:var(--cc-gold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-clue-word.small{font-size:14px;color:var(--foam);opacity:.75;letter-spacing:0}.cc-clue-count{flex:none;min-width:26px;height:26px;padding:0 6px;border-radius:8px;display:grid;place-items:center;background:var(--cc-gold);color:#2a2008;font-family:var(--font-display);font-weight:800;font-size:15px}.cc-pips{margin-left:auto;display:flex;gap:4px}.cc-pips i{width:8px;height:8px;border-radius:50%;background:var(--cc-gold);box-shadow:0 0 6px -1px var(--cc-gold)}.cc-board-wrap{position:relative;align-self:center;width:100%;max-width:380px;margin:2px auto}.cc-board{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.cc-card{position:relative;aspect-ratio:1.4 / 1;display:grid;place-items:center;padding:2px;border:none;border-radius:7px;background:linear-gradient(165deg,#efe7d4,#d7cbb0);box-shadow:inset 0 -2px 3px #0000002e,inset 0 2px 2px #ffffff8c,0 2px 5px #0000004d;cursor:default;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:transform .08s,box-shadow .12s}.cc-word{font-family:var(--font-display);font-weight:700;font-size:clamp(7px,2.6vw,11px);line-height:1.02;letter-spacing:.01em;text-transform:uppercase;text-align:center;color:#2a2418;word-break:break-word}.cc-card.pick{cursor:pointer}.cc-card.pick:hover{transform:translateY(-2px);box-shadow:inset 0 -2px 3px #0000002e,0 6px 12px #0006}.cc-card.sel{transform:translateY(-2px);box-shadow:0 0 0 3px var(--cc-gold),0 8px 14px #00000073}.cc-card.k-blue{background:linear-gradient(165deg,#cfe0fb,#a9c6f4);box-shadow:inset 0 0 0 2px var(--cc-blue),inset 0 -2px 3px #00000026}.cc-card.k-red{background:linear-gradient(165deg,#f9d3d0,#f2aca7);box-shadow:inset 0 0 0 2px var(--cc-red),inset 0 -2px 3px #00000026}.cc-card.k-neutral{background:linear-gradient(165deg,#e8dcc0,#cdbd97);box-shadow:inset 0 0 0 2px #b09a6a}.cc-card.k-assassin{background:linear-gradient(165deg,#3a342c,#17140f);box-shadow:inset 0 0 0 2px #b9433a}.cc-card.k-assassin .cc-word{color:#f0e8d6}.cc-card.done{cursor:default;animation:ccReveal .32s ease-out}.cc-card.r-assassin{animation:ccAssassin .5s ease-out}@keyframes ccReveal{0%{transform:rotateX(-28deg) scale(.96);filter:brightness(1.5)}to{transform:none;filter:none}}@keyframes ccAssassin{0%,to{transform:none}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.cc-card.r-blue{background:linear-gradient(165deg,#4f8bf0,#2f6fd6)}.cc-card.r-red{background:linear-gradient(165deg,#ee5b52,#d6483f)}.cc-card.r-neutral{background:linear-gradient(165deg,#cabf9f,#b0a175)}.cc-card.r-assassin{background:linear-gradient(165deg,#26221b,#0d0b08);box-shadow:inset 0 0 0 2px #b9433a,0 0 16px -3px #b9433a}.cc-card.r-blue .cc-word,.cc-card.r-red .cc-word{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.cc-card.r-neutral .cc-word{color:#322b1c}.cc-card.r-assassin .cc-word{color:#f0d8d4}.cc-stamp{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.28),transparent 45%);pointer-events:none}@media(prefers-reduced-motion:reduce){.cc-card.done,.cc-card.r-assassin{animation:none}.cc-card.pick:hover{transform:none}}.cc-actions{margin-top:auto}.cc-clue-form{display:flex;gap:6px;align-items:stretch}.cc-clue-input{flex:1;min-width:0;height:46px;padding:0 12px;border-radius:12px;border:1px solid rgba(231,242,251,.16);background:#ffffff0f;color:var(--foam);font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:.06em;text-transform:uppercase}.cc-clue-input::placeholder{color:#e7f2fb59;letter-spacing:0}.cc-clue-input:focus{outline:none;border-color:var(--cc-gold)}.cc-num{flex:none;display:flex;align-items:center;gap:2px;padding:0 4px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(231,242,251,.14)}.cc-num button{width:32px;height:44px;border:none;background:none;color:var(--foam);font-size:22px;cursor:pointer}.cc-num b{min-width:20px;text-align:center;font-family:var(--font-display);font-size:20px;color:var(--cc-gold)}.cc-guess-bar{display:flex;gap:6px}.cc-btn{height:48px;border-radius:12px;border:1px solid rgba(231,242,251,.14);background:#ffffff0d;color:var(--foam);font-family:var(--font-display);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.03em;cursor:pointer}.cc-btn.go{flex:1;border:none;background:linear-gradient(150deg,#f0d488,var(--cc-gold));color:#2a2008;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 12px}.cc-btn.pass{flex:none;padding:0 16px}.cc-btn:disabled{opacity:.45;cursor:default}.cc-wait{text-align:center;padding:14px;border-radius:12px;background:#0c101a80;border:1px solid rgba(231,242,251,.08);font-weight:600;opacity:.8}.cc-foot{display:flex;gap:10px;align-items:center;justify-content:space-between}.cc-end{align-items:center;justify-content:center;gap:14px}.cc-end-card{width:100%;max-width:440px;background:#0a0e16e6;border:1px solid rgba(231,242,251,.12);border-radius:22px;padding:24px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px}.cc-end-card.win-blue,.cc-end-card.win-red{border-color:var(--team);box-shadow:0 0 44px -14px var(--team)}.cc-end-emblem{font-size:40px}.cc-end-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.6}.cc-end-title{font-family:var(--font-display);font-size:32px;margin:0}.cc-end-sub{font-size:13px;opacity:.72;margin-bottom:4px}.cc-end-board{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;width:100%;margin-top:6px}.cc-end-cell{aspect-ratio:1.5 / 1;display:grid;place-items:center;padding:1px;border-radius:4px;font-family:var(--font-display);font-weight:700;font-size:clamp(6px,2.3vw,9px);text-transform:uppercase;text-align:center;color:#2a2418;background:#d7cbb0;word-break:break-word;line-height:1}.cc-end-cell.r-blue{background:#2f6fd6;color:#fff}.cc-end-cell.r-red{background:#d6483f;color:#fff}.cc-end-cell.r-neutral{background:#b0a175;color:#2a2418}.cc-end-cell.r-assassin{background:#0d0b08;color:#f0d8d4;box-shadow:inset 0 0 0 1.5px #b9433a}.cc-end-actions{width:100%;max-width:440px;gap:10px}.screen.drawguess{--dg-ink: #f2b01e;position:relative;display:flex;flex-direction:column;gap:9px;min-height:100%;padding:10px 10px 14px;background:radial-gradient(120% 80% at 15% 0%,rgba(59,130,246,.12),transparent 55%),radial-gradient(120% 80% at 85% 0%,rgba(239,68,68,.12),transparent 55%)}.dg-hud{display:flex;align-items:stretch;gap:8px}.dg-team{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:14px;background:#0c101aa8;border:1px solid rgba(231,242,251,.1);transition:border-color .2s,box-shadow .2s}.dg-team.right{order:2;align-items:flex-end}.dg-vs{order:1;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 2px}.dg-team.active{border-color:var(--team);box-shadow:0 0 20px -6px var(--team),inset 0 0 0 1px var(--team)}.dg-team-top{display:flex;align-items:baseline;gap:8px;width:100%}.dg-team.right .dg-team-top{flex-direction:row-reverse}.dg-team-name{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--team)}.dg-team-score{margin-left:auto;font-family:var(--font-display);font-weight:800;font-size:22px;line-height:1;color:var(--team)}.dg-team.right .dg-team-score{margin-left:0;margin-right:auto}.dg-roster{display:flex;flex-wrap:wrap;gap:4px}.dg-team.right .dg-roster{justify-content:flex-end}.dg-av{position:relative;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:10px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);box-shadow:inset 0 0 0 1px #ffffff2e}.dg-av.you{box-shadow:0 0 0 2px var(--dg-ink),inset 0 0 0 1px #fff3}.dg-av.drawer{box-shadow:0 0 0 2px #fff,0 0 10px -1px #fff}.dg-av.got:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#22c55ed9;border-radius:50%;font-size:13px}.dg-pencil{position:absolute;bottom:-4px;right:-4px;font-size:10px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.dg-turnn{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.06em;opacity:.6}.dg-choices{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:13px;background:#0c101a80;border:1px solid rgba(231,242,251,.1)}.dg-choose-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.6;text-align:center}.dg-choose-row{display:flex;gap:6px}.dg-choice{flex:1;min-width:0;height:46px;border-radius:11px;border:1px solid rgba(231,196,107,.4);background:linear-gradient(180deg,#f2b01e2e,#f2b01e0f);color:var(--foam);font-family:var(--font-display);font-weight:700;font-size:14px;text-transform:capitalize;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 6px}.dg-word{display:flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:6px 12px;border-radius:12px;background:#0c101a80;border:1px solid rgba(231,242,251,.1)}.dg-word.reveal{border-color:#e7c46b80;background:#f2b01e1f}.dg-word-eyebrow{font-size:10px;font-weight:700;letter-spacing:.12em;opacity:.55}.dg-word b{font-family:var(--font-display);font-size:22px;letter-spacing:.08em;color:var(--dg-ink)}.dg-blanks{display:flex;gap:7px}.dg-blanks i{width:16px;height:3px;border-radius:2px;background:#e7f2fb66}.dg-stage{display:flex;justify-content:center}.dg-canvas-wrap{position:relative;width:min(100%,400px);aspect-ratio:1 / 1;border-radius:14px;overflow:hidden;background:#fbfaf5;border:3px solid #2a2118;box-shadow:inset 0 0 0 1px #00000014,0 18px 38px -14px #00000080}.dg-canvas{display:block;width:100%;height:100%;touch-action:none}.dg-canvas.live{cursor:crosshair}.dg-canvas-veil{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:20px;color:#6a6a72;font-weight:600;background:#fbfaf5b8}.dg-tools{display:flex;flex-direction:column;gap:7px}.dg-swatches{display:flex;gap:6px;justify-content:center}.dg-swatch{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.25);cursor:pointer;box-shadow:0 2px 4px #0000004d}.dg-swatch.on{border-color:#fff;transform:scale(1.14);box-shadow:0 0 0 2px var(--dg-ink)}.dg-sizes{display:flex;gap:6px;justify-content:center;align-items:center}.dg-size{width:38px;height:34px;border-radius:9px;border:1px solid rgba(231,242,251,.14);background:#ffffff0d;display:grid;place-items:center;cursor:pointer}.dg-size.on{border-color:var(--dg-ink);background:#f2b01e24}.dg-size i{display:block;border-radius:50%;background:var(--foam)}.dg-tool{width:40px;height:34px;border-radius:9px;border:1px solid rgba(231,242,251,.14);background:#ffffff0d;color:var(--foam);font-size:16px;cursor:pointer}.dg-guess{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:13px;background:#f2b01e14;border:1px solid rgba(231,196,107,.4)}.dg-guess-prompt{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.02em;color:var(--dg-ink);text-align:center}.dg-watch{text-align:center;padding:12px;border-radius:12px;background:#0c101a80;border:1px solid rgba(231,242,251,.08);font-weight:600;opacity:.8;font-size:13px}.dg-guess-bar{display:flex;gap:6px}.dg-guess-input{flex:1;min-width:0;height:48px;padding:0 14px;border-radius:12px;border:1px solid rgba(231,242,251,.16);background:#ffffff0f;color:var(--foam);font-family:var(--font-display);font-weight:600;font-size:16px}.dg-guess-input:focus{outline:none;border-color:var(--dg-ink)}.dg-guess-go{flex:none;padding:0 20px;height:48px;border:none;border-radius:12px;background:linear-gradient(150deg,#f0d488,var(--dg-ink));color:#2a2008;font-family:var(--font-display);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.03em;cursor:pointer}.dg-guess-go:disabled{opacity:.45;cursor:default}.dg-solved{flex:1;text-align:center;padding:13px;border-radius:12px;background:#22c55e24;border:1px solid rgba(34,197,94,.4);color:#86efac;font-weight:700}.dg-feed{display:flex;flex-direction:column;gap:3px;max-height:96px;overflow:hidden}.dg-feed-row{font-size:13px;padding:3px 10px;border-radius:8px;background:#ffffff08;animation:dgFeedIn .24s ease}@keyframes dgFeedIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.dg-feed-row{animation:none}}.dg-feed-row b{color:var(--foam)}.dg-feed-row span{opacity:.7}.dg-feed-row.ok{background:#22c55e1f}.dg-feed-row.ok span{color:#86efac;opacity:1}.dg-foot{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:auto}.dg-end{align-items:center;justify-content:center;gap:14px}.dg-end-card{width:100%;max-width:440px;background:#0a0e16e6;border:1px solid rgba(231,242,251,.12);border-radius:22px;padding:24px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px}.dg-end-card.win-blue,.dg-end-card.win-red{border-color:var(--team);box-shadow:0 0 44px -14px var(--team)}.dg-end-emblem{font-size:40px}.dg-end-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.6}.dg-end-title{font-family:var(--font-display);font-size:32px;margin:0}.dg-end-teams{display:flex;gap:14px;margin:2px 0 6px}.dg-end-team{font-family:var(--font-display);font-weight:700;font-size:15px}.dg-end-team b{font-size:20px}.dg-end-team.blue{color:#6aa4f5}.dg-end-team.red{color:#f07f7f}.dg-end-board{display:flex;flex-direction:column;gap:6px;width:100%}.dg-end-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#ffffff08}.dg-end-row.you{border:1px solid rgba(231,196,107,.45)}.dg-end-row.t-blue{box-shadow:inset 3px 0 #3b82f6}.dg-end-row.t-red{box-shadow:inset 3px 0 #ef4444}.dg-end-rank{width:20px;opacity:.6;font-family:var(--font-display)}.dg-end-name{text-align:left;flex:1;font-weight:600}.dg-end-pts{font-family:var(--font-display);font-size:20px;color:var(--dg-ink)}.dg-end-actions{width:100%;max-width:440px;gap:10px}.screen.snakewars{--sw-accent: #22c55e;position:relative;display:flex;flex-direction:column;gap:10px;min-height:100%;padding:10px 10px 14px;background:radial-gradient(120% 80% at 15% 0%,rgba(59,130,246,.12),transparent 55%),radial-gradient(120% 80% at 85% 0%,rgba(239,68,68,.12),transparent 55%)}.sw-hud{display:flex;gap:8px}.sw-team{flex:1;min-width:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 11px;border-radius:13px;background:#0c101aa8;border:1px solid rgba(231,242,251,.1)}.sw-team.mine.sw-blue{border-color:#3b82f68c;box-shadow:0 0 16px -8px #3b82f6}.sw-team.mine.sw-red{border-color:#ef44448c;box-shadow:0 0 16px -8px #ef4444}.sw-team-name{font-family:var(--font-display);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.sw-blue .sw-team-name{color:#6aa4f5}.sw-red .sw-team-name{color:#f07f7f}.sw-bar{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.sw-bar i{display:block;height:100%;border-radius:999px;transition:width .2s ease}.sw-team-score{font-family:var(--font-display);font-weight:800;font-size:18px;line-height:1}.sw-team-score small{font-size:11px;font-weight:700;opacity:.5}.sw-status{text-align:center;font-size:12px;font-weight:600;padding:6px 10px;border-radius:10px;background:#0c101a80;border:1px solid rgba(231,242,251,.08);opacity:.85}.sw-status.dead{color:#ff8f9b;border-color:#ff8f9b59;background:#ef44441a}.sw-you-dot{display:inline-block;vertical-align:middle;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle,#12131a 0,#12131a 32%,#fff 34%,#fff);box-shadow:0 0 6px #ffffffb3;margin-right:3px}.sw-stage{position:relative;display:flex;justify-content:center}.sw-deathflash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;border-radius:12px;background:radial-gradient(circle at 50% 50%,transparent 40%,rgba(239,68,68,.5));animation:swDeath .55s ease-out forwards}@keyframes swDeath{0%{opacity:0}25%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.sw-deathflash{animation:none;opacity:0}}.sw-canvas{width:min(100%,560px);height:auto;display:block;touch-action:none;border-radius:12px;border:3px solid #1a2130;box-shadow:0 18px 40px -14px #0009,inset 0 0 0 1px #ffffff0d;image-rendering:auto}.sw-dpad{align-self:center;display:grid;grid-template-columns:repeat(3,58px);grid-template-rows:repeat(3,58px);gap:6px;margin-top:2px}.sw-d{border:1px solid rgba(231,242,251,.16);background:#ffffff0f;color:var(--foam);border-radius:14px;font-size:20px;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none}.sw-d:active{background:#22c55e33;border-color:var(--sw-accent)}.sw-d.up{grid-area:1 / 2}.sw-d.left{grid-area:2 / 1}.sw-d.right{grid-area:2 / 3}.sw-d.down{grid-area:3 / 2}.sw-foot{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:auto}.sw-end{align-items:center;justify-content:center;gap:14px}.sw-end-card{width:100%;max-width:440px;background:#0a0e16e6;border:1px solid rgba(231,242,251,.12);border-radius:22px;padding:24px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.sw-end-card.win-blue,.sw-end-card.win-red{border-color:var(--team);box-shadow:0 0 44px -14px var(--team)}.sw-end-emblem{font-size:40px}.sw-end-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.6}.sw-end-title{font-family:var(--font-display);font-size:32px;margin:0}.sw-end-scores{display:flex;gap:12px;width:100%;margin-top:6px}.sw-end-team{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 10px;border-radius:14px;background:#ffffff08;border:1px solid rgba(231,242,251,.08)}.sw-end-team span{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:13px}.sw-end-team.blue span{color:#6aa4f5}.sw-end-team.red span{color:#f07f7f}.sw-end-team b{font-family:var(--font-display);font-size:34px;line-height:1}.sw-end-team.blue.win{border-color:#3b82f6;background:#3b82f61f}.sw-end-team.red.win{border-color:#ef4444;background:#ef44441f}.sw-end-roster{display:flex;flex-direction:column;gap:1px;margin-top:6px}.sw-end-roster i{font-style:normal;font-size:12px;opacity:.72}.sw-end-roster i.you{opacity:1;font-weight:700;color:var(--foam)}.sw-end-actions{width:100%;max-width:440px;gap:10px}.screen.pusoy{--pd-felt: #1f7a4d;position:relative;display:flex;flex-direction:column;gap:10px;min-height:100%;padding:10px 10px 14px;background:radial-gradient(120% 90% at 50% 0%,rgba(34,197,94,.14),transparent 60%),radial-gradient(90% 70% at 50% 100%,rgba(16,90,60,.35),transparent 70%)}.pd-card,.pd-cardbtn{position:relative;display:inline-grid;place-items:center;background:linear-gradient(170deg,#fffdf7,#ece4d4);color:#17202a;border-radius:8px;box-shadow:inset 0 0 0 1px #0000001a,0 2px 5px #00000059;font-family:var(--font-display);line-height:1}.pd-card.red,.pd-cardbtn.red{color:#d1233a}.pd-card{width:40px;height:56px}.pd-card.small{width:30px;height:42px}.pd-card b,.pd-cardbtn b{font-size:18px;font-weight:800}.pd-card.small b{font-size:13px}.pd-card i,.pd-cardbtn i{font-style:normal;font-size:15px}.pd-card.small i{font-size:11px}.pd-opponents{display:flex;gap:8px;justify-content:center}.pd-opp{position:relative;flex:1;max-width:130px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 6px;border-radius:13px;background:#08181099;border:1px solid rgba(231,242,251,.1);transition:border-color .2s,box-shadow .2s}.pd-opp.active{border-color:#ffd66b;box-shadow:0 0 18px -6px #ffd66b}.pd-opp-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:12px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.pd-opp-name{font-size:12px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-opp-cards{display:flex;align-items:center;gap:5px}.pd-cardback{width:16px;height:22px;border-radius:3px;background:repeating-linear-gradient(45deg,#2f6fd6 0,#2f6fd6 3px,#1e40af 3px,#1e40af 6px);box-shadow:inset 0 0 0 1px #ffffff40}.pd-opp-cards b{font-family:var(--font-display);font-size:16px}.pd-tag{position:absolute;top:-6px;right:-4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:999px}.pd-tag.pass{background:#64748b;color:#fff}.pd-tag.lead{background:#ffd66b;color:#2a2008}.pd-center{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;margin:4px 0}.pd-table{min-height:72px;min-width:60%;display:grid;place-items:center;padding:12px 18px;border-radius:16px;background:radial-gradient(circle at 50% 40%,#22c55e29,#081e1480 72%);border:1px solid rgba(34,197,94,.28);box-shadow:inset 0 1px #ffffff0f}.pd-table-cards{display:flex;gap:5px}.pd-table-empty{font-size:13px;opacity:.6;font-weight:600;text-align:center}.pd-hand-tools{display:flex;align-items:center;gap:8px;margin-top:auto;padding:0 4px 4px}.pd-arrange-hint{font-size:11px;opacity:.5;margin-right:auto}.pd-sort{font-size:12px;font-weight:700;padding:6px 10px;border-radius:999px;color:var(--foam, #eaf6ef);background:#ffffff12;border:1px solid rgba(231,242,251,.16);cursor:pointer;-webkit-tap-highlight-color:transparent}.pd-sort:active{background:#ffd66b2e;border-color:#ffd66b}.pd-hand{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;padding:8px;border-radius:14px;background:#08181066}.pd-cardbtn{width:42px;height:60px;border:none;cursor:grab;transition:transform .08s,box-shadow .1s,opacity .1s;-webkit-tap-highlight-color:transparent;touch-action:none}.pd-cardbtn b{position:absolute;top:5px;left:6px}.pd-cardbtn i{position:absolute;bottom:5px;right:6px;font-size:17px}.pd-cardbtn.sel{transform:translateY(-12px);box-shadow:0 0 0 2px #ffd66b,0 8px 14px #00000073}.pd-cardbtn.off{opacity:.82}.pd-cardbtn.dragging{cursor:grabbing;transform:translateY(-6px) scale(1.06);box-shadow:0 10px 18px #00000080;z-index:3;opacity:.95}.pd-cardbtn:disabled{cursor:default;opacity:.85}@media(prefers-reduced-motion:reduce){.pd-cardbtn{transition:none}.pd-cardbtn.sel{transform:translateY(-12px)}.pd-cardbtn.dragging{transform:none}}.pd-actions{display:flex;gap:8px}.pd-btn{flex:1;height:50px;border-radius:13px;border:1px solid rgba(231,242,251,.14);background:#ffffff0d;color:var(--foam);font-family:var(--font-display);font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.03em;cursor:pointer}.pd-btn.play{flex:1.5;border:none;background:linear-gradient(150deg,#34d17e,#1f9d5b);color:#04231a}.pd-btn:disabled{opacity:.4;cursor:default}.pd-foot{display:flex;gap:10px;align-items:center;justify-content:space-between}.pd-end{align-items:center;justify-content:center;gap:14px}.pd-end-card{width:100%;max-width:440px;background:#061a12e6;border:1px solid rgba(231,242,251,.12);border-radius:22px;padding:24px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px}.pd-end-card.win{border-color:#34d17e80;box-shadow:0 0 44px -14px #34d17e}.pd-end-emblem{font-size:40px}.pd-end-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.6}.pd-end-title{font-family:var(--font-display);font-size:32px;margin:0}.pd-end-board{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:6px}.pd-end-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:#ffffff08}.pd-end-row.you{border:1px solid rgba(52,209,126,.45)}.pd-end-row.win{background:#34d17e1f}.pd-end-rank{width:20px;opacity:.6;font-family:var(--font-display)}.pd-end-name{text-align:left;flex:1;font-weight:600}.pd-end-crown{font-size:18px}.pd-end-actions{width:100%;max-width:440px;gap:10px}.screen.tongits{--tg-plum: #b78bf0;--tg-plum-deep: #7c3aed;--tg-ink: rgba(18, 14, 34, .62);position:relative;display:flex;flex-direction:column;gap:9px;min-height:100%;padding:10px 10px 14px;background:radial-gradient(120% 90% at 50% 0%,rgba(139,92,246,.16),transparent 60%),radial-gradient(90% 70% at 50% 100%,rgba(38,26,66,.5),transparent 72%)}.tg-card,.tg-cardbtn{position:relative;display:inline-grid;place-items:center;background:linear-gradient(170deg,#fbf9f3,#e7e1d6);color:#1c1830;border-radius:7px;box-shadow:inset 0 0 0 1px #0000001a,0 2px 5px #00000059;font-family:var(--font-display);line-height:1}.tg-card.red,.tg-cardbtn.red{color:#d1233a}.tg-card{width:34px;height:48px}.tg-card.small{width:24px;height:34px;border-radius:5px}.tg-card b{font-size:15px;font-weight:800}.tg-card.small b{font-size:11px}.tg-card i{font-style:normal;font-size:13px}.tg-card.small i{font-size:10px}.tg-opponents{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.tg-opp{flex:1;min-width:128px;max-width:168px;display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:13px;background:var(--tg-ink);border:1px solid rgba(231,226,251,.1);transition:border-color .2s,box-shadow .2s;flex-wrap:wrap}.tg-opp.active{border-color:var(--tg-plum);box-shadow:0 0 18px -5px var(--tg-plum)}.tg-opp-av{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:12px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.tg-opp-name{flex:1;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tg-opp-cards{display:flex;align-items:center;gap:5px}.tg-cardback{width:15px;height:21px;border-radius:3px;background:repeating-linear-gradient(45deg,#8b5cf6 0,#8b5cf6 3px,#4c2a8f 3px,#4c2a8f 6px);box-shadow:inset 0 0 0 1px #ffffff40}.tg-cardback.big{width:40px;height:56px;border-radius:7px}.tg-opp-cards b{font-family:var(--font-display);font-size:16px}.tg-tag{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:999px;white-space:nowrap}.tg-tag.opened{color:#b8f0d0;background:#34d17e2e}.tg-tag.burned{color:#f0c0c8;background:#ef444429}.tg-tag.call{color:#1a1030;background:var(--tg-plum)}.tg-tag.deciding{color:#e9def8;background:#8b5cf647}.tg-piles{display:flex;align-items:center;justify-content:center;gap:14px;padding:6px 0}.tg-pile{display:flex;flex-direction:column;align-items:center;gap:4px;border:none;background:none;cursor:pointer;padding:0}.tg-pile small{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.tg-pile:disabled{cursor:default;opacity:.6}.tg-pile.stock:not(:disabled):active .tg-cardback,.tg-pile.discard:not(:disabled):hover{transform:translateY(-2px)}.tg-pile.discard.sagasa{filter:drop-shadow(0 0 10px var(--tg-plum))}.tg-pile.discard.sagasa small{color:var(--tg-plum);opacity:1}.tg-pile-empty{width:40px;height:56px;border-radius:7px;border:1.5px dashed rgba(255,255,255,.2)}.tg-center{display:grid;place-items:center}.tg-melds{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:6px;border-radius:12px;background:var(--tg-ink)}.tg-meld{position:relative;display:flex;align-items:center;gap:2px;padding:4px 4px 4px 5px;border-radius:8px;border:1px solid rgba(231,226,251,.1);background:#ffffff08;cursor:default}.tg-meld-owner{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-right:3px;opacity:.85}.tg-meld.extendable{border-color:var(--tg-plum);box-shadow:0 0 12px -3px var(--tg-plum);cursor:pointer}.tg-meld-add{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:var(--tg-plum);color:#1a1030;display:grid;place-items:center;font-weight:800;font-size:14px}.tg-hand-tools{display:flex;align-items:center;gap:8px;margin-top:auto;padding:0 4px 3px}.tg-arrange-hint{font-size:11px;opacity:.5;margin-right:auto}.tg-sort{font-size:12px;font-weight:700;padding:6px 10px;border-radius:999px;color:var(--foam, #efeaf8);background:#ffffff12;border:1px solid rgba(231,226,251,.16);cursor:pointer;-webkit-tap-highlight-color:transparent}.tg-sort:active{background:#8b5cf638;border-color:var(--tg-plum)}.tg-hand{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;padding:8px;border-radius:14px;background:var(--tg-ink)}.tg-cardbtn{width:38px;height:54px;border:none;cursor:grab;transition:transform .08s,box-shadow .1s,opacity .1s;-webkit-tap-highlight-color:transparent;touch-action:none}.tg-cardbtn b{position:absolute;top:4px;left:5px;font-size:15px;font-weight:800}.tg-cardbtn i{position:absolute;top:18px;left:6px;font-style:normal;font-size:13px}.tg-cardbtn em{position:absolute;bottom:3px;right:4px;font-style:normal;font-size:9px;font-weight:700;opacity:.5}.tg-cardbtn.sel{transform:translateY(-12px);box-shadow:0 0 0 2px var(--tg-plum),0 8px 14px #00000073}.tg-cardbtn.off{opacity:.82}.tg-cardbtn.dragging{cursor:grabbing;transform:translateY(-6px) scale(1.06);box-shadow:0 10px 18px #00000080;z-index:3;opacity:.95}.tg-cardbtn:disabled{cursor:default}.tg-actions{display:flex;gap:8px;min-height:50px}.tg-hint{flex:1;display:grid;place-items:center;text-align:center;border-radius:13px;background:var(--tg-ink);border:1px solid rgba(231,226,251,.08);font-weight:600;opacity:.85;font-size:13px;padding:0 10px}.tg-btn{flex:1;height:50px;border-radius:13px;border:1px solid rgba(231,226,251,.14);background:#ffffff0d;color:var(--foam);font-family:var(--font-display);font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.03em;cursor:pointer}.tg-btn.discard{border:none;background:linear-gradient(150deg,#b78bf0,#7c3aed);color:#12091f}.tg-btn.call{border:none;background:linear-gradient(150deg,#f6c65a,#e0952f);color:#2a1a04}.tg-btn:disabled{opacity:.4;cursor:default}.tg-respond-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#0a0816b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tg-respond{width:100%;max-width:340px;background:linear-gradient(180deg,#241a3d,#171029);border:1px solid var(--tg-plum);border-radius:18px;padding:20px;text-align:center;box-shadow:0 24px 60px -20px #000;animation:tgRespondIn .18s ease-out}.tg-respond-title{font-family:var(--font-display);font-size:20px;font-weight:800}.tg-respond-sub{font-size:13px;opacity:.8;margin:8px 0 16px}.tg-respond-btns{display:flex;gap:10px}@keyframes tgRespondIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.tg-foot{display:flex;gap:10px;align-items:center;justify-content:space-between}.tg-end{align-items:center;justify-content:center;gap:14px}.tg-end-card{width:100%;max-width:440px;background:#140e26e6;border:1px solid rgba(231,226,251,.12);border-radius:22px;padding:24px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.tg-end-card.win{border-color:#b78bf08c;box-shadow:0 0 44px -14px var(--tg-plum)}.tg-end-emblem{font-size:40px}.tg-end-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;opacity:.6}.tg-end-title{font-family:var(--font-display);font-size:32px;margin:0}.tg-end-sub{font-size:13px;opacity:.72;margin-bottom:4px}.tg-end-board{display:flex;flex-direction:column;gap:6px;width:100%}.tg-end-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:10px;background:#ffffff08}.tg-end-row.you{border:1px solid rgba(183,139,240,.45)}.tg-end-row.win{background:#8b5cf624}.tg-end-row .tg-end-name{font-weight:600}.tg-end-dw{font-family:var(--font-display);font-size:20px;color:var(--tg-plum);display:flex;align-items:baseline;gap:4px}.tg-end-dw small{font-size:10px;opacity:.6;text-transform:uppercase}.tg-end-actions{width:100%;max-width:440px;gap:10px}@media(prefers-reduced-motion:reduce){.tg-cardbtn,.tg-pile.stock .tg-cardback,.tg-pile.discard{transition:none}.tg-cardbtn.sel{transform:none;box-shadow:0 0 0 2px var(--tg-plum)}.tg-cardbtn.dragging{transform:none}.tg-respond{animation:none}}