*,:after,:before{--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/0.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/0.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: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-\[18\%\]{inset:18%}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-\[calc\(50\%\+0\.45rem\)\]{bottom:calc(50% + .45rem)}.left-1\/2{left:50%}.top-0{top:0}.top-\[15\%\]{top:15%}.top-\[60\%\]{top:60%}.z-10{z-index:10}.z-50{z-index:50}.row-span-2{grid-row:span 2/span 2}.mx-auto{margin-left:auto;margin-right:auto}.mb-3{margin-bottom:.75rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.\!h-\[clamp\(0\.8rem\2c 5cqi\2c 1\.1rem\)\]{height:clamp(.8rem,5cqi,1.1rem)!important}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-\[35\%\]{height:35%}.h-\[40\%\]{height:40%}.h-\[62\%\]{height:62%}.h-\[clamp\(0\.42rem\2c 2\.3cqi\2c 0\.65rem\)\]{height:clamp(.42rem,2.3cqi,.65rem)}.h-\[clamp\(0\.7rem\2c 4\.5cqi\2c 1rem\)\]{height:clamp(.7rem,4.5cqi,1rem)}.h-\[clamp\(2\.5rem\2c 18cqi\2c 3\.5rem\)\]{height:clamp(2.5rem,18cqi,3.5rem)}.h-\[max\(1px\2c 0\.6vmin\)\]{height:max(1px,.6vmin)}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-\[calc\(100vh-2rem\)\]{max-height:calc(100vh - 2rem)}.min-h-0{min-height:0}.min-h-\[1\.25rem\]{min-height:1.25rem}.min-h-\[1\.75rem\]{min-height:1.75rem}.min-h-\[7rem\]{min-height:7rem}.min-h-\[calc\(100vh-2rem\)\]{min-height:calc(100vh - 2rem)}.min-h-screen{min-height:100vh}.\!w-\[clamp\(0\.8rem\2c 5cqi\2c 1\.1rem\)\]{width:clamp(.8rem,5cqi,1.1rem)!important}.w-11{width:2.75rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-\[10rem\]{width:10rem}.w-\[35\%\]{width:35%}.w-\[62\%\]{width:62%}.w-\[70\%\]{width:70%}.w-\[clamp\(0\.7rem\2c 4\.5cqi\2c 1rem\)\]{width:clamp(.7rem,4.5cqi,1rem)}.w-\[clamp\(0\.9rem\2c 8cqi\2c 2rem\)\]{width:clamp(.9rem,8cqi,2rem)}.w-\[clamp\(2\.5rem\2c 18cqi\2c 3\.5rem\)\]{width:clamp(2.5rem,18cqi,3.5rem)}.w-full{width:100%}.min-w-0{min-width:0}.min-w-36{min-width:9rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[clamp\(3rem\2c 19cqi\2c 4\.25rem\)\]{min-width:clamp(3rem,19cqi,4.25rem)}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-\[1480px\]{max-width:1480px}.max-w-\[1800px\]{max-width:1800px}.max-w-\[310px\]{max-width:310px}.max-w-\[min\(calc\(100vw-2rem\)\2c calc\(100vh-2rem\)\)\]{max-width:min(calc(100vw - 2rem),calc(100vh - 2rem))}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-\[1\.5rem_minmax\(0\2c 1fr\)\]{grid-template-columns:1.5rem minmax(0,1fr)}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}.grid-rows-\[auto_auto_auto_minmax\(0\2c 1fr\)_auto\]{grid-template-rows:auto auto auto minmax(0,1fr) auto}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-\[3px\]{gap:3px}.gap-\[clamp\(0\.25rem\2c 1\.8cqi\2c 0\.5rem\)\]{gap:clamp(.25rem,1.8cqi,.5rem)}.gap-\[clamp\(0\.2rem\2c 1\.2cqi\2c 0\.4rem\)\]{gap:clamp(.2rem,1.2cqi,.4rem)}.gap-\[clamp\(0\.3rem\2c 2cqi\2c 0\.5rem\)\]{gap:clamp(.3rem,2cqi,.5rem)}.gap-\[clamp\(0\.4rem\2c 2cqi\2c 0\.7rem\)\]{gap:clamp(.4rem,2cqi,.7rem)}.gap-\[clamp\(0\.5rem\2c 1vw\2c 1rem\)\]{gap:clamp(.5rem,1vw,1rem)}.gap-\[clamp\(0\.5rem\2c 3cqi\2c 0\.8rem\)\]{gap:clamp(.5rem,3cqi,.8rem)}.gap-\[clamp\(0\.6rem\2c 1\.2vh\2c 1rem\)\]{gap:clamp(.6rem,1.2vh,1rem)}.gap-\[clamp\(2px\2c 0\.6vmin\2c 6px\)\]{gap:clamp(2px,.6vmin,6px)}.gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.gap-y-1\.5{row-gap:.375rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:9999px}.rounded-sm{border-radius:.125rem}.rounded-t-full{border-top-left-radius:9999px;border-top-right-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-b-2,.border-b-\[2px\]{border-bottom-width:2px}.border-\[\#333\]{--tw-border-opacity:1;border-color:rgb(51 51 51/var(--tw-border-opacity,1))}.border-\[\#3a3a3a\]{--tw-border-opacity:1;border-color:rgb(58 58 58/var(--tw-border-opacity,1))}.border-\[\#3d3d3d\]{--tw-border-opacity:1;border-color:rgb(61 61 61/var(--tw-border-opacity,1))}.border-\[\#3f6f3f\]{--tw-border-opacity:1;border-color:rgb(63 111 63/var(--tw-border-opacity,1))}.border-\[\#6f5a2a\]{--tw-border-opacity:1;border-color:rgb(111 90 42/var(--tw-border-opacity,1))}.border-\[var\(--p1-outer\)\]{border-color:var(--p1-outer)}.border-\[var\(--p2-outer\)\]{border-color:var(--p2-outer)}.border-\[var\(--text-primary\)\]{border-color:var(--text-primary)}.border-red-900{--tw-border-opacity:1;border-color:rgb(127 29 29/var(--tw-border-opacity,1))}.bg-\[\#101010\]{--tw-bg-opacity:1;background-color:rgb(16 16 16/var(--tw-bg-opacity,1))}.bg-\[\#555\]{--tw-bg-opacity:1;background-color:rgb(85 85 85/var(--tw-bg-opacity,1))}.bg-\[\#ddd\]{--tw-bg-opacity:1;background-color:rgb(221 221 221/var(--tw-bg-opacity,1))}.bg-\[var\(--bg\)\]{background-color:var(--bg)}.bg-\[var\(--danger\)\]{background-color:var(--danger)}.bg-\[var\(--highlight\)\]{background-color:var(--highlight)}.bg-\[var\(--p1-outer\)\]{background-color:var(--p1-outer)}.bg-\[var\(--p2-outer\)\]{background-color:var(--p2-outer)}.bg-\[var\(--text-primary\)\]{background-color:var(--text-primary)}.bg-\[var\(--text-secondary\)\]{background-color:var(--text-secondary)}.bg-\[var\(--ui\)\]{background-color:var(--ui)}.bg-\[var\(--uiTile\)\]{background-color:var(--uiTile)}.bg-black\/20{background-color:rgb(0 0 0/.2)}.bg-black\/25{background-color:rgb(0 0 0/.25)}.bg-black\/50{background-color:rgb(0 0 0/.5)}.bg-black\/75{background-color:rgb(0 0 0/.75)}.bg-blue-950\/30{background-color:rgb(23 37 84/.3)}.bg-green-950\/30{background-color:rgb(5 46 22/.3)}.bg-red-950\/30{background-color:rgb(69 10 10/.3)}.bg-red-950\/40{background-color:rgb(69 10 10/.4)}.bg-transparent{background-color:transparent}.bg-yellow-950\/20{background-color:rgb(66 32 6/.2)}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-\[3px\]{padding:3px}.p-\[clamp\(1rem\2c 4vmin\2c 2rem\)\]{padding:clamp(1rem,4vmin,2rem)}.p-\[clamp\(2px\2c 0\.25vmin\2c 4px\)\]{padding:clamp(2px,.25vmin,4px)}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-\[clamp\(0\.3rem\2c 2cqi\2c 0\.55rem\)\]{padding-top:clamp(.3rem,2cqi,.55rem);padding-bottom:clamp(.3rem,2cqi,.55rem)}.pb-1\.5{padding-bottom:.375rem}.pb-8{padding-bottom:2rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[0\.68rem\]{font-size:.68rem}.text-\[clamp\(0\.56rem\2c 2\.8cqi\2c 0\.75rem\)\]{font-size:clamp(.56rem,2.8cqi,.75rem)}.text-\[clamp\(0\.68rem\2c 0\.75vw\2c 0\.8rem\)\]{font-size:clamp(.68rem,.75vw,.8rem)}.text-\[clamp\(0\.72rem\2c 4\.4cqi\2c 0\.95rem\)\]{font-size:clamp(.72rem,4.4cqi,.95rem)}.text-\[clamp\(0\.78rem\2c 4\.5cqi\2c 1rem\)\]{font-size:clamp(.78rem,4.5cqi,1rem)}.text-\[clamp\(0\.78rem\2c 5cqi\2c 1\.05rem\)\]{font-size:clamp(.78rem,5cqi,1.05rem)}.text-\[clamp\(0\.85rem\2c 5\.5cqi\2c 1\.15rem\)\]{font-size:clamp(.85rem,5.5cqi,1.15rem)}.text-\[clamp\(0\.9rem\2c 1\.15vw\2c 1\.15rem\)\]{font-size:clamp(.9rem,1.15vw,1.15rem)}.text-\[clamp\(1\.7rem\2c 5vmin\2c 2\.5rem\)\]{font-size:clamp(1.7rem,5vmin,2.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-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-wider{letter-spacing:.05em}.text-\[var\(--danger\)\]{color:var(--danger)}.text-\[var\(--p1-outer\)\]{color:var(--p1-outer)}.text-\[var\(--p2-outer\)\]{color:var(--p2-outer)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-green-200{--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-yellow-100{--tw-text-opacity:1;color:rgb(254 249 195/var(--tw-text-opacity,1))}.opacity-30{opacity:.3}.opacity-55{opacity:.55}.opacity-80{opacity:.8}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 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)}.outline{outline-style:solid}.outline-2{outline-width:2px}.outline-\[var\(--text-primary\)\]{outline-color:var(--text-primary)}.ring-2{--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(2px + 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-inset{--tw-ring-inset:inset}.ring-\[var\(--highlight\)\]{--tw-ring-color:var(--highlight)}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{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)}.transition-\[filter\2c opacity\]{transition-property:filter,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--bg:#121212;--panel:#161616;--board-even:#212121;--board-odd:#262626;--ui:#262626;--highlight:#585858;--p1-inner:#2E6CE5;--p1-outer:#3278FF;--p2-inner:#D03232;--p2-outer:#F03C3C;--danger:#f08a24;--text-primary:#E1E1E1;--text-secondary:#C8C8C8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.player-card{container-type:inline-size}a{color:inherit;text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;background:var(--ui);color:var(--text-primary);border:1px solid #333;border-radius:.35rem;padding:.8rem 1rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;transition:background-color .14s ease,border-color .14s ease,transform .14s ease}.button:disabled{cursor:not-allowed;opacity:.48}.button-icon{width:1.05rem;height:1.05rem;flex:none}.desktop-controls{display:none}.mobile-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.mobile-icon-button{min-height:2.75rem;padding:.65rem}.mobile-icon-button .button-icon{width:1.25rem;height:1.25rem}.button:not(:disabled):hover{background:var(--highlight);transform:translateY(-1px)}.panel{background:var(--panel);border:1px solid #222;border-radius:.35rem}.pregame-shell .panel{position:relative;box-shadow:0 1.25rem 4rem rgba(0,0,0,.24),0 .2rem 1rem rgba(0,0,0,.18)}.pregame-shell .panel:before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 18% 0,rgba(50,120,255,.18),transparent 38%),radial-gradient(circle at 86% 100%,rgba(240,60,60,.14),transparent 42%);filter:blur(18px);opacity:.72}.route-setup-fallback{display:grid;min-height:100dvh;place-items:center;padding:clamp(1rem,4vw,2rem);background:var(--bg)}.route-setup-fallback section{display:grid;width:min(100%,28rem);gap:.8rem;border:1px solid #333;border-radius:.35rem;background:var(--panel);padding:clamp(1rem,4vw,1.4rem)}.route-setup-fallback p{margin:0;color:var(--text-secondary);font-size:.72rem;font-weight:950;letter-spacing:.16em;line-height:1;text-transform:uppercase}.route-setup-fallback h1{margin:0;font-size:clamp(1.8rem,8vw,3rem);font-weight:950;letter-spacing:0;line-height:1}.route-setup-fallback span{color:var(--text-secondary);line-height:1.35}.route-setup-fallback .button{justify-self:start}.setting-row{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;border:1px solid #2b2b2b;border-radius:.35rem;background:rgba(38,38,38,.58);padding:1rem}.side-choice{display:flex;min-height:4.2rem;align-items:center;gap:.8rem;border:1px solid #363636;border-radius:.35rem;background:var(--ui);padding:.85rem;color:var(--text-primary);transition:background-color .14s ease,border-color .14s ease,transform .14s ease}.side-choice:hover{background:var(--highlight);transform:translateY(-1px)}.side-choice-active{box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.side-choice-blue{border-color:var(--p1-outer);background:color-mix(in srgb,var(--p1-outer) 18%,var(--ui))}.side-choice-red{border-color:var(--p2-outer);background:color-mix(in srgb,var(--p2-outer) 18%,var(--ui))}.side-choice-swatch{width:.85rem;height:2.4rem;flex:none;border-radius:.18rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.difficulty-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.difficulty-option{min-height:2.55rem;border:1px solid #363636;border-radius:.35rem;background:var(--ui);padding:.55rem .65rem;color:var(--text-primary);font-size:.75rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase;transition:background-color .14s ease,border-color .14s ease,transform .14s ease}.difficulty-option:hover{background:var(--highlight);transform:translateY(-1px)}.difficulty-option-active{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 20%,var(--ui));box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.cell-even{background:var(--board-even)}.cell-even,.cell-odd{transition:background-color .13s ease}.cell-odd{background:var(--board-odd)}.cell-even.lifecycle-birth{background:color-mix(in srgb,var(--board-even) 30%,#223c22)}.cell-odd.lifecycle-birth{background:color-mix(in srgb,var(--board-odd) 30%,#223c22)}.cell-even.lifecycle-death{background:color-mix(in srgb,var(--board-even) 30%,#3c2222)}.cell-odd.lifecycle-death{background:color-mix(in srgb,var(--board-odd) 30%,#3c2222)}.birth-preview-piece{width:10%;height:10%;border-radius:9999px;opacity:.65;animation:birth-preview-in .15s cubic-bezier(.2,.8,.2,1) both;will-change:opacity,transform}.birth-preview-p1{background:var(--p1-outer)}.birth-preview-p2{background:var(--p2-outer)}.piece{width:70%;height:70%;display:flex;align-items:center;justify-content:center;transform:translateZ(0) scale(1);transform-origin:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.piece,.piece:after{border-radius:9999px}.piece:after{content:"";width:58%;height:58%;opacity:.9}.moving-piece{position:absolute;left:0;top:0;z-index:5;pointer-events:none;transition:transform .17s cubic-bezier(.2,.8,.2,1);will-change:transform}.lifecycle-piece-birth{animation:lifecycle-birth .19s cubic-bezier(.2,.8,.2,1) both;will-change:opacity,transform}.lifecycle-piece-death{animation:lifecycle-death .19s cubic-bezier(.4,0,.2,1) both;will-change:opacity,transform}.lifecycle-indicator{position:absolute;left:50%;top:clamp(.6rem,2vmin,1rem);z-index:8;display:grid;min-width:min(16rem,72%);transform:translateX(-50%);gap:.45rem;border:1px solid #3a3a3a;border-radius:.25rem;background:rgba(18,18,18,.86);padding:.55rem .7rem;box-shadow:0 .8rem 2rem rgba(0,0,0,.28);backdrop-filter:blur(8px)}.lifecycle-indicator-label{text-align:center;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary)}.lifecycle-indicator-track{display:block;height:.28rem;overflow:hidden;border-radius:9999px;background:var(--ui)}.lifecycle-indicator-track span{display:block;height:100%;width:100%;transform-origin:left center;border-radius:inherit;background:linear-gradient(90deg,var(--p1-outer),var(--danger),var(--p2-outer));animation:lifecycle-progress .9s linear both}.p1{background:var(--p1-outer)}.p1:after{background:var(--p1-inner)}.p2{background:var(--p2-outer)}.p2:after{background:var(--p2-inner)}.game-board-finished{filter:brightness(.42) saturate(.7);opacity:.78}.game-over-layer{background:rgba(0,0,0,.16)}.game-over-panel{border-color:#444;background:color-mix(in srgb,var(--panel) 96%,white)}.game-over-icon{background:var(--ui);color:var(--text-primary);border:1px solid #444}.game-over-title-blue{color:var(--p1-outer)}.game-over-title-red{color:var(--p2-outer)}.game-over-title-draw{color:#fff}.player-result-winner{border-width:2px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.player-result-winner.player-result-p1{border-color:var(--p1-outer)}.player-result-winner.player-result-p2{border-color:var(--p2-outer)}.player-result-loser{filter:grayscale(1);opacity:.42}.player-result-draw{filter:grayscale(.65);opacity:.78;border-color:#444}.player-result-winner.player-result-p1 .player-clock{background:color-mix(in srgb,var(--p1-outer) 32%,var(--ui))}.player-result-winner.player-result-p2 .player-clock{background:color-mix(in srgb,var(--p2-outer) 32%,var(--ui))}.player-result-draw .player-clock,.player-result-loser .player-clock{background:var(--ui)}.game-over-log{line-height:1.25}.main-menu-shell{--main-menu-mobile-nav-height:clamp(5.9rem,15dvh,7.4rem);height:100dvh;overflow:hidden;background:var(--bg);color:var(--text-primary)}.main-menu-icon{width:1.5rem;height:1.5rem;flex:none}.main-menu-view-control{position:fixed;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.main-menu-mobile-wordmark,.main-menu-wordmark{display:block;height:auto;-o-object-fit:contain;object-fit:contain}.main-menu-right-panel,.main-menu-sidebar{display:none}.main-menu-content{display:grid;height:100dvh;min-height:0;grid-template-rows:auto auto minmax(0,1fr) minmax(0,clamp(5.2rem,17dvh,8.8rem));gap:clamp(.55rem,1.6dvh,1.35rem);overflow:hidden;padding:clamp(.9rem,3.1dvh,2.4rem) .65rem calc(var(--main-menu-mobile-nav-height) + .45rem + env(safe-area-inset-bottom))}.main-menu-mobile-wordmark{width:clamp(10.5rem,54vw,15rem);max-height:8vh;max-width:72vw;margin:0 auto}.main-menu-mobile-profile,.main-menu-profile{display:flex;min-width:0;align-items:center;gap:.9rem}.main-menu-mobile-profile{min-height:clamp(3.9rem,10.5dvh,5.2rem);border:1px solid #2f2f2f;border-radius:.35rem;background:var(--ui);padding:clamp(.6rem,1.8dvh,.95rem) clamp(.75rem,2.8vw,1rem)}.main-menu-mobile-profile .main-menu-icon{margin-left:auto;width:1.35rem;height:1.35rem;color:var(--text-primary)}.main-menu-avatar{display:grid;width:clamp(2.25rem,7dvh,3rem);height:clamp(2.25rem,7dvh,3rem);flex:none;place-items:center;border-radius:9999px;background:#2d2d2d}.main-menu-avatar span{width:52%;height:52%;border-radius:inherit;background:var(--highlight)}.main-menu-profile-text{min-width:0}.main-menu-profile-text h2{margin:0;overflow:hidden;color:var(--text-primary);font-size:clamp(1rem,min(5.4vw,3.2dvh),1.55rem);font-weight:900;line-height:1;text-overflow:ellipsis;white-space:nowrap}.main-menu-profile-text p{margin:.25rem 0 0;color:var(--text-secondary);font-size:clamp(.72rem,min(3.4vw,2.3dvh),.92rem);line-height:1.2}.main-menu-hero{display:none}.main-menu-view{display:grid;grid-column:1;grid-row:3/-1;min-height:0;opacity:0;pointer-events:none;filter:blur(1.5px);transform:translate3d(0,.45rem,0) scale(.992);transition:opacity .26s cubic-bezier(.4,0,.2,1),transform .26s cubic-bezier(.4,0,.2,1),filter .26s cubic-bezier(.4,0,.2,1);will-change:opacity,transform,filter}.main-menu-view-play{grid-template-rows:minmax(0,1fr) minmax(0,clamp(5.2rem,17dvh,8.8rem));gap:clamp(.55rem,1.6dvh,1.35rem)}.main-menu-view-leaderboard,.main-menu-view-learn,.main-menu-view-recent,.main-menu-view-settings,.main-menu-view-social{grid-template-rows:minmax(0,1fr)}#main-menu-view-leaderboard:checked~.main-menu-content .main-menu-view-leaderboard,#main-menu-view-learn:checked~.main-menu-content .main-menu-view-learn,#main-menu-view-play:checked~.main-menu-content .main-menu-view-play,#main-menu-view-recent:checked~.main-menu-content .main-menu-view-recent,#main-menu-view-settings:checked~.main-menu-content .main-menu-view-settings,#main-menu-view-social:checked~.main-menu-content .main-menu-view-social{opacity:1;pointer-events:auto;filter:blur(0);transform:translateZ(0) scale(1);transition:opacity .34s cubic-bezier(.16,1,.3,1) 90ms,transform .34s cubic-bezier(.16,1,.3,1) 90ms,filter .34s cubic-bezier(.16,1,.3,1) 90ms}#main-menu-view-leaderboard:checked~.main-menu-content .main-menu-view-leaderboard .main-menu-panel-card,#main-menu-view-learn:checked~.main-menu-content .main-menu-view-learn .main-menu-info-tile,#main-menu-view-play:checked~.main-menu-content .main-menu-view-play .main-menu-play-card,#main-menu-view-recent:checked~.main-menu-content .main-menu-view-recent .main-menu-panel-card,#main-menu-view-settings:checked~.main-menu-content .main-menu-view-settings .main-menu-setting-row,#main-menu-view-social:checked~.main-menu-content .main-menu-view-social .main-menu-panel-card{animation:main-menu-view-birth .36s cubic-bezier(.16,1,.3,1) backwards}#main-menu-view-learn:checked~.main-menu-content .main-menu-view-learn .main-menu-info-tile:nth-child(2),#main-menu-view-play:checked~.main-menu-content .main-menu-view-play .main-menu-play-card:nth-child(2),#main-menu-view-settings:checked~.main-menu-content .main-menu-view-settings .main-menu-setting-row:nth-child(2),#main-menu-view-social:checked~.main-menu-content .main-menu-view-social .main-menu-panel-card:nth-child(2){animation-delay:45ms}#main-menu-view-learn:checked~.main-menu-content .main-menu-view-learn .main-menu-info-tile:nth-child(3),#main-menu-view-play:checked~.main-menu-content .main-menu-view-play .main-menu-play-card:nth-child(3),#main-menu-view-settings:checked~.main-menu-content .main-menu-view-settings .main-menu-setting-row:nth-child(3),#main-menu-view-social:checked~.main-menu-content .main-menu-view-social .main-menu-panel-card:nth-child(3){animation-delay:90ms}#main-menu-view-play:checked~.main-menu-content .main-menu-view-play .main-menu-play-card:nth-child(4),#main-menu-view-settings:checked~.main-menu-content .main-menu-view-settings .main-menu-setting-row:nth-child(4){animation-delay:135ms}#main-menu-view-leaderboard:checked~.main-menu-mobile-nav label[for=main-menu-view-leaderboard],#main-menu-view-leaderboard:checked~.main-menu-sidebar label[for=main-menu-view-leaderboard],#main-menu-view-learn:checked~.main-menu-mobile-nav label[for=main-menu-view-learn],#main-menu-view-learn:checked~.main-menu-sidebar label[for=main-menu-view-learn],#main-menu-view-play:checked~.main-menu-mobile-nav label[for=main-menu-view-play],#main-menu-view-play:checked~.main-menu-sidebar label[for=main-menu-view-play],#main-menu-view-settings:checked~.main-menu-mobile-nav label[for=main-menu-view-settings],#main-menu-view-settings:checked~.main-menu-sidebar label[for=main-menu-view-settings],#main-menu-view-social:checked~.main-menu-mobile-nav label[for=main-menu-view-social],#main-menu-view-social:checked~.main-menu-sidebar label[for=main-menu-view-social]{color:var(--p2-outer)}.main-menu-play-grid{display:grid;min-height:0;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);grid-template-rows:minmax(0,1.18fr) minmax(0,1fr);gap:clamp(.45rem,1.6dvh,.75rem)}.main-menu-setup-root{display:grid;min-height:0;height:100%}.main-menu-setup-mode-cards{grid-template-rows:minmax(0,1fr)}.main-menu-setup-mode-cards .main-menu-play-grid{height:100%}.main-menu-play-card:first-child{grid-column:1;grid-row:1}.main-menu-play-card:nth-child(2){grid-column:2;grid-row:1}.main-menu-play-card:nth-child(3){grid-column:1;grid-row:2}.main-menu-play-card:nth-child(4){grid-column:2;grid-row:2}.main-menu-play-card{position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;align-items:center;justify-content:center;border:1px solid #2f2f2f;border-radius:.35rem;background:var(--ui);padding:clamp(.65rem,2.2dvh,1.1rem) clamp(.45rem,2.4vw,.8rem);color:var(--text-primary);font:inherit;text-align:center;cursor:pointer;transition:border-color .14s ease,background-color .14s ease,transform .14s ease}.main-menu-play-card:hover{border-color:#444;background:color-mix(in srgb,var(--ui) 82%,var(--highlight));transform:translateY(-2px);box-shadow:0 .5rem 1.2rem rgba(0,0,0,.18)}.main-menu-play-card:disabled{opacity:.46}.main-menu-play-card:disabled:hover{border-color:#2f2f2f;background:var(--ui);transform:none;box-shadow:none}.main-menu-play-card-soon{cursor:default;border-color:#252525;background:#1B1B1B;color:#757575;opacity:1;filter:saturate(.55)}.main-menu-play-card-soon .main-menu-play-copy{color:#666666}.main-menu-play-card-soon:hover{border-color:#252525;background:#1B1B1B;transform:none}.main-menu-coming-soon-control{border-color:#252525!important;background:#1B1B1B!important;color:#757575!important;cursor:default!important;opacity:1!important;filter:saturate(.55)}.main-menu-coming-soon-control:focus-visible,.main-menu-coming-soon-control:hover{border-color:#252525!important;background:#1B1B1B!important;color:#757575!important;transform:none!important}.main-menu-coming-soon-control .main-menu-icon,.main-menu-play-card-soon .main-menu-icon,.main-menu-play-card-soon .main-menu-token{opacity:.54}.main-menu-play-card-unavailable .main-menu-play-copy,.main-menu-play-card-unavailable .main-menu-play-title,.main-menu-play-card-unavailable .main-menu-token{filter:grayscale(.7)}.main-menu-play-icon{display:grid;min-height:clamp(2rem,6dvh,3.9rem);place-items:center;color:var(--text-primary)}.main-menu-play-icon .main-menu-icon{width:clamp(1.8rem,6dvh,3.25rem);height:clamp(1.8rem,6dvh,3.25rem)}.main-menu-play-title{margin-top:clamp(.35rem,1.3dvh,.7rem);font-size:clamp(.82rem,min(4.6vw,2.65dvh),1.18rem);font-weight:900;line-height:1.05}.main-menu-play-copy{max-width:16rem;margin-top:clamp(.35rem,1.4dvh,.75rem);color:var(--text-secondary);font-size:clamp(.65rem,min(3.4vw,2.1dvh),.88rem);line-height:1.15}.main-menu-token{display:grid;width:clamp(2rem,6dvh,4rem);height:clamp(2rem,6dvh,4rem);place-items:center;border-radius:9999px}.main-menu-token span{width:58%;height:58%;border-radius:inherit}.main-menu-token-red{background:var(--p2-outer)}.main-menu-token-red span{background:var(--p2-inner)}.main-menu-token-blue{background:var(--p1-outer)}.main-menu-token-blue span{background:var(--p1-inner)}.main-menu-soon{display:inline-flex;max-width:100%;align-items:center;justify-content:center;border:1px solid #2b2b2b;border-radius:9999px;background:#141414;padding:clamp(.1rem,.45dvh,.16rem) .45rem;color:#858585;font-size:clamp(.48rem,1.45dvh,.62rem);font-weight:900;line-height:1;text-transform:uppercase;white-space:nowrap}.main-menu-card-status,.main-menu-play-card .main-menu-soon{position:absolute;right:clamp(.35rem,1.2dvh,.55rem);top:clamp(.35rem,1.2dvh,.55rem)}.main-menu-card-status{max-width:calc(100% - .7rem)}.main-menu-mobile-recent{min-height:0}.main-menu-view-play:has(.main-menu-setup-root:not(.main-menu-setup-mode-cards)){grid-template-rows:minmax(0,1fr) 0}.main-menu-view-play:has(.main-menu-setup-root:not(.main-menu-setup-mode-cards)) .main-menu-mobile-recent{display:none}.main-menu-connection{display:inline-flex;align-items:center;gap:.42rem;border:1px solid #343434;border-radius:9999px;background:var(--bg);padding:.38rem .6rem;color:var(--text-secondary);font-size:clamp(.58rem,1.65dvh,.72rem);font-weight:900;line-height:1;white-space:nowrap}.main-menu-connection span{width:.52rem;height:.52rem;flex:none;border-radius:9999px;background:#FF5A5F;box-shadow:0 0 0 .18rem rgba(255,90,95,.12)}.main-menu-connection-online span{background:#35D07F;box-shadow:0 0 0 .18rem rgba(53,208,127,.12)}.main-menu-online-status{position:absolute;top:clamp(.55rem,1.55dvh,.9rem);right:clamp(.55rem,1.55dvh,.9rem);display:flex;align-items:center;justify-content:flex-end}.main-menu-setup-panel{position:relative;display:grid;width:100%;max-width:58rem;height:100%;min-height:0;margin:0 auto;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(.48rem,1.35dvh,.8rem);border:1px solid #2f2f2f;border-radius:.35rem;background:var(--ui);padding:clamp(.55rem,1.55dvh,.9rem);animation:main-menu-view-birth .36s cubic-bezier(.16,1,.3,1) backwards}.main-menu-setup-header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(.55rem,1.5dvh,.9rem)}.main-menu-setup-panel:has(.main-menu-online-status) .main-menu-setup-header{padding-right:clamp(6rem,28vw,8.5rem)}.main-menu-setup-header p,.main-menu-setup-row span{margin:0;color:var(--text-secondary);font-size:clamp(.54rem,min(2.7vw,1.45dvh),.68rem);font-weight:950;letter-spacing:.12em;line-height:1;text-transform:uppercase}.main-menu-setup-header h2{margin:.16rem 0 0;color:var(--text-primary);font-size:clamp(.94rem,min(4.7vw,2.5dvh),1.35rem);font-weight:950;letter-spacing:0;line-height:1}.main-menu-join-row button,.main-menu-setup-back,.main-menu-setup-option,.main-menu-setup-primary{border:1px solid #383838;border-radius:.3rem;background:#202020;color:var(--text-primary);font:inherit;font-weight:900;line-height:1;cursor:pointer;transition:border-color .14s ease,background-color .14s ease,transform .14s ease,opacity .14s ease}.main-menu-setup-back{display:grid;width:clamp(2.15rem,5.6dvh,2.75rem);height:clamp(2.15rem,5.6dvh,2.75rem);min-height:0;place-items:center;border-color:color-mix(in srgb,var(--p1-outer) 58%,#383838);background:color-mix(in srgb,var(--p1-outer) 14%,#202020);padding:0;color:var(--text-primary)}.main-menu-small-icon{width:clamp(1.05rem,3.2dvh,1.35rem);height:clamp(1.05rem,3.2dvh,1.35rem);flex:none}.main-menu-setup-body{display:grid;min-height:0;align-content:stretch;gap:clamp(.42rem,1.15dvh,.7rem);overflow:hidden}.main-menu-setup-row{display:grid;min-height:0;grid-template-columns:minmax(4.8rem,.52fr) minmax(0,1.48fr);align-items:center;gap:clamp(.45rem,1.6vw,.9rem);border:1px solid #343434;border-radius:.28rem;background:#202020;padding:clamp(.45rem,1.2dvh,.7rem)}.main-menu-setup-row strong{display:block;margin-top:.2rem;color:var(--text-primary);font-size:clamp(.72rem,min(3.45vw,1.85dvh),.95rem);line-height:1.05}.main-menu-setup-options{display:grid;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.28rem,.85dvh,.45rem)}.main-menu-setup-options-two{grid-template-columns:repeat(2,minmax(0,1fr))}.main-menu-setup-option{display:inline-flex;min-width:0;min-height:clamp(1.85rem,5.1dvh,2.45rem);align-items:center;justify-content:center;gap:.34rem;padding:0 .35rem;color:var(--text-secondary);font-size:clamp(.56rem,min(2.9vw,1.55dvh),.74rem);text-align:center;white-space:nowrap}.main-menu-setup-option-active{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 18%,#202020);color:var(--text-primary)}.main-menu-setup-swatch{width:.5rem;height:.9rem;flex:none;border-radius:.12rem}.main-menu-setup-swatch-blue{background:var(--p1-outer)}.main-menu-setup-swatch-red{background:var(--p2-outer)}.main-menu-setup-footer{display:grid}.main-menu-setup-primary{min-height:clamp(2.35rem,6.4dvh,3rem);padding:0 .9rem;background:color-mix(in srgb,var(--p1-outer) 24%,#202020);border-color:color-mix(in srgb,var(--p1-outer) 72%,#383838);font-size:clamp(.7rem,min(3.3vw,1.85dvh),.9rem);text-transform:uppercase}.main-menu-join-row button:disabled,.main-menu-online-card>button:disabled,.main-menu-setup-primary:disabled{cursor:not-allowed;opacity:.46}.main-menu-join-row button:not(:disabled):hover,.main-menu-online-card>button:not(:disabled):hover,.main-menu-setup-back:hover,.main-menu-setup-option:hover,.main-menu-setup-primary:not(:disabled):hover{border-color:#4a4a4a;background:color-mix(in srgb,var(--ui) 82%,var(--highlight));transform:translateY(-1px)}.main-menu-room-code{display:block;min-width:0;border:1px solid #383838;border-radius:.25rem;background:var(--bg);padding:clamp(.35rem,1dvh,.6rem) .6rem;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(1rem,min(6vw,3.1dvh),1.65rem);letter-spacing:.18em;line-height:1;text-align:center}.main-menu-room-code-row{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:.38rem;align-items:stretch}.main-menu-copy-button{display:grid;width:clamp(2.15rem,5.9dvh,2.65rem);min-height:0;place-items:center;border:1px solid #383838;border-radius:.25rem;background:var(--bg);color:var(--text-primary);cursor:pointer;transition:border-color .14s ease,background-color .14s ease,transform .14s ease}.main-menu-copy-button:hover{border-color:#4a4a4a;background:color-mix(in srgb,var(--ui) 82%,var(--highlight));transform:translateY(-1px)}.main-menu-side-view{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem}.main-menu-side-card{display:grid;min-width:0;gap:.25rem;border:1px solid #383838;border-radius:.25rem;background:var(--bg);padding:clamp(.42rem,1.15dvh,.62rem);overflow:hidden}.main-menu-side-card-blue{border-color:color-mix(in srgb,var(--p1-outer) 58%,#383838)}.main-menu-side-card-red{border-color:color-mix(in srgb,var(--p2-outer) 58%,#383838)}.main-menu-side-card span{display:block;margin:0;color:var(--text-secondary);font-size:clamp(.5rem,min(2.45vw,1.35dvh),.64rem);font-weight:950;letter-spacing:.12em;line-height:1;text-transform:uppercase}.main-menu-side-card strong{min-width:0;overflow:hidden;color:var(--text-primary);font-size:clamp(.72rem,min(3.4vw,1.85dvh),.95rem);line-height:1.05;text-overflow:ellipsis;white-space:nowrap;animation:main-menu-side-swap .22s cubic-bezier(.16,1,.3,1) both}.main-menu-setup-error,.main-menu-setup-note,.main-menu-setup-static{border:1px solid #383838;border-radius:9999px;background:var(--bg);padding:.36rem .5rem;color:var(--text-secondary);font-size:clamp(.54rem,min(2.7vw,1.45dvh),.68rem);font-weight:900;line-height:1;white-space:nowrap}.main-menu-setup-static{display:inline-flex;justify-content:center}.main-menu-join-row{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:.35rem}.main-menu-online-options{display:grid;min-height:0;grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(.42rem,1.15dvh,.7rem)}.main-menu-online-card{display:grid;min-height:0;grid-template-columns:minmax(5rem,.55fr) minmax(0,1.45fr);align-items:center;gap:clamp(.45rem,1.6vw,.9rem);border:1px solid #343434;border-radius:.28rem;background:#202020;padding:clamp(.45rem,1.2dvh,.7rem)}.main-menu-online-card span{display:block;margin:0;color:var(--text-secondary);font-size:clamp(.54rem,min(2.7vw,1.45dvh),.68rem);font-weight:950;letter-spacing:.12em;line-height:1;text-transform:uppercase}.main-menu-online-card strong{display:block;margin-top:.2rem;color:var(--text-primary);font-size:clamp(.72rem,min(3.45vw,1.85dvh),.95rem);line-height:1.05}.main-menu-join-row input{min-width:0;min-height:clamp(1.95rem,5.4dvh,2.5rem);border:1px solid #383838;border-radius:.28rem;background:var(--bg);padding:0 .62rem;color:var(--text-primary);font:inherit;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(.72rem,min(3.4vw,1.85dvh),.95rem);letter-spacing:.12em;outline:none;text-transform:uppercase}.main-menu-join-row button,.main-menu-online-card>button{min-height:clamp(1.95rem,5.4dvh,2.5rem);padding:0 .7rem;color:var(--text-secondary);font-size:clamp(.58rem,1.55dvh,.72rem)}.main-menu-online-card>button{width:100%;border:1px solid color-mix(in srgb,var(--p1-outer) 68%,#383838);border-radius:.28rem;background:color-mix(in srgb,var(--p1-outer) 20%,var(--bg));color:var(--text-primary);font:inherit;font-size:clamp(.64rem,min(3vw,1.7dvh),.82rem);font-weight:900;text-transform:uppercase;cursor:pointer;transition:border-color .14s ease,background-color .14s ease,transform .14s ease,opacity .14s ease}.main-menu-setup-error,.main-menu-setup-note{display:block;border-radius:.28rem;white-space:normal}.main-menu-setup-error{border-color:color-mix(in srgb,#FF5A5F 58%,#383838);color:#ffd6d7}.main-menu-center-view{display:grid;min-height:0;grid-row:1/-1;grid-template-rows:minmax(0,1fr);overflow:hidden}.main-menu-center-header{display:none;justify-items:center;gap:clamp(.35rem,1dvh,.6rem);text-align:center}.main-menu-center-header p{max-width:34rem;margin:0;color:var(--text-secondary);font-size:clamp(.72rem,min(3.4vw,2dvh),.92rem);line-height:1.35}.main-menu-center-header p:first-child{color:var(--text-secondary);font-size:clamp(.68rem,1.9dvh,.85rem);font-weight:900;letter-spacing:.18em;line-height:1;text-transform:uppercase}.main-menu-center-header h1{margin:0;color:var(--text-primary);font-size:clamp(1.9rem,min(9vw,6dvh),3.5rem);font-weight:900;letter-spacing:0;line-height:1}.main-menu-center-header h1 span{color:var(--p1-outer)}.main-menu-dashboard-grid,.main-menu-info-grid,.main-menu-settings-list{display:grid;height:100%;min-height:0;gap:clamp(.55rem,1.6dvh,.85rem)}.main-menu-info-grid{grid-template-columns:minmax(0,1fr)}.main-menu-info-grid-three{grid-template-rows:repeat(3,minmax(0,1fr))}.main-menu-info-tile,.main-menu-panel-card,.main-menu-setting-row{border:1px solid #2f2f2f;border-radius:.35rem;background:var(--ui)}.main-menu-info-tile{position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;align-items:center;justify-content:center;border-color:#252525;background:#171717;padding:clamp(.55rem,1.5dvh,.85rem);color:#757575;text-align:center;cursor:default;opacity:1;filter:saturate(.55)}.main-menu-info-tile .main-menu-icon{opacity:.54}.main-menu-info-tile .main-menu-soon{position:absolute;right:clamp(.35rem,1.2dvh,.55rem);top:clamp(.35rem,1.2dvh,.55rem)}.main-menu-info-icon{display:grid;min-height:clamp(1.8rem,5.2dvh,2.8rem);place-items:center}.main-menu-info-icon .main-menu-icon{width:clamp(1.7rem,4.9dvh,2.6rem);height:clamp(1.7rem,4.9dvh,2.6rem)}.main-menu-info-tile .main-menu-play-title{margin-top:clamp(.2rem,.7dvh,.35rem);font-size:clamp(.74rem,min(3.8vw,2dvh),1rem)}.main-menu-info-tile .main-menu-play-copy{margin-top:clamp(.18rem,.65dvh,.35rem);font-size:clamp(.58rem,min(2.8vw,1.65dvh),.76rem)}.main-menu-dashboard-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr) auto}.main-menu-panel-card{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden;gap:clamp(.35rem,1.1dvh,.65rem);padding:clamp(.55rem,1.45dvh,.85rem)}.main-menu-panel-card h2{margin:0;color:var(--text-primary);font-size:clamp(.78rem,min(3.6vw,2.1dvh),1rem);line-height:1.1}.main-menu-list,.main-menu-rank-list{display:grid;min-height:0;gap:clamp(.28rem,.8dvh,.45rem);margin:0;padding:0;list-style:none}.main-menu-list li,.main-menu-rank-list li{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid #343434;border-radius:.25rem;background:#202020;padding:clamp(.42rem,1.1dvh,.62rem) .65rem;color:var(--text-secondary);font-size:clamp(.62rem,min(3vw,1.8dvh),.82rem);line-height:1.2}.main-menu-list li span,.main-menu-rank-list li em{color:var(--p1-outer);font-size:.72em;font-style:normal;font-weight:900;text-transform:uppercase;white-space:nowrap}.main-menu-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem}.main-menu-search-row button,.main-menu-search-row input{min-height:clamp(2.15rem,5.8dvh,2.7rem);border:1px solid #343434;border-radius:.25rem;background:#202020;color:var(--text-secondary);font:inherit;font-size:clamp(.68rem,min(3vw,1.8dvh),.86rem)}.main-menu-search-row input{min-width:0;padding:0 .8rem}.main-menu-search-row button{padding:0 1rem;font-weight:900}.main-menu-rank-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto}.main-menu-rank-list li span{display:grid;width:1.65rem;height:1.65rem;place-items:center;border-radius:9999px;background:var(--highlight);color:var(--text-primary);font-weight:900}.main-menu-rank-list li strong{min-width:0;overflow:hidden;color:var(--text-primary);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.main-menu-settings-list{align-content:start;grid-template-rows:repeat(4,minmax(0,1fr))}.main-menu-setting-row{display:flex;min-height:0;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(.55rem,1.45dvh,.85rem) .85rem;color:var(--text-primary);font:inherit;font-size:clamp(.72rem,min(3.2vw,1.9dvh),.92rem);font-weight:900;opacity:.72}.main-menu-empty-state{display:grid;min-height:0;height:100%;place-items:center;border:1px solid #343434;border-radius:.25rem;background:#202020;color:var(--text-secondary);font-weight:900;text-align:center}.main-menu-center-view>.main-menu-panel-card{height:100%}.main-menu-recent{min-height:0;height:100%;border:1px solid #2f2f2f;border-radius:.35rem;background:var(--ui);padding:clamp(.55rem,1.6dvh,1rem) clamp(.75rem,3vw,1.25rem)}.main-menu-section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:clamp(.4rem,1.2dvh,.8rem);border-bottom:1px solid #303030}.main-menu-section-header h2{display:flex;min-width:0;align-items:center;gap:.5rem;margin:0;color:var(--text-secondary);font-size:clamp(.68rem,1.9dvh,.85rem);font-weight:500;line-height:1}.main-menu-link-button,.main-menu-section-header button{display:inline-block;border:0;background:transparent;color:var(--p1-outer);font:inherit;font-size:clamp(.62rem,1.75dvh,.78rem);line-height:1;cursor:pointer;transition:color .14s ease,transform .14s ease}.main-menu-link-button:hover,.main-menu-section-header button:hover{color:color-mix(in srgb,var(--p1-outer) 82%,white);transform:translateY(-1px)}.main-menu-recent-empty{display:flex;min-height:7vh;align-items:center;justify-content:center;color:var(--text-secondary);font-size:clamp(.74rem,2.1dvh,.98rem);font-weight:800;text-align:center}.main-menu-mobile-nav{position:fixed;inset:auto 0 0;z-index:20;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #191919;background:var(--panel);min-height:var(--main-menu-mobile-nav-height);padding:clamp(.45rem,1.4dvh,.85rem) .65rem calc(clamp(1.2rem, 4dvh, 2.15rem) + env(safe-area-inset-bottom))}.main-menu-mobile-nav-item{display:grid;min-width:0;min-height:clamp(3rem,9.2dvh,4.1rem);place-items:center;align-content:center;gap:clamp(.16rem,.7dvh,.28rem);border:0;background:transparent;color:var(--text-secondary);font:inherit;font-size:clamp(.58rem,1.8dvh,.72rem);line-height:1;cursor:pointer;transition:background-color .18s ease,color .26s cubic-bezier(.16,1,.3,1),opacity .18s ease,transform .18s ease}.main-menu-mobile-nav-item:active{background:color-mix(in srgb,var(--ui) 72%,var(--highlight));transform:translateY(-1px)}.main-menu-mobile-nav-item:focus-visible{background:color-mix(in srgb,var(--ui) 72%,var(--highlight));transform:translateY(-1px);outline:none}@media (hover:hover) and (pointer:fine){.main-menu-mobile-nav-item:hover{background:color-mix(in srgb,var(--ui) 72%,var(--highlight));transform:translateY(-1px)}}.main-menu-mobile-nav-item .main-menu-icon{width:clamp(1.35rem,4.7dvh,2rem);height:clamp(1.35rem,4.7dvh,2rem)}.main-menu-mobile-nav-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-menu-nav-active{color:var(--p2-outer)}@media (min-width:900px){.main-menu-shell{display:grid;height:100dvh;grid-template-columns:minmax(17.5rem,23vw) minmax(30rem,1fr) minmax(20rem,26.5vw)}.main-menu-right-panel,.main-menu-sidebar{display:flex;height:100dvh;min-height:0;flex-direction:column;overflow:hidden}.main-menu-sidebar{justify-content:space-between;background:var(--panel);padding:clamp(2rem,6dvh,5.4rem) clamp(1.1rem,2.4vw,3rem) clamp(1.5rem,5dvh,4rem)}.main-menu-wordmark{width:80%;margin:0 auto}.main-menu-nav{display:grid;gap:clamp(.2rem,.9dvh,.5rem);margin-block:auto;padding-block:clamp(1.2rem,5dvh,4.5rem)}.main-menu-nav-item{position:relative;display:flex;width:100%;min-width:0;align-items:center;gap:1.25rem;border:0;background:transparent;color:var(--text-secondary);font:inherit;font-size:clamp(.82rem,min(1.22vw,2.35dvh),1.32rem);line-height:1;cursor:pointer;border-radius:.35rem;padding:clamp(.6rem,2.15dvh,1.5rem) clamp(.75rem,1.7vw,2rem);transition:background-color .18s ease,color .26s cubic-bezier(.16,1,.3,1),opacity .18s ease,transform .18s ease}.main-menu-nav-item:focus-visible,.main-menu-nav-item:hover{background:color-mix(in srgb,var(--ui) 72%,var(--highlight));transform:translateX(.12rem);outline:none}.main-menu-nav-item .main-menu-icon{width:clamp(1.35rem,3.8dvh,2.1rem);height:clamp(1.35rem,3.8dvh,2.1rem)}.main-menu-nav-item.main-menu-nav-active{color:var(--p2-outer);opacity:1}.main-menu-content{display:grid;height:100dvh;min-height:0;grid-template-rows:auto minmax(0,1fr);align-content:center;gap:clamp(1.2rem,7dvh,6rem);padding:clamp(2rem,15dvh,8rem) clamp(2rem,4vw,100rem) clamp(6rem,5dvh,10rem)}.main-menu-mobile-nav,.main-menu-mobile-profile,.main-menu-mobile-recent,.main-menu-mobile-wordmark{display:none}.main-menu-hero{display:block;text-align:center}.main-menu-hero p{margin:0 0 .45rem;color:var(--text-secondary);font-size:clamp(.82rem,min(1.6vw,3dvh),1.65rem);letter-spacing:.22em;line-height:1;text-transform:uppercase}.main-menu-hero h1{margin:0;color:var(--text-primary);font-size:clamp(2.4rem,min(5.2vw,8.5dvh),5.2rem);font-weight:900;letter-spacing:0;line-height:.98}.main-menu-hero h1 span{color:var(--p1-outer)}.main-menu-view{grid-row:1/-1}.main-menu-view-play{grid-template-rows:minmax(0,1fr);gap:clamp(1.2rem,7dvh,6rem)}.main-menu-setup-root{grid-template-rows:auto minmax(0,1fr);gap:clamp(1.2rem,7dvh,6rem)}.main-menu-setup-root:not(.main-menu-setup-mode-cards){grid-template-rows:minmax(0,1fr);gap:0}.main-menu-center-view{grid-row:1/-1;grid-template-rows:auto minmax(0,1fr);width:100%;max-width:58rem;height:100%;margin:0 auto;align-content:center;gap:clamp(1rem,3dvh,2.4rem)}.main-menu-center-header{display:grid}.main-menu-center-header p{font-size:clamp(.82rem,min(1.15vw,2.3dvh),1.05rem)}.main-menu-center-header p:first-child{font-size:clamp(.78rem,min(1.15vw,2.35dvh),1rem)}.main-menu-center-header h1{font-size:clamp(2.4rem,min(4.8vw,7.6dvh),4.8rem)}.main-menu-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-menu-info-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none}.main-menu-info-tile{min-height:clamp(12rem,30dvh,18rem);padding:clamp(.8rem,2.8dvh,2.2rem) clamp(.7rem,1.6vw,1.7rem)}.main-menu-info-tile .main-menu-play-title{margin-top:clamp(.45rem,1dvh,1.1rem);font-size:clamp(1rem,min(1.8vw,3.1dvh),1.72rem)}.main-menu-info-tile .main-menu-play-copy{margin-top:clamp(.2rem,1dvh,1.75rem);font-size:clamp(.72rem,min(1.2vw,2.3dvh),1.12rem)}.main-menu-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.main-menu-panel-card-wide{grid-column:1/-1}.main-menu-panel-card{padding:clamp(1rem,2.2dvh,1.45rem);gap:clamp(.65rem,1.8dvh,1rem)}.main-menu-panel-card h2{font-size:clamp(.9rem,min(4vw,2.4dvh),1.18rem)}.main-menu-list,.main-menu-rank-list{gap:.5rem}.main-menu-list li,.main-menu-rank-list li{padding:.7rem .8rem;font-size:clamp(.72rem,min(3.2vw,2dvh),.92rem)}.main-menu-search-row button,.main-menu-search-row input{min-height:2.7rem}.main-menu-setting-row{min-height:4.2rem;padding:.9rem 1rem;font-size:inherit}.main-menu-empty-state{min-height:clamp(8rem,28dvh,15rem);height:auto}.main-menu-play-grid{width:100%;max-width:58rem;min-height:0;height:100%;margin:0 auto;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);grid-template-rows:minmax(0,1.18fr) minmax(0,1fr);gap:clamp(.45rem,1.4dvh,.75rem)}.main-menu-play-card{min-height:0;padding:clamp(.8rem,2.8dvh,2.2rem) clamp(.7rem,1.6vw,1.7rem)}.main-menu-play-card:first-child{grid-column:1;grid-row:1}.main-menu-play-card:nth-child(2){grid-column:2;grid-row:1}.main-menu-play-card:nth-child(3){grid-column:1;grid-row:2}.main-menu-play-card:nth-child(4){grid-column:2;grid-row:2}.main-menu-play-title{margin-top:clamp(.45rem,1.5dvh,1.1rem);font-size:clamp(1rem,min(1.8vw,3.1dvh),1.72rem)}.main-menu-play-copy{margin-top:clamp(.2rem,1dvh,1.75rem);font-size:clamp(.72rem,min(1.2vw,2.3dvh),1.12rem)}.main-menu-token{width:clamp(2.7rem,6dvh,7rem);height:clamp(2.7rem,6dvh,7rem)}.main-menu-play-icon .main-menu-icon{width:clamp(2.3rem,6dvh,4.2rem);height:clamp(2.3rem,6dvh,4.2rem)}.main-menu-connection{font-size:clamp(.68rem,min(1vw,1.8dvh),.82rem)}.main-menu-setup-panel{align-self:center;max-height:min(100%,34rem);gap:clamp(.65rem,1.8dvh,1rem);padding:clamp(.9rem,2.4dvh,1.35rem)}.main-menu-setup-header h2{font-size:clamp(1.25rem,min(2vw,3dvh),1.9rem)}.main-menu-setup-body{gap:clamp(.58rem,1.55dvh,.85rem)}.main-menu-setup-row{grid-template-columns:minmax(9rem,.5fr) minmax(0,1.5fr);padding:clamp(.65rem,1.8dvh,.95rem)}.main-menu-setup-row strong{font-size:clamp(.86rem,min(1.25vw,2.2dvh),1.1rem)}.main-menu-setup-options{grid-template-columns:repeat(6,minmax(0,1fr))}.main-menu-online-options,.main-menu-setup-options-two{grid-template-columns:repeat(2,minmax(0,1fr))}.main-menu-online-options{grid-template-rows:minmax(0,1fr)}.main-menu-online-card{grid-template-columns:minmax(0,1fr);align-content:center}.main-menu-join-row button,.main-menu-online-card>button,.main-menu-setup-option{min-height:clamp(2.2rem,5.5dvh,2.8rem)}.main-menu-setup-option{font-size:clamp(.66rem,min(1vw,1.75dvh),.82rem)}.main-menu-setup-primary{min-height:clamp(2.8rem,6.6dvh,3.35rem)}.main-menu-right-panel{gap:clamp(.8rem,3dvh,2.55rem);background:var(--panel);padding:clamp(2rem,6dvh,5.3rem) clamp(1.1rem,2.4vw,3.25rem) clamp(1.4rem,7dvh,8rem)}.main-menu-profile{min-height:clamp(3.4rem,8.5dvh,5.3rem)}.main-menu-profile .main-menu-avatar{width:clamp(3rem,7.5dvh,4.4rem);height:clamp(3rem,7.5dvh,4.4rem)}.main-menu-profile-text h2{font-size:clamp(1rem,min(1.45vw,3dvh),1.55rem)}.main-menu-profile-text p{font-size:clamp(.8rem,min(1.2vw,2.35dvh),1.2rem)}.main-menu-icon-button{display:grid;width:2.25rem;height:2.25rem;margin-left:auto;place-items:center;border:0;background:transparent;color:var(--text-primary);cursor:pointer}.main-menu-icon-button .main-menu-icon{width:1.25rem;height:1.25rem}.main-menu-rating-card{display:grid;min-height:clamp(4.4rem,14dvh,10rem);grid-template-columns:minmax(0,1fr);align-items:center;border:1px solid #3a3a3a;border-radius:.2rem;background:var(--ui);padding:clamp(.7rem,1.9dvh,1.15rem) clamp(.9rem,1.6vw,1.5rem);color:var(--text-primary);text-align:left;cursor:pointer}.main-menu-rating-card span:first-child{grid-column:1;color:var(--text-secondary);font-size:clamp(.8rem,min(1.1vw,2.3dvh),1.15rem)}.main-menu-rating-card strong{grid-column:1;font-size:clamp(1.35rem,min(2.7vw,5dvh),2.7rem);line-height:1}.main-menu-rating-card .main-menu-soon{grid-column:1;justify-self:start;margin-top:clamp(.3rem,1dvh,.65rem)}.main-menu-right-panel .main-menu-recent{border:0;background:transparent;padding:0}.main-menu-right-panel .main-menu-section-header{border:0;padding-bottom:clamp(.45rem,1.6dvh,1.15rem)}.main-menu-right-panel .main-menu-section-header h2{color:var(--text-primary);font-size:clamp(.9rem,min(1.25vw,2.5dvh),1.25rem)}.main-menu-right-panel .main-menu-section-header button{font-size:clamp(.78rem,min(1.05vw,2.2dvh),1.1rem)}.main-menu-right-panel .main-menu-recent-empty{min-height:clamp(4.8rem,19dvh,12rem);border:1px solid #3a3a3a;border-radius:.2rem;background:var(--ui);padding:clamp(.6rem,1.6dvh,1rem);font-size:clamp(.76rem,1.9dvh,1rem)}.main-menu-challenge{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem 1rem;margin-top:auto;margin-bottom:0;border:1px solid #3a3a3a;border-radius:.2rem;background:var(--ui);padding:clamp(.65rem,1.7dvh,1rem) clamp(.75rem,1.2vw,1.1rem)}.main-menu-challenge h2{display:flex;min-width:0;align-items:center;gap:.45rem;margin:0;font-size:clamp(.85rem,min(1.15vw,2.3dvh),1.15rem);line-height:1.1}.main-menu-challenge h2 .main-menu-icon{width:clamp(1.1rem,3dvh,1.55rem);height:clamp(1.1rem,3dvh,1.55rem)}.main-menu-challenge p{margin:0 0 0 clamp(1.35rem,3.4dvh,2rem);color:var(--text-secondary)}.main-menu-challenge>span{align-self:center;margin-top:auto;margin-right:clamp(.35rem,1.2dvh,.55rem);color:var(--p1-outer);font-size:clamp(.85rem,min(1.15vw,2.3dvh),1.15rem)}.main-menu-progress{grid-column:1/-1;height:.44rem;overflow:hidden;border-radius:9999px;background:var(--highlight)}.main-menu-progress span{display:block;width:0;height:100%;border-radius:inherit;background:var(--p1-outer)}}@media (min-width:1280px){.main-menu-play-grid{max-width:60rem}}@media (max-width:380px){.main-menu-content,.main-menu-play-card{padding-inline:.55rem}.main-menu-play-card{min-height:10.4rem}.main-menu-token{width:3.5rem;height:3.5rem}.main-menu-play-icon .main-menu-icon{width:2.8rem;height:2.8rem}}@media (max-width:899px) and (max-height:700px){.main-menu-shell{--main-menu-mobile-nav-height:clamp(5.15rem,13dvh,6.15rem)}.main-menu-content{gap:clamp(.38rem,1.05dvh,.7rem);padding-top:clamp(.6rem,1.8dvh,1rem);padding-bottom:calc(var(--main-menu-mobile-nav-height) + .3rem + env(safe-area-inset-bottom))}.main-menu-mobile-wordmark{width:clamp(8.8rem,43vw,12rem)}.main-menu-mobile-profile{min-height:clamp(3.25rem,9dvh,4.2rem);padding-block:clamp(.45rem,1.2dvh,.7rem)}.main-menu-avatar{width:clamp(2rem,6dvh,2.55rem);height:clamp(2rem,6dvh,2.55rem)}.main-menu-dashboard-grid,.main-menu-info-grid,.main-menu-settings-list{gap:clamp(.38rem,1dvh,.58rem)}.main-menu-info-tile{padding:.45rem .55rem}.main-menu-info-icon{min-height:clamp(1.35rem,4.5dvh,2.1rem)}.main-menu-info-icon .main-menu-icon{width:clamp(1.35rem,4.1dvh,2rem);height:clamp(1.35rem,4.1dvh,2rem)}.main-menu-info-tile .main-menu-play-title{font-size:clamp(.68rem,min(3.5vw,1.8dvh),.9rem)}.main-menu-info-tile .main-menu-play-copy,.main-menu-list li:nth-child(n+3){display:none}.main-menu-panel-card{gap:.3rem;padding:.45rem .55rem}.main-menu-list li,.main-menu-rank-list li{padding:.36rem .55rem}.main-menu-search-row button,.main-menu-search-row input{min-height:2rem}.main-menu-setting-row{padding-block:.45rem}.main-menu-connection{padding:.32rem .5rem}.main-menu-setup-panel{gap:.36rem;padding:.42rem}.main-menu-setup-header{gap:.42rem}.main-menu-setup-back{width:1.85rem;height:1.85rem}.main-menu-setup-body{gap:.32rem}.main-menu-setup-row{gap:.36rem;padding:.36rem}.main-menu-setup-option{min-height:1.65rem}.main-menu-setup-primary{min-height:2.05rem}.main-menu-room-code{padding-block:.3rem}.main-menu-mobile-nav{padding-top:.35rem}.main-menu-mobile-nav-item{min-height:clamp(2.65rem,8dvh,3.5rem)}}@keyframes lifecycle-birth{0%{opacity:0;transform:translate3d(0,18%,0) scale(.94)}72%{opacity:1;transform:translate3d(0,-3%,0) scale(1.015)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes lifecycle-death{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(0,-18%,0) scale(.94)}}@keyframes main-menu-view-birth{0%{opacity:0;transform:translate3d(.45rem,.7rem,0) scale(.982)}58%{opacity:1;transform:translate3d(0,-.08rem,0) scale(1.002)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes main-menu-side-swap{0%{opacity:0;transform:translate3d(.35rem,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes birth-preview-in{0%{opacity:0;transform:translate3d(0,35%,0) scale(.75)}72%{opacity:.65;transform:translate3d(0,-8%,0) scale(1.08)}to{opacity:.65;transform:translateZ(0) scale(1)}}@keyframes lifecycle-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width:1279px){.player-avatar{width:2rem;height:2rem}.player-clock{min-width:3.35rem;padding-inline:.45rem;font-size:.82rem}}@media (max-width:1279px) and (max-height:620px),(max-width:1279px) and (min-aspect-ratio:3/5){.game-shell{height:auto;min-height:100dvh;grid-template-rows:auto auto auto auto auto;overflow:visible}}@media (min-width:1280px){.player-card-flipped{flex-direction:column-reverse}.desktop-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.mobile-controls{display:none}}@media (min-width:768px){.setting-row{grid-template-columns:minmax(0,1fr) minmax(15rem,18rem);align-items:center}}@media (prefers-reduced-motion:reduce){.moving-piece{transition:none}.birth-preview-piece,.lifecycle-indicator-track span,.lifecycle-piece-birth,.lifecycle-piece-death{animation:none}.main-menu-view{transition:none;transform:none}.main-menu-info-tile,.main-menu-panel-card,.main-menu-play-card,.main-menu-setting-row{animation:none!important}}.hover\:bg-red-900\/60:hover{background-color:rgb(127 29 29/.6)}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:p-6{padding:1.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:768px){.md\:p-6{padding:1.5rem}}@media (min-width:1024px){.lg\:grid{display:grid}.lg\:grid-cols-\[310px_minmax\(0\2c 1fr\)_310px\]{grid-template-columns:310px minmax(0,1fr) 310px}.lg\:items-stretch{align-items:stretch}}@media (min-width:1280px){.xl\:bottom-\[calc\(50\%\+0\.6rem\)\]{bottom:calc(50% + .6rem)}.xl\:bottom-auto{bottom:auto}.xl\:top-\[calc\(50\%\+0\.6rem\)\]{top:calc(50% + .6rem)}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:h-\[clamp\(7\.5rem\2c 11vw\2c 11\.5rem\)\]{height:clamp(7.5rem,11vw,11.5rem)}.xl\:min-h-0{min-height:0}.xl\:min-h-\[12rem\]{min-height:12rem}.xl\:w-auto{width:auto}.xl\:min-w-0{min-width:0}.xl\:max-w-\[min\(100\%\2c calc\(100dvh-2\.5rem\)\)\]{max-width:min(100%,calc(100dvh - 2.5rem))}.xl\:flex-1{flex:1 1 0%}.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(0\2c clamp\(14rem\2c 22vw\2c 23rem\)\)_minmax\(0\2c 1fr\)_minmax\(0\2c clamp\(14rem\2c 22vw\2c 23rem\)\)\]{grid-template-columns:minmax(0,clamp(14rem,22vw,23rem)) minmax(0,1fr) minmax(0,clamp(14rem,22vw,23rem))}.xl\:grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.xl\:grid-rows-none{grid-template-rows:none}.xl\:content-center{align-content:center}.xl\:items-center{align-items:center}.xl\:gap-2{gap:.5rem}.xl\:gap-\[clamp\(0\.5rem\2c 3cqi\2c 0\.9rem\)\]{gap:clamp(.5rem,3cqi,.9rem)}.xl\:gap-\[clamp\(0\.6rem\2c 1\.2vh\2c 1rem\)\]{gap:clamp(.6rem,1.2vh,1rem)}.xl\:gap-\[clamp\(0\.6rem\2c 1\.2vw\2c 1\.25rem\)\]{gap:clamp(.6rem,1.2vw,1.25rem)}.xl\:gap-\[clamp\(0\.75rem\2c 1\.2vh\2c 1rem\)\]{gap:clamp(.75rem,1.2vh,1rem)}.xl\:space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.xl\:overflow-y-auto{overflow-y:auto}.xl\:overflow-x-hidden{overflow-x:hidden}.xl\:p-\[clamp\(0\.6rem\2c 1\.2vw\2c 1\.25rem\)\]{padding:clamp(.6rem,1.2vw,1.25rem)}.xl\:p-\[clamp\(0\.6rem\2c 4cqi\2c 1rem\)\]{padding:clamp(.6rem,4cqi,1rem)}.xl\:p-\[clamp\(0\.75rem\2c 1\.2vw\2c 1rem\)\]{padding:clamp(.75rem,1.2vw,1rem)}.xl\:pb-0{padding-bottom:0}.xl\:text-\[clamp\(0\.65rem\2c 3\.2cqi\2c 0\.85rem\)\]{font-size:clamp(.65rem,3.2cqi,.85rem)}.xl\:text-xs{font-size:.75rem;line-height:1rem}}