*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.games-hub *,.games-hub :before,.games-hub :after{border-width:0;border-style:solid;border-color:#27272a}:where(.games-hub) button,:where(.games-hub) [type=button],:where(.games-hub) [type=submit],:where(.games-hub) [type=reset]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:transparent;background-image:none;padding:0;font:inherit;color:inherit;cursor:pointer}.games-hub svg{display:block}.games-hub a{color:inherit;text-decoration:inherit}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.right-2{right:.5rem}.top-2{top:.5rem}.z-50{z-index:50}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[16\/9\]{aspect-ratio:16/9}.h-11{height:2.75rem}.h-3{height:.75rem}.h-5{height:1.25rem}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.w-11{width:2.75rem}.w-3{width:.75rem}.w-5{width:1.25rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-md{max-width:28rem}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-dashed{border-style:dashed}.border-emerald-500\/30{border-color:#10b9814d}.border-orange-500\/20{border-color:#f9731633}.border-white\/10{border-color:#ffffff1a}.border-zinc-800{--tw-border-opacity: 1;border-color:rgb(39 39 42 / var(--tw-border-opacity, 1))}.border-zinc-800\/80{border-color:#27272acc}.bg-black\/60{background-color:#0009}.bg-emerald-500\/10{background-color:#10b9811a}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.bg-zinc-900\/30{background-color:#18181b4d}.bg-zinc-900\/40{background-color:#18181b66}.bg-zinc-900\/60{background-color:#18181b99}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-orange-500\/5{--tw-gradient-from: rgb(249 115 22 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-zinc-800{--tw-gradient-from: #27272a var(--tw-gradient-from-position);--tw-gradient-to: rgb(39 39 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-zinc-900{--tw-gradient-to: #18181b var(--tw-gradient-to-position)}.to-zinc-900\/40{--tw-gradient-to: rgb(24 24 27 / .4) var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-10{padding:2.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-zinc-100{--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1))}.text-zinc-200{--tw-text-opacity: 1;color:rgb(228 228 231 / var(--tw-text-opacity, 1))}.text-zinc-300{--tw-text-opacity: 1;color:rgb(212 212 216 / var(--tw-text-opacity, 1))}.text-zinc-400{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}.text-zinc-500{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.text-zinc-700{--tw-text-opacity: 1;color:rgb(63 63 70 / var(--tw-text-opacity, 1))}.text-zinc-950{--tw-text-opacity: 1;color:rgb(9 9 11 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-white\/10{--tw-ring-color: rgb(255 255 255 / .1)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:border-orange-500\/40:hover{border-color:#f9731666}.hover\:bg-orange-400:hover{--tw-bg-opacity: 1;background-color:rgb(251 146 60 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:bg-zinc-800:hover{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.hover\:bg-zinc-900\/70:hover{background-color:#18181bb3}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-orange-300{--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(4rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4rem * var(--tw-space-y-reverse))}.md\:p-8{padding:2rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{color-scheme:dark;--bg: #000000;--panel: #18181b;--panel2: #27272a;--border: #3f3f46;--text: #f4f4f5;--dim: #a1a1aa;--accent: #F97316;--accent-strong: #ea580c;--accent2: #fbbf24;--green: #34d399;--red: #f87171;--info: #4C82E0;--amber: #fbbf24;--anchor: #0b0b0d;--anchor-dim: #a1a1aa;--rps-rock: #1e242e;--rps-paper: #2a2417;--rps-scissors: #16261d;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 12px -6px rgba(0, 0, 0, .5);--shadow-lg: 0 1px 2px rgba(0, 0, 0, .5), 0 12px 32px -12px rgba(249, 115, 22, .28);--font-display: "Plus Jakarta Sans", ui-sans-serif, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body: ui-sans-serif, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{max-width:1200px;margin:0 auto;padding:24px 16px 80px}.game-view{max-width:760px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:#0b0b0d;border:1px solid #1d1d20;color:#fff;padding:14px 20px;border-radius:14px;margin-bottom:24px;box-shadow:none}.header .brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#fff}.header .brand__logo{height:22px;width:auto;display:block}.header .brand__pill{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1a0d02;background:#f97316;padding:4px 10px;border-radius:999px;line-height:1}.header__actions{display:inline-flex;align-items:center;gap:18px}.header__link{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;border-radius:0;padding:0;box-shadow:none;font:inherit;font-size:.85rem;line-height:1;color:var(--anchor-dim);text-decoration:none;cursor:pointer;transition:color .15s}.header__link:hover{color:#fff}.header__burger{display:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;border-radius:8px;padding:6px;margin:0;color:#fff;cursor:pointer;align-items:center;justify-content:center;line-height:0;transition:background .15s}.header__burger:hover{background:#ffffff0f}code,.share-url{overflow-wrap:anywhere;word-break:break-word}.share-url{display:inline-block;max-width:100%;font-family:ui-monospace,monospace;font-size:12px;background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:4px 8px;margin-top:6px;color:var(--text)}.footer{margin-top:48px;text-align:center;color:var(--dim);font-size:12px}.intro{text-align:center;padding:24px 16px 28px;margin-bottom:16px}.intro__moves{display:flex;justify-content:center;gap:18px;font-size:56px;line-height:1;margin-bottom:12px}.intro__moves span{display:inline-block;filter:drop-shadow(0 4px 12px rgba(249,115,22,.18))}.intro__title{font-family:var(--font-display);font-size:38px;font-weight:800;letter-spacing:-.025em;line-height:1.05;margin:0 0 8px;color:var(--text)}.intro__sub{font-size:15px;color:var(--dim);max-width:460px;margin:0 auto;line-height:1.5}.intro__sub strong{color:var(--text);font-weight:600}@media (max-width: 600px){.intro{padding:12px 8px 20px}.intro__moves{font-size:44px;gap:14px;margin-bottom:8px}.intro__title{font-size:30px}.intro__sub{font-size:14px}}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.card.terminal{border-color:var(--green)}.card.error,.error{color:var(--red)}h1,h2,h3{margin:0 0 12px;font-family:var(--font-display);letter-spacing:-.01em}h1{font-size:24px;font-weight:700}h2{font-size:18px;font-weight:600}h3{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin-bottom:8px}.form{display:grid;gap:12px;margin-bottom:12px}.form label{display:grid;gap:4px}.form__label{font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--dim)}.picker,.picker__single,.picker__empty{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--panel2);border:1px solid var(--border);border-radius:10px;color:var(--text);width:100%;font:inherit;flex-wrap:wrap}.picker{cursor:pointer}.picker__single code,.picker code{font-family:ui-monospace,monospace;font-size:13px;overflow-wrap:anywhere}.picker__empty{display:block}.row{display:flex;gap:12px;align-items:center;margin:12px 0}.row>input{flex:1}.divider{text-align:center;color:var(--dim);margin:8px 0;font-size:12px}input,button,select,textarea{font:inherit}input,select{background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text);font-size:16px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}.picker,.picker__single,.picker__empty{font-size:16px}button:where(:not(.games-hub *):not(.header__link):not(.header__burger):not(.gomoku-cell)){background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 16px;color:var(--text);cursor:pointer;font-family:var(--font-display);font-weight:500;transition:background .15s,border-color .15s,transform .05s,box-shadow .15s;box-shadow:var(--shadow-sm)}button:where(:not(.games-hub *):not(.header__link):not(.header__burger):not(.gomoku-cell)):hover:not(:disabled){background:var(--panel2);border-color:#52525b}button:where(:not(.games-hub *):not(.header__link):not(.header__burger):not(.gomoku-cell)):active:not(:disabled){transform:translateY(1px)}button:where(:not(.games-hub *):not(.header__link):not(.header__burger):not(.gomoku-cell)):disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#1a0d02;font-weight:700;box-shadow:0 1px 2px #f973162e,0 6px 16px -8px #f9731666}button.primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}button.link{background:none;border:none;color:var(--accent);padding:6px 8px;box-shadow:none}button.link:hover:not(:disabled){background:#f9731614;border-color:transparent;text-decoration:none}.dim{color:var(--dim)}.small{font-size:12px}.center{text-align:center}.match-header{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.match-header__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.match-header__actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.state-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:var(--panel2);border:1px solid var(--border);font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--dim);letter-spacing:.01em}.state-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}.state-pill--active{color:var(--accent);background:#f973161a;border-color:#f9731640}.state-pill--settling{color:var(--info);background:#4c82e024;border-color:#4c82e059}.state-pill--done{color:var(--green);background:#34d3991f;border-color:#34d3994d}.state-pill--bad{color:var(--red);background:#f871711a;border-color:#f871714d}.players{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.player{background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:12px;min-height:70px}.player.is-you{border-color:var(--accent);background:#f973161f}.player.off{opacity:.55}.player__label{font-family:var(--font-display);font-weight:600;font-size:14px}.player__addr{font-family:ui-monospace,monospace;font-size:12px;color:var(--dim);margin-top:2px}.player__stream{font-family:ui-monospace,monospace;font-size:11px;color:var(--dim);margin-top:2px}.player .you{color:var(--accent);margin-left:4px;font-size:11px;font-weight:600}.vs{color:var(--dim);font-family:var(--font-display);font-weight:600}.moves{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.moves__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-family:var(--font-display);font-weight:600}.countdown{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;color:var(--dim)}.countdown.danger{color:var(--amber);font-weight:600}.gomoku-play{display:flex;flex-direction:column;gap:12px}.gomoku-status{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-weight:600}.gomoku-turn{font-size:15px}.gomoku-turn--you{color:var(--accent)}.gomoku-turn--opp{color:var(--dim)}.gomoku-hint{margin:0}.gomoku-board{display:grid;gap:2px;width:100%;max-width:560px;margin:0 auto;aspect-ratio:1 / 1;padding:6px;background:var(--panel2);border:1px solid var(--border);border-radius:10px}.gomoku-cell{display:flex;align-items:center;justify-content:center;padding:0;aspect-ratio:1 / 1;background:var(--panel);border:1px solid var(--border);border-radius:3px;cursor:default;transition:background .12s ease,border-color .12s ease}.gomoku-cell--clickable{cursor:pointer}.gomoku-cell--clickable:hover{background:#f973161f;border-color:var(--accent)}.gomoku-cell:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.gomoku-cell:disabled{cursor:default}.gomoku-stone{width:72%;height:72%;border-radius:50%;box-shadow:var(--shadow-sm)}.gomoku-cell--you .gomoku-stone{background:var(--accent)}.gomoku-cell--opp .gomoku-stone{background:var(--info)}.gomoku-cell--last{border-color:var(--accent2);box-shadow:inset 0 0 0 2px var(--accent2)}@media (max-width: 600px){.gomoku-board{gap:1px;padding:4px}.gomoku-cell{border-radius:2px}}.moves__row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.move-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 8px;background:var(--panel2);border:1px solid var(--border);border-radius:14px;cursor:pointer;transition:transform .12s ease,background .15s,border-color .15s,box-shadow .15s;box-shadow:var(--shadow-sm)}.move-btn:hover:not(:disabled){transform:translateY(-2px);border-color:#ffffff38;box-shadow:var(--shadow-md)}.move-btn:active:not(:disabled){transform:translateY(0)}.move-btn__emoji{font-size:42px;line-height:1}.move-btn__label{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text);letter-spacing:.02em}.move-btn--rock{background:var(--rps-rock)}.move-btn--paper{background:var(--rps-paper)}.move-btn--scissors{background:var(--rps-scissors)}.move-btn--rock:hover:not(:disabled),.move-btn--paper:hover:not(:disabled),.move-btn--scissors:hover:not(:disabled){filter:brightness(1.35)}.rounds ol{list-style:none;padding:0;margin:0}.round{display:grid;grid-template-columns:32px 1fr 1fr;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;margin-bottom:6px;background:var(--panel);align-items:center;box-shadow:var(--shadow-sm)}.round__num{color:var(--dim);font-family:ui-monospace,monospace}.round.win{border-color:var(--green);background:#34d39921}.round.loss{border-color:var(--red);background:#f8717121}.round.tie{border-color:var(--info);background:#4c82e026}.round__verdict{text-align:right;font-size:12px;color:var(--dim);font-family:var(--font-display);font-weight:600}.settle{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.wager{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.wager__table{width:100%;border-collapse:collapse}.wager__table td{padding:6px 8px 6px 0;vertical-align:top}.wager__table td:first-child{width:110px;font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--dim)}.wager a,.wager-compact a{color:var(--accent);text-decoration:none;font-weight:500}.wager a:hover,.wager-compact a:hover{text-decoration:underline}.wager-compact{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--panel);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;font-size:13px;flex-wrap:wrap;box-shadow:var(--shadow-sm)}.wager-compact strong{color:var(--text)}.stake-math{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.stake-math h3{margin:0 0 8px}.stake-math p{margin:4px 0;font-size:14px;line-height:1.5}.stake-math__outcomes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 8px}.stake-math__outcome{padding:14px 16px;background:var(--panel2);border:1px solid var(--border);border-radius:12px;font-size:14px;line-height:1.5}.stake-math__outcome.win{border-color:var(--green);background:#34d3991f}.stake-math__outcome.loss{border-color:var(--red);background:#f871711f}.stake-math__outcome-label{font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;color:var(--dim)}.stake-math__outcome.win .stake-math__outcome-label{color:var(--green)}.stake-math__outcome.loss .stake-math__outcome-label{color:var(--red)}@media (max-width: 600px){.stake-math__outcomes{grid-template-columns:1fr}}.hero{position:relative;border-radius:18px;padding:32px 24px 22px;margin-bottom:16px;text-align:center;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-lg);overflow:hidden}.hero--win{background:radial-gradient(ellipse at top,rgba(52,211,153,.2),transparent 60%),var(--panel);border-color:var(--green)}.hero--loss{background:radial-gradient(ellipse at top,rgba(248,113,113,.16),transparent 60%),var(--panel);border-color:var(--red)}.hero--tie{background:radial-gradient(ellipse at top,rgba(76,130,224,.18),transparent 60%),var(--panel);border-color:var(--info)}.hero__verdict{font-family:var(--font-display);font-size:42px;font-weight:800;line-height:1.05;letter-spacing:-.02em;margin-bottom:4px}.hero--win .hero__verdict{color:var(--green)}.hero--loss .hero__verdict{color:var(--red)}.hero--tie .hero__verdict{color:var(--info)}.hero__score{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:14px;color:var(--dim);margin-bottom:14px}.hero__sub{font-size:15px;color:var(--text);max-width:460px;margin:0 auto;line-height:1.5}.hero__sub code{font-family:ui-monospace,monospace;font-size:13px;background:var(--panel2);padding:2px 8px;border-radius:6px}.hero__details{margin-top:16px;text-align:left;border-top:1px solid var(--border);padding-top:12px}.hero__details summary{cursor:pointer;font-family:var(--font-display);font-size:11px;font-weight:600;color:var(--dim);text-transform:uppercase;letter-spacing:.08em;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero__details summary::-webkit-details-marker{display:none}.hero__details summary:before{content:"▸ "}.hero__details[open] summary:before{content:"▾ "}.hero__details[open] summary{margin-bottom:8px}.outcome__table{width:100%;border-collapse:collapse}.outcome__table td{padding:6px 8px 6px 0;vertical-align:top;font-size:14px}.outcome__table td:first-child{width:70px;font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.settle__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.settle__title{font-family:var(--font-display);font-size:16px;font-weight:600}.settle__countdown{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;color:var(--info);font-weight:600}.settle__step-num{font-size:12px;color:var(--dim);font-family:ui-monospace,monospace}.settle__bar{height:6px;background:var(--panel2);border-radius:999px;overflow:hidden;margin-bottom:14px}.settle__bar-fill{height:100%;background:var(--info);border-radius:999px;transition:width .4s ease}.settle__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.settle__step{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.settle__step-dot{width:10px;height:10px;border-radius:50%;background:var(--panel2);border:2px solid var(--border)}.settle__step.done .settle__step-dot{background:var(--green);border-color:var(--green)}.settle__step.active .settle__step-dot{background:var(--info);border-color:var(--info);position:relative;box-shadow:0 0 0 4px #4c82e02e}.settle__step-spinner{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid transparent;border-top-color:var(--info);animation:spin 1s linear infinite;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.round-flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;opacity:0;animation:round-flash-fade .48s ease-out forwards}.round-flash--win{background:radial-gradient(ellipse at center,transparent 40%,rgba(34,197,94,.45) 100%)}.round-flash--loss{background:radial-gradient(ellipse at center,transparent 40%,rgba(239,68,68,.45) 100%)}@keyframes round-flash-fade{0%{opacity:0}25%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.round-flash{animation:none;opacity:0}}.settle__step-label{font-size:11px;color:var(--dim);line-height:1.3;font-family:var(--font-display);font-weight:500}.settle__step.done .settle__step-label,.settle__step.active .settle__step-label{color:var(--text)}.settle__hint{margin-top:8px;line-height:1.5}.settle__elapsed{margin:0 0 12px;text-align:center;font-variant-numeric:tabular-nums}.hold{background:linear-gradient(180deg,rgba(251,191,36,.1),transparent),var(--panel);border:1px solid var(--amber);border-radius:14px;padding:18px 16px 14px;margin-bottom:14px;text-align:center;box-shadow:var(--shadow-sm)}.hold__label{font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--amber);margin-bottom:6px}.hold__time{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:44px;font-weight:700;color:var(--amber);line-height:1;letter-spacing:-.01em}.hold__sub{font-size:13px;color:var(--text);margin:8px auto 12px;max-width:380px;line-height:1.5}.hold__bar{height:6px;background:#fbbf2429;border-radius:999px;overflow:hidden}.hold__bar-fill{height:100%;background:var(--amber);border-radius:999px;transition:width .5s linear}.settle--cancel{border-color:var(--amber)}.settle--fail{border-color:var(--red)}.settle__sigs{margin-top:12px}.settle__sigs summary{cursor:pointer;font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.settle__sigs summary::-webkit-details-marker{display:none}.settle__sigs summary:before{content:"▸ "}.settle__sigs[open] summary:before{content:"▾ "}.settle__sigs-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.settle__sigs-list a{color:var(--accent);font-size:12px;font-family:ui-monospace,monospace;text-decoration:none}.settle__sigs-list a:hover{text-decoration:underline}.tech-details__hint{margin-top:8px}.tech-details .settle__sigs-list{flex-direction:column;gap:6px}.tech-details__step{color:var(--text);font-family:inherit;font-weight:600}.cta{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.cta__row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center}.cta__row .primary{font-size:15px;padding:12px 24px;font-weight:600}.cta__hint{text-align:center}@media (max-width: 600px){.app{padding:16px 12px 64px}.header{padding:12px 16px;margin-bottom:16px;gap:12px}.header .brand{order:1}.header .brand__logo{height:18px}.header .brand__pill{font-size:10px;padding:3px 8px}.header__burger{display:inline-flex;order:2;min-width:44px;min-height:44px}.header__actions{display:none;order:3;width:100%;flex-direction:column;align-items:flex-start;gap:4px;padding-top:8px;border-top:1px solid #1d1d20}.header__actions[data-open=true]{display:flex}.header__actions .header__link,.header__actions .header__cta{display:flex;align-items:center;width:100%;min-height:44px}.header__actions .header__cta{justify-content:center}h1{font-size:22px}h2{font-size:16px}.card,.match-header,.moves,.wager,.stake-math,.settle,.hero{padding:16px}.hero{padding:24px 16px 16px}.players{grid-template-columns:1fr;gap:8px}.vs{text-align:center;padding:2px 0}.match-header__top{flex-wrap:wrap;gap:8px}.wager__table td{display:block;padding:2px 0}.wager__table td:first-child{width:auto;padding-top:8px}.wager__table tr:first-child td:first-child{padding-top:0}.cta__row{flex-direction:column;align-items:stretch}.cta__row button{width:100%}.row{flex-direction:column;align-items:stretch}.row>input,.row>button{width:100%}.move-btn{padding:20px 4px}.move-btn__emoji{font-size:34px}.round{grid-template-columns:28px 1fr;row-gap:4px}.round__verdict{grid-column:2;text-align:left}.outcome__table td{display:block;padding:2px 0}.outcome__table td:first-child{width:auto;padding-top:8px}.outcome__table tr:first-child td:first-child{padding-top:0}.settle__steps{grid-template-columns:repeat(2,1fr);row-gap:12px}.settle__head{flex-wrap:wrap;gap:4px}.stake-math__outcomes{grid-template-columns:1fr}.hero__verdict{font-size:32px}}@media (max-width: 380px){.move-btn{padding:16px 2px}.move-btn__emoji{font-size:30px}.move-btn__label{font-size:12px}.hero__verdict{font-size:26px}}