/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:"Outfit", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-zinc-50:oklch(98.5% 0 none);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-neutral-100:oklch(97% 0 none);--color-neutral-300:oklch(87% 0 none);--color-neutral-700:oklch(37.1% 0 none);--color-neutral-900:oklch(20.5% 0 none);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--radius-md:14px;--radius-lg:18px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:ease-in-out;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg:#0d0524;--color-surface:#1f0b4d;--color-surface-2:#2a1062;--color-fg:#f4efff;--color-muted:#bfb3e6;--color-border:#3d1d7a;--color-well:#140a2d;--color-panel:#1a0840;--color-ink:#120026;--color-p1:#ff3ea5;--color-p1-bright:#ff9bd2;--color-p1-deep:#9d0f5c;--color-p2:#22d8ff;--color-p2-bright:#a5f3ff;--color-p2-deep:#06708f;--color-accent:#ffd23f;--font-display:"Bangers", "Arial Black", Impact, system-ui, sans-serif;--motion-micro:80ms;--motion-quick:.15s;--motion-fast:.26s;--shadow-hard:5px 5px 0 var(--color-ink)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{overscroll-behavior:none;touch-action:none;background:var(--color-bg);width:100%;height:100%;color:var(--color-fg);position:fixed;inset:0;overflow:hidden}#app{width:100%;height:100%;overflow:hidden}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-8{height:calc(var(--spacing) * 8)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.min-h-screen{min-height:100vh}.w-8{width:calc(var(--spacing) * 8)}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.rounded-\[var\(--radius-lg\)\]{border-radius:var(--radius-lg)}.rounded-\[var\(--radius-md\)\]{border-radius:var(--radius-md)}.rounded-full{border-radius:2147483647px}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--color-border)}.border-neutral-300{border-color:var(--color-neutral-300)}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.bg-fg{background-color:var(--color-fg)}.bg-surface{background-color:var(--color-surface)}.bg-transparent{background-color:#0000}.bg-zinc-50{background-color:var(--color-zinc-50)}.object-cover{object-fit:cover}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-bg{color:var(--color-bg)}.text-fg{color:var(--color-fg)}.text-red-500{color:var(--color-red-500)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-900{color:var(--color-zinc-900)}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-70{opacity:.7}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);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-\[opacity\,transform\,background-color\,color\,border-color\]{transition-property:opacity,transform,background-color,color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\[var\(--motion-quick\)\]{--tw-duration:var(--motion-quick);transition-duration:var(--motion-quick)}.ease-\[var\(--ease-out\)\],.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:bg-neutral-100:hover{background-color:var(--color-neutral-100)}.hover\:bg-surface:hover{background-color:var(--color-surface)}.hover\:bg-surface-2:hover{background-color:var(--color-surface-2)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-fg\/40:focus-visible{--tw-ring-color:#f4efff66}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-fg\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-fg) 40%, transparent)}}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:not-disabled\:scale-\[0\.96\]:active:not(:disabled){scale:.96}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:no-underline:disabled{text-decoration-line:none}.disabled\:opacity-40:disabled{opacity:.4}@media (prefers-color-scheme:dark){.dark\:border-neutral-700{border-color:var(--color-neutral-700)}.dark\:bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.dark\:bg-zinc-950{background-color:var(--color-zinc-950)}.dark\:text-zinc-50{color:var(--color-zinc-50)}.dark\:text-zinc-400{color:var(--color-zinc-400)}@media (hover:hover){.dark\:hover\:bg-neutral-900:hover{background-color:var(--color-neutral-900)}}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(./Bangers-400-DeHY8Ncq.woff2)format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(./Outfit-400-BGsTXAXT.woff2)format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(./Outfit-500-DKnIMDSk.woff2)format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(./Outfit-600-B7SfZ07L.woff2)format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(./Outfit-700-Cu9v6i1X.woff2)format("woff2")}.stage,.stage-inner{background:var(--color-bg);position:fixed;inset:0;overflow:hidden}.game-root{touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;font-family:var(--font-sans);width:100%;height:100%;color:var(--color-fg);background:radial-gradient(120% 90% at 50% 0%, #2a0b66 0%, var(--color-bg) 55%, #070218 100%);position:relative;overflow:hidden;container-type:size}.space-bg,.fx-canvas,.grid-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.space-bg{z-index:0}.grid-overlay{z-index:1;opacity:.55;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(#000 35%,#0000 80%);mask-image:radial-gradient(#000 35%,#0000 80%)}.fx-canvas{z-index:40}.sound-btn{z-index:50;border:3px solid var(--color-ink);background:var(--color-accent);width:42px;height:42px;color:var(--color-ink);box-shadow:3px 3px 0 var(--color-ink);transition:transform var(--motion-micro) var(--ease-out);border-radius:999px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.sound-btn:active{box-shadow:1px 1px 0 var(--color-ink);transform:translate(2px,2px)}.sound-btn svg{width:18px;height:18px}.menu-screen{z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(12px,2.2cqi,28px);height:100%;padding:clamp(16px,3cqi,36px);display:grid;position:relative;overflow:hidden}.game-root.is-portrait .menu-screen{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-content:center;padding-top:48px}.hero-card,.control-card{border:3px solid var(--color-ink);box-shadow:var(--shadow-hard), inset 0 1px 0 #ffffff1f;background:linear-gradient(#2a1062eb,#1a0840eb);border-radius:24px;padding:clamp(16px,2.4cqi,28px);position:relative}.eyebrow{letter-spacing:1.6px;text-transform:uppercase;background:var(--color-accent);color:var(--color-ink);border:2px solid var(--color-ink);box-shadow:2px 2px 0 var(--color-ink);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.eyebrow svg{width:14px;height:14px}.hero-card h1{font-family:var(--font-display);letter-spacing:1px;text-shadow:4px 4px 0 var(--color-ink), 0 0 24px #ff3ea559;flex-direction:column;margin:14px 0 10px;font-size:clamp(2.6rem,8cqi,5.4rem);line-height:.9;display:flex}.hero-card h1 .title-accent{color:var(--color-accent);text-shadow:4px 4px 0 var(--color-ink), 0 0 22px #ffd23f66}.hero-copy{color:var(--color-muted);max-width:38ch;margin:0 0 16px;font-size:clamp(.9rem,1.6cqi,1.05rem);line-height:1.4}.play-button{text-transform:uppercase;font-family:var(--font-display)!important;letter-spacing:2px!important;border:3px solid var(--color-ink)!important;color:var(--color-ink)!important;box-shadow:5px 5px 0 var(--color-ink)!important;background:linear-gradient(#fff 0%,#ffe58a 100%)!important;font-size:clamp(1.25rem,2.6cqi,1.7rem)!important}.play-button:active{box-shadow:2px 2px 0 var(--color-ink)!important;transform:translate(2px,2px)scale(.98)!important}.record-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;font-size:.85rem;font-weight:700;display:flex}.record-label{letter-spacing:.18em;color:var(--color-muted);font-size:.7rem}.record-p1,.record-p2{border:2px solid var(--color-ink);background:#00000040;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.record-p1 i,.record-p2 i{border:2px solid var(--color-ink);border-radius:999px;width:10px;height:10px;display:inline-block}.record-p1 i{background:var(--color-p1);box-shadow:0 0 8px var(--color-p1)}.record-p2 i{background:var(--color-p2);box-shadow:0 0 8px var(--color-p2)}.record-sep{color:var(--color-accent);font-family:var(--font-display);letter-spacing:1px}.versus-preview{justify-content:center;align-items:center;gap:18px;height:88px;margin-bottom:14px;display:flex;position:relative}.preview-orb{border:3px solid var(--color-ink);width:72px;height:72px;box-shadow:4px 4px 0 var(--color-ink), 0 0 22px currentColor;border-radius:999px;place-items:center;animation:2.4s ease-in-out infinite orb-bob;display:grid}.preview-p1{color:var(--color-p1);background:radial-gradient(circle at 35% 30%, #fff, var(--color-p1) 55%, var(--color-p1-deep))}.preview-p2{color:var(--color-p2);background:radial-gradient(circle at 35% 30%, #fff, var(--color-p2) 55%, var(--color-p2-deep));animation-delay:-.8s}.preview-orb span{background:#ffffff8c;border-radius:999px;width:42%;height:18%;transform:translate(-18%,-70%)rotate(-18deg)}.versus-preview strong{font-family:var(--font-display);color:var(--color-accent);text-shadow:2px 2px 0 var(--color-ink);z-index:1;font-size:2rem}.preview-flash{pointer-events:none;background:radial-gradient(circle,#ffd23f8c,#0000 70%);animation:1.6s ease-in-out infinite flash-pulse;position:absolute;inset:20% 28%}.config-grid{flex-direction:column;gap:12px;display:flex}.config-label{letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);margin:0 0 6px;font-size:.72rem;font-weight:800}.segmented{border:2px solid var(--color-ink);background:#00000047;border-radius:14px;gap:4px;padding:4px;display:flex}.segment{letter-spacing:.04em;color:var(--color-muted);transition:background var(--motion-quick) var(--ease-out), color var(--motion-quick) var(--ease-out), transform var(--motion-micro);background:0 0;border:0;border-radius:10px;flex:1;padding:9px 8px;font-size:.78rem;font-weight:700}.segment.is-active{background:var(--color-fg);color:var(--color-ink);box-shadow:2px 2px 0 var(--color-ink)}.controls-note svg{vertical-align:-2px;width:14px;height:14px;margin-right:4px}.controls-note{color:var(--color-muted);flex-wrap:wrap;gap:8px 14px;margin-top:14px;font-size:.78rem;display:flex}.battle-layout{z-index:2;flex-direction:row;gap:6px;width:100%;height:100%;min-height:0;padding:8px;display:flex;position:relative}.game-root.is-portrait .battle-layout{flex-direction:column-reverse}.board-stage{border-radius:18px;flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.led-wrap,.led-canvas{width:100%;height:100%;min-height:0}.led-canvas{touch-action:none;display:block}.arcade-pad{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:10px;width:clamp(5.8rem,17cqi,11rem);height:100%;padding:6px 4px;display:flex}.game-root.is-portrait .arcade-pad{flex-direction:row;justify-content:space-evenly;width:100%;height:clamp(5.2rem,22cqh,8.5rem)}.arcade-pad.is-dimmed{opacity:.55;filter:grayscale(.15)}.score-pill{border:2px solid var(--color-ink);box-shadow:2px 2px 0 var(--color-ink);background:#120026b8;border-radius:999px;align-items:baseline;gap:6px;padding:4px 12px;display:inline-flex}.arcade-pad-p1 .score-number{color:var(--color-p1-bright)}.arcade-pad-p2 .score-number{color:var(--color-p2-bright)}.score-number{font-family:var(--font-display);letter-spacing:1px;text-shadow:0 0 12px;font-size:clamp(1.5rem,4cqi,2.2rem);line-height:1}.score-total{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.arcade-plinth{aspect-ratio:1;border:3px solid var(--color-ink);width:min(8.2rem,48cqh,86%);box-shadow:inset 0 8px 16px #ffffff14, inset 0 -10px 18px #00000073, 4px 4px 0 var(--color-ink);background:radial-gradient(circle at 50% 40%,#ffffff14,#0000 55%),linear-gradient(#2a1062,#120026);border-radius:999px;place-items:center;display:grid;position:relative}.game-root.is-portrait .arcade-plinth{width:min(7.2rem,42cqi,34%)}.arcade-btn{isolation:isolate;border:3px solid var(--color-ink);color:#fff;touch-action:none;-webkit-tap-highlight-color:transparent;width:78%;height:78%;transition:transform var(--motion-micro) var(--ease-out), box-shadow var(--motion-micro) var(--ease-out), filter var(--motion-quick) var(--ease-out);border-radius:999px;place-items:center;display:grid;position:relative}.arcade-btn-p1{background:radial-gradient(circle at 35% 28%, #ffd0ea 0%, var(--color-p1) 48%, var(--color-p1-deep) 100%);box-shadow:0 10px 0 var(--color-p1-deep), 0 16px 28px #ff3ea559, inset 0 4px 0 #ffffff59, inset 0 -8px 14px #00000040}.arcade-btn-p2{background:radial-gradient(circle at 35% 28%, #d9f9ff 0%, var(--color-p2) 48%, var(--color-p2-deep) 100%);box-shadow:0 10px 0 var(--color-p2-deep), 0 16px 28px #22d8ff59, inset 0 4px 0 #ffffff59, inset 0 -8px 14px #00000040}.arcade-btn-pressed{transform:translateY(8px)scale(.97)!important}.arcade-btn-p1.arcade-btn-pressed{box-shadow:0 2px 0 var(--color-p1-deep), inset 0 10px 16px #00000059;filter:brightness(1.08)}.arcade-btn-p2.arcade-btn-pressed{box-shadow:0 2px 0 var(--color-p2-deep), inset 0 10px 16px #00000059;filter:brightness(1.08)}.arcade-btn-ready{animation:pad-pulse 1s var(--ease-in-out) infinite}.arcade-btn-glare{pointer-events:none;background:linear-gradient(#ffffff8c,#fff0);border-radius:999px;height:28%;position:absolute;inset:12% 18% auto}.arcade-btn-label{z-index:1;font-family:var(--font-display);letter-spacing:.14em;text-shadow:2px 2px #00000059;font-size:clamp(1rem,2.4cqi,1.45rem);position:relative}.pad-hint{letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);text-align:center;white-space:nowrap;margin:0;font-size:.7rem;font-weight:700}.center-call{z-index:10;pointer-events:none;background:radial-gradient(circle,#0d05248c,#0d052426 70%,#0000);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.call-burst{aspect-ratio:1;background:radial-gradient(circle,#ffd23f59,#0000 70%);border-radius:999px;width:min(70%,420px);animation:1.2s ease-in-out infinite flash-pulse;position:absolute}.call-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--color-accent);margin-bottom:6px;font-size:.75rem;font-weight:800;position:relative}.call-title{font-family:var(--font-display);letter-spacing:2px;text-shadow:4px 4px 0 var(--color-ink), 0 0 28px #ffd23f73;animation:pop-in .35s var(--ease-out) both;font-size:clamp(2.8rem,9cqi,5.5rem);line-height:1;position:relative}.is-countdown .call-title{animation:count-pop .45s var(--ease-out) both}.call-sub{letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);margin-top:8px;font-size:.78rem;position:relative}.play-chip{z-index:8;border:2px solid var(--color-ink);color:var(--color-ink);letter-spacing:.12em;box-shadow:2px 2px 0 var(--color-ink);animation:rise-in .35s var(--ease-out) both;background:#ffd23feb;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.72rem;font-weight:800;display:inline-flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.play-chip svg{width:14px;height:14px}.result-overlay{z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0702188c;place-items:center;padding:16px;animation:.25s ease-out both fade-in;display:grid;position:absolute;inset:0}.victory-rays{background:repeating-conic-gradient(from 0deg, #ffd23f1f 0 8deg, transparent 8deg 16deg);pointer-events:none;animation:18s linear infinite spin-slow;position:absolute;inset:-20%;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 70%);mask-image:radial-gradient(circle,#000 20%,#0000 70%)}.result-card{border:4px solid var(--color-ink);background:radial-gradient(circle at 50% 0%, var(--winner), transparent 55%), linear-gradient(180deg, #2a1062, #16073a);border-radius:28px;width:min(100%,420px);padding:22px 20px 18px;position:relative}@supports (color:color-mix(in lab, red, red)){.result-card{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--winner) 35%, transparent), transparent 55%), linear-gradient(180deg, #2a1062, #16073a)}}.result-card{box-shadow:8px 8px 0 var(--color-ink), 0 0 40px var(--winner)}@supports (color:color-mix(in lab, red, red)){.result-card{box-shadow:8px 8px 0 var(--color-ink), 0 0 40px color-mix(in srgb, var(--winner) 45%, transparent)}}.result-card{text-align:center;animation:pop-in .4s var(--ease-out) both}.result-crown{background:var(--color-accent);width:48px;height:48px;color:var(--color-ink);border:3px solid var(--color-ink);box-shadow:3px 3px 0 var(--color-ink);border-radius:999px;place-items:center;font-size:1.4rem;animation:1.4s ease-in-out infinite crown-bounce;display:grid;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.result-kicker{letter-spacing:.22em;color:var(--color-muted);margin:10px 0 0;font-size:.72rem;font-weight:800}.result-card h2{font-family:var(--font-display);letter-spacing:1px;color:var(--winner);text-shadow:3px 3px 0 var(--color-ink), 0 0 24px var(--winner);margin:4px 0 0;font-size:clamp(2.4rem,8cqi,3.4rem)}@supports (color:color-mix(in lab, red, red)){.result-card h2{text-shadow:3px 3px 0 var(--color-ink), 0 0 24px color-mix(in srgb, var(--winner) 50%, transparent)}}.result-sub{color:var(--color-muted);margin:4px 0 14px;font-size:.9rem}.score-showdown{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-bottom:12px;display:grid}.score-showdown>b{font-family:var(--font-display);color:var(--color-accent);font-size:1.6rem}.score-side{flex-direction:column;gap:2px;display:flex}.score-side span{letter-spacing:.16em;font-size:.7rem;font-weight:800}.score-side strong{font-family:var(--font-display);font-size:2.2rem;line-height:1}.score-side small{color:var(--color-muted);font-size:.75rem}.score-side-p1{color:var(--color-p1-bright)}.score-side-p2{color:var(--color-p2-bright)}.result-bar{border:2px solid var(--color-ink);background:var(--color-well);border-radius:999px;height:14px;display:flex;overflow:hidden;box-shadow:inset 0 2px 4px #00000059}.bar-p1{background:linear-gradient(90deg, var(--color-p1-deep), var(--color-p1))}.bar-p2{background:linear-gradient(90deg, var(--color-p2), var(--color-p2-deep))}.result-actions{gap:10px;margin-top:16px;display:flex}.again-button{flex:1;font-family:var(--font-display)!important;letter-spacing:1.5px!important;border:3px solid var(--color-ink)!important;color:var(--color-ink)!important;box-shadow:4px 4px 0 var(--color-ink)!important;background:linear-gradient(#fff,#ffe58a)!important}.result-actions .flex-1,.result-actions button:last-child{flex:1}.game-root.is-portrait .menu-screen{touch-action:pan-y;overflow-y:auto}.game-root.is-portrait .arcade-pad-p2{transform:rotate(180deg)}.game-root.is-portrait .play-chip{display:none}@container (height<=520px){.menu-screen{gap:12px;padding:12px 64px 12px 14px}.hero-card,.control-card{border-radius:20px;padding:14px 16px}.eyebrow{padding:3px 10px;font-size:.66rem}.hero-card h1{margin:8px 0 6px;font-size:clamp(2rem,6.4cqi,3rem)}.hero-copy{margin-bottom:10px;font-size:.8rem;line-height:1.3}.play-button{height:46px!important;font-size:1.15rem!important}.record-row{gap:6px;margin-top:10px;font-size:.75rem}.versus-preview{height:54px;margin-bottom:8px}.preview-orb{width:46px;height:46px}.versus-preview strong{font-size:1.4rem}.config-grid{gap:8px}.config-label{margin-bottom:4px;font-size:.64rem}.segment{padding:6px;font-size:.72rem}.controls-note{margin-top:8px;font-size:.7rem}.play-chip{display:none}.arcade-pad{gap:6px}}@container (height<=380px){.versus-preview,.hero-copy{display:none}}.stagger-in>*{animation:rise-in var(--motion-fast) var(--ease-out) both}.stagger-in>:first-child{animation-delay:0s}.stagger-in>:nth-child(2){animation-delay:50ms}.stagger-in>:nth-child(3){animation-delay:.1s}.stagger-in>:nth-child(4){animation-delay:.15s}@keyframes rise-in{0%{opacity:0;filter:blur(3px);transform:translateY(12px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes count-pop{0%{opacity:0;filter:blur(4px);transform:scale(1.6)}60%{opacity:1;transform:scale(.95)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes pad-pulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.22);transform:scale(1.04)}}@keyframes orb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes flash-pulse{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}}@keyframes crown-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-6px)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.arcade-btn-ready,.stagger-in>*,.preview-orb,.preview-flash,.call-burst,.call-title,.victory-rays,.result-crown,.result-card,.play-chip{animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}