html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#020409}
iframe{position:fixed;inset:0;width:100%;height:100%;border:0;background:#020409}
.version-nav{position:fixed;top:10px;right:10px;z-index:2147483647;display:flex;align-items:center;gap:3px;padding:4px;border:1px solid rgba(167,139,250,.22);border-radius:999px;background:rgba(2,4,9,.86);box-shadow:0 8px 28px rgba(0,0,0,.38);backdrop-filter:blur(10px);font:700 10px/1 system-ui,sans-serif;letter-spacing:.08em}
.version-nav a,.version-nav button{padding:7px 9px;border-radius:999px;color:#7f91ae;text-decoration:none;transition:.15s ease}
.version-nav a:hover,.version-nav a:focus-visible{color:#e2e8f4;background:rgba(255,255,255,.07);outline:none}
.version-nav a.active{color:#a78bfa;background:rgba(167,139,250,.14);box-shadow:inset 0 0 0 1px rgba(167,139,250,.25)}
.version-nav .pwa-status{padding:7px 8px;border-left:1px solid rgba(167,139,250,.22);color:#70e1ba;white-space:nowrap}
.version-nav .pwa-status[hidden]{display:none}
.pwa-update{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:2147483647;width:min(470px,calc(100% - 36px));box-sizing:border-box;padding:13px 15px;background:#111b30;border:1px solid #a78bfa;border-radius:12px;color:#e2e8f4;box-shadow:0 8px 30px #0008;font:14px/1.4 system-ui,sans-serif}
.pwa-update[hidden]{display:none}.pwa-update p{margin:0 0 10px}.pwa-update button{padding:9px 13px;border:1px solid #a78bfa;border-radius:7px;background:#7c3aed;color:#fff;font:700 13px system-ui;cursor:pointer}.pwa-update button:disabled{opacity:.6}
@media(max-width:520px){.version-nav{top:6px;right:6px;font-size:9px}.version-nav a,.version-nav button{padding:6px 7px}}

.version-nav button{font:inherit;letter-spacing:inherit;border:0;background:transparent;color:#e2e8f4;cursor:pointer}.pwa-status{position:fixed;bottom:4px;right:8px;z-index:20;border-radius:6px;padding:3px 5px;background:#020409d9;color:#70e1ba;font:9px system-ui;pointer-events:none}.pwa-install{bottom:48px}.legacy-landing{max-width:42rem;margin:70px auto;padding:24px;background:#111b30;border:1px solid #a78bfa;border-radius:16px;color:#e2e8f4;font:16px/1.6 system-ui}.legacy-landing a{color:#70e1ba}.legacy-landing button{padding:12px;color:#fff;background:#5631a7;border:1px solid #a78bfa;border-radius:8px;font:inherit}body[data-channel=legacy]{overflow:auto}iframe[hidden],[hidden]{display:none!important}