:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gold:#ffc107;--gold-soft:#ffe082;--cyan:#78d9ff;--panel:#050c18b8;--line:#78d9ff52;--font:Inter, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{color:#f8fbff;width:100%;height:100%;font-family:var(--font);background:#02040a;margin:0;overflow:hidden}button,kbd{font:inherit}.app{isolation:isolate;background:radial-gradient(circle at 50% 18%,#185c8933,#0000 28%),radial-gradient(circle at 50% 110%,#ffc10714,#0000 36%),#02040a;width:100vw;height:100vh;position:relative}.stars{z-index:-3;opacity:.8;position:fixed;inset:-20%;transform:translateZ(0)}.star{box-shadow:0 0 var(--star-glow,0px) currentColor;opacity:var(--star-opacity,.8);pointer-events:none;animation:starDrift var(--star-drift-duration,40s) linear infinite, starTwinkle var(--star-twinkle-duration,3.5s) ease-in-out infinite alternate;animation-delay:var(--star-drift-delay,0s), var(--star-twinkle-delay,0s);will-change:transform, opacity;background:currentColor;border-radius:50%;position:absolute;top:0;left:0;transform:translate(0,0)}.star-near{filter:blur(.25px)}.star-mid{filter:blur(.55px)}.star-far{filter:blur(1px)}.space-vignette{z-index:-2;pointer-events:none;background:linear-gradient(#02040a1a,#0000 32%,#02040ad1 100%),radial-gradient(#0000 0 48%,#000000bd 100%);position:fixed;inset:0}.stage{perspective:460px;perspective-origin:50% 28%;width:100%;height:100%;position:relative;overflow:hidden}.crawl-root{transform-style:preserve-3d;position:absolute;inset:0}.crawl-section{width:min(82vw,960px);min-height:44vh;color:var(--gold);text-align:center;transform-origin:50% 100%;text-shadow:0 0 14px #ffc10757,0 0 34px #ffc1072e;will-change:transform, opacity, filter;backface-visibility:hidden;position:absolute;top:0;left:50%}.crawl-section h1,.crawl-section h2,.crawl-section p{margin:0}.crawl-section h1{color:var(--gold-soft);margin-bottom:5vh;font-size:clamp(2.8rem,8vw,7.4rem);font-weight:900;line-height:.92}.crawl-section h2{color:var(--gold-soft);margin-bottom:4vh;font-size:clamp(1.9rem,4.6vw,4.8rem);font-weight:900;line-height:1.08}.crawl-section p{text-align:justify;max-width:18em;margin:0 auto 1.1em;font-size:clamp(1.35rem,3.35vw,3.75rem);font-weight:850;line-height:1.42}.crawl-section .lead{text-align:center}.crawl-section .kicker{color:#fff3bf;text-align:center;margin-bottom:1.6vh;font-size:clamp(1rem,2.4vw,2.4rem);font-weight:800;display:block}.media-frame{background:#061a2e9e;border:1px solid #78d9ff7a;border-radius:8px;width:min(72vw,760px);margin:0 auto 4vh;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 0 34px #78d9ff3d,0 0 68px #78d9ff1f}.media-frame:before,.media-frame:after{content:"";pointer-events:none;position:absolute;inset:0}.media-frame:before{mix-blend-mode:screen;background:linear-gradient(#78d9ff14 50%,#0000 50%) 0 0/100% 6px,radial-gradient(circle at 50% 8%,#ffffff2e,#0000 18%) 0 0/100% 100%}.media-frame:after{border:1px solid #ffffff1f;box-shadow:inset 0 0 42px #78d9ff4d}.media-frame img{aspect-ratio:16/9;object-fit:cover;opacity:.82;filter:saturate(.92)hue-rotate(172deg)contrast(1.12);width:100%;display:block}.caption{color:#d9f5ff;text-align:center;text-shadow:0 0 20px #78d9ff66;font-size:clamp(1rem,2.1vw,2rem);line-height:1.35}.vanish-mask{z-index:4;pointer-events:none;background:linear-gradient(#02040afa 0 7%,#02040a9e 16%,#0000 42%),linear-gradient(0deg,#02040afa 0 5%,#0000 26%);position:absolute;inset:0}.hud{z-index:7;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;gap:12px;width:min(330px,100vw - 40px);padding:14px;display:grid;position:fixed;top:20px;left:20px;box-shadow:0 14px 48px #00000057}.brand,.hud-meta,.hud-actions,.prompt{align-items:center;display:flex}.brand{color:#effbff;gap:10px;font-size:.95rem;font-weight:800}.brand-mark{background:var(--gold);border-radius:999px;width:13px;height:13px;box-shadow:0 0 16px #ffc107e6,0 0 34px #78d9ff61}.hud-meta{color:#b9d8e4;justify-content:space-between;gap:10px;font-size:.84rem}.hud-actions{gap:8px}.hud button{color:#ecfbff;cursor:pointer;background:#071422e0;border:1px solid #78d9ff6b;border-radius:6px;min-width:84px;min-height:38px;font-weight:750}.hud button:hover{color:#fff3bf;border-color:#ffc107b3}.prompt{z-index:7;color:#f7fdff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030810ad;border:1px solid #ffc1075c;border-radius:8px;gap:10px;padding:10px 12px;font-size:.92rem;position:fixed;bottom:22px;right:22px}.hud-hidden .hud,.hud-hidden .prompt{opacity:0;pointer-events:none}kbd{min-width:58px;color:var(--gold-soft);text-align:center;background:#ffffff17;border:1px solid #ffffff3d;border-radius:6px;padding:5px 9px;font-weight:850}@keyframes starDrift{0%{transform:translate(0,0)}to{transform:translate3d(var(--star-drift-x,-100px), var(--star-drift-y,100px), 0)}}@keyframes starTwinkle{0%{opacity:calc(var(--star-opacity,.8) * .25)}to{opacity:calc(var(--star-opacity,.8) * 1)}}@media (width<=720px){.stage{perspective:360px;perspective-origin:50% 24%}.crawl-section{width:min(88vw,620px)}.crawl-section p{text-align:left;max-width:14.5em}.hud{grid-template-columns:1fr auto;align-items:center;width:calc(100vw - 24px);top:12px;left:12px}.hud-meta,.hud-actions{grid-column:1/-1}.prompt{bottom:12px;right:12px}}@media (prefers-reduced-motion:reduce){.star{animation:none}}