:root{
  --bg:#050509;
  --bg2:#090b13;
  --panel:rgba(14,18,31,.72);
  --panel2:rgba(21,27,43,.82);
  --line:rgba(255,255,255,.11);
  --line2:rgba(255,255,255,.2);
  --text:#f4f7fb;
  --muted:#9aa8ba;
  --faint:#5b6474;
  --accent:#6ee7ff;
  --accent2:#c59cff;
  --gold:#d8b55a;
  --danger:#ff657d;
  --good:#66f2a6;
  --shadow:0 30px 90px rgba(0,0,0,.58);
  --radius:28px;
  --radius2:18px;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0;background:var(--bg);color:var(--text);font-family:var(--font);overflow-x:hidden}
body{background:radial-gradient(circle at 20% 0%,rgba(110,231,255,.16),transparent 32%),radial-gradient(circle at 80% 18%,rgba(197,156,255,.14),transparent 28%),linear-gradient(180deg,#050509,#080912 46%,#050509)}
button,input{font:inherit}
button{border:0;color:inherit;cursor:pointer}
input{color:var(--text)}
.runtime-shell{min-height:100vh;position:relative;isolation:isolate;padding:22px clamp(16px,3vw,42px) 44px}
.scene-bg{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.scene-orb{position:absolute;border-radius:999px;filter:blur(30px);opacity:.52;animation:float 16s ease-in-out infinite}
.scene-orb-a{width:42vw;height:42vw;left:-14vw;top:8vh;background:radial-gradient(circle,var(--accent),transparent 62%)}
.scene-orb-b{width:38vw;height:38vw;right:-12vw;bottom:6vh;background:radial-gradient(circle,var(--accent2),transparent 64%);animation-delay:-7s}
.scene-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 75% 58% at 50% 38%,#000 0%,transparent 76%);opacity:.34}
.scene-scanline{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(255,255,255,.025),transparent);background-size:100% 6px;opacity:.25}
@keyframes float{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(4vw,-3vh,0) scale(1.08)}}
.boot-cinema{position:fixed;inset:0;z-index:50;display:grid;place-items:center;text-align:center;padding:24px;background:radial-gradient(circle at 50% 40%,rgba(110,231,255,.14),transparent 30%),linear-gradient(180deg,#060812,#030306);transition:opacity .8s ease,transform .8s cubic-bezier(.22,.8,.22,1)}
.boot-cinema.gone{opacity:0;transform:scale(1.04);pointer-events:none}
.boot-sigil{width:132px;height:132px;position:relative;margin-bottom:24px;filter:drop-shadow(0 0 28px rgba(110,231,255,.42))}
.boot-sigil span{position:absolute;inset:0;border:1px solid rgba(255,255,255,.22);border-radius:38% 62% 51% 49% / 48% 37% 63% 52%;animation:spin 12s linear infinite}
.boot-sigil span:nth-child(2){inset:12px;animation-duration:8s;animation-direction:reverse;border-color:rgba(216,181,90,.42)}
.boot-sigil span:nth-child(3){inset:28px;border-radius:50%;animation-duration:5s;border-color:rgba(197,156,255,.42)}
@keyframes spin{to{transform:rotate(360deg)}}
.boot-kicker,.rail-kicker,.eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;font-size:11px;color:var(--accent);margin:0 0 12px}
.boot-cinema h1{font-size:clamp(42px,8vw,96px);font-weight:300;letter-spacing:-.05em;margin:0;line-height:.92}
.boot-copy{color:var(--muted);max-width:560px;margin:20px auto 0;font-size:17px}
.runtime-boot-array{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px;width:min(760px,88vw);margin:28px auto 0}.runtime-boot-array article{min-height:86px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:linear-gradient(140deg,rgba(255,255,255,.11),rgba(255,255,255,.035));box-shadow:0 18px 50px rgba(0,0,0,.36),inset 0 0 0 1px rgba(255,255,255,.035);padding:15px;display:grid;align-content:center;position:relative;overflow:hidden;animation:bootCardFloat 4.6s ease-in-out infinite}.runtime-boot-array article:nth-child(2){animation-delay:-1.5s}.runtime-boot-array article:nth-child(3){animation-delay:-3s}.runtime-boot-array article:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(110,231,255,.18),transparent);transform:translateX(-120%);animation:bootCardSheen 4.8s ease-in-out infinite}.runtime-boot-array span{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.runtime-boot-array strong{font-size:18px;letter-spacing:-.03em;text-transform:uppercase;margin-top:5px}.boot-cinema:after{content:"";position:absolute;left:8%;right:8%;bottom:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(110,231,255,.55),rgba(216,181,90,.5),transparent);box-shadow:0 0 24px rgba(110,231,255,.32);animation:bootHorizon 3.8s ease-in-out infinite}@keyframes bootCardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes bootCardSheen{0%,45%{transform:translateX(-120%)}72%,100%{transform:translateX(120%)}}@keyframes bootHorizon{0%,100%{opacity:.34;transform:scaleX(.82)}50%{opacity:1;transform:scaleX(1)}}
.boot-skip{margin-top:34px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#030306;font-weight:800;text-transform:uppercase;letter-spacing:.16em;border-radius:999px;padding:13px 24px;box-shadow:0 20px 50px rgba(110,231,255,.22)}
.top-crown{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1480px;margin:0 auto 28px;padding:14px 0;position:relative;z-index:3}
.brand-lock{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}
.brand-glyph{width:44px;height:44px;border:1px solid var(--line2);border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.03));box-shadow:0 0 30px rgba(110,231,255,.1);color:var(--gold)}
.brand-lock strong{display:block;font-size:15px;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.brand-lock em{display:block;color:var(--muted);font-style:normal;font-size:12px;margin-top:2px}
.status-ribbon{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.ribbon-pill{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.09em;border:1px solid rgba(110,231,255,.24);background:rgba(110,231,255,.09);border-radius:999px;padding:8px 11px;color:#dffaff}.ribbon-pill.muted{border-color:var(--line);background:rgba(255,255,255,.04);color:var(--muted)}
.icon-button{background:rgba(255,255,255,.065);border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:var(--text)}
.experience-stage{max-width:1480px;margin:0 auto;display:grid;gap:24px}
.hero-stage{min-height:520px;border:1px solid var(--line);border-radius:calc(var(--radius) + 8px);background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.035)),radial-gradient(circle at 76% 42%,rgba(110,231,255,.2),transparent 32%),var(--panel);box-shadow:var(--shadow);padding:clamp(26px,4vw,54px);position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(300px,.96fr);gap:32px;align-items:center;transition:border-color .45s ease,background .45s ease}
.hero-stage:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent,rgba(255,255,255,.12),transparent);transform:translateX(-105%);animation:sheen 8s ease-in-out infinite;pointer-events:none}@keyframes sheen{0%,50%{transform:translateX(-110%)}75%,100%{transform:translateX(110%)}}
.hero-copy{position:relative;z-index:2}.hero-copy h2{font-size:clamp(44px,7.5vw,112px);line-height:.9;letter-spacing:-.07em;font-weight:250;margin:0;max-width:820px}.hero-copy p:not(.eyebrow){font-size:clamp(16px,2vw,21px);color:var(--muted);max-width:690px;line-height:1.7;margin:22px 0 0}
.hero-meta{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.hero-tag{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.055);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:9px 11px}.hero-tag.open{border-color:rgba(102,242,166,.38);color:#d8ffe8;background:rgba(102,242,166,.09)}.hero-tag.locked{border-color:rgba(255,101,125,.36);color:#ffd9df;background:rgba(255,101,125,.08)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.primary-action,.secondary-action{border-radius:18px;padding:14px 18px;font-weight:800;text-transform:uppercase;letter-spacing:.11em;font-size:12px}.primary-action{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#030306}.secondary-action{background:rgba(255,255,255,.065);border:1px solid var(--line);color:var(--text)}
.hero-visual{min-height:420px;position:relative;display:grid;place-items:center;perspective:900px}.portal-ring{position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:42% 58% 54% 46% / 45% 52% 48% 55%;box-shadow:inset 0 0 70px rgba(110,231,255,.06),0 0 55px rgba(110,231,255,.08);animation:spin 18s linear infinite}.ring-one{width:min(36vw,430px);height:min(36vw,430px)}.ring-two{width:min(27vw,330px);height:min(27vw,330px);animation-direction:reverse;animation-duration:12s;border-color:rgba(216,181,90,.3)}.portal-core{width:min(20vw,220px);height:min(20vw,220px);border-radius:50%;background:radial-gradient(circle,var(--accent),rgba(197,156,255,.22) 42%,transparent 68%);box-shadow:0 0 90px rgba(110,231,255,.38);animation:pulse 3.4s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(.95);opacity:.76}50%{transform:scale(1.05);opacity:1}}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section-head h3,.activation-copy h3,.drawer-head h3{font-size:24px;margin:0 0 4px}.section-head p:not(.rail-kicker),.activation-copy p:not(.rail-kicker){color:var(--muted);margin:0;max-width:620px}
.world-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,320px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 4px 20px;margin:0 -4px}.world-rail::-webkit-scrollbar{height:10px}.world-rail::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:999px}.world-card{scroll-snap-align:start;min-height:286px;position:relative;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.035));box-shadow:0 18px 50px rgba(0,0,0,.34);padding:18px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .28s ease,border-color .28s ease,opacity .28s ease}.world-card:hover,.world-card.active{transform:translateY(-7px);border-color:rgba(110,231,255,.52)}.world-card.locked{opacity:.72}.world-art{position:absolute;inset:-20%;background:radial-gradient(circle at 30% 20%,var(--world-color,rgba(110,231,255,.24)),transparent 34%),radial-gradient(circle at 80% 80%,rgba(216,181,90,.15),transparent 34%);opacity:.9;z-index:0}.world-card>*{position:relative;z-index:1}.world-status{align-self:flex-start;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:7px 9px;background:rgba(0,0,0,.22)}.world-card h4{font-size:24px;line-height:1.02;letter-spacing:-.04em;margin:0 0 10px}.world-card p{color:var(--muted);font-size:14px;line-height:1.55;margin:0}.world-type{margin-top:16px;color:var(--gold);font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.lock-sheen{position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.08) 0 1px,transparent 1px 12px);opacity:.1;z-index:1;pointer-events:none}.locked .lock-sheen{opacity:.22}
.activation-chamber,.experience-viewer,.diagnostics-drawer{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 20px 70px rgba(0,0,0,.36);padding:24px}.activation-chamber{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,520px);gap:22px;align-items:end}.activation-form{display:flex;gap:10px}.activation-form input{flex:1;min-width:0;border:1px solid var(--line);background:rgba(0,0,0,.2);border-radius:18px;padding:15px;color:var(--text);outline:none}.activation-form input:focus{border-color:rgba(110,231,255,.52);box-shadow:0 0 0 4px rgba(110,231,255,.1)}.activation-form button{border-radius:18px;padding:14px 18px;background:rgba(216,181,90,.14);border:1px solid rgba(216,181,90,.34);color:#ffeab0;font-weight:800}.activation-result{grid-column:1/-1;color:var(--muted);font-family:var(--mono);font-size:12px;border-top:1px solid var(--line);padding-top:14px}
.experience-viewer{min-height:220px}.viewer-empty{min-height:160px;display:grid;place-items:center;text-align:center;color:var(--muted)}.viewer-empty span{color:var(--gold);font-size:34px}.experience-room{display:grid;gap:18px}.experience-room h3{font-size:32px;margin:0;letter-spacing:-.04em}.experience-room p{color:var(--muted);margin:0;line-height:1.7}.room-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.room-step{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.045);padding:16px}.room-step strong{display:block;margin-bottom:6px}.room-step span{color:var(--muted);font-size:14px}.sealed-message{border:1px solid rgba(255,101,125,.32);background:rgba(255,101,125,.07);border-radius:20px;padding:18px;color:#ffdce2}
.diagnostics-drawer{position:fixed;right:24px;top:90px;bottom:24px;z-index:20;width:min(560px,calc(100vw - 48px));overflow:auto;backdrop-filter:blur(16px)}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.diag{border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(255,255,255,.04)}.diag b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.diag span{color:var(--muted);font-family:var(--mono);font-size:12px}.diagnostic-json{white-space:pre-wrap;font-size:11px;line-height:1.55;background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:16px;padding:14px;color:#cfe5ff;overflow:auto}
.toast-stack{position:fixed;right:20px;bottom:20px;z-index:60;display:grid;gap:10px}.toast{width:min(360px,calc(100vw - 40px));border:1px solid var(--line);border-radius:18px;background:rgba(8,10,18,.92);box-shadow:0 20px 60px rgba(0,0,0,.42);padding:14px}.toast b{display:block;margin-bottom:4px}.toast p{margin:0;color:var(--muted);font-size:13px}
@media (max-width:900px){.top-crown{align-items:flex-start;flex-direction:column}.status-ribbon{justify-content:flex-start}.hero-stage{grid-template-columns:1fr;min-height:unset}.hero-visual{min-height:260px}.activation-chamber{grid-template-columns:1fr}.activation-form{flex-direction:column}.hero-copy h2{font-size:clamp(40px,14vw,76px)}.runtime-boot-array{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.boot-cinema{transition:none}.scene-orb{filter:blur(40px)}}
.launch-link{display:inline-flex;align-items:center;justify-content:center;width:max-content;border-radius:18px;padding:14px 18px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#030306;text-decoration:none;font-weight:900;text-transform:uppercase;letter-spacing:.11em;font-size:12px}.icon-button[hidden]{display:none!important}.world-card.locked,.lock-sheen{display:none!important}.runtime-shell[data-field="limited"] .activation-chamber{border-color:rgba(255,255,255,.12)}