:root{--bg:#050816;--panel:#071225;--cyan:#5ee7ff;--blue:#10439f;--purple:#874ccc;--pink:#f27bbd;--green:#75f7a8;--white:#f4f7ff;--muted:#91a4c6;--yellow:#ffd166}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;color:var(--white);margin:0;font-family:Consolas,Monaco,Courier New,monospace;overflow:hidden}body{place-items:center;display:grid}#poster{background:radial-gradient(circle at 50% 40%, #874bcc29, transparent 34%), radial-gradient(circle at 18% 80%, #10439f2e, transparent 28%), var(--bg);width:min(100vw,177.777vh);min-width:320px;height:min(100vh,56.25vw);min-height:180px;position:relative;overflow:hidden}#codeCanvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}#poster:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(#0000 35%,#0000007a 100%);position:absolute;inset:0}.scanlines{pointer-events:none;opacity:.06;z-index:8;background:repeating-linear-gradient(#0000 0 3px,#fff 4px);position:absolute;inset:0}#terminal{z-index:3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#030916b3;border:1px solid #5ee7ff6b;border-radius:12px;width:84%;height:67%;transition:opacity .7s,transform .7s;position:absolute;top:10%;left:8%;overflow:hidden;box-shadow:0 0 35px #874ccc3d,inset 0 0 30px #10439f1f}.termbar{background:#ffffff06;border-bottom:1px solid #5ee7ff33;align-items:center;height:9%;min-height:22px;padding:0 12px;display:flex}.dot{opacity:.65;background:#fff;border-radius:50%;width:7px;height:7px;margin-right:5px}.term-title{color:#7286aa;margin-left:10px;font-size:clamp(7px,1vw,13px)}#log{text-shadow:0 0 5px #5ee7ff1f;height:91%;padding:3.5% 4%;font-size:clamp(7px,1.25vw,16px);line-height:1.7;overflow:hidden}.line{white-space:pre-wrap;opacity:0;animation:.25s forwards appear;transform:translateY(4px)}@keyframes appear{to{opacity:1;transform:none}}.prompt{color:var(--cyan)}.ok{color:var(--green)}.accent{color:var(--pink)}.warn{color:var(--yellow)}.muted{color:var(--muted)}.progress{vertical-align:middle;border:1px solid #75f7a873;width:48%;height:.8em;margin-left:8px;display:inline-block}.progress i{background:linear-gradient(90deg, var(--blue), var(--purple), var(--pink));width:0;height:100%;transition:width .15s;display:block;box-shadow:0 0 12px #f27bbd8c}#success{z-index:4;opacity:0;pointer-events:none;transition:opacity .8s;position:absolute;inset:0}.success-box{text-align:center;transition:transform .8s;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)scale(.9)}#success.show{opacity:1}#success.show .success-box{transform:translate(-50%,-50%)scale(1)}.logos{text-align:center;justify-content:center;align-items:flex-end;gap:clamp(25px,4vw,60px);width:80%;display:flex;position:absolute;top:73%;left:50%;transform:translate(-50%)}.logo-block{flex-direction:column;align-items:center;gap:6px;display:flex}.logo-label{letter-spacing:.15em;color:var(--muted);text-transform:uppercase;font-size:clamp(6px,.75vw,10px)}.logo-block img{object-fit:contain;filter:drop-shadow(0 0 8px #5ee7ff33);width:auto;max-width:150px;height:clamp(38px,5vw,65px);display:block}.success-code{color:var(--green);margin-bottom:1.2em;font-size:clamp(10px,1.7vw,23px)}.glitch{letter-spacing:.08em;text-shadow:2px 0 var(--cyan), -2px 0 var(--pink);font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(28px,7vw,110px);line-height:.9;animation:2.2s step-end infinite glitch}@keyframes glitch{0%,90%,to{transform:none}91%{transform:translate(-3px)}92%{transform:translate(3px)}93%{transform:none}}.subtitle{color:var(--muted);margin-top:1em;font-size:clamp(9px,1.45vw,19px)}#event{z-index:5;opacity:0;justify-content:space-between;align-items:end;gap:20px;transition:opacity .8s,transform .8s;display:flex;position:absolute;bottom:7%;left:8%;right:8%;transform:translateY(18px)}#event.show{opacity:1;transform:none}.event-main{max-width:72%}.event-name{letter-spacing:.05em;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(20px,4.4vw,70px)}.event-name span{color:var(--pink)}.meta{color:var(--cyan);flex-wrap:wrap;gap:clamp(10px,2vw,30px);margin-top:8px;font-size:clamp(8px,1.2vw,15px);display:flex}.cta{color:var(--white);margin-top:10px;font-size:clamp(9px,1.35vw,17px)}.cta b{color:var(--green)}#qr{border:2px solid var(--white);background:#fff;border-radius:6px;flex:none;width:clamp(72px,11vw,160px);height:clamp(72px,11vw,160px);padding:5px;box-shadow:0 0 14px #5ee7ff73,0 0 28px #f27bbd38}#qr img{object-fit:contain;width:100%;height:100%;display:block}#controller{filter:drop-shadow(0 0 7px #5ee7ffbf)drop-shadow(0 0 14px #f27bbd66);width:clamp(100px,18vw,260px);margin:1.2em auto .3em}.controller-shell{fill:#071225c7;stroke:url(#controllerGradient);stroke-width:3px}.controller-detail{fill:none;stroke:var(--cyan);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.controller-button{fill:none;stroke:var(--pink);stroke-width:2.5px}.controller-glow{fill:var(--purple);opacity:.55}#restart{z-index:10;color:#9fb0cc;font:inherit;cursor:pointer;background:#0508168c;border:1px solid #ffffff2e;border-radius:6px;padding:5px 8px;font-size:10px;position:absolute;top:12px;right:12px}#restart:hover{color:#fff;border-color:#fff6}@media (width<=600px){#terminal{width:92%;height:72%;top:7%;left:4%}#event{left:4%;right:4%}.event-main{max-width:78%}}