*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050608;color:#efede8;font-family:Manrope,sans-serif}::selection{background:#c4b19b;color:#050608}button,a,label{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,label:focus-within,summary:focus-visible{outline:2px solid #d0b08a;outline-offset:6px}button:disabled{cursor:wait;opacity:.5}[hidden]{display:none!important}#stage{height:100svh;min-height:400px;position:relative;overflow:hidden;background:#050608;isolation:isolate}#brand-reveal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:0;background:radial-gradient(ellipse at 50% 44%,#1d232b 0,#0a0d12 52%,#030405 100%)}#brand-reveal img{width:min(62vw,700px);max-height:60svh;object-fit:contain;filter:brightness(0) invert(1);opacity:.94;transform:scale(.94);will-change:transform}#brand-reveal span{position:absolute;top:calc(50% + min(18vw,200px));color:#a9a7a3;font-size:12px;letter-spacing:.05em}#surface{position:absolute;inset:0;z-index:1;will-change:transform;pointer-events:none}#glass{width:100%;height:100%;display:block;overflow:visible}#webgl{position:absolute;inset:0;z-index:2;pointer-events:none;will-change:transform}#webgl canvas{width:100%;height:100%;display:block}#impact-flash{position:absolute;inset:0;background:#b9c9df;opacity:0;z-index:3;pointer-events:none}.vignette{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse,transparent 35%,#0009 100%)}#gate{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#050608}.gate-logo{width:min(55vw,420px);filter:brightness(0) invert(1);opacity:.9;margin-bottom:60px}#enter{border:1px solid #777b80;background:transparent;color:#e5e2dc;padding:17px 34px;border-radius:0;font-size:12px;font-weight:400;letter-spacing:.04em;transition:background .2s,color .2s}#enter:hover{background:#e5e2dc;color:#0b0e12}.gate-duration{font-size:11px;letter-spacing:.03em;color:#858990;margin-top:18px}#skip{position:absolute;right:28px;top:26px;z-index:6;background:#10141999;color:#d9d5cd;border:1px solid #ffffff33;padding:10px 14px;font-size:11px}#end{position:absolute;bottom:12%;left:0;right:0;z-index:7;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;padding:0 20px}#end a{background:#e3dfd6;color:#0a0d12;padding:17px 26px;font-size:12px;text-decoration:none}#replay{background:none;color:#b6b4ae;border:0;font-size:11px;text-decoration:underline;text-underline-offset:4px}#preview-controls{position:fixed;bottom:12px;left:18px;z-index:10;max-width:min(460px,calc(100vw - 36px));font-size:11px;color:#9b9fa5}#preview-controls summary{cursor:pointer;padding:8px 0;font-size:10px;letter-spacing:.02em}#preview-controls[open]{padding:16px;background:#101419;border:1px solid #333942}.preview-inner{display:flex;flex-direction:column;gap:12px;margin-top:12px}.preview-inner>div{display:flex;gap:10px;flex-wrap:wrap}#preview-controls button,.audio-picker{border:1px solid #434a54;color:#e0dfda;background:transparent;padding:10px 12px;font:inherit;cursor:pointer}.audio-picker input{position:absolute;width:1px;height:1px;opacity:0}#audio-status{margin:0;color:#a0a4ab;font-size:11px;line-height:1.6}body.playing #preview-controls{display:none}body.playing{overflow:hidden}@media(max-width:600px){.gate-logo{width:74vw;margin-bottom:44px}#skip{top:18px;right:18px}#brand-reveal img{width:88vw}#brand-reveal span{top:calc(50% + 27vw);font-size:11px}#end{bottom:12%;gap:20px;flex-direction:column}.vignette{background:radial-gradient(ellipse,transparent 45%,#0008 100%)}}