: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{height:100%;background:transparent;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}.content-area{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}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}.holo-frame{position:relative;width:800px;height:500px;overflow:visible;scrollbar-width:none;-ms-overflow-style:none}.holo-frame::-webkit-scrollbar{display:none}.content-area,.titlebar,.panel-toggle{opacity:0;animation:contentFadeIn .5s ease-out 1.2s forwards}@keyframes contentFadeIn{to{opacity:1}}.holo-frame .content-area{position:relative;width:100%;height:100%;z-index:1}.video-container{position:absolute;left:10%;top:14%;width:80%;height:72%;z-index:0;overflow:hidden;background:#020617}.video-container video{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none}.hud-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none}.hud-frame{width:100%;height:100%;object-fit:fill}.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:#00000026}.pause-overlay.active{opacity:1}.video-container.paused video{filter:saturate(.75);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(120,255,245,.03) 2px,rgba(120,255,245,.03) 4px);pointer-events:none}.pause-indicator{position:absolute;bottom:12px;right:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;font-weight:600;letter-spacing:.15em;color:#78fff599;text-shadow:0 0 8px rgba(120,255,245,.3)}.titlebar{position:absolute;top:.5%;left:3.7%;right:4%;height:10%;z-index:110;display:flex;align-items:flex-start;justify-content:space-between;padding:0 1rem}.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:11px;letter-spacing:.18em;color:#78fff5d9;text-transform:uppercase;pointer-events:none;margin-top:.7rem}.titlebar-controls{display:flex;gap:8px;position:relative;z-index:1}.titlebar-btn{width:20px;height:20px;border:1px solid rgba(120,255,245,.3);background:#78fff50d;border-radius:2px;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:12px;height:12px}.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:60;display:flex;flex-direction:column;overflow:hidden}.panel-left{top:14%;left:10%;width:0;height:72%;border:none;border-radius:0;transition:width .3s ease,visibility 0s ease .3s;visibility:hidden;background:linear-gradient(to right,#0000008c,#00000085 50%,#00000073 75%,#0000004d 90%,#0000001f);backdrop-filter:blur(6px) saturate(.85);-webkit-backdrop-filter:blur(6px) saturate(.85)}.panel-left.open{width:250px;visibility:visible;transition:width .3s ease,visibility 0s ease 0s}.panel-bottom{left:10%;top:470px;width:80%;height:0;border-top:none;border-radius:0 0 8px 8px;transition:height .3s ease,visibility 0s ease .3s;visibility:hidden}.panel-bottom.open{height:150px;visibility:visible;transition:height .3s ease,visibility 0s ease 0s}.panel-bottom .panel-header{padding:10px 14px 8px 117px}.panel-bottom .panel-content{padding:10px 20px;display:flex;align-items:center;justify-content:center}.keyboard-visualizer{display:flex;align-items:center;justify-content:center;gap:24px;padding:8px 0}.key-cluster{display:flex;flex-direction:column;align-items:center;gap:4px}.key-cluster-actions,.key-cluster-modifiers{flex-direction:row;gap:6px}.key-row{display:flex;gap:4px}.key{min-width:32px;height:32px;padding:0 8px;display:flex;align-items:center;justify-content:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:500;letter-spacing:.05em;color:#78fff5b3;background:#78fff50d;border:1px solid rgba(120,255,245,.25);border-radius:4px;transition:all .1s ease;-webkit-user-select:none;user-select:none}.key-wide{min-width:52px;font-size:9px;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}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 14px 30px;border-bottom:1px solid rgba(120,255,245,.2)}.panel-title{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.18em;color:#78fff5d9;text-transform:uppercase}.panel-close{width:18px;height:18px;border:1px solid rgba(120,255,245,.3);background:#78fff50d;border-radius:2px;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:10px;height:10px}.panel-content{flex:1;padding:14px 14px 14px 30px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.panel-content::-webkit-scrollbar{display:none}.setting-group{margin-bottom:16px}.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:9px;letter-spacing:.1em;color:#78fff5b3;text-transform:uppercase;margin-bottom:6px}.setting-row .setting-label{margin-bottom:0}.setting-input,.setting-select{width:100%;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:#e6ffffe6;background:#78fff50d;border:1px solid rgba(120,255,245,.25);border-radius:3px;outline:none;transition:all .15s ease}.setting-input:focus,.setting-select:focus{border-color:#78fff580;background:#78fff51a}.setting-input::placeholder{color:#78fff559}.setting-select option{background:#0a0e12fa;color:#e6ffffe6}.setting-range{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#78fff533;border-radius:2px;outline:none}.setting-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#78fff5cc;border-radius:50%;cursor:pointer;transition:all .15s ease}.setting-range::-webkit-slider-thumb:hover{background:#78fff5;transform:scale(1.2)}.setting-checkbox{width:16px;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#78fff50d;border:1px solid rgba(120,255,245,.3);border-radius:3px;cursor:pointer;position:relative;transition:all .15s ease}.setting-checkbox:checked{background:#78fff54d;border-color:#78fff599}.setting-checkbox:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid rgba(120,255,245,1);border-width:0 2px 2px 0;transform:rotate(45deg)}.panel-toggle{position:absolute;width:28px;height:28px;border:1px solid rgba(120,255,245,.3);background:#0a0e12e6;border-radius:4px;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:16px;height:16px}.panel-toggle-right{left:756px}.panel-toggle-keyboard{top:47%}.panel-toggle-settings{top:54%}.panel-toggle-settings.disabled{opacity:.3;cursor:not-allowed}.panel-toggle-settings.disabled:hover{background:#0a0e12e6;border-color:#78fff54d;color:#78fff5b3}.play-btn{position:absolute;left:756px;top:40%;width:28px;height:28px;border:1px solid rgba(120,255,245,.3);background:#0a0e12e6;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#78fff5b3;transition:all .15s ease;padding:0;z-index:110;opacity:0;animation:contentFadeIn .5s ease-out 1.2s forwards}.play-btn:hover{background:#78fff526;border-color:#78fff580;color:#78fff5}.play-btn svg{width:16px;height:16px;margin-left:2px}.play-btn.hidden{opacity:0;pointer-events:none;transition:opacity .3s ease}.terminal-status{position:absolute;top:85%;left:50%;transform:translate(-50%);z-index:55;display:flex;align-items:center;gap:.4em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.08em;color:#78fff5d9;text-transform:uppercase;opacity:0;animation:contentFadeIn .5s ease-out 1.4s forwards}.terminal-prompt{color:#78fff580}.terminal-text{transition:opacity .15s ease}.terminal-text.typing{opacity:.6}.terminal-status.state-cold{color:#78fff5d9}.terminal-status.state-warm{color:#ffc864e6}.terminal-status.state-warm .terminal-prompt{color:#ffc86480}.terminal-status.state-hot{color:#64ff96e6}.terminal-status.state-hot .terminal-prompt{color:#64ff9680}.video-container.connected .terminal-status{opacity:0!important;transition:opacity .3s ease}.terminal-input{width:1ch;min-width:1ch;max-width:200px;padding:0 0 0 4px;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;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}.terminal-status.state-cold .terminal-input{opacity:1;pointer-events:auto}.terminal-input::placeholder{color:#78fff559;text-transform:uppercase}.terminal-status.state-warm .terminal-input,.terminal-status.state-hot .terminal-input{opacity:0;pointer-events:none}@property --mask-size{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --pulse-offset{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --mask-cy{syntax: "<percentage>"; inherits: true; initial-value: 50%;}@property --ring-width{syntax: "<length>"; inherits: true; initial-value: 160px;}@property --ring-height{syntax: "<length>"; inherits: true; initial-value: 200px;}@property --glow-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.video-container: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{transition:opacity 1.2s ease-in,transform 1.2s ease-in}.portal-background-cold:not(.active):before{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{position:relative;z-index:40;opacity:0;transition:opacity .3s ease;background:#020617}.video-container.connected video{opacity:1}.video-mask{--mask-size: 100px;--mask-cx: 50%;--mask-cy: 50%;--mask-feather: 10px;--mask-duration: 1.2s;--mask-aspect: .8;--pulse-offset: 0px;--ring-width: 160px;--ring-height: 200px;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 calc(100% - var(--mask-feather)),#020617 100%);transition:none}.video-mask:before{content:"";position:absolute;pointer-events:none;width:var(--ring-width);height:var(--ring-height);left:50%;top:var(--mask-cy);transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from var(--glow-angle, 0deg),hsl(180,100%,50%) 0deg,hsl(220,100%,60%) 60deg,hsl(280,100%,50%) 120deg,hsl(320,100%,55%) 180deg,hsl(200,100%,55%) 240deg,hsl(160,100%,50%) 300deg,hsl(180,100%,50%) 360deg);-webkit-mask:radial-gradient(ellipse 50% 50% at center,transparent 60%,rgba(255,255,255,.3) 75%,rgba(255,255,255,.7) 88%,white 95%,rgba(255,255,255,.5) 100%);mask:radial-gradient(ellipse 50% 50% at center,transparent 60%,rgba(255,255,255,.3) 75%,rgba(255,255,255,.7) 88%,white 95%,rgba(255,255,255,.5) 100%);filter:blur(2px);opacity:0;transition:width var(--mask-duration) cubic-bezier(.4,0,.2,1),height var(--mask-duration) cubic-bezier(.4,0,.2,1)}@keyframes portalRingColorShift{0%{--glow-angle: 0deg}to{--glow-angle: 360deg}}@keyframes portalHeartbeat{0%,20%,to{--pulse-offset: 0px}5%{--pulse-offset: 4px}10%{--pulse-offset: 0px}15%{--pulse-offset: 2px}}@keyframes portalColdIdle{0%,to{--pulse-offset: 0px;--mask-cy: 50%}50%{--pulse-offset: 1px;--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{animation:none!important;opacity:0!important}.video-mask.shrinking:before{opacity:.3;animation:portalRingColorShift 1s linear infinite}.video-mask.animating:not(.shrinking):not(.expanded):before{opacity:0;animation:none}.video-mask.expanded{animation:none}.video-mask.state-cold{animation:portalColdIdle 8s ease-in-out infinite,portalHeartbeat 4s ease-in-out infinite}.video-mask.state-cold:before{opacity:.05;animation:portalRingColorShift 12s linear infinite}.portal-background-cold{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#020617}.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(rgba(80,200,200,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(80,200,200,.15) 1px,transparent 1px);background-size:40px 40px;animation:gridDrift 20s linear infinite}.portal-background-cold:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;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 40px,0 40px}}.video-mask.state-warm{animation:portalWarmIdle 3s ease-in-out infinite}.video-mask.state-warm:before{opacity:.15;animation:portalRingColorShift 4s 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:400px;height:480px;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:6px;height:6px;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, 2px);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: 200px}@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: 1px;--brightness: .3;--travel: 80px}.streak-1{--angle: 8deg;--length: 25px;--speed: 2.8s;animation-delay:0s}.streak-2{--angle: 37deg;--length: 30px;--speed: 2.5s;animation-delay:-.4s}.streak-3{--angle: 66deg;--length: 22px;--speed: 3s;animation-delay:-1s}.streak-4{--angle: 95deg;--length: 28px;--speed: 2.6s;animation-delay:-.7s}.streak-5{--angle: 124deg;--length: 32px;--speed: 2.4s;animation-delay:-1.5s}.streak-6{--angle: 153deg;--length: 26px;--speed: 2.7s;animation-delay:-.2s}.streak-7{--angle: 182deg;--length: 35px;--speed: 2.3s;animation-delay:-1.8s}.streak-8{--angle: 211deg;--length: 24px;--speed: 2.9s;animation-delay:-.9s}.streak-9{--angle: 240deg;--length: 29px;--speed: 2.5s;animation-delay:-1.3s}.streak-10{--angle: 269deg;--length: 27px;--speed: 2.6s;animation-delay:-.5s}.streak-11{--angle: 298deg;--length: 31px;--speed: 2.4s;animation-delay:-1.6s}.streak-12{--angle: 327deg;--length: 23px;--speed: 2.8s;animation-delay:-.1s}.streak-mid{--thickness: 2px;--brightness: .6;--travel: 150px}.streak-13{--angle: 20deg;--length: 50px;--speed: 1.6s;animation-delay:-.2s}.streak-14{--angle: 56deg;--length: 60px;--speed: 1.4s;animation-delay:-.7s}.streak-15{--angle: 92deg;--length: 45px;--speed: 1.7s;animation-delay:-1.1s}.streak-16{--angle: 128deg;--length: 55px;--speed: 1.5s;animation-delay:-.4s}.streak-17{--angle: 164deg;--length: 65px;--speed: 1.3s;animation-delay:-.9s}.streak-18{--angle: 200deg;--length: 48px;--speed: 1.6s;animation-delay:-1.4s}.streak-19{--angle: 236deg;--length: 58px;--speed: 1.4s;animation-delay:-.1s}.streak-20{--angle: 272deg;--length: 52px;--speed: 1.5s;animation-delay:-.6s}.streak-21{--angle: 308deg;--length: 62px;--speed: 1.3s;animation-delay:-1s}.streak-22{--angle: 344deg;--length: 47px;--speed: 1.6s;animation-delay:-.3s}.streak-near{--thickness: 3px;--brightness: 1;--travel: 250px}.streak-23{--angle: 15deg;--length: 95px;--speed: .75s;animation-delay:-.1s}.streak-24{--angle: 63deg;--length: 105px;--speed: .65s;animation-delay:-.35s}.streak-25{--angle: 111deg;--length: 85px;--speed: .8s;animation-delay:-.5s}.streak-26{--angle: 159deg;--length: 110px;--speed: .6s;animation-delay:-.2s}.streak-27{--angle: 207deg;--length: 90px;--speed: .7s;animation-delay:-.45s}.streak-28{--angle: 255deg;--length: 100px;--speed: .68s;animation-delay:-.15s}.streak-29{--angle: 303deg;--length: 88px;--speed: .78s;animation-delay:-.4s}.streak-30{--angle: 351deg;--length: 98px;--speed: .72s;animation-delay:-.25s}.video-mask.state-hot:before{opacity:.3;animation:portalRingColorShift 1s linear infinite}.video-mask.state-hot.expanded:before{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)}}