@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@700&display=swap";.recording-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:44;pointer-events:none;box-shadow:inset 0 0 100px #ff00001a}.rec-indicator{position:absolute;top:4%;left:4%;display:flex;align-items:center;gap:.6em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:2cqw;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#f33;text-shadow:0 0 8px rgba(255,50,50,.6);animation:recFadeIn .3s ease-out}@keyframes recFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.rec-dot{font-size:1.2em;line-height:1}.rec-dot.recording{animation:recBlink 1s ease-in-out infinite;color:#f33;text-shadow:0 0 12px rgba(255,50,50,.8)}.rec-dot.waiting{animation:recBlink .5s ease-in-out infinite;color:#fa3;text-shadow:0 0 12px rgba(255,170,50,.8)}.rec-dot.encoding{animation:recPulse .8s ease-in-out infinite;color:#3f8;text-shadow:0 0 12px rgba(50,255,136,.8)}@keyframes recBlink{0%,to{opacity:1}50%{opacity:.3}}@keyframes recPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.rec-text{color:#f33}.rec-indicator:has(.rec-dot.waiting) .rec-text{color:#fa3}.rec-indicator:has(.rec-dot.encoding) .rec-text{color:#3f8}.rec-time{font-size:.85em;color:#fffc;text-shadow:none;background:#0006;padding:.15em .4em;border-radius:3px}.rec-progress-container{position:absolute;bottom:6%;left:10%;right:10%;display:flex;flex-direction:column;gap:4px}.rec-progress-track{position:relative;height:4px;background:#ff323233;border-radius:2px;overflow:hidden}.rec-progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#f33,#f66);border-radius:2px;transition:width .1s linear;box-shadow:0 0 8px #ff323299}.rec-progress-fill.encoding{background:linear-gradient(90deg,#3f8,#6fa);box-shadow:0 0 8px #32ff8899}.rec-progress-glow{position:absolute;top:-6px;width:12px;height:16px;background:radial-gradient(ellipse,rgba(255,50,50,.8) 0%,transparent 70%);transform:translate(-50%);pointer-events:none}.rec-progress-segments{display:flex;gap:2px;justify-content:space-between}.rec-segment{flex:1;height:2px;background:#ff323233;border-radius:1px;transition:background .2s ease}.rec-segment.filled{background:#ff323299}.rec-progress-container.encoding .rec-progress-track{background:#32ff8833}.rec-frame-corner{position:absolute;width:20px;height:20px;border:2px solid rgba(255,50,50,.6);pointer-events:none}.rec-frame-corner.top-left{top:3%;left:3%;border-right:none;border-bottom:none}.rec-frame-corner.top-right{top:3%;right:3%;border-left:none;border-bottom:none}.rec-frame-corner.bottom-left{bottom:3%;left:3%;border-right:none;border-top:none}.rec-frame-corner.bottom-right{bottom:3%;right:3%;border-left:none;border-top:none}.prompt-control-btn.rec-armed{color:#f33;animation:recButtonPulse 1s ease-in-out infinite;text-shadow:0 0 8px rgba(255,50,50,.6)}.prompt-control-btn.rec-recording{color:#f33;animation:recButtonBlink .5s ease-in-out infinite}.prompt-control-btn.rec-encoding{color:#3f8;animation:recButtonPulse .8s ease-in-out infinite}.prompt-control-btn.rec-complete{color:#3f8}@keyframes recButtonPulse{0%,to{opacity:1;filter:drop-shadow(0 0 4px currentColor)}50%{opacity:.7;filter:drop-shadow(0 0 8px currentColor)}}@keyframes recButtonBlink{0%,to{opacity:1}50%{opacity:.4}}.prompt-control-btn.download-ready{color:#3f8;animation:downloadReady 2s ease-in-out infinite}@keyframes downloadReady{0%,to{filter:drop-shadow(0 0 4px rgba(50,255,136,.4))}50%{filter:drop-shadow(0 0 8px rgba(50,255,136,.8))}}.prompt-control-btn.rec-disabled{opacity:.3;pointer-events:none}.prompt-control-group.rec-disabled{opacity:.3;pointer-events:none;cursor:not-allowed}.prompt-control-group.armed .prompt-control-label,.prompt-control-group.recording .prompt-control-label{color:#f33}.prompt-control-group.encoding .prompt-control-label,.prompt-control-group.complete .prompt-control-label{color:#3f8}.gameplay-watermark{position:absolute;bottom:14px;left:14px;z-index:42;font-family:Arial,sans-serif;font-size:24px;font-weight:700;color:#ffffff80;text-shadow:-2px -2px 0 rgba(0,0,0,.6),2px -2px 0 rgba(0,0,0,.6),-2px 2px 0 rgba(0,0,0,.6),2px 2px 0 rgba(0,0,0,.6);pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:.5px}.gameplay-watermark{position:absolute;bottom:2%;left:3%;z-index:42;font-family:Cinzel,Georgia,Times New Roman,serif;font-size:clamp(24px,8cqw,108px);font-weight:700;color:#fff;opacity:.2;text-shadow:-.15cqw -.15cqw .3cqw rgba(0,0,0,.2),.15cqw -.15cqw .3cqw rgba(0,0,0,.2),-.15cqw .15cqw .3cqw rgba(0,0,0,.2),.15cqw .15cqw .3cqw rgba(0,0,0,.2);pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:.2cqw}:root{font-family:Segoe UI,Inter,sans-serif;font-size:14px;line-height:1.4;font-weight:400;color:#f0f0f0;background-color:transparent;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;margin:0;padding:0;background:transparent;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:transparent}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}.content-area{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:transparent}a{color:#24c8db;text-decoration:none}a:hover{color:#6ee7ef}input,button{border-radius:6px;border:1px solid rgba(255,255,255,.1);padding:.5em 1em;font-size:1em;font-family:inherit;color:#fff;background-color:#ffffff0d;transition:all .2s ease}input:focus{outline:none;border-color:#0ff6;box-shadow:0 0 8px #0ff3}button{cursor:pointer;background:#00ffff1a;border-color:#00ffff4d}button:hover{background:#0ff3;border-color:#00ffff80;box-shadow:0 0 12px #00ffff4d}.window-anchors{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.anchor{position:absolute;color:#00ffffb3;transition:all .3s ease;filter:drop-shadow(0 0 4px rgba(0,255,255,.4));animation:anchor-pulse 3s ease-in-out infinite}.anchor-tl{top:0;left:0}.anchor-tr{top:0;right:0}.anchor-bl{bottom:0;left:0}.anchor-br{bottom:0;right:0}@keyframes anchor-pulse{0%,to{opacity:.5}50%{opacity:1}}.anchor:hover{color:#0ff;opacity:1;animation:none}.sanitizer-toggle{display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch{position:relative;width:36px;height:18px;background:#ff44444d;border:1px solid rgba(255,68,68,.5);border-radius:9px;transition:all .2s ease}.toggle-switch.on{background:#44ff784d;border-color:#44ff7880}.toggle-slider{position:absolute;top:2px;left:2px;width:12px;height:12px;background:#f66;border-radius:50%;transition:all .2s ease}.toggle-switch.on .toggle-slider{left:20px;background:#6f8}.toggle-label{font-size:9px;font-weight:600;letter-spacing:1px;color:#fff9;text-transform:uppercase}.sanitizer-toggle:hover .toggle-label{color:#ffffffe6}.holo-frame{position:relative;width:100%;height:100%;scrollbar-width:none;-ms-overflow-style:none;display:flex;align-items:center;justify-content:center;container-type:size}.holo-frame-inner{position:relative;aspect-ratio:800 / 500;width:clamp(400px,min(100cqw,160cqh),100cqw);height:clamp(250px,min(100cqh,62.5cqw),100cqh);container-type:size;container-name:holo-frame;overflow:visible;z-index:0}.holo-frame .holo-frame-inner{transition:transform .3s ease}.holo-frame.keyboard-open .holo-frame-inner{transform:scale(.8) translateY(-12%);transform-origin:center center}.holo-frame.keyboard-open{overflow-y:visible}.holo-frame::-webkit-scrollbar{display:none}.content-area,.titlebar,.panel-toggle{opacity:0}.holo-frame.animate .content-area,.holo-frame.animate .titlebar,.holo-frame.animate .panel-toggle{animation:contentFadeIn .5s ease-out 1.2s forwards}@keyframes contentFadeIn{to{opacity:1}}.holo-frame .content-area{position:absolute;left:10%;top:14%;width:80%;height:72%;z-index:5}.video-container{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;overflow:visible;background:transparent;display:flex;align-items:center;justify-content:center;container-type:size}.video-container-inner{position:relative;aspect-ratio:16 / 9;width:min(100%,calc(100cqh * 16 / 9));height:min(100%,56.25cqw);max-width:100%;max-height:100%;overflow:hidden;background:#020617;border-radius:2.5%;isolation:isolate}.video-container video{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none}.video-container .streaming-frame{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none;z-index:40;opacity:0;transition:opacity .3s ease}.video-container.connected .streaming-frame{opacity:1}.video-container.pointer-locked{cursor:none}.video-container.streaming:not(.pointer-locked){cursor:crosshair}.video-container.paused{cursor:default}.hud-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hud-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.hud-video-frame-container{position:absolute;left:10%;top:14%;width:80%;height:72%;pointer-events:none;z-index:10;display:flex;align-items:center;justify-content:center;overflow:visible}.hud-video-frame{width:100%;height:100%;max-width:100%;max-height:100%;aspect-ratio:16 / 9;overflow:visible}.hud-background .hud,.hud-video-frame .hud{stroke:#78fff5e0;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.hud-background .hud-dim,.hud-video-frame .hud-dim{stroke:#78fff559;stroke-width:1.2;fill:none}.hud-background .hud-ghost,.hud-video-frame .hud-ghost{stroke:#78fff524;stroke-width:1;fill:none}.hud-background .hud-bg{fill:#0a0e12f2;stroke:none}.hud-background .dot,.hud-video-frame .dot{fill:#78fff5b8}.hud-background .dot-dim,.hud-video-frame .dot-dim{fill:#78fff561}.hud-background .draw-path,.hud-video-frame .draw-path{stroke-dasharray:3000;stroke-dashoffset:3000;animation:hudDrawIn 1.8s ease-out forwards}.hud-background .draw-path-delay-1,.hud-video-frame .draw-path-delay-1{stroke-dasharray:2000;stroke-dashoffset:2000;animation:hudDrawIn 1.4s ease-out .3s forwards}.hud-background .draw-path-delay-2,.hud-video-frame .draw-path-delay-2{stroke-dasharray:1500;stroke-dashoffset:1500;animation:hudDrawIn 1.2s ease-out .5s forwards}.hud-background .draw-path-delay-3,.hud-video-frame .draw-path-delay-3{stroke-dasharray:1000;stroke-dashoffset:1000;animation:hudDrawIn 1s ease-out .7s forwards}.hud-background .fade-in,.hud-video-frame .fade-in{opacity:0;animation:hudFadeIn .6s ease-out 1s forwards}.hud-background .fade-in-delay,.hud-video-frame .fade-in-delay{opacity:0;animation:hudFadeIn .5s ease-out 1.3s forwards}.hud-background .bg-fade{opacity:0;animation:hudFadeIn .8s ease-out .2s forwards}@keyframes hudDrawIn{to{stroke-dashoffset:0}}@keyframes hudFadeIn{to{opacity:1}}.pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none;opacity:0;transition:opacity .3s ease;background:#0006}.pause-overlay.active{opacity:1}.video-container.paused video{filter:saturate(.5) brightness(.8);transition:filter .3s ease}.video-container video{transition:filter .3s ease}.pause-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(255,255,255,.04) 2px,rgba(255,255,255,.04) 4px);pointer-events:none}.pause-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:5cqw;font-weight:700;letter-spacing:.3em;color:#fffffff2;text-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.3)}.stats-display{position:absolute;top:6.5%;right:33%;display:flex;gap:1.5cqw;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.25cqw;letter-spacing:.05em;color:#78fff580;text-shadow:0 0 4px rgba(120,255,245,.2);pointer-events:none;z-index:105}.stats-display .stat{text-transform:uppercase}.titlebar{position:absolute;top:.5%;left:3.7%;right:5.75%;height:10%;z-index:110;display:flex;align-items:flex-start;justify-content:space-between;padding:0 1.25cqw}.titlebar-drag{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.titlebar-title{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.5cqw;letter-spacing:.18em;color:#78fff5d9;text-transform:uppercase;pointer-events:none;margin-top:1.7cqh;user-select:none;-webkit-user-select:none}.titlebar-controls{display:flex;gap:1cqw;position:relative;z-index:1}.titlebar-btn{width:2.5cqw;height:4cqh;border:1px solid rgba(120,255,245,.3);background:#78fff50d;border-radius:.25cqw;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#78fff5b3;transition:all .15s ease;padding:0}.titlebar-btn:hover{background:#78fff526;border-color:#78fff580;color:#78fff5}.titlebar-btn svg{width:1.5cqw;height:2.4cqh}.titlebar-close:hover{background:#ff50504d;border-color:#ff505099;color:#ff7878}.panel{position:absolute;background:#0a0e12f2;border:1px solid rgba(120,255,245,.3);z-index:-3;display:flex;flex-direction:column;overflow:hidden}.panel-left{top:-10%;left:0;width:0;height:120%;padding-top:8%;padding-bottom:1%;border:none;border-radius:2.5% 0 0 2.5%;transition:width .3s ease,transform .3s ease,visibility 0s ease .3s;visibility:hidden;z-index:60;transform-origin:left center;transform:perspective(1000px) rotateY(8deg);background:linear-gradient(to right,transparent 0%,transparent calc(100% - 2px),rgba(120,255,245,.12) calc(100% - 1px),rgba(120,255,245,.03) 100%),linear-gradient(to right,#080c10e0,#080c10d1 40%,#080c10a6 70%,#080c1059 88%,#080c1014);backdrop-filter:blur(8px) saturate(.8);-webkit-backdrop-filter:blur(8px) saturate(.8)}.panel-left.open{width:50%;visibility:visible;transition:width .3s ease,visibility 0s ease 0s}.panel-left:before{content:"";position:absolute;left:0;top:8%;bottom:8%;width:3px;background:linear-gradient(to bottom,transparent 0%,rgba(120,255,245,.25) 15%,rgba(120,255,245,.35) 50%,rgba(120,255,245,.25) 85%,transparent 100%);border-radius:0 1px 1px 0}.panel-left:after{content:"";position:absolute;left:0;top:10%;bottom:10%;width:1px;background:#78fff599;box-shadow:0 0 8px 2px #78fff526,0 0 20px 4px #78fff514;border-radius:0 1px 1px 0}.panel-bottom{left:10%;top:95%;width:80%;height:0;border-top:none;border-radius:0 0 8px 8px;transition:height .3s ease,visibility 0s ease .3s;visibility:hidden;overflow:hidden}.panel-bottom.open{height:28%;visibility:visible;transition:height .3s ease,visibility 0s ease 0s}.panel-bottom .panel-content{padding:1.5cqh 2cqw;padding-top:6cqh;display:flex;flex-direction:column;align-items:stretch;gap:1cqh;height:100%;overflow:visible}.prompt-container{flex:1;display:flex;flex-direction:column;background:#78fff50a;border:1px solid rgba(120,255,245,.15);border-radius:.5cqw;overflow:hidden;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.panel-bottom .prompt-buttons{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:1.2cqw;padding:.8cqh 1cqw;flex-shrink:0}.panel-left .panel-header{justify-content:flex-start;padding-left:5cqw;padding-right:8cqw;border-bottom:1px solid rgba(120,255,245,.15);box-shadow:inset 0 -1px #0000004d}.panel-left .panel-title{position:relative}.panel-left .panel-title:before{content:"";position:absolute;left:-2.5cqw;top:50%;transform:translateY(-50%);width:2px;height:140%;background:linear-gradient(to bottom,transparent 0%,rgba(120,255,245,.5) 20%,rgba(120,255,245,.5) 80%,transparent 100%)}.panel-left .panel-content{padding-left:5cqw;padding-right:10cqw}.keyboard-visualizer{display:flex;align-items:center;justify-content:center;gap:3cqw;padding:1.6cqh 0}.key-cluster{display:flex;flex-direction:column;align-items:center;gap:.8cqh}.key-cluster-actions,.key-cluster-modifiers{flex-direction:row;gap:.75cqw}.key-row{display:flex;gap:.5cqw}.key{min-width:4cqw;height:6.4cqh;padding:0 1cqw;display:flex;align-items:center;justify-content:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.375cqw;font-weight:500;letter-spacing:.05em;color:#78fff5b3;background:#78fff50d;border:1px solid rgba(120,255,245,.25);border-radius:.5cqw;transition:all .1s ease;-webkit-user-select:none;user-select:none}.key-wide{min-width:6.5cqw;font-size:1.125cqw;letter-spacing:.1em}.key.pressed{color:#78fff5;background:#78fff54d;border-color:#78fff599;box-shadow:0 0 12px #78fff566,inset 0 0 8px #78fff51a;transform:scale(.95)}@keyframes keyPulse{0%{box-shadow:0 0 12px #78fff566,inset 0 0 8px #78fff51a}50%{box-shadow:0 0 20px #78fff599,inset 0 0 12px #78fff533}to{box-shadow:0 0 12px #78fff566,inset 0 0 8px #78fff51a}}.key.pressed{animation:keyPulse .3s ease-out}.key-cluster-shortcuts{flex-direction:row;gap:1.5cqw;margin-left:2cqw;padding-left:2cqw;border-left:1px solid rgba(120,255,245,.2)}.key-shortcut{display:flex;flex-direction:column;align-items:center;gap:.5cqh}.key-special{color:#ffc878d9;border-color:#ffc87866;background:#ffc87814;min-width:4cqw}.key-special:hover{color:#ffc878;border-color:#ffc87899;background:#ffc87826;box-shadow:0 0 8px #ffc8784d}.key-label{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9cqw;letter-spacing:.1em;color:#ffc87899;text-transform:uppercase}.mouse-icon{width:4.5cqw;height:6.75cqw;min-width:28px;min-height:42px;color:#78fff5b3}.mouse-icon svg{width:100%;height:100%}.prompt-seed-toggle{flex-shrink:0;width:2cqw;height:2cqw;min-width:18px;min-height:18px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;color:#78fff566;cursor:pointer;transition:all .2s ease}.prompt-seed-toggle svg{width:100%;height:100%}.prompt-input-compact{flex:1;width:100%;min-height:4cqh;padding:1cqh 1.5cqw;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.5cqw;line-height:1.4;color:#e6ffffe6;background:transparent;border:none;outline:none;resize:none;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(120,255,245,.3) transparent}.prompt-submit-btn{flex-shrink:0;width:2cqw;height:2cqw;min-width:18px;min-height:18px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;color:#78fff599;cursor:pointer;transition:all .2s ease}.prompt-submit-btn svg{width:100%;height:100%}.prompt-seed-toggle:hover{color:#78fff5b3}.prompt-seed-toggle.active{color:#78fff5}.prompt-seed-toggle:disabled{opacity:.4;cursor:not-allowed}.prompt-input-compact::-webkit-scrollbar{width:6px}.prompt-input-compact::-webkit-scrollbar-track{background:transparent}.prompt-input-compact::-webkit-scrollbar-thumb{background:#78fff54d;border-radius:3px}.prompt-input-compact::-webkit-scrollbar-thumb:hover{background:#78fff580}.prompt-container:hover{border-color:#78fff54d;background:#78fff50f}.prompt-container:focus-within{border-color:#78fff580;background:#78fff514;box-shadow:0 0 0 1px #78fff51a}.prompt-input-compact::placeholder{color:#78fff54d;font-style:italic}.prompt-input-compact:disabled{opacity:.7;cursor:not-allowed}.prompt-submit-btn:hover:not(:disabled){color:#78fff5}.prompt-submit-btn:active:not(:disabled){transform:scale(.95)}.prompt-submit-btn:disabled{opacity:.3;cursor:not-allowed}.prompt-control-btn{flex-shrink:0;width:2cqw;height:2cqw;min-width:18px;min-height:18px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;color:#78fff599;cursor:pointer;transition:all .2s ease}.prompt-control-btn svg{width:100%;height:100%}.prompt-control-btn:hover{color:#78fff5}.prompt-control-btn:active{transform:scale(.95)}.prompt-control-btn.danger:hover{color:#ff7878}.prompt-divider{width:1px;height:1.5cqw;min-height:12px;background:#78fff533;margin:0 .3cqw}.prompt-control-group{display:flex;align-items:center;gap:.3cqw;cursor:pointer}.prompt-control-group:hover .prompt-control-label,.prompt-control-group:hover .prompt-control-btn{color:#78fff5}.prompt-control-group:hover .prompt-control-btn.danger{color:#ff7878}.prompt-control-group:hover .prompt-seed-toggle{color:#78fff5b3}.prompt-control-group:hover .prompt-seed-toggle.active{color:#78fff5}.prompt-control-group:hover .prompt-submit-btn:not(.disabled){color:#78fff5}.prompt-control-group.disabled{cursor:not-allowed;opacity:.3}.prompt-control-group.disabled:hover .prompt-control-label,.prompt-control-group.disabled:hover .prompt-submit-btn{color:#78fff580}.prompt-seed-toggle.disabled{opacity:.4;cursor:not-allowed}.prompt-control-label{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.4cqw;min-width:max-content;color:#78fff580;letter-spacing:.05em;text-transform:uppercase;transition:color .2s ease}.sensitivity-control{display:flex;align-items:center;gap:.5cqw}.sensitivity-label{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.4cqw;color:#78fff580;letter-spacing:.05em;text-transform:uppercase;transition:color .2s ease}.sensitivity-control:hover .sensitivity-label{color:#78fff5}.sensitivity-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.4cqw;min-width:2.5cqw;color:#78fff5cc;letter-spacing:.05em;text-align:right;transition:color .2s ease}.sensitivity-control:hover .sensitivity-value{color:#78fff5}.sensitivity-slider-wrapper.compact{min-width:6cqw;gap:0}.sensitivity-slider-wrapper.compact .sensitivity-slider-container{min-width:6cqw;height:1cqh}.prompt-submit-btn.success-flash{animation:submitFlash .6s ease-out}@keyframes submitFlash{0%{color:#64ff96}to{color:#78fff599}}.prompt-spinner{animation:spinPrompt 1s linear infinite}@keyframes spinPrompt{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.prompt-error-bar{position:absolute;bottom:-4cqh;left:0;right:0;padding:.6cqh 1.5cqw;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.1cqw;color:#ff6b6b;background:#ff505026;border:1px solid rgba(255,80,80,.3);border-radius:.5cqw;text-align:center}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.5cqh 1.75cqw 1.75cqh 3.75cqw;border-bottom:1px solid rgba(120,255,245,.2)}.panel-title{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.75cqw;letter-spacing:.18em;color:#78fff5d9;text-transform:uppercase}.panel-close{width:2.25cqw;height:3.6cqh;border:1px solid rgba(120,255,245,.3);background:#78fff50d;border-radius:.25cqw;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#78fff5b3;transition:all .15s ease;padding:0}.panel-close:hover{background:#ff50504d;border-color:#ff505099;color:#ff7878}.panel-close svg{width:1.25cqw;height:2cqh}.panel-content{flex:1;padding:4cqh 1.75cqw 1.75cqh 3.75cqw;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.panel-content::-webkit-scrollbar{display:none}.setting-group{margin-bottom:3.5cqh;padding:1.5cqh 0;position:relative;text-align:left;transition:all .2s ease}.setting-group:has(.setting-button)+.setting-group:has(.setting-button){margin-top:-4cqh}.setting-group:hover{background:linear-gradient(to right,rgba(120,255,245,.03) 0%,rgba(120,255,245,.01) 70%,transparent 100%);margin-left:-2cqw;padding-left:2cqw;border-radius:.5cqw}.setting-group:before{content:"";position:absolute;left:-1cqw;top:20%;bottom:20%;width:2px;background:#78fff500;transition:all .2s ease;border-radius:1px}.setting-group:hover:before{background:#78fff566;box-shadow:0 0 6px #78fff533}.setting-row{display:flex;justify-content:space-between;align-items:center}.setting-label{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.5cqw;font-weight:500;letter-spacing:.12em;color:#78fff599;text-transform:uppercase;margin-bottom:1.2cqh;text-align:left;transition:color .2s ease}.setting-group:hover .setting-label{color:#78fff5d9}.setting-row .setting-label{margin-bottom:0}.setting-input,.setting-select{width:100%;padding:1.4cqh 1.5cqw;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.625cqw;color:#e6ffffe6;background:#78fff50a;border:1px solid rgba(120,255,245,.2);border-radius:.5cqw;outline:none;text-align:left;transition:all .2s ease}.setting-input:hover,.setting-select:hover{border-color:#78fff559;background:#78fff50f}.setting-input:focus,.setting-select:focus{border-color:#78fff599;background:#78fff51a;box-shadow:0 0 0 1px #78fff51a,0 0 12px #78fff514}.setting-input::placeholder{color:#78fff54d;font-style:italic}.setting-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(120,255,245,0.5)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.5cqw center;padding-right:4cqw}.setting-select:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(120,255,245,0.8)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.setting-select option{background:#0a0e12fa;color:#e6ffffe6;padding:.5cqh}.setting-range{width:100%;height:1cqh;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#78fff526;border-radius:.5cqw;outline:none;cursor:pointer;transition:all .2s ease}.setting-range:hover{background:#78fff540}.setting-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2cqw;height:3.2cqh;background:linear-gradient(135deg,#78fff5e6,#50c8c8e6);border:1px solid rgba(120,255,245,.6);border-radius:2px;cursor:pointer;transition:all .2s ease;box-shadow:0 0 8px #78fff54d}.setting-range::-webkit-slider-thumb:hover{background:linear-gradient(135deg,#78fff5,#64dcdc);transform:scaleY(1.15);box-shadow:0 0 12px #78fff580,0 0 20px #78fff533}.setting-range::-moz-range-thumb{width:2cqw;height:3.2cqh;background:linear-gradient(135deg,#78fff5e6,#50c8c8e6);border:1px solid rgba(120,255,245,.6);border-radius:2px;cursor:pointer;transition:all .2s ease;box-shadow:0 0 8px #78fff54d}.setting-range::-moz-range-thumb:hover{background:linear-gradient(135deg,#78fff5,#64dcdc);box-shadow:0 0 12px #78fff580,0 0 20px #78fff533}.setting-checkbox{width:5cqw;height:2.8cqh;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#78fff514;border:1px solid rgba(120,255,245,.25);border-radius:1.4cqh;cursor:pointer;position:relative;transition:all .25s ease}.setting-checkbox:hover{border-color:#78fff566;background:#78fff51f}.setting-checkbox:after{content:"";position:absolute;left:.3cqw;top:50%;transform:translateY(-50%);width:1.8cqh;height:1.8cqh;background:#78fff580;border-radius:50%;transition:all .25s ease}.setting-checkbox:hover:after{background:#78fff5b3;box-shadow:0 0 6px #78fff54d}.setting-checkbox:checked{background:#78fff533;border-color:#78fff580}.setting-checkbox:checked:after{left:calc(100% - 1.8cqh - .3cqw);background:#78fff5f2;box-shadow:0 0 8px #78fff580,0 0 16px #78fff533}.sensitivity-slider-wrapper{display:flex;align-items:center;gap:.5cqw;flex:1}.sensitivity-bracket{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.5cqw;line-height:1;color:#78fff580;flex-shrink:0}.sensitivity-slider-container{position:relative;flex:1;min-width:18cqw;height:1.2cqh;cursor:pointer}.setting-slider{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.sensitivity-track{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(120,255,245,.12) 0,rgba(120,255,245,.12) .8cqw,transparent .8cqw,transparent 1cqw);pointer-events:none}.sensitivity-fill{position:absolute;left:0;top:0;bottom:0;background:repeating-linear-gradient(90deg,rgba(120,255,245,.35) 0,rgba(120,255,245,.35) .8cqw,transparent .8cqw,transparent 1cqw);transition:width .05s ease-out;pointer-events:none;overflow:hidden;min-width:0}.sensitivity-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3cqw;max-width:100%;background:linear-gradient(90deg,transparent 0%,rgba(120,255,245,.3) 50%,rgba(120,255,245,.6) 100%);pointer-events:none}.sensitivity-slider-container:hover .sensitivity-track{background:repeating-linear-gradient(90deg,rgba(120,255,245,.18) 0,rgba(120,255,245,.18) .8cqw,transparent .8cqw,transparent 1cqw)}.sensitivity-slider-container:hover .sensitivity-fill{background:repeating-linear-gradient(90deg,rgba(120,255,245,.45) 0,rgba(120,255,245,.45) .8cqw,transparent .8cqw,transparent 1cqw)}.slider-value{display:inline-block;min-width:3.5cqw;padding:.5cqh 1cqw;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.5cqw;color:#78fff5e6;background:#78fff514;border:1px solid rgba(120,255,245,.25);border-radius:.4cqw;text-align:center}.slider-container{display:flex;align-items:center;gap:1.5cqw}.setting-button{width:100%;padding:1.6cqh 2cqw;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.5cqw;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#78fff5d9;background:#78fff50f;border:1px solid rgba(120,255,245,.25);border-radius:.5cqw;cursor:pointer;text-align:left;position:relative;overflow:hidden;transition:all .2s ease}.setting-button:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#78fff500;transition:all .2s ease}.setting-button:hover{color:#78fff5;background:#78fff51a;border-color:#78fff566;box-shadow:0 0 12px #78fff51a}.setting-button:hover:before{background:#78fff599;box-shadow:0 0 8px #78fff54d}.setting-button:active{transform:scale(.98);background:#78fff526}.setting-button.success-flash{animation:buttonSuccessFlash .6s ease-out}@keyframes buttonSuccessFlash{0%{background:#64ff964d;border-color:#64ff9699;box-shadow:0 0 20px #64ff9666}50%{background:#64ff9640;border-color:#64ff9680}to{background:#78fff50f;border-color:#78fff540;box-shadow:none}}.setting-button-danger{color:#ff7878d9;background:#ff50500f;border-color:#ff505040}.setting-button-danger:hover{color:#ff7878;background:#ff505026;border-color:#ff505080;box-shadow:0 0 12px #ff505026}.setting-button-danger:hover:before{background:#ff5050b3;box-shadow:0 0 8px #ff505066}.setting-button-danger:active{background:#ff505033}.shortcut-legend{margin-top:2cqh;padding-top:2cqh;border-top:1px solid rgba(120,255,245,.1);display:flex;flex-direction:column;gap:1cqh}.shortcut-item{display:flex;align-items:center;gap:1.5cqw}.shortcut-key{display:inline-flex;align-items:center;justify-content:center;min-width:2.5cqw;padding:.3cqh .8cqw;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.2cqw;color:#78fff5e6;background:#78fff51a;border:1px solid rgba(120,255,245,.25);border-radius:.3cqw}.shortcut-desc{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.1cqw;color:#78fff580}.panel-footer{padding:2cqh 3.75cqw;margin-top:auto;padding-bottom:10cqh}.socials{display:flex;justify-content:left;align-items:center;gap:1.5cqw;padding-left:2cqw}.social-link{display:flex;align-items:center;justify-content:center;width:3.5cqw;height:3.5cqw;color:#78fff580;border:none;border-radius:.25cqw;transition:all .2s ease;text-decoration:none;position:relative}.social-link:not(:last-child):after{content:"";position:absolute;right:-.85cqw;top:20%;height:60%;width:1px;background:#78fff54d}.social-link:hover{color:#78fff5;background:#78fff51a;box-shadow:0 0 8px #78fff533}.social-link svg{width:1.8cqw;height:1.8cqw}.hud-socials{position:absolute;right:3%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:1.5cqh;pointer-events:auto;z-index:100;opacity:0;animation:hudFadeIn .5s ease-out 1.5s forwards}.hud-social-link{display:flex;align-items:center;justify-content:center;width:4cqw;height:4cqw;color:#78fff580;border:1px solid rgba(120,255,245,.25);background:#0a0e1299;transition:all .15s ease;position:relative;clip-path:polygon(15% 0%,85% 0%,100% 15%,100% 85%,85% 100%,15% 100%,0% 85%,0% 15%)}.hud-social-link:hover{color:#78fff5;border-color:#78fff599;background:#78fff51a;filter:drop-shadow(0 0 6px rgba(120,255,245,.4))}.hud-social-link svg{width:2cqw;height:2cqw}.panel-toggle{position:absolute;width:3.5cqw;height:5.6cqh;border:1px solid rgba(120,255,245,.3);background:#0a0e12e6;border-radius:.5cqw;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#78fff5b3;transition:all .15s ease;padding:0;z-index:110}.panel-toggle:hover{background:#78fff526;border-color:#78fff580;color:#78fff5}.panel-toggle svg{width:2cqw;height:3.2cqh}.panel-toggle-bottom{top:89%}.panel-toggle-settings{left:66.5%}.panel-toggle-settings.disabled{cursor:not-allowed}.holo-frame.animate .panel-toggle-settings.disabled{animation:contentFadeInDisabled .5s ease-out 1.2s forwards}@keyframes contentFadeInDisabled{to{opacity:.3}}.panel-toggle-settings.disabled:hover{background:#0a0e12e6;border-color:#78fff54d;color:#78fff5b3}.terminal-display{position:absolute;top:82%;left:50%;transform:translate(-50%);z-index:55;display:flex;flex-direction:column;align-items:center;gap:.5cqh;opacity:0}.holo-frame.animate .terminal-display{animation:contentFadeIn .5s ease-out 1.4s forwards}.video-container.connected .terminal-display{opacity:0!important;transition:opacity .3s ease}.terminal-status{display:flex;align-items:center;gap:.4em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.375cqw;letter-spacing:.08em;color:#78fff5d9;text-transform:uppercase}.terminal-display.state-cold .terminal-status{cursor:pointer;transition:color .15s ease,text-shadow .15s ease}.terminal-display.state-cold .terminal-status:hover{color:#78fff5;text-shadow:0 0 8px rgba(120,255,245,.5)}.terminal-display.state-cold .terminal-status:hover .terminal-prompt{color:#78fff5cc}.terminal-prompt{color:#78fff580}.terminal-text{transition:opacity .15s ease}.terminal-text.typing{opacity:.6}.terminal-display.state-cold .terminal-status{color:#78fff5d9}.terminal-display.state-warm .terminal-status{color:#ffc864e6}.terminal-display.state-warm .terminal-prompt{color:#ffc86480}.terminal-display.state-warm .terminal-text:before,.terminal-display.state-hot .terminal-text:before{content:"";display:inline-block;width:.75em}.terminal-display.state-warm .terminal-text:after,.terminal-display.state-hot .terminal-text:after{content:"";display:inline-block;width:.6em;height:1.1em;margin-left:.15em;vertical-align:text-bottom;animation:cursorBlink 1s step-end infinite}.terminal-display.state-warm .terminal-text:after{background:#ffc864e6}.terminal-display.state-hot .terminal-text:after{background:#64ff96e6}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.terminal-display.state-hot .terminal-status{color:#64ff96e6}.terminal-display.state-hot .terminal-prompt{color:#64ff9680}.terminal-input{field-sizing:content;min-width:1ch;max-width:25cqw;padding:0;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.375cqw;letter-spacing:.08em;color:#78fff5d9;background:transparent;border:none;outline:none!important;box-shadow:none!important;text-transform:uppercase;opacity:0;pointer-events:none;caret-color:#78fff5e6}.terminal-input:focus{outline:none!important;box-shadow:none!important}.input-wrapper{display:none;position:relative;align-items:center}.terminal-display.state-cold .input-wrapper{display:inline-flex}.terminal-display.state-cold .terminal-input{opacity:1;pointer-events:auto;cursor:text;caret-color:transparent}.terminal-display.state-cold .terminal-input:focus{caret-color:#78fff5e6!important}.terminal-input::selection{background:#78fff54d;color:#78fff5}.terminal-input::placeholder{color:#78c8ff80;opacity:1}.input-cursor{position:absolute;right:-.65em;width:.65em;height:1.2em;background:#78fff5e6;animation:inputCursorBlink 1s step-end infinite;pointer-events:none}.terminal-input:focus~.input-cursor{display:none}@keyframes inputCursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.terminal-display.state-warm .terminal-input,.terminal-display.state-hot .terminal-input{display:none}.terminal-progress{align-items:center;display:flex;opacity:0;pointer-events:none;transition:opacity .2s ease-out .2s}.terminal-display.state-warm .terminal-progress{opacity:1;pointer-events:auto;transition:opacity .2s ease-out}.progress-bar-wrapper{display:flex;align-items:center;gap:0}.progress-bracket{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.5cqw;line-height:1;color:#ffc86480}.progress-track{width:0;height:1.2cqh;background:transparent;position:relative;overflow:hidden;transition:width .2s ease-in .1s,margin .2s ease-in .1s}.terminal-display.state-warm .progress-track{width:18cqw;margin:0 .5cqw;transition:width .3s ease-out,margin .3s ease-out}.progress-track:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(255,200,100,.12) 0,rgba(255,200,100,.12) .8cqw,transparent .8cqw,transparent 1cqw)}.progress-scanner{position:absolute;top:0;left:-30%;width:30%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,200,100,.4) 30%,rgba(255,200,100,.8) 50%,rgba(255,200,100,.4) 70%,transparent 100%);animation:scannerSweep 1.5s ease-in-out infinite;box-shadow:0 0 12px #ffc86466}@keyframes scannerSweep{0%{left:-30%}to{left:100%}}.terminal-display.state-hot .progress-bracket{color:#64ff9680}.terminal-display.state-hot .progress-track:before{background:repeating-linear-gradient(90deg,rgba(100,255,150,.12) 0,rgba(100,255,150,.12) .8cqw,transparent .8cqw,transparent 1cqw)}.terminal-display.state-hot .progress-scanner{background:linear-gradient(90deg,transparent 0%,rgba(100,255,150,.4) 30%,rgba(100,255,150,.8) 50%,rgba(100,255,150,.4) 70%,transparent 100%);box-shadow:0 0 12px #64ff9666}@property --mask-size{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --pulse-offset{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --mask-cy{syntax: "<percentage>"; inherits: true; initial-value: 50%;}@property --glow-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --glow-angle-slow{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.video-container-inner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#020617;z-index:0}.portal-background{opacity:1;transition:opacity 1s ease-out}.portal-background-cold{z-index:10}.portal-background-cold:not(.active){opacity:0;transition:opacity 1.2s ease-in}.portal-background-cold:before,.portal-background-cold:after,.portal-background-cold .grid-scanlines{transition:opacity 1.2s ease-in,transform 1.2s ease-in}.portal-background-cold:not(.active):before,.portal-background-cold:not(.active) .grid-scanlines{opacity:0;transform:translate(-50%,-50%) perspective(500px) rotateX(60deg) scale(2)}.portal-background-cold:not(.active):after{opacity:0}.portal-background-warm{z-index:20;opacity:0;transform:scale(.9)}.portal-background-warm.active{opacity:1;transform:scale(1);transition:opacity 1s ease-out .2s,transform 1s ease-out .2s}.portal-background-warm .tunnel-rings,.portal-background-warm .warp-center,.portal-background-warm .streak{transition:opacity .8s ease-out}.portal-background-warm:not(.active) .tunnel-rings,.portal-background-warm:not(.active) .warp-center,.portal-background-warm:not(.active) .streak{opacity:0!important}.portal-background-warm:not(.active){opacity:0;transform:scale(1.1);transition:opacity .8s ease-in,transform .8s ease-in}.portal-background-hot{z-index:30;opacity:0}.portal-background-hot.active{opacity:1;transition:opacity .5s ease-out}.portal-background-hot:before{transition:opacity .3s ease-out}.portal-background-hot:not(.active):before{opacity:0}.video-container video,.video-container .streaming-frame{position:relative;z-index:40;opacity:0;transition:opacity .3s ease;background:#020617}.video-container.expanded video,.video-container.expanded .streaming-frame{opacity:1}.video-mask{--mask-size: 28cqh;--mask-cx: 50%;--mask-cy: 50%;--mask-feather: 2.8cqh;--mask-duration: 1.2s;--mask-aspect: .8;--pulse-offset: 0px;position:absolute;top:0;left:0;width:100%;height:100%;z-index:50;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse calc((var(--mask-size) + var(--pulse-offset)) * var(--mask-aspect)) calc(var(--mask-size) + var(--pulse-offset)) at var(--mask-cx) var(--mask-cy),transparent 0%,transparent 85%,rgba(80,200,220,.15) 90%,rgba(80,200,220,.3) 95%,#020617 100%);transition:none}.video-mask:before{content:"";position:absolute;pointer-events:none;width:calc((var(--mask-size) + var(--pulse-offset)) * var(--mask-aspect) * 2.4);height:calc((var(--mask-size) + var(--pulse-offset)) * 2.4);left:50%;top:var(--mask-cy);transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from var(--glow-angle-slow, 0deg),transparent 0deg,rgba(80,180,220,.4) 40deg,rgba(120,140,255,.3) 80deg,transparent 120deg,transparent 200deg,rgba(160,100,220,.25) 240deg,rgba(80,200,200,.3) 280deg,transparent 320deg,transparent 360deg);-webkit-mask:radial-gradient(ellipse 50% 50% at center,transparent 68%,white 80%,white 90%,transparent 100%);mask:radial-gradient(ellipse 50% 50% at center,transparent 68%,white 80%,white 90%,transparent 100%);filter:blur(8px);opacity:0;transition:none}.video-mask:after{content:"";position:absolute;pointer-events:none;width:calc((var(--mask-size) + var(--pulse-offset)) * var(--mask-aspect) * 2.4);height:calc((var(--mask-size) + var(--pulse-offset)) * 2.4);left:50%;top:var(--mask-cy);transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from var(--glow-angle, 0deg),transparent 0deg,rgba(0,220,255,.7) 15deg,rgba(180,80,255,.6) 30deg,transparent 60deg,transparent 180deg,rgba(0,255,200,.5) 200deg,rgba(100,140,255,.4) 220deg,transparent 250deg,transparent 360deg);-webkit-mask:radial-gradient(ellipse 50% 50% at center,transparent 72%,white 82%,white 88%,transparent 96%);mask:radial-gradient(ellipse 50% 50% at center,transparent 72%,white 82%,white 88%,transparent 96%);filter:blur(4px);opacity:0;transition:none}@keyframes portalRingColorShift{0%{--glow-angle: 0deg}to{--glow-angle: 360deg}}@keyframes portalRingColorShiftSlow{0%{--glow-angle-slow: 0deg}to{--glow-angle-slow: 360deg}}@keyframes portalHeartbeat{0%,20%,to{--pulse-offset: 0px}5%{--pulse-offset: 4px}10%{--pulse-offset: 0px}15%{--pulse-offset: 2px}}@keyframes portalShudder{0%{--pulse-offset: 0px}15%{--pulse-offset: -5px}30%{--pulse-offset: 3px}45%{--pulse-offset: -2px}60%{--pulse-offset: 1px}80%{--pulse-offset: 0px}to{--pulse-offset: 0px}}@keyframes portalColdIdle{0%,to{--pulse-offset: 0px;--mask-cy: 50%}50%{--pulse-offset: 3px;--mask-cy: 49.5%}}@keyframes portalWarmIdle{0%,to{--pulse-offset: 0px}50%{--pulse-offset: 2px}}.video-mask.animating{animation:none;transition:--mask-size var(--mask-duration) cubic-bezier(.4,0,.2,1)}.video-mask.expanded:before,.video-mask.expanded:after{animation:none!important;opacity:0!important}.video-mask.shrinking:before{opacity:.5;animation:portalRingColorShiftSlow 5s linear infinite}.video-mask.shrinking:after{opacity:.4;animation:portalRingColorShift 1.5s linear infinite}.video-mask.animating:not(.shrinking):not(.expanded):before,.video-mask.animating:not(.shrinking):not(.expanded):after{opacity:0;animation:none}.video-mask.expanded{animation:none;visibility:hidden;background:transparent!important}.video-mask.state-cold{animation:portalColdIdle 6s ease-in-out infinite}.video-mask.state-cold:before{opacity:.15;animation:portalRingColorShiftSlow 20s linear infinite}.video-mask.state-cold:after{opacity:.1;animation:portalRingColorShift 8s linear infinite}.portal-background-cold{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#020617;--scanline-speed: 4s;--scanline-bands: 3;--scanline-intensity: .85;--scanline-softness: 30%}.portal-background-cold:before{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;transform:translate(-50%,-50%) perspective(500px) rotateX(60deg);background-image:linear-gradient(90deg,rgba(80,200,200,.15) 2px,transparent 2px);background-size:6.25cqw 11.1cqh}.grid-scanlines{position:absolute;top:50%;left:50%;width:200%;height:200%;transform:translate(-50%,-50%) perspective(500px) rotateX(60deg);pointer-events:none;z-index:1;background-image:linear-gradient(rgba(80,200,200,.15) 4px,transparent 4px);background-size:6.25cqw 11.1cqh;-webkit-mask-image:repeating-linear-gradient(to bottom,white 0%,white calc(50% / var(--scanline-bands) - var(--scanline-softness) / 2),rgba(255,255,255,calc(1 - var(--scanline-intensity))) calc(50% / var(--scanline-bands)),white calc(50% / var(--scanline-bands) + var(--scanline-softness) / 2),white calc(100% / var(--scanline-bands)));mask-image:repeating-linear-gradient(to bottom,#fff,#fff calc(50% / var(--scanline-bands) - var(--scanline-softness) / 2),rgba(255,255,255,calc(1 - var(--scanline-intensity))) calc(50% / var(--scanline-bands)),#fff calc(50% / var(--scanline-bands) + var(--scanline-softness) / 2),#fff calc(100% / var(--scanline-bands)));-webkit-mask-size:100% calc(100% / var(--scanline-bands));mask-size:100% calc(100% / var(--scanline-bands));animation:gridDrift 6s linear infinite,scanlineWave var(--scanline-speed) linear infinite}@keyframes scanlineWave{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:0 calc(100% / var(--scanline-bands));mask-position:0 calc(100% / var(--scanline-bands))}}.portal-background-cold:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:radial-gradient(ellipse 50% 50% at 50% 50%,transparent 0%,rgba(2,6,23,.7) 50%,#020617 80%)}@keyframes gridDrift{0%{background-position:0 0,0 0}to{background-position:0 11.1cqh,0 11.1cqh}}@keyframes scanlineFade{0%{--scanline-phase: 0%}to{--scanline-phase: 100%}}@property --scanline-phase{syntax: "<percentage>"; inherits: true; initial-value: 0%;}.video-mask.state-warm{animation:portalShudder .6s ease-out 1,portalWarmIdle 3s ease-in-out .6s infinite}.video-mask.state-warm:before{opacity:.35;animation:portalRingColorShiftSlow 10s linear infinite}.video-mask.state-warm:after{opacity:.25;animation:portalRingColorShift 3s linear infinite}.portal-background-warm{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(ellipse 30% 40% at 50% 50%,rgba(40,60,100,.5) 0%,rgba(20,35,60,.4) 30%,rgba(10,20,40,.2) 60%,transparent 100%),radial-gradient(ellipse 60% 70% at 50% 50%,#0a1628,#050d1a 40%,#020617)}.tunnel-rings{position:absolute;top:50%;left:50%;width:62.5cqw;height:133cqh;transform:translate(-50%,-50%)}.tunnel-ring{position:absolute;top:50%;left:50%;width:100%;height:100%;border:1px solid rgba(100,160,220,.4);border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;animation:ringExpand 2s linear infinite}@keyframes ringExpand{0%{transform:translate(-50%,-50%) scale(.02);opacity:0;border-width:1px}10%{opacity:.6}50%{opacity:.3}to{transform:translate(-50%,-50%) scale(1);opacity:0;border-width:2px}}.tunnel-ring:nth-child(1){animation-delay:0s}.tunnel-ring:nth-child(2){animation-delay:-.33s}.tunnel-ring:nth-child(3){animation-delay:-.66s}.tunnel-ring:nth-child(4){animation-delay:-1s}.tunnel-ring:nth-child(5){animation-delay:-1.33s}.tunnel-ring:nth-child(6){animation-delay:-1.66s}.portal-background-warm:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 50% 60% at 50% 50%,transparent 0%,transparent 20%,rgba(2,6,23,.6) 60%,#020617 100%);pointer-events:none;z-index:25}.warp-center{position:absolute;top:50%;left:50%;width:1cqw;height:1.67cqh;transform:translate(-50%,-50%);background:radial-gradient(circle at center,rgba(255,255,255,1) 0%,rgba(200,240,255,.5) 50%,transparent 100%);border-radius:50%;animation:warpPulse 1.5s ease-in-out infinite}@keyframes warpPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}}.streak{position:absolute;top:50%;left:50%;width:var(--thickness, .3cqw);height:0;background:linear-gradient(to bottom,transparent 0%,var(--color-mid) 20%,var(--color-core) 50%,var(--color-mid) 80%,transparent 100%);transform-origin:top center;opacity:0;animation:streakFly var(--speed) linear infinite;--color-core: rgba(255, 255, 255, var(--brightness, 1));--color-mid: rgba(180, 220, 255, var(--brightness, .8));--travel: 55cqh}@keyframes streakFly{0%{height:0;opacity:0;transform:translate(-50%) rotate(var(--angle)) translateY(10px)}10%{opacity:var(--brightness, 1)}50%{height:var(--length);opacity:var(--brightness, 1)}to{height:var(--length);opacity:0;transform:translate(-50%) rotate(var(--angle)) translateY(var(--travel))}}.streak-far{--thickness: .15cqw;--brightness: .3;--travel: 22cqh}.streak-1{--angle: 8deg;--length: 7cqh;--speed: 2.8s;animation-delay:0s}.streak-2{--angle: 37deg;--length: 8.3cqh;--speed: 2.5s;animation-delay:-.4s}.streak-3{--angle: 66deg;--length: 6.1cqh;--speed: 3s;animation-delay:-1s}.streak-4{--angle: 95deg;--length: 7.8cqh;--speed: 2.6s;animation-delay:-.7s}.streak-5{--angle: 124deg;--length: 8.9cqh;--speed: 2.4s;animation-delay:-1.5s}.streak-6{--angle: 153deg;--length: 7.2cqh;--speed: 2.7s;animation-delay:-.2s}.streak-7{--angle: 182deg;--length: 9.7cqh;--speed: 2.3s;animation-delay:-1.8s}.streak-8{--angle: 211deg;--length: 6.7cqh;--speed: 2.9s;animation-delay:-.9s}.streak-9{--angle: 240deg;--length: 8.1cqh;--speed: 2.5s;animation-delay:-1.3s}.streak-10{--angle: 269deg;--length: 7.5cqh;--speed: 2.6s;animation-delay:-.5s}.streak-11{--angle: 298deg;--length: 8.6cqh;--speed: 2.4s;animation-delay:-1.6s}.streak-12{--angle: 327deg;--length: 6.4cqh;--speed: 2.8s;animation-delay:-.1s}.streak-mid{--thickness: .3cqw;--brightness: .6;--travel: 42cqh}.streak-13{--angle: 20deg;--length: 14cqh;--speed: 1.6s;animation-delay:-.2s}.streak-14{--angle: 56deg;--length: 16.7cqh;--speed: 1.4s;animation-delay:-.7s}.streak-15{--angle: 92deg;--length: 12.5cqh;--speed: 1.7s;animation-delay:-1.1s}.streak-16{--angle: 128deg;--length: 15.3cqh;--speed: 1.5s;animation-delay:-.4s}.streak-17{--angle: 164deg;--length: 18.1cqh;--speed: 1.3s;animation-delay:-.9s}.streak-18{--angle: 200deg;--length: 13.3cqh;--speed: 1.6s;animation-delay:-1.4s}.streak-19{--angle: 236deg;--length: 16.1cqh;--speed: 1.4s;animation-delay:-.1s}.streak-20{--angle: 272deg;--length: 14.4cqh;--speed: 1.5s;animation-delay:-.6s}.streak-21{--angle: 308deg;--length: 17.2cqh;--speed: 1.3s;animation-delay:-1s}.streak-22{--angle: 344deg;--length: 13.1cqh;--speed: 1.6s;animation-delay:-.3s}.streak-near{--thickness: .47cqw;--brightness: 1;--travel: 69cqh}.streak-23{--angle: 15deg;--length: 26cqh;--speed: .75s;animation-delay:-.1s}.streak-24{--angle: 63deg;--length: 29cqh;--speed: .65s;animation-delay:-.35s}.streak-25{--angle: 111deg;--length: 24cqh;--speed: .8s;animation-delay:-.5s}.streak-26{--angle: 159deg;--length: 31cqh;--speed: .6s;animation-delay:-.2s}.streak-27{--angle: 207deg;--length: 25cqh;--speed: .7s;animation-delay:-.45s}.streak-28{--angle: 255deg;--length: 28cqh;--speed: .68s;animation-delay:-.15s}.streak-29{--angle: 303deg;--length: 24cqh;--speed: .78s;animation-delay:-.4s}.streak-30{--angle: 351deg;--length: 27cqh;--speed: .72s;animation-delay:-.25s}.video-mask.state-hot:before{opacity:.6;animation:portalRingColorShiftSlow 4s linear infinite}.video-mask.state-hot:after{opacity:.5;animation:portalRingColorShift .8s linear infinite}.video-mask.state-hot.expanded:before,.video-mask.state-hot.expanded:after{opacity:0;animation:none}.portal-background-hot{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#020617}.portal-background-hot.flash{animation:portalFlash .6s ease-out forwards}.portal-background-hot:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);background:radial-gradient(ellipse 50% 60% at 50% 50%,rgba(200,255,255,1) 0%,rgba(100,200,255,.8) 20%,rgba(50,150,255,.4) 40%,transparent 70%)}@keyframes portalFlash{0%{opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(2)}}.shutdown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;opacity:0;visibility:hidden;overflow:hidden;background:#020617}.shutdown-overlay.active{opacity:1;visibility:visible;pointer-events:all}.shutdown-overlay .shutdown-background{position:absolute;top:0;left:0;width:100%;height:100%;background:#020617;opacity:0;z-index:1}.shutdown-overlay.active .shutdown-background{animation:tvBlackout 1s ease-out forwards}.shutdown-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;z-index:2}.shutdown-overlay.active:before{animation:tvFlash 1s ease-out forwards}.shutdown-overlay:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:4px;transform:translate(-50%,-50%) scaleX(1);background:#fff;box-shadow:0 0 20px 10px #fffc,0 0 40px 20px #c8ffff66;opacity:0;z-index:3}.shutdown-overlay.active:after{animation:tvLine 1s ease-out forwards}@keyframes tvFlash{0%{opacity:0}8%{opacity:1}20%{opacity:.6}35%{opacity:0}to{opacity:0}}@keyframes tvLine{0%{opacity:0;transform:translate(-50%,-50%) scaleX(1) scaleY(100)}15%{opacity:1;transform:translate(-50%,-50%) scaleX(1) scaleY(80)}35%{opacity:1;transform:translate(-50%,-50%) scaleX(1) scaleY(1)}60%{opacity:1;transform:translate(-50%,-50%) scaleX(.6) scaleY(1)}80%{opacity:.8;transform:translate(-50%,-50%) scaleX(.15) scaleY(1)}to{opacity:0;transform:translate(-50%,-50%) scaleX(0) scaleY(0)}}@keyframes tvBlackout{0%{opacity:0}25%{opacity:.3}50%{opacity:.7}to{opacity:1}}.parallax-background{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;pointer-events:none}.parallax-base{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% 100%,rgba(20,40,80,.4) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 20% 20%,rgba(40,80,120,.15) 0%,transparent 50%),radial-gradient(ellipse 50% 35% at 80% 30%,rgba(60,100,140,.1) 0%,transparent 50%),linear-gradient(180deg,#0a1628,#06101c,#040a14,#020608,#000)}.parallax-layer{position:absolute;top:-50px;right:-50px;bottom:-50px;left:-50px;will-change:transform;transition:transform .1s ease-out}.parallax-nebulae{z-index:1}.nebula-blob{position:absolute;border-radius:50%;transform:translate(-50%,-50%);animation:nebulaDrift 60s ease-in-out infinite}@keyframes nebulaDrift{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}25%{transform:translate(-48%,-52%) scale(1.05);opacity:.8}50%{transform:translate(-52%,-48%) scale(.95);opacity:1}75%{transform:translate(-50%,-50%) scale(1.02);opacity:.9}}.parallax-far{z-index:2}.parallax-mid{z-index:3}.parallax-near{z-index:4}.particle{position:absolute;border-radius:50%;animation:particleDrift linear infinite,particleTwinkle ease-in-out infinite}.particle-far{background:radial-gradient(circle,rgba(180,220,255,.9) 0%,rgba(120,180,220,.4) 50%,transparent 100%);box-shadow:0 0 3px #78c8dc4d}.particle-mid{background:radial-gradient(circle,rgba(200,240,255,1) 0%,rgba(140,200,240,.5) 50%,transparent 100%);box-shadow:0 0 4px #8cdcf066}.particle-near{background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(180,240,255,.6) 40%,rgba(120,200,220,.2) 70%,transparent 100%);box-shadow:0 0 6px #b4f0ff80,0 0 12px #78c8dc33}@keyframes particleDrift{0%{transform:translate(0)}25%{transform:translate(8px,-12px)}50%{transform:translate(-5px,-8px)}75%{transform:translate(-10px,5px)}to{transform:translate(0)}}@keyframes particleTwinkle{0%,to{opacity:var(--base-opacity, .6);transform:scale(1)}50%{opacity:calc(var(--base-opacity, .6) * .4);transform:scale(.8)}}.parallax-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 0%,transparent 40%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.6) 100%);pointer-events:none}@media(prefers-reduced-motion:reduce){.particle,.nebula-blob{animation:none}.parallax-layer{transition:none}}
