@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Space Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.hidden{display:none}:root{font-family:Space Mono,monospace;color:#dcecff;background:#02030a;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#02030a}button,select,input{font:inherit}.app{width:100vw;height:100vh;overflow:hidden;background:#02030a;position:relative}.grain{position:fixed;inset:0;pointer-events:none;z-index:40;opacity:.035;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.topbar{height:68px;position:absolute;z-index:20;left:0;right:0;top:0;display:flex;align-items:center;border-bottom:1px solid #7ddcff18;background:linear-gradient(180deg,#03050dea,#03050d80);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}button{color:inherit}.brand{width:250px;height:100%;border:0;border-right:1px solid #7ddcff18;background:transparent;display:flex;align-items:center;gap:14px;padding:0 24px;text-align:left}.brand>i{width:25px;height:25px;border:1px solid #64f6ff;display:block;transform:rotate(45deg);box-shadow:0 0 18px #64f6ff55;position:relative}.brand>i:after{content:"";position:absolute;inset:6px;background:#64f6ff;box-shadow:0 0 12px #64f6ff}.brand div{display:grid}.brand b,.brand span{font:600 9px/1.4 Orbitron;letter-spacing:.2em}.brand span{color:#68f5ff;font-size:12px}.topbar nav{display:flex;height:100%;flex:1}.topbar nav button{border:0;background:transparent;padding:0 19px;text-transform:uppercase;font:500 9px Orbitron;letter-spacing:.14em;position:relative;color:#71849d}.topbar nav button small{color:#435267;margin-right:7px}.topbar nav button.active{color:#dffcff}.topbar nav button.active:after{content:"";position:absolute;bottom:-1px;left:18px;right:18px;height:1px;background:#60f7ff;box-shadow:0 0 9px #60f7ff}.system-status{height:100%;display:flex;align-items:center;gap:6px;padding:0 17px;border-left:1px solid #7ddcff18}.system-status span{font-size:8px;letter-spacing:.15em;color:#8194aa;margin-right:8px}.system-status span i{display:inline-block;width:5px;height:5px;background:#52f7b4;border-radius:50%;margin-right:7px;box-shadow:0 0 7px #52f7b4}.system-status button{width:31px;height:31px;border:1px solid #71849d30;background:#10152180;display:grid;place-items:center}.stage{position:absolute;inset:0}.stage canvas{touch-action:none}.reticle{position:absolute;width:370px;height:370px;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;border-radius:50%;border:1px solid #64efff0a}.reticle i{position:absolute;width:18px;height:18px;border-color:#6aefff3f}.reticle i:nth-child(1){top:0;left:0;border-left:1px solid;border-top:1px solid}.reticle i:nth-child(2){top:0;right:0;border-right:1px solid;border-top:1px solid}.reticle i:nth-child(3){bottom:0;left:0;border-left:1px solid;border-bottom:1px solid}.reticle i:nth-child(4){bottom:0;right:0;border-right:1px solid;border-bottom:1px solid}.scene-id{position:absolute;left:26px;top:91px;display:grid;gap:5px}.scene-id small{font-size:7px;color:#4f647c;letter-spacing:.2em}.scene-id b{font:500 10px Orbitron;letter-spacing:.14em}.control-panel{position:absolute;z-index:25;right:0;top:68px;bottom:54px;width:326px;background:#050711df;border-left:1px solid #7ae9ff24;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translate(100%);transition:.45s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.control-panel.open{transform:none}.panel-toggle{position:absolute;right:0;top:110px;z-index:22;background:#070b15dd;border:1px solid #70efff30;border-right:0;padding:10px 13px;display:flex;gap:8px;align-items:center;color:#a9eaff;font:8px Orbitron;letter-spacing:.14em;transition:.25s}.panel-toggle.hidden{opacity:0;pointer-events:none}.panel-head{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #74dfff1c}.panel-head div{display:grid;gap:4px}.panel-head small{font-size:7px;letter-spacing:.2em;color:#53657e}.panel-head b{font:500 10px Orbitron;letter-spacing:.15em}.panel-head button,.panel-footer button{border:0;background:transparent}.panel-tabs{display:flex;border-bottom:1px solid #74dfff1c}.panel-tabs button{flex:1;border:0;border-right:1px solid #74dfff12;background:#070a13;padding:10px 0;color:#596d85;text-transform:uppercase;font-size:7px;letter-spacing:.08em}.panel-tabs button.active{background:#6defff0d;color:#86f6ff;box-shadow:inset 0 -1px #6df7ff}.panel-body{padding:14px 18px 30px;overflow:auto;flex:1}.field{display:grid;gap:8px;margin:0 0 15px}.field>span,.switch{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#8ba0b8}.field output{float:right;color:#68eaff}.field input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1px;background:#273448;width:100%}.field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:7px;height:13px;background:#6ff5ff;box-shadow:0 0 8px #6ff5ff}.field select{width:100%;background:#0b101d;border:1px solid #7288a225;color:#c8d7e9;text-transform:uppercase;font-size:9px;padding:9px}.color-field{grid-template-columns:1fr 28px 58px;align-items:center}.color-field span{grid-column:1}.color-field input{width:26px;height:22px;padding:0;background:none;border:0}.color-field code{font-size:8px;color:#5f758d}.switch{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:14px;background:#20293a;border:1px solid #526177;position:relative}.switch input:checked{background:#2ed8e655}.switch input:after{content:"";position:absolute;width:8px;height:8px;background:#7f91a6;top:2px;left:2px;transition:.2s}.switch input:checked:after{left:18px;background:#67f8ff;box-shadow:0 0 7px #67f8ff}.reaction-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}.reaction-grid button,.wide-button{border:1px solid #6ddff926;background:#0c111e;padding:9px;color:#8da0b9;text-transform:uppercase;font-size:8px}.wide-button{width:100%;display:flex;justify-content:center;align-items:center;gap:8px;margin-top:8px}.wide-button.accent{background:#4cefff18;color:#83f7ff;border-color:#67f4ff55}.wide-button.danger{color:#ff7f94;border-color:#ff455555}.microcopy{font-size:7px;line-height:1.7;color:#506279}.panel-footer{height:43px;display:flex;border-top:1px solid #74dfff1c}.panel-footer button{flex:1;border-right:1px solid #74dfff13;color:#62768f}.panel-footer button:hover{color:#6ef5ff;background:#65f2ff0a}.bottom-bar,.cinematic-dock{position:absolute;z-index:21;bottom:0;left:0;right:0;height:54px;background:#050711e8;border-top:1px solid #72edff25;display:flex;align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.state-label{width:185px;padding-left:25px;display:flex;align-items:center;gap:9px;color:#63ecff;font-size:8px;letter-spacing:.14em}.state-scroller{display:flex;flex:1;height:100%}.state-scroller button{flex:1;min-width:64px;border:0;border-left:1px solid #73859b15;background:transparent;color:#62768d;font-size:7px;text-transform:uppercase;position:relative}.state-scroller button i{width:3px;height:3px;border-radius:50%;background:#425066;display:inline-block;margin-right:5px}.state-scroller button.active{background:#54eaff0a;color:#bafaff}.state-scroller button.active i{background:#5af4ff;box-shadow:0 0 8px #5af4ff}.burst{height:100%;width:155px;border:0;border-left:1px solid #73859b20;background:#7055ff13;color:#c4baff;display:flex;gap:7px;align-items:center;justify-content:center;font-size:8px}.environment-browser{position:absolute;left:28px;top:140px;width:285px;background:#0507119e;border:1px solid #75dfff1c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.environment-browser button{display:flex;width:100%;align-items:center;text-align:left;border:0;border-bottom:1px solid #75dfff16;background:transparent;padding:15px;color:#63778f;gap:13px}.environment-browser button small{font-size:8px}.environment-browser button span{display:grid;gap:4px;flex:1}.environment-browser button b{font:500 10px Orbitron;letter-spacing:.08em}.environment-browser button em{font-size:7px;font-style:normal;color:#46566a}.environment-browser button>i{width:7px;height:7px;border:1px solid #53667d;transform:rotate(45deg)}.environment-browser button.active{color:#c7faff;background:#66eeff0a}.environment-browser button.active>i{background:#6af5ff;border-color:#6af5ff;box-shadow:0 0 9px #6af5ff}.narrator-lab{position:absolute;left:28px;top:120px;width:440px;background:#050711cf;border:1px solid #75dfff24;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.transmission{padding:15px;border-bottom:1px solid #75dfff1c}.transmission>span{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.12em;color:#6ceef8}.wave-bars{height:40px;display:flex;align-items:center;gap:4px;margin-top:8px;overflow:hidden}.wave-bars i{width:3px;background:#63eeff;opacity:.5;transition:height .08s}.line-list{max-height:360px;overflow:auto}.line-list button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:0;border-bottom:1px solid #75dfff11;background:transparent;padding:11px 14px;color:#7589a0;font-size:9px}.line-list button small{color:#405166}.line-list button span{flex:1;line-height:1.5}.line-list button.active{color:#d7faff;background:#6defff0a}.voice-actions{display:flex;padding:12px;gap:8px}.voice-actions button{border:1px solid #7186a12e;background:#101521;padding:10px 12px;display:flex;gap:7px;align-items:center;font-size:8px;text-transform:uppercase}.voice-actions .primary{background:#5feeff18;border-color:#5feeff4d;color:#7af5ff}.cinematic-dock{height:92px;display:grid;grid-template-columns:1fr 1.3fr}.sequence-select{height:100%;display:flex}.sequence-select button{flex:1;border:0;border-right:1px solid #71849a1d;background:transparent;font:8px Orbitron;color:#667a92;display:grid;place-content:center;gap:6px}.sequence-select button small{color:#3f5065}.sequence-select button.active{color:#cffbff;background:#63eaff0b;box-shadow:inset 0 2px #64f3ff}.timeline-row{display:flex;align-items:center;gap:10px;padding:0 18px;border-left:1px solid #71849a25}.timeline-row button{width:31px;height:31px;display:grid;place-items:center;background:#0c111d;border:1px solid #6c819b30}.timeline-row code{font-size:8px;color:#687c94}.timeline{height:2px;background:#273448;flex:1;position:relative}.timeline>i{display:block;height:100%;background:#60f3ff;box-shadow:0 0 7px #60f3ff}.beats span{position:absolute;width:4px;height:8px;background:#5d6f86;top:-3px}.cinematic-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:80%;pointer-events:none;text-shadow:0 0 30px #66eaff77}.cinematic-title small{font-size:8px;letter-spacing:.4em;color:#65efff}.cinematic-title h1{font:600 clamp(24px,4vw,62px) Orbitron;margin:14px 0;color:#f2fcff}.trivia-overlay{position:absolute;inset:90px 24px 72px;pointer-events:none}.trivia-overlay button{pointer-events:auto}.trivia-top{display:flex;justify-content:space-between}.trivia-top>div:first-child{display:grid}.trivia-top small,.question small{font-size:8px;letter-spacing:.18em;color:#5eeafa}.trivia-top b{font:500 12px Orbitron;letter-spacing:.13em;margin-top:5px}.timer{width:58px;height:58px;border:1px solid #5cecf755;border-radius:50%;display:grid;place-items:center;position:relative}.timer span{font:600 22px Orbitron}.timer i{position:absolute;inset:-5px;border-radius:50%;border-top:2px solid #61f1ff;transform:rotate(calc(var(--p) * 1deg))}.question{position:absolute;left:50%;transform:translate(-50%);bottom:78px;width:min(650px,60vw);background:#040712d9;border:1px solid #6adff52b;padding:20px 24px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.question h2{font:500 20px/1.45 Orbitron;margin:10px 0 18px}.question h2 em{font-style:normal;color:#6ff5ff}.answers{display:grid;grid-template-columns:1fr 1fr;gap:8px}.answers button{border:1px solid #6f859f32;background:#0d1220;color:#a8b7c9;padding:12px;text-align:left;font-size:10px}.answers button span{display:inline-grid;place-items:center;width:23px;height:23px;border:1px solid #576a82;margin-right:10px;color:#6df0fb}.answers button:hover{border-color:#65edff88;color:#e5fcff}.answers button.correct{border-color:#52f3a2;background:#3cf28a18}.answers button.wrong{border-color:#ff496f;background:#ff315518}.players{position:absolute;left:0;bottom:0;display:flex;gap:5px}.players div{background:#070a14db;border:1px solid #71849b24;padding:9px 12px;display:grid;grid-template-columns:auto 1fr;gap:2px 8px}.players small{grid-row:1/3;font-size:7px;color:#42536a}.players b{font:500 8px Orbitron}.players span{font-size:7px;color:#617790}.survival{position:absolute;right:0;bottom:0;width:220px;display:grid;grid-template-columns:1fr auto;gap:5px}.survival span{font-size:7px;color:#6c8199}.survival b{font:500 12px Orbitron;color:#ffcf61}.survival i{grid-column:1/3;height:2px;background:#253248}.survival em{display:block;height:100%;background:#ffc75a;box-shadow:0 0 8px #ffc75a}.debug{position:absolute;right:350px;top:91px;width:180px;background:#02050ddd;border:1px solid #67e8ff2a;padding:11px;display:grid;gap:6px;font-size:7px;z-index:14}.debug b{color:#68efff;letter-spacing:.12em;margin-bottom:4px}.debug span{display:flex;justify-content:space-between;color:#566a82}.debug i{font-style:normal;color:#acbfd3}.webgl-fallback{height:100%;display:grid;place-content:center;text-align:center;gap:12px;color:#75efff}.webgl-fallback span{font-size:10px;color:#667b92}.state-angry .stage:after,.state-glitching .stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 4px,#ff285908 5px 6px);mix-blend-mode:screen}.effects .stage canvas{filter:saturate(1.12) contrast(1.04)}@media(max-width:900px){.topbar nav button{padding:0 8px;font-size:0}.topbar nav button small{font-size:8px}.brand{width:180px}.system-status span{display:none}.control-panel{width:min(326px,90vw)}.state-label{display:none}.burst{width:110px}.environment-browser,.narrator-lab{left:14px;width:min(440px,calc(100vw - 28px))}.question{width:90vw}.players{display:none}.cinematic-dock{grid-template-columns:1fr;height:120px}.timeline-row{border-left:0}.stage{bottom:0}.debug{right:12px}}@media(max-width:600px){.brand{width:125px;padding:0 12px}.brand b{display:none}.brand span{font-size:9px}.system-status{padding:0 7px}.state-scroller{overflow-x:auto}.state-scroller button{min-width:76px}.trivia-overlay{inset:82px 12px 65px}.question{bottom:60px}.question h2{font-size:14px}.answers{grid-template-columns:1fr}.survival{width:100%}.reticle{width:270px;height:270px}}.cinematic-title{left:0;right:326px;width:auto;transform:translateY(-50%)}@media(max-width:900px){.cinematic-title{right:0}}