:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:manipulation;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;background:#000;height:100%;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#frame{aspect-ratio:9/16;max-width:100vw;max-height:100vh;background:#000;width:auto;height:auto;max-height:100dvh;margin:auto;position:fixed;inset:0;overflow:hidden}#stage{width:100%;height:100%;display:block}.gate{color:#e8eefc;z-index:20;cursor:pointer;background:radial-gradient(120% 80% at 50% 42%,#0b1120 0%,#05070d 55%,#000 100%);flex-direction:column;justify-content:center;align-items:center;gap:2.2vh;transition:opacity .62s;display:flex;position:absolute;inset:0}.gate.hidden{opacity:0;pointer-events:none}.gate-mark{letter-spacing:.06em;font-size:7.4vh;font-weight:700;line-height:1}.gate-ep{letter-spacing:.34em;color:#7c8db0;text-transform:uppercase;font-size:1.55vh}.gate-btn{font:inherit;letter-spacing:.32em;color:#cfe0ff;cursor:pointer;background:0 0;border:1px solid #2c3a58;border-radius:999px;margin-top:2vh;padding:1.5vh 5.5vh;font-size:1.9vh;transition:border-color .2s,color .2s,background .2s}.gate-btn:hover{color:#fff;background:#466ec81a;border-color:#5c7fd0}.gate-hint{letter-spacing:.26em;color:#48577a;text-transform:uppercase;font-size:1.3vh}.loading{letter-spacing:.4em;color:#3c4b6b;z-index:21;font-size:1.3vh;transition:opacity .3s;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.loading.hidden{opacity:0}.dev{z-index:30;color:#9fb0d0;-webkit-user-select:none;user-select:none;background:linear-gradient(#0000,#000000e0);padding:8px 10px;font-size:11px;position:absolute;bottom:0;left:0;right:0}.dev[hidden]{display:none}.dev-row{align-items:center;gap:6px;display:flex}.dev-row-2{margin-top:5px}.dev button{font:inherit;color:#b9c9e8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:5px;min-width:30px;padding:4px 8px}.dev button:hover{background:#ffffff24}.dev input[type=range]{accent-color:#6ea8ff;flex:1;min-width:60px}.dev-time,.dev-fps{font-variant-numeric:tabular-nums;text-align:right;min-width:46px}.guides{pointer-events:none;z-index:25;position:absolute;inset:0}.guides[hidden]{display:none}.guide-band{background:#ff3c5a21;border:0 solid #ff3c5a73;height:12%;position:absolute;left:0;right:0}.guide-top{border-bottom-width:1px;top:0}.guide-bottom{border-top-width:1px;bottom:0}.guide-cross{background:linear-gradient(90deg,#0000 calc(50% - .5px),#78b4ff40 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),linear-gradient(#0000 calc(50% - .5px),#78b4ff40 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px));position:absolute;inset:0}
