@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Oxanium:wght@400;500;600;700&display=swap";@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-border-style:solid;--tw-tracking: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-leading:initial;--tw-font-weight:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:"Oxanium", "Trebuchet MS", sans-serif;--font-mono:"Courier New", Courier, monospace;--color-white:#fff;--spacing:.25rem;--font-weight-extrabold:800;--font-weight-black:900;--ease-out:cubic-bezier(0, 0, .2, 1);--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-space-950:#071820;--color-space-900:#0d2834;--color-space-800:#183d49;--color-teal:#70b7b5;--color-cream:#f7e8c6;--color-orange:#ef5b34;--color-red:#d9414b;--color-yellow:#f5b642;--color-ink:#10232b;--color-error:#a72931;--color-teal-art:#5e9595;--color-selection-mode:var(--color-teal-art);--color-slate-art:#293543;--color-red-art:#934741;--color-selection-modifier:var(--color-yellow);--font-display:"Orbitron", "Oxanium", sans-serif;--text-control:.78rem;--text-control-sm:.68rem;--text-label:.62rem;--text-badge:.6rem;--text-error:.7rem;--text-icon:1.55rem;--tracking-control:.09em;--tracking-label:.13em;--tracking-badge:.16em;--spacing-control:3rem;--spacing-control-sm:2.35rem;--spacing-control-x:1.15rem;--spacing-control-y:.72rem;--spacing-control-sm-x:.85rem;--spacing-control-sm-y:.55rem;--spacing-control-gap:.65rem;--spacing-field-gap:.34rem;--spacing-field-x:.75rem;--spacing-field-y:.55rem;--spacing-badge-x:.55rem;--spacing-badge-top:.34rem;--spacing-badge-bottom:.27rem;--shadow-print:7px 7px 0 #071820ad;--shadow-control:4px 4px 0 var(--color-ink);--shadow-control-hover:7px 7px 0 var(--color-ink);--shadow-control-active:1px 1px 0 var(--color-ink);--shadow-control-disabled:2px 2px 0 var(--color-ink);--shadow-ghost:3px 3px 0 #f7e8c659;--shadow-focus:0 0 0 3px var(--color-yellow), 0 0 0 6px var(--color-space-950);--breakpoint-phone:26.25rem;--breakpoint-tablet:47.5rem}}@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}:root{background-color:var(--color-space-950);font-family:var(--font-sans);color:var(--color-cream);font-synthesis:none;text-rendering:optimizelegibility}html,body,#root{min-width:320px;min-height:100%;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{box-shadow:var(--shadow-focus);outline:none}}@layer components{.ui-button{min-height:var(--spacing-control);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-control-gap);border-style:var(--tw-border-style);border-width:var(--border-width-heavy);--tw-border-style:solid;border-style:solid;border-color:var(--color-ink);padding-inline:var(--spacing-control-x);padding-block:var(--spacing-control-y);font-size:var(--text-control);--tw-leading:1;--tw-font-weight:var(--font-weight-black);line-height:1;font-weight:var(--font-weight-black);--tw-tracking:var(--tracking-control);letter-spacing:var(--tracking-control);color:var(--color-ink);text-transform:uppercase;--tw-shadow:4px 4px 0 var(--tw-shadow-color,var(--color-ink));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:transform,box-shadow,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:var(--duration-control);transition-duration:var(--duration-control);--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out);text-decoration-line:none;display:inline-flex}.ui-button:hover{--tw-translate-x:calc(var(--spacing) * -.5);--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-shadow:7px 7px 0 var(--tw-shadow-color,var(--color-ink));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ui-button:active{--tw-translate-x:3px;--tw-translate-y:3px;translate:var(--tw-translate-x) var(--tw-translate-y);--tw-shadow:1px 1px 0 var(--tw-shadow-color,var(--color-ink));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ui-button:disabled{cursor:not-allowed;opacity:.58;--tw-shadow:2px 2px 0 var(--tw-shadow-color,var(--color-ink));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-grayscale:grayscale(40%);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,);translate:none}.ui-button--primary{background-color:var(--color-orange)}.ui-button--primary:hover{background-color:var(--color-yellow)}.ui-button--secondary{background-color:var(--color-teal)}.ui-button--ghost{min-height:var(--spacing-control-sm);border-color:var(--color-cream);background-color:#07182073}@supports (color:color-mix(in lab, red, red)){.ui-button--ghost{background-color:color-mix(in oklab, var(--color-space-950) 45%, transparent)}}.ui-button--ghost{color:var(--color-cream);--tw-shadow:3px 3px 0 var(--tw-shadow-color,#f7e8c659);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ui-button--compact{min-height:var(--spacing-control-sm);padding-inline:var(--spacing-control-sm-x);padding-block:var(--spacing-control-sm-y);font-size:var(--text-control-sm)}.ui-panel{border-style:var(--tw-border-style);border-width:var(--border-width-heavy);--tw-border-style:solid;border-style:solid;border-color:var(--color-ink);--tw-shadow:7px 7px 0 var(--tw-shadow-color,#071820ad);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);position:relative}.ui-panel--dark{background-color:var(--color-space-900);color:var(--color-cream)}.ui-panel--cream{background-color:var(--color-cream);color:var(--color-ink)}.ui-panel--signal{background-color:var(--color-orange);color:var(--color-ink)}.ui-badge{border-style:var(--tw-border-style);width:max-content;padding-inline:var(--spacing-badge-x);padding-top:var(--spacing-badge-top);padding-bottom:var(--spacing-badge-bottom);font-size:var(--text-badge);--tw-leading:1;--tw-font-weight:var(--font-weight-black);line-height:1;font-weight:var(--font-weight-black);--tw-tracking:var(--tracking-badge);letter-spacing:var(--tracking-badge);text-transform:uppercase;border-width:1px;border-color:currentColor;align-items:center;display:inline-flex}.ui-badge--teal{background-color:#0d2834a6}@supports (color:color-mix(in lab, red, red)){.ui-badge--teal{background-color:color-mix(in oklab, var(--color-space-900) 65%, transparent)}}.ui-badge--teal{color:var(--color-teal)}.ui-badge--yellow{background-color:var(--color-yellow);color:var(--color-space-950)}.ui-badge--red{background-color:var(--color-red);color:var(--color-cream)}.ui-icon-button{width:var(--spacing-control);height:var(--spacing-control);cursor:pointer;border-style:var(--tw-border-style);border-width:var(--border-width-heavy);--tw-border-style:solid;border-style:solid;border-color:var(--color-ink);font-size:var(--text-icon);--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black);transition-property:transform,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:var(--duration-control);transition-duration:var(--duration-control);flex-shrink:0;place-items:center;display:grid}.ui-icon-button:hover{background-color:var(--color-yellow);rotate:-12deg}.ui-icon-button--dark{background-color:var(--color-space-900);color:var(--color-cream)}.ui-icon-button--light{background-color:var(--color-teal);color:var(--color-ink)}.ui-field{gap:var(--spacing-field-gap);min-width:0;display:grid}.ui-field__label{font-size:var(--text-label);--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black);--tw-tracking:var(--tracking-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.ui-field__input{min-height:var(--spacing-control);border-style:var(--tw-border-style);border-width:var(--border-width-heavy);--tw-border-style:solid;border-style:solid;border-color:var(--color-ink);background-color:var(--color-cream);width:100%;padding-inline:var(--spacing-field-x);padding-block:var(--spacing-field-y);--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black);--tw-tracking:.04em;letter-spacing:.04em;color:var(--color-ink);text-transform:uppercase;border-radius:0}.ui-field__input[aria-invalid=true]{border-color:var(--color-red)}.ui-field__error{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:var(--color-error)}.ui-button:focus-visible,.ui-icon-button:focus-visible{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--color-yellow)), 0 0 0 6px var(--tw-shadow-color,var(--color-space-950));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.game-configurator{gap:.8rem;display:grid}.game-configurator>div>p{color:#f7e8c6b8;margin:.5rem 0 0}@supports (color:color-mix(in lab, red, red)){.game-configurator>div>p{color:color-mix(in srgb, var(--color-cream) 72%, transparent)}}.game-configurator>div>p{font-family:var(--font-mono);font-size:.68rem}.game-options{border:1px solid #70b7b56b;margin:0 0 .8rem;display:grid}@supports (color:color-mix(in lab, red, red)){.game-options{border:1px solid color-mix(in srgb, var(--color-teal) 42%, transparent)}}.game-options{gap:.4rem;padding:.55rem}.game-options--formats{--option-selection-color:var(--color-selection-mode);grid-template-columns:repeat(2,minmax(0,1fr))}.game-options--modifiers{--option-selection-color:var(--color-selection-modifier);grid-template-columns:repeat(2,minmax(0,1fr))}.game-options legend{color:var(--color-teal);letter-spacing:.14em;text-transform:uppercase;padding:0 .4rem;font-size:.6rem;font-weight:900}.game-option{--option-gradient:#000000b8;background:var(--color-space-950);cursor:pointer;isolation:isolate;border:1px solid #0000;align-items:end;min-width:0;min-height:clamp(7rem,14vh,10rem);transition:border-color .16s;position:relative;overflow:hidden;gap:0!important;padding:0!important;display:grid!important}.game-option:has(input:checked){border-color:var(--option-selection-color)}.game-option input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;height:1px;margin:-1px;position:absolute;overflow:hidden;width:1px!important;min-height:0!important}.game-option:has(input:focus-visible){outline:2px solid var(--color-cream);outline-offset:2px}.game-option__image{z-index:-1;background-image:linear-gradient(0deg, var(--option-gradient) 0%, #00000073 34%, transparent 74%), var(--option-image);background-position:50%;background-size:cover;transition:background-image .16s;position:absolute;inset:0;display:block!important}.game-option__copy{gap:.2rem;min-width:0;padding:clamp(.55rem,1.2vw,.85rem);display:grid;position:relative}.game-option strong{color:var(--color-cream);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.game-option small{color:var(--color-white);font-family:var(--font-mono);font-size:.52rem;line-height:1.3;display:none}.game-option:hover small{display:block}.game-option:has(input:checked) small{display:block}.game-option:has(input:focus-visible) small{display:block}@media (width<=47.5rem){.game-options--formats,.game-options--modifiers{grid-template-columns:1fr 1fr}}body{color:#111;background:var(--color-space-950);margin:0}.route-stage{z-index:2;min-height:100svh;position:relative}.route-stage--game{color:var(--color-cream);background:0 0}.page-transition{will-change:filter, opacity;animation:.44s cubic-bezier(.22,.8,.3,1) both page-reveal}@keyframes page-reveal{0%{opacity:0;filter:blur(12px)}to{opacity:1;filter:blur()}}.site-background{z-index:0;background:var(--color-space-950);position:fixed;inset:0;overflow:hidden}.site-background .space-scene{z-index:0}.site-background__grain{z-index:1;opacity:.18;pointer-events:none;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");position:absolute;inset:0}.route-stage:not(.route-stage--game)>main:not(.landing-page){min-height:100dvh;color:var(--color-cream);background:#0718202e}@supports (color:color-mix(in lab, red, red)){.route-stage:not(.route-stage--game)>main:not(.landing-page){background:color-mix(in srgb, var(--color-space-950) 18%, transparent)}}body>#root>main:not(.landing-page){padding:1rem}.session-controls{z-index:7;border:1px solid var(--glass-border);color:var(--color-cream);background:var(--glass-surface-strong);box-shadow:inset 0 1px 0 var(--glass-highlight), 0 12px 34px #0000003d;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));align-items:stretch;display:flex;position:absolute;top:1rem;right:clamp(1rem,4vw,3.5rem)}.session-controls__identity{border-right:1px solid #70b7b56b;align-content:center;min-width:10rem;display:grid}@supports (color:color-mix(in lab, red, red)){.session-controls__identity{border-right:1px solid color-mix(in srgb, var(--color-teal) 42%, transparent)}}.session-controls__identity{padding:.55rem .8rem}.session-controls__identity strong{text-overflow:ellipsis;white-space:nowrap;max-width:14rem;color:var(--color-yellow);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;overflow:hidden}.session-controls__identity span{max-width:14rem;color:var(--color-teal);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;overflow:hidden}.session-controls nav{align-items:stretch;display:flex}.session-controls a,.session-controls button{border:0;border-left:1px solid #70b7b538;place-items:center;min-width:4.3rem;display:grid}@supports (color:color-mix(in lab, red, red)){.session-controls a,.session-controls button{border-left:1px solid color-mix(in srgb, var(--color-teal) 22%, transparent)}}.session-controls a,.session-controls button{color:var(--color-cream);font:inherit;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;background:0 0;padding:.65rem .75rem;font-size:.62rem;font-weight:900;text-decoration:none}.session-controls a:hover,.session-controls button:hover{color:var(--color-ink);background:var(--color-teal)}.route-stage--game .session-controls{color:#111;background:#fffffff0}.route-stage--game .session-controls a,.route-stage--game .session-controls button{color:#111}main:not(.landing-page) form{gap:.75rem;max-width:24rem;margin:1rem 0;display:grid}main:not(.landing-page) label{gap:.25rem;display:grid}main:not(.landing-page) input:not(.ui-field__input),main:not(.landing-page) button:not(.ui-button):not(.ui-icon-button){font:inherit;padding:.4rem}main:not(.landing-page) button:not(.ui-button):not(.ui-icon-button){width:max-content}[role=alert]{color:#a00}main:not(.landing-page) canvas{background:#fafafa;border:1px solid #bbb;width:min(100%,1000px);height:min(70vh,700px);display:block}.landing-page{isolation:isolate;width:100%;height:100svh;min-height:680px;color:var(--color-cream);background:0 0;position:relative;overflow:hidden auto}.landing-page:before{z-index:-2;content:"";background:linear-gradient(90deg,#071820d6 0%,#0718209e 39%,#0000 70%),linear-gradient(#0000 66%,#071820bf);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.landing-page:before{background:linear-gradient(90deg, color-mix(in srgb, var(--color-space-950) 84%, transparent) 0%, color-mix(in srgb, var(--color-space-950) 62%, transparent) 39%, transparent 70%), linear-gradient(0deg, color-mix(in srgb, var(--color-space-950) 75%, transparent), transparent 34%)}}.landing-page:before{pointer-events:none}.landing-page__content{z-index:3;width:min(76rem,100vw - clamp(2rem,9vw,8rem));max-height:calc(100svh - 11rem);color:var(--color-cream);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight), 0 24px 70px #0000003d;-webkit-backdrop-filter:blur(14px) saturate(var(--glass-saturation));backdrop-filter:blur(14px) saturate(var(--glass-saturation));background:#071f2847;grid-template-columns:minmax(0,43fr) minmax(0,57fr);display:grid;position:absolute;top:52%;left:50%;transform:translate(-50%,-48%)rotate(-.12deg)}.space-scene{z-index:-3;width:100%;height:100%;display:block;position:absolute;inset:0}.landing-nav{z-index:4;justify-content:center;align-items:center;width:100%;padding:clamp(1rem,3vw,2.2rem) clamp(1rem,4.5vw,4.5rem);display:flex;position:absolute;top:0;left:0}.brand-lockup{justify-content:center;align-items:center;display:flex}.oque-mark{filter:drop-shadow(3px 3px #071820b8);width:clamp(6.5rem,8vw,8rem);display:block}@supports (color:color-mix(in lab, red, red)){.oque-mark{filter:drop-shadow(3px 3px 0 color-mix(in srgb, var(--color-space-950) 72%, transparent))}}.oque-mark img{width:100%;height:auto;display:block}.deck-page .brand-lockup{border:1px solid var(--glass-border);background:var(--glass-surface);box-shadow:inset 0 1px 0 var(--glass-highlight);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));padding:.55rem 1rem}.hero-copy{align-content:center;gap:1rem;min-width:0;padding:clamp(2.3rem,4.5vw,5rem);display:grid}.hero-copy__logo{filter:drop-shadow(0 0 6px #f7e8c629)drop-shadow(0 0 16px #70b7b533);width:min(112%,34rem);max-width:none;height:auto;margin-left:-6%;display:block}@supports (color:color-mix(in lab, red, red)){.hero-copy__logo{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--color-cream) 16%, transparent)) drop-shadow(0 0 16px color-mix(in srgb, var(--color-teal) 20%, transparent))}}.hero-copy p{width:min(32rem,100%);font-family:var(--font-mono);letter-spacing:.025em;text-align:center;margin:.75rem auto 0;font-size:clamp(.76rem,1vw,.95rem);font-weight:700;line-height:1.55}.identity-card{min-width:0;padding:clamp(2rem,3.4vw,3.8rem);position:relative}.identity-card:before{content:"";background:linear-gradient(180deg, transparent, #f7e8c62e 8%, var(--color-teal) 48%, var(--color-cream) 72%, transparent);width:2px;position:absolute;top:7%;bottom:7%;left:0}@supports (color:color-mix(in lab, red, red)){.identity-card:before{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--color-cream) 18%, transparent) 8%, var(--color-teal) 48%, var(--color-cream) 72%, transparent)}}.identity-card:before{box-shadow:-5px 0 13px #70b7b54d,-12px 0 24px #f7e8c61f}@supports (color:color-mix(in lab, red, red)){.identity-card:before{box-shadow:-5px 0 13px color-mix(in srgb, var(--color-teal) 30%, transparent), -12px 0 24px color-mix(in srgb, var(--color-cream) 12%, transparent)}}.identity-card:before{transform:rotate(2deg)}.identity-card form{gap:.8rem;max-width:none;margin:0;display:grid}.identity-card form>.ui-button{width:100%}.identity-card__error{border-left:3px solid var(--color-red);color:var(--color-error);background:#d9414b17;margin:-.2rem 0 .7rem;padding:.35rem .5rem}@supports (color:color-mix(in lab, red, red)){.identity-card__error{background:color-mix(in srgb, var(--color-red) 9%, transparent)}}.identity-card__error{font-family:var(--font-mono);font-size:.68rem;font-weight:800}.guest-entry__identity{border:var(--border-width-heavy) solid var(--color-ink);background:var(--color-cream);align-content:center;min-height:3.45rem;padding:.45rem 3.7rem .45rem .7rem;display:grid;position:relative}.guest-entry__identity:focus-within{box-shadow:var(--shadow-focus)}.guest-entry__identity>label{color:var(--color-ink);letter-spacing:.12em;text-transform:uppercase;opacity:.58;font-size:.5rem;font-weight:900}.guest-entry__identity>input{width:100%;min-width:0;color:var(--color-ink);font-family:var(--font-mono);text-transform:uppercase;background:0 0;border:0;padding:0;font-size:.92rem;font-weight:900}.guest-entry__identity>input:focus-visible{box-shadow:none;outline:none}.guest-entry__identity .ui-icon-button{width:3.45rem;height:3.45rem;position:absolute;top:-3px;right:-3px}.identity-card__divider{color:var(--color-cream);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.85rem;margin:1rem 0;font-size:clamp(.95rem,1.35vw,1.3rem);font-weight:900;line-height:1;display:flex}.identity-card__divider:before,.identity-card__divider:after{content:"";opacity:.72;background:linear-gradient(90deg,#0000,currentColor);flex:1;height:2px}.identity-card__divider:after{background:linear-gradient(90deg,currentColor,#0000)}.identity-card__divider--guest{margin-top:0}.login-entry__fields{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.login-entry{grid-template-columns:1fr 1fr}.login-entry__fields,.login-entry .identity-card__error,.login-entry .google-login{grid-column:1/-1}.google-login{position:relative}.google-login small{letter-spacing:.08em;border:1px solid;padding:.18rem .25rem;font-size:.45rem;position:absolute;right:.55rem}.identity-card__account{text-transform:uppercase;justify-content:flex-end;align-items:center;margin-top:.8rem;font-size:.65rem;font-weight:800;display:flex}.identity-card__account a{color:var(--color-cream);text-underline-offset:3px}.signup-form__intro{font-family:var(--font-mono);text-align:center;margin:0 0 1rem;font-size:.76rem;font-weight:700;line-height:1.45}.signup-form form{gap:.75rem;display:grid;max-width:none!important;margin:0!important}.signup-form form>.ui-button{width:100%;margin-top:.2rem}.signup-form__passwords{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.signup-form>.google-login{width:100%}.signup-form__links{text-transform:uppercase;justify-content:flex-end;gap:1rem;margin-top:.9rem;font-size:.62rem;font-weight:800;display:flex}.signup-form__links a{color:var(--color-cream);text-underline-offset:3px}.deck-page{height:100dvh;min-height:100svh;color:var(--color-cream);flex-direction:column;padding:6rem clamp(1rem,4vw,3.5rem) 2rem;display:flex;position:relative;overflow:hidden}.deck-brand{z-index:4;border:1px solid var(--color-teal);background:var(--color-space-950);flex-shrink:0;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);align-items:stretch;width:min(24rem,100%);margin:0 auto .65rem;display:grid;position:relative}.deck-brand img{object-fit:contain;width:100%;min-width:0;height:clamp(4.5rem,7vw,6rem);padding:.65rem 1rem;display:block}.deck-brand__divider{background:#70b7b573;align-self:stretch;width:1px}@supports (color:color-mix(in lab, red, red)){.deck-brand__divider{background:color-mix(in srgb, var(--color-teal) 45%, transparent)}}.deck-page:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(90deg,#071820d1,#0718206b 50%,#071820c7);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.deck-page:before{background:linear-gradient(90deg, color-mix(in srgb, var(--color-space-950) 82%, transparent), color-mix(in srgb, var(--color-space-950) 42%, transparent) 50%, color-mix(in srgb, var(--color-space-950) 78%, transparent))}}.deck-shell{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(92rem,100%);min-height:0;margin-inline:auto;display:grid;position:relative}.page-transition:has(.deck-shell){will-change:auto;animation:none}.deck-shell{animation:.8s cubic-bezier(.22,.8,.3,1) both deck-open}.deck-shell:before{z-index:3;content:"";background:var(--color-teal);pointer-events:none;width:1px;animation:.8s linear both deck-line;position:absolute;top:0;bottom:0;left:50%}.deck-shell__content{animation:.8s ease-out both deck-content-reveal}@keyframes deck-open{0%,18%{clip-path:inset(0 calc(50% - 1px))}to{clip-path:inset(0)}}@keyframes deck-line{0%,65%{opacity:1}to{opacity:0}}@keyframes deck-content-reveal{0%,30%{opacity:0}to{opacity:1}}.page-transition--closing .deck-shell{animation:.5s cubic-bezier(.65,0,.78,.2) both deck-close}.page-transition--closing .deck-shell:before{opacity:1;animation:none}.page-transition--closing .deck-shell__content{animation:.5s ease-in both deck-content-hide}@keyframes deck-close{0%{clip-path:inset(0)}82%,to{clip-path:inset(0 calc(50% - 1px))}}@keyframes deck-content-hide{0%{opacity:1}70%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.deck-shell,.deck-shell__content,.page-transition--closing .deck-shell,.page-transition--closing .deck-shell__content{animation:none}.deck-shell:before{display:none}.room-deck .deck-shell__panel:before,.room-deck .deck-shell__panel:after,.room-deck .deck-shell__outline,.room-deck .deck-shell__hinge{animation:none}}.deck-shell__panel.ui-panel{min-width:0;min-height:0;clip-path:var(--deck-panel-shape);color:var(--color-cream);background:var(--glass-surface);box-shadow:inset 0 1px 0 var(--glass-highlight), inset 0 0 40px #020e1338, 0 20px 55px #0003;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));border:1px solid #0000;grid-template-rows:auto minmax(0,1fr) auto;padding:clamp(1.1rem,2.8vw,2.6rem);display:grid}.room-deck .deck-shell__panel:before,.room-deck .deck-shell__panel:after{z-index:0;content:"";pointer-events:none;position:absolute}.room-deck .deck-shell__panel:before{opacity:.34;background:linear-gradient(90deg, var(--color-teal) 0 2.4rem, transparent 2.4rem) top left / 5rem 1px no-repeat, linear-gradient(180deg, var(--color-teal) 0 1.4rem, transparent 1.4rem) top left / 1px 3rem no-repeat, linear-gradient(270deg, var(--color-teal) 0 2.4rem, transparent 2.4rem) bottom right / 5rem 1px no-repeat, linear-gradient(0deg, var(--color-teal) 0 1.4rem, transparent 1.4rem) bottom right / 1px 3rem no-repeat, repeating-linear-gradient(90deg, var(--color-teal) 0 1px, transparent 1px 9px) top center / min(9rem, 30%) 3px no-repeat;animation:4.8s ease-in-out infinite cockpit-telemetry;inset:.8rem}.room-deck .deck-shell__panel:after{background:linear-gradient(90deg,#0000,#70b7b5b8,#0000);height:1px;left:8%;right:8%}@supports (color:color-mix(in lab, red, red)){.room-deck .deck-shell__panel:after{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-teal) 72%, transparent), transparent)}}.room-deck .deck-shell__panel:after{box-shadow:0 0 12px #70b7b54d}@supports (color:color-mix(in lab, red, red)){.room-deck .deck-shell__panel:after{box-shadow:0 0 12px color-mix(in srgb, var(--color-teal) 30%, transparent)}}.room-deck .deck-shell__panel:after{opacity:0;animation:6s linear infinite cockpit-scan}.room-deck .deck-shell__panel>*{z-index:1}.room-deck .deck-shell__outline{z-index:2;filter:drop-shadow(0 0 4px #70b7b542);animation:3.6s ease-in-out infinite cockpit-edge}.room-deck .deck-shell__hinge{animation:2.8s ease-in-out infinite alternate cockpit-edge}@keyframes cockpit-telemetry{0%,to{opacity:.24}50%{opacity:.48}}@keyframes cockpit-scan{0%,18%{opacity:0;top:12%}24%{opacity:.42}76%{opacity:.2}84%,to{opacity:0;top:88%}}@keyframes cockpit-edge{0%,to{opacity:.7}50%{opacity:1}}.deck-shell__outline{width:calc(100% + 2px);height:calc(100% + 2px);color:var(--color-teal);pointer-events:none;position:absolute;inset:-1px;overflow:visible}.deck-shell__panel.ui-panel:not(:has(.deck-shell__title)){grid-template-rows:minmax(0,1fr)}.deck-shell__panel--left{padding-right:clamp(1.8rem,4vw,4.5rem)!important}.deck-shell__panel--right{padding-left:clamp(1.8rem,4vw,4.5rem)!important}.deck-shell__hinge{z-index:2;background:linear-gradient(transparent, var(--color-teal) 12% 88%, transparent);width:1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 18px #70b7b5bf}@supports (color:color-mix(in lab, red, red)){.deck-shell__hinge{box-shadow:0 0 18px color-mix(in srgb, var(--color-teal) 75%, transparent)}}.deck-shell__title{color:var(--color-teal);font-family:var(--font-display);letter-spacing:.03em;text-align:center;text-transform:uppercase;margin:-1.15rem 0 clamp(1.5rem,4vh,3.5rem);font-size:clamp(1.15rem,2vw,2rem);font-weight:900;line-height:1}.deck-shell__title span{background:#007077b8;width:min(24rem,82%);padding:.3rem 1rem;display:inline-block;box-shadow:0 0 18px #70b7b524}@supports (color:color-mix(in lab, red, red)){.deck-shell__title span{box-shadow:0 0 18px color-mix(in srgb, var(--color-teal) 14%, transparent)}}.deck-shell__content{overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--color-teal) transparent;scrollbar-gutter:stable;grid-auto-rows:max-content;align-content:safe center;min-width:0;min-height:0;padding:.4rem;display:grid;overflow:hidden auto}.deck-shell__rail{border:1px solid #70b7b573;width:76%;height:.8rem;margin:1.5rem auto -.8rem}@supports (color:color-mix(in lab, red, red)){.deck-shell__rail{border:1px solid color-mix(in srgb, var(--color-teal) 45%, transparent)}}.deck-shell__rail{background:#007077b8}.deck-actions{gap:clamp(1.5rem,5vh,3rem);width:min(28rem,88%);margin:auto;display:grid}.deck-actions p,.sector-browser p,.deck-note{color:#f7e8c6bd;margin:.7rem 0 1.1rem}@supports (color:color-mix(in lab, red, red)){.deck-actions p,.sector-browser p,.deck-note{color:color-mix(in srgb, var(--color-cream) 74%, transparent)}}.deck-actions p,.sector-browser p,.deck-note{font-family:var(--font-mono);font-size:.76rem;line-height:1.5}.lobby-deck .deck-actions{gap:1.25rem;width:min(32rem,94%)}.lobby-actions section .ui-button{width:100%}.lobby-actions .identity-card__divider{margin:.25rem 0}.deck-actions form{display:grid;gap:.8rem!important;max-width:none!important;margin:0!important}.deck-actions .ui-button{width:100%!important}.sector-browser{align-content:center;gap:1.25rem;display:grid}.sector-browser__heading{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.sector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.sector-grid li:first-child{grid-column:1/-1}.sector-grid a{min-height:7.5rem;color:var(--color-cream);background:linear-gradient(#07182059,#2b0d4ee0),repeating-linear-gradient(90deg,#0000 0 28px,#7138d72e 29px 30px);border:2px solid #7138d7;align-content:end;padding:1rem;display:grid}@supports (color:color-mix(in lab, red, red)){.sector-grid a{background:linear-gradient(0deg, #2b0d4ee0, color-mix(in srgb, var(--color-space-950) 35%, transparent)), repeating-linear-gradient(90deg, transparent 0 28px, #7138d72e 29px 30px)}}.sector-grid a{text-decoration:none;transition:border-color .16s,transform .16s}.sector-grid a:hover{border-color:var(--color-yellow);transform:translateY(-3px)}.sector-grid strong,.room-code strong{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:1.2rem}.sector-grid span,.sector-grid small{font-family:var(--font-mono);text-transform:uppercase;font-size:.68rem}.deck-empty{border:1px dashed #70b7b580;place-content:center;gap:.5rem;min-height:14rem;display:grid}@supports (color:color-mix(in lab, red, red)){.deck-empty{border:1px dashed color-mix(in srgb, var(--color-teal) 50%, transparent)}}.deck-empty{color:var(--color-teal);text-align:center;text-transform:uppercase}.deck-empty span{color:#f7e8c6a6}@supports (color:color-mix(in lab, red, red)){.deck-empty span{color:color-mix(in srgb, var(--color-cream) 65%, transparent)}}.deck-empty span{font-family:var(--font-mono);font-size:.68rem}.room-console{gap:1.25rem;width:min(28rem,88%);margin:auto;display:grid}.room-code{border-left:3px solid var(--color-orange);background:#0d28348a;padding:1rem 1.2rem;display:grid}@supports (color:color-mix(in lab, red, red)){.room-code{background:color-mix(in srgb, var(--color-space-900) 54%, transparent)}}.room-code{box-shadow:inset 0 1px 0 var(--glass-highlight)}.room-code>span,.room-code>small{color:var(--color-teal);letter-spacing:.12em;text-transform:uppercase;font-size:.58rem;font-weight:900}.room-code strong{color:var(--color-cream);margin:.25rem 0;font-size:clamp(1.6rem,4vw,3rem)}.room-console__actions{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.room-console__actions .ui-button{width:100%!important}.room-console__actions .ui-button:last-child{grid-column:1/-1}.crew-list ol{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.crew-list__member{border:1px solid #70b7b559;align-items:center;min-height:4.3rem;display:grid}@supports (color:color-mix(in lab, red, red)){.crew-list__member{border:1px solid color-mix(in srgb, var(--color-teal) 35%, transparent)}}.crew-list__member{background:#0d28347a;grid-template-columns:auto 1fr auto;gap:.9rem;padding:.7rem .9rem}@supports (color:color-mix(in lab, red, red)){.crew-list__member{background:color-mix(in srgb, var(--color-space-900) 48%, transparent)}}.crew-list__member--you{border-color:var(--color-yellow);background:#f5b6421a}@supports (color:color-mix(in lab, red, red)){.crew-list__member--you{background:color-mix(in srgb, var(--color-yellow) 10%, transparent)}}.crew-list__number{color:var(--color-teal);font-family:var(--font-mono);font-weight:900}.crew-list__member div{display:grid}.crew-list__member strong{text-transform:uppercase}.crew-list__member small{color:#f7e8c694}@supports (color:color-mix(in lab, red, red)){.crew-list__member small{color:color-mix(in srgb, var(--color-cream) 58%, transparent)}}.crew-list__member small{letter-spacing:.1em;text-transform:uppercase;font-size:.58rem}@media (width<=47.5rem){.session-controls{top:.7rem;left:.7rem;right:.7rem}.session-controls__identity{flex:1;min-width:0}.session-controls__identity strong,.session-controls__identity span{max-width:100%}.session-controls a,.session-controls button{min-width:0;padding-inline:.55rem}.landing-page:before{background:linear-gradient(#07182099,#0718205c 35%,#071820e6)}@supports (color:color-mix(in lab, red, red)){.landing-page:before{background:linear-gradient(0deg, color-mix(in srgb, var(--color-space-950) 90%, transparent), color-mix(in srgb, var(--color-space-950) 36%, transparent) 65%, color-mix(in srgb, var(--color-space-950) 60%, transparent))}}.landing-page{min-height:620px}.landing-page__content{width:calc(100vw - 2rem);max-height:calc(100svh - 7rem);display:block;top:5.8rem;left:1rem;overflow-y:auto;transform:rotate(-.12deg)}.identity-card:before{background:linear-gradient(90deg, transparent, var(--color-teal) 45%, var(--color-cream) 72%, transparent);width:auto;height:2px;inset:0 8% auto;box-shadow:0 -5px 13px #70b7b54d}@supports (color:color-mix(in lab, red, red)){.identity-card:before{box-shadow:0 -5px 13px color-mix(in srgb, var(--color-teal) 30%, transparent)}}.identity-card:before{transform:rotate(-1deg)}.hero-copy{padding:1rem}.hero-copy__logo{width:min(96%,25rem);margin-inline:auto}.hero-copy p{width:100%;margin-top:.45rem;font-size:.83rem}.identity-card{padding:1.5rem 1rem 1rem}.login-entry__fields,.signup-form__passwords{grid-template-columns:1fr}.signup-form__links{align-items:flex-end}.deck-page{padding:5rem .8rem 1rem}.deck-shell{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1fr);gap:.8rem}.deck-shell__panel.ui-panel{clip-path:none;border-color:var(--color-teal);min-height:0;padding:1.4rem 1rem!important}.deck-shell__hinge,.deck-shell__outline{display:none}.deck-shell__title{margin:0 0 1.3rem}.deck-shell__rail{margin-bottom:-.5rem}.deck-actions,.room-console{width:100%}.sector-grid{grid-template-columns:1fr}.sector-grid li:first-child{grid-column:auto}}@media (width<=26.25rem){.landing-nav{padding:.85rem 1rem}.brand-lockup{gap:.4rem}.oque-mark{width:5.5rem}.hero-copy{gap:.35rem}}.arena-shell{isolation:isolate;box-sizing:border-box;width:100%;height:100dvh;min-height:0;color:var(--color-cream);background:radial-gradient(#0000 30%,#030e1447 72%,#030e14bd 100%);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(11rem,1fr) minmax(0,3fr) minmax(13rem,1.1fr);gap:clamp(.7rem,1.2vw,1rem);padding:clamp(4.5rem,8vh,6rem) clamp(.8rem,1.4vw,1.2rem) clamp(6rem,14vh,9rem);display:grid;position:relative;overflow:hidden}.cockpit-frame{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cockpit-frame:before{content:"";border-bottom:2px solid var(--color-teal);clip-path:polygon(0 0,100% 0,100% 70%,75% 70%,72% 100%,28% 100%,25% 70%,0 70%);background:linear-gradient(90deg,#030d13 0%,#0c303b 30%,#3d7077 50%,#0c303b 70%,#030d13 100%);height:clamp(2.8rem,6vh,4.2rem);position:absolute;top:0;left:0;right:0;box-shadow:0 10px 8px #00000094,0 24px 42px #000000b8}.cockpit-frame__round{z-index:1;min-width:clamp(10rem,26vw,20rem);color:var(--color-cream);background:#4b7f81;padding:.7rem 2rem 1rem;position:absolute;top:0;left:50%}@supports (color:color-mix(in lab, red, red)){.cockpit-frame__round{background:color-mix(in srgb, var(--color-teal) 65%, var(--color-space-950))}}.cockpit-frame__round{font-family:var(--font-display);letter-spacing:.06em;text-align:center;text-transform:uppercase;clip-path:polygon(8% 0,92% 0,84% 100%,16% 100%);font-size:clamp(1rem,2vw,1.6rem);transform:translate(-50%)}.cockpit-link{z-index:4;height:1.7rem;color:var(--color-teal);align-items:flex-end;gap:.22rem;display:flex;position:absolute;top:clamp(.6rem,1.4vh,.9rem);right:clamp(1.2rem,3vw,3rem)}.cockpit-link span{font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;align-self:center;margin-right:.35rem;font-size:.58rem}.cockpit-link i{background:currentColor;width:.28rem;height:35%;display:block;box-shadow:0 0 7px}.cockpit-link i:nth-of-type(2){height:52%}.cockpit-link i:nth-of-type(3){height:72%}.cockpit-link i:nth-of-type(4){height:94%}.cockpit-link[data-status=connecting] i:nth-of-type(n+3){opacity:.18;box-shadow:none}.cockpit-link[data-status=disconnected]{color:var(--color-red)}.cockpit-link[data-status=disconnected] i{opacity:.2;box-shadow:none}.cockpit-frame__console{border-top:2px solid var(--color-teal);clip-path:polygon(8% 0,92% 0,100% 35%,100% 100%,0 100%,0 35%);background:#0d2834f0;justify-content:center;align-items:flex-start;gap:clamp(1.4rem,6vw,6rem);height:clamp(7rem,16vh,11rem);padding-top:1.8rem;display:flex;position:absolute;bottom:-2.5rem;left:-4%;right:-4%;box-shadow:inset 0 1rem 2rem #70b7b514,0 -18px 50px #0000006b}.arena-sidebar,.arena-playfield{z-index:2;position:relative}.arena-sidebar{min-width:0;min-height:0;transform-style:preserve-3d;will-change:transform;gap:clamp(.7rem,1.2vw,1rem);transition:transform .18s ease-out;display:grid}.arena-sidebar--left{transform:perspective(1000px) rotateY(calc(4.5deg + var(--cockpit-yaw,0deg))) rotateX(var(--cockpit-pitch,0deg));transform-origin:0;grid-template-rows:1fr 1fr 3.4fr}.arena-sidebar--right{transform:perspective(1000px) rotateY(calc(-4.5deg + var(--cockpit-yaw,0deg))) rotateX(var(--cockpit-pitch,0deg));transform-origin:100%;grid-template-rows:minmax(0,1fr)}.arena-panel{border:1px solid var(--glass-border);background:var(--glass-surface-strong);min-height:0;box-shadow:inset 0 1px 0 var(--glass-highlight), inset 0 0 40px #020e1347, 0 12px 30px #0003;-webkit-backdrop-filter:blur(14px) saturate(var(--glass-saturation));backdrop-filter:blur(14px) saturate(var(--glass-saturation));clip-path:polygon(.7rem 0,100% 0,100% calc(100% - .7rem),calc(100% - .7rem) 100%,0 100%,0 .7rem);border-radius:0;padding:clamp(.7rem,1.4vw,1.4rem);overflow:auto}.arena-logo{grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);place-items:center;gap:clamp(.4rem,.8vw,.8rem);padding:clamp(.55rem,1vw,.85rem);display:grid;overflow:hidden}.arena-logo,.arena-timer{overflow:hidden}.arena-logo img{object-fit:contain;width:100%;max-width:6rem;height:auto;max-height:2.8rem;display:block}.arena-logo__divider{background:#70b7b57a;width:1px;height:65%}@supports (color:color-mix(in lab, red, red)){.arena-logo__divider{background:color-mix(in srgb, var(--color-teal) 48%, transparent)}}.arena-timer{text-align:center;align-content:center;place-items:center;gap:.25rem;display:grid}.arena-timer span,.arena-info span{letter-spacing:var(--tracking-label);text-transform:uppercase;font-size:.7rem;font-weight:900}.arena-timer__value{color:var(--color-yellow);font-family:var(--font-mono);font-size:clamp(1.8rem,4vw,4rem)}.arena-info{grid-template-columns:1fr auto;align-content:center;gap:1rem .7rem;display:grid}.arena-info strong{color:var(--color-teal);text-align:right;text-transform:capitalize}.arena-playfield{aspect-ratio:1;border:2px solid var(--color-teal);-webkit-backdrop-filter:blur(22px)saturate(125%);backdrop-filter:blur(22px)saturate(125%);background:linear-gradient(#07182033,#0718205c),repeating-linear-gradient(90deg,#0000 0 28px,#70b7b51f 29px 30px);place-self:stretch center;width:auto;max-width:100%;height:100%;max-height:100%;position:relative;box-shadow:inset 0 0 55px #020e1380,0 0 28px #70b7b52e}.arena-playfield:before,.arena-playfield:after{z-index:2;content:"";pointer-events:none;position:absolute}.arena-playfield:before{background:linear-gradient(90deg, transparent, var(--color-teal), transparent);opacity:0;height:1px;animation:7s linear infinite viewport-scan;top:8%;left:4%;right:4%;box-shadow:0 0 12px #70b7b559}.arena-playfield:after{aspect-ratio:1;background:linear-gradient(90deg,#0000 48%,#70b7b52e 49% 51%,#0000 52%),linear-gradient(#0000 48%,#70b7b52e 49% 51%,#0000 52%);border:1px solid #70b7b52e;border-radius:50%;width:clamp(2.5rem,7vw,5rem);top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes viewport-scan{0%,15%{opacity:0;top:8%}22%{opacity:.35}78%{opacity:.18}85%,to{opacity:0;top:92%}}.arena-shell .arena-playfield canvas{aspect-ratio:1;background:0 0;border:0;width:100%;height:100%}.arena-shell--results .arena-playfield canvas{opacity:.38;filter:saturate(.85)blur(1px)}.arena-countdown{background:#0718205c;place-items:center;display:grid;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.arena-countdown{background:color-mix(in srgb, var(--color-space-950) 36%, transparent)}}.arena-countdown{pointer-events:none}.arena-countdown .arena-timer__value{text-shadow:5px 5px 0 var(--color-ink);font-size:clamp(4rem,14vw,11rem)}.arena-players h2,.arena-controls h2,.arena-log h2{color:var(--color-teal);letter-spacing:var(--tracking-label);text-transform:uppercase;margin:0 0 1rem;font-size:.85rem}.arena-log{grid-template-rows:auto minmax(0,1fr);display:grid}.arena-log ol{scrollbar-color:var(--color-teal) transparent;scrollbar-width:thin;align-content:start;gap:0;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.arena-log li{border-top:1px solid #70b7b52e;grid-template-columns:4.8rem minmax(0,1fr);gap:.6rem;display:grid}@supports (color:color-mix(in lab, red, red)){.arena-log li{border-top:1px solid color-mix(in srgb, var(--color-teal) 18%, transparent)}}.arena-log li{font-family:var(--font-mono);padding:.48rem 0;font-size:clamp(.56rem,.72vw,.68rem);line-height:1.35}.arena-log time{color:var(--color-yellow);opacity:.78}.arena-log li span{color:#f7e8c6d6}@supports (color:color-mix(in lab, red, red)){.arena-log li span{color:color-mix(in srgb, var(--color-cream) 84%, transparent)}}.arena-player-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.arena-player-list li{border-left:3px solid var(--color-orange);background:#0d2834ad;justify-content:space-between;gap:.5rem;padding:.65rem;display:flex}@supports (color:color-mix(in lab, red, red)){.arena-player-list li{background:color-mix(in srgb, var(--color-space-900) 68%, transparent)}}.arena-player-list__identity{gap:.2rem;min-width:0;display:grid}.arena-player-list__identity>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.arena-player-list__score{color:var(--color-cream);align-self:center;font-size:1.25rem;line-height:1}.arena-player-list__energy{grid-template-columns:repeat(6,minmax(0,1fr));align-self:center;gap:.16rem;width:4.5rem;display:grid}.arena-player-list__energy i{border:1px solid #ef5b34a6;height:.55rem;display:block}@supports (color:color-mix(in lab, red, red)){.arena-player-list__energy i{border:1px solid color-mix(in srgb, var(--color-orange) 65%, transparent)}}.arena-player-list__energy i{background:0 0}.arena-player-list__energy i.is-filled{border-color:var(--color-orange);background:var(--color-orange);box-shadow:0 0 .35rem #ef5b34a6}@supports (color:color-mix(in lab, red, red)){.arena-player-list__energy i.is-filled{box-shadow:0 0 .35rem color-mix(in srgb, var(--color-orange) 65%, transparent)}}.arena-player-list li[data-status=eliminated]{opacity:.5}.arena-player-list small{color:var(--color-yellow);font-family:var(--font-mono);text-transform:uppercase;font-size:.62rem}.arena-controls{align-content:center;display:grid}.cockpit-instructions{z-index:4;width:min(48rem,100% - 4rem);min-height:3.2rem;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;clip-path:none;background:0 0;border-color:#0000;justify-content:center;align-items:center;gap:clamp(.8rem,2vw,1.8rem);padding:0;display:flex;position:absolute;bottom:clamp(.65rem,1.8vh,1.2rem);left:50%;overflow:hidden;transform:translate(-50%)}.cockpit-instructions h2{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cockpit-instructions p{border:1px solid #70b7b58c;align-items:center;gap:.3rem;min-height:2.65rem;margin:0;display:flex}@supports (color:color-mix(in lab, red, red)){.cockpit-instructions p{border:1px solid color-mix(in srgb, var(--color-teal) 55%, transparent)}}.cockpit-instructions p{white-space:nowrap;background:#071f28e0;padding:.4rem 1rem}.cockpit-instructions .ui-button{border-color:#f7e8c68c;min-width:clamp(7rem,11vw,9rem);min-height:3rem;margin:0;padding-block:.4rem}@supports (color:color-mix(in lab, red, red)){.cockpit-instructions .ui-button{border-color:color-mix(in srgb, var(--color-cream) 55%, transparent)}}.cockpit-instructions .ui-button{color:var(--color-cream);background:var(--color-red-art);white-space:nowrap;clip-path:polygon(10% 0,90% 0,100% 22%,100% 100%,0 100%,0 22%);box-shadow:inset 0 1px #f7e8c62e,0 0 18px #9347414d}.cockpit-instructions .ui-button:hover{background:var(--color-orange)}.arena-controls p{margin:0}.arena-controls .ui-button{margin-top:0}.arena-controls kbd{border:1px solid var(--color-cream);min-width:1.8rem;color:var(--color-ink);background:var(--color-cream);font-family:var(--font-mono);border-radius:0;place-items:center;padding:.15rem;font-weight:900;display:inline-grid}.arena-error{z-index:3;border-left:3px solid var(--color-red);color:var(--color-cream);background:var(--color-error);margin:0;padding:.6rem 1rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.arena-loading{min-height:100dvh;color:var(--color-cream);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07182080;place-items:center;display:grid}.arena-results{color:var(--color-cream);background:var(--glass-surface-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto auto;gap:clamp(.65rem,1.3vw,1rem);padding:clamp(.65rem,1.2vw,1rem);display:grid;position:absolute;inset:0;overflow:auto;box-shadow:inset 0 0 40px #020e136b}.arena-results__summary{text-align:center;place-items:center;gap:.25rem;display:grid}.arena-results__summary span{letter-spacing:var(--tracking-label);text-transform:uppercase;font-size:.68rem;font-weight:900}.arena-results__summary strong{color:var(--color-yellow);font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;font-size:clamp(1.65rem,4vw,3.6rem);line-height:.95}.arena-results__summary small{color:#f7e8c6c2}@supports (color:color-mix(in lab, red, red)){.arena-results__summary small{color:color-mix(in srgb, var(--color-cream) 76%, transparent)}}.arena-results__summary small{font-family:var(--font-mono);font-size:clamp(.75rem,1.3vw,.95rem)}.arena-results__placements{align-content:center;gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.arena-results__placements li{border:1px solid #70b7b573;grid-template-columns:3rem minmax(0,1fr) auto;align-items:center;gap:.7rem;display:grid}@supports (color:color-mix(in lab, red, red)){.arena-results__placements li{border:1px solid color-mix(in srgb, var(--color-teal) 45%, transparent)}}.arena-results__placements li{background:#0d2834c2;border-radius:0;padding:.55rem .7rem}@supports (color:color-mix(in lab, red, red)){.arena-results__placements li{background:color-mix(in srgb, var(--color-space-900) 76%, transparent)}}.arena-results__placements li:first-child{border-color:var(--color-yellow);background:#f5b6421f}@supports (color:color-mix(in lab, red, red)){.arena-results__placements li:first-child{background:color-mix(in srgb, var(--color-yellow) 12%, transparent)}}.arena-results__placements span,.arena-results__placements small{color:var(--color-teal);font-family:var(--font-mono)}.arena-results__placements strong{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.arena-results__placements small{text-align:right}.arena-results__stats{gap:.4rem;display:grid}.arena-results__stats p{border-top:1px solid #70b7b547;justify-content:space-between;gap:1rem;margin:0;display:flex}@supports (color:color-mix(in lab, red, red)){.arena-results__stats p{border-top:1px solid color-mix(in srgb, var(--color-teal) 28%, transparent)}}.arena-results__stats p{color:#f7e8c6d1;padding-top:.4rem}@supports (color:color-mix(in lab, red, red)){.arena-results__stats p{color:color-mix(in srgb, var(--color-cream) 82%, transparent)}}.arena-results__stats p{font-family:var(--font-mono);font-size:.82rem}.arena-results__stats strong{color:var(--color-yellow);font-family:var(--font-mono)}.arena-results__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;margin-top:.15rem;display:flex}.arena-results__actions p{color:#f7e8c6c7;margin:0}@supports (color:color-mix(in lab, red, red)){.arena-results__actions p{color:color-mix(in srgb, var(--color-cream) 78%, transparent)}}.arena-results__actions p{font-family:var(--font-mono);font-size:.82rem}@media (width<=900px){.arena-shell{grid-template-columns:1fr;height:auto;min-height:100dvh;padding-top:4.5rem;padding-bottom:5rem;overflow:auto}.arena-playfield{grid-row:1;max-height:none}.arena-sidebar{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr));transform:none}.arena-sidebar--left{grid-row:2}.arena-sidebar--right{grid-row:3}.arena-info,.arena-players{grid-column:1/-1}.cockpit-frame__console{height:5rem;position:fixed}.cockpit-instructions{gap:.5rem;width:calc(100% - 1.5rem);font-size:.7rem;position:fixed}.cockpit-instructions h2{display:none}}@media (prefers-reduced-motion:reduce){.arena-playfield:before{animation:none;display:none}}}@layer utilities{.visible{visibility:visible}.static{position:static}.mt-4{margin-top:calc(var(--spacing) * 4)}.hidden{display:none}.size-control{width:var(--spacing-control);height:var(--spacing-control)}.min-h-control{min-height:var(--spacing-control)}.min-h-control-sm{min-height:var(--spacing-control-sm)}.w-full{width:100%}.shrink{flex-shrink:1}.resize{resize:both}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-control-gap{gap:var(--spacing-control-gap)}.gap-field-gap{gap:var(--spacing-field-gap)}.border-\(length\:--border-width-heavy\){border-style:var(--tw-border-style);border-width:var(--border-width-heavy)}.border-ink{border-color:var(--color-ink)}.border-teal{border-color:var(--color-teal)}.border-teal\/60{border-color:#70b7b599}@supports (color:color-mix(in lab, red, red)){.border-teal\/60{border-color:color-mix(in oklab, var(--color-teal) 60%, transparent)}}.bg-orange{background-color:var(--color-orange)}.bg-red{background-color:var(--color-red)}.bg-space-800{background-color:var(--color-space-800)}.bg-space-900{background-color:var(--color-space-900)}.bg-space-950{background-color:var(--color-space-950)}.bg-space-950\/45{background-color:#07182073}@supports (color:color-mix(in lab, red, red)){.bg-space-950\/45{background-color:color-mix(in oklab, var(--color-space-950) 45%, transparent)}}.bg-yellow{background-color:var(--color-yellow)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-control-sm-x{padding-inline:var(--spacing-control-sm-x)}.px-control-x{padding-inline:var(--spacing-control-x)}.px-field-x{padding-inline:var(--spacing-field-x)}.py-control-sm-y{padding-block:var(--spacing-control-sm-y)}.py-control-y{padding-block:var(--spacing-control-y)}.py-field-y{padding-block:var(--spacing-field-y)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-\(length\:--text-error\){font-size:var(--text-error)}.text-badge{font-size:var(--text-badge)}.text-control{font-size:var(--text-control)}.text-control-sm{font-size:var(--text-control-sm)}.text-icon{font-size:var(--text-icon)}.text-label{font-size:var(--text-label)}.tracking-badge{--tw-tracking:var(--tracking-badge);letter-spacing:var(--tracking-badge)}.tracking-control{--tw-tracking:var(--tracking-control);letter-spacing:var(--tracking-control)}.tracking-label{--tw-tracking:var(--tracking-label);letter-spacing:var(--tracking-label)}.text-\(color\:--color-error\){color:var(--color-error)}.text-cream{color:var(--color-cream)}.text-error{color:var(--color-error)}.text-ink{color:var(--color-ink)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-control{--tw-shadow:4px 4px 0 var(--tw-shadow-color,var(--color-ink));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-control-active{--tw-shadow:1px 1px 0 var(--tw-shadow-color,var(--color-ink));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-control-disabled{--tw-shadow:2px 2px 0 var(--tw-shadow-color,var(--color-ink));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-control-hover{--tw-shadow:7px 7px 0 var(--tw-shadow-color,var(--color-ink));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-focus{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--color-yellow)), 0 0 0 6px var(--tw-shadow-color,var(--color-space-950));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-ghost{--tw-shadow:3px 3px 0 var(--tw-shadow-color,#f7e8c659);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-print{--tw-shadow:7px 7px 0 var(--tw-shadow-color,#071820ad);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\(--duration-control\){--tw-duration:var(--duration-control);transition-duration:var(--duration-control)}@media (width>=47.5rem){.tablet\:p-8{padding:calc(var(--spacing) * 8)}}}:root{--border-width-heavy:3px;--duration-control:.14s;--glass-surface:#071f2880;--glass-surface-strong:#071f28ad;--glass-border:#70b7b56b;--glass-highlight:#f7e8c614;--glass-blur:18px;--glass-saturation:135%}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-tracking{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-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}