:root{color:#f6f1e8;background:#050510;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0;background:#050510}body{overflow:hidden}button{cursor:pointer;font:inherit}.shell,.hero{width:100%;height:100vh;min-height:620px}.hero{position:relative;overflow:hidden;isolation:isolate;background:#050510}.space-canvas,.space-canvas canvas,.space-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.space-canvas{z-index:0}.space-canvas canvas{display:block}.space-fallback{z-index:-1;background:radial-gradient(circle at 68% 35%,rgba(255,59,32,.22),transparent 22%),radial-gradient(circle at 34% 28%,rgba(63,124,180,.24),transparent 28%),radial-gradient(circle at 50% 90%,rgba(255,217,77,.08),transparent 24%),#050510}.topbar{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:18px 0}.brand,.controls,.hero-actions{display:flex;align-items:center}.brand{gap:10px;color:#fffdf6;font-size:.92rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.brand-mark{width:18px;height:18px;border:4px solid #fffdf6;border-radius:999px;box-shadow:0 0 0 3px #050510,0 0 18px #ff3b20b8}.controls,.hero-actions{flex-wrap:wrap;gap:10px}.icon-button,.skip-button,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid rgba(255,253,246,.24);border-radius:8px;color:#fffdf6;background:#0406119e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.icon-button{width:42px;padding:0}.skip-button,.primary-button,.secondary-button{padding:0 15px;font-weight:850}.primary-button{border-color:#ff4d2ec2;background:#ff3b20;color:#120508}.secondary-button.dark{width:100%;margin-top:12px;background:#10121aeb}.icon-button:hover,.skip-button:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-1px);border-color:#fffdf6b8}.hero-copy{position:absolute;z-index:3;left:max(20px,calc((100vw - 1180px)/2));top:18vh;width:min(560px,calc(100% - 40px));pointer-events:none}.hero-copy>*{pointer-events:auto}.kicker{margin:0 0 12px;color:#ff6b48;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1{max-width:8ch;margin:0;color:#fffdf6;font-size:clamp(4rem,14vw,9.2rem);line-height:1.02;letter-spacing:0}.hero-copy p:not(.kicker){max-width:30rem;margin:18px 0 24px;color:#f6f1e8c7;font-size:clamp(1rem,2vw,1.18rem);line-height:1.75}.reaction-zone{position:absolute;z-index:2;top:13%;right:18%;width:min(44vw,560px);height:62vh;border:0;background:transparent}.mission-panel{position:absolute;z-index:3;left:max(20px,calc((100vw - 1180px)/2));right:max(20px,calc((100vw - 1180px)/2));bottom:28px;display:grid;grid-template-columns:118px minmax(0,1fr);gap:18px;width:auto;padding:14px;border:1px solid rgba(255,253,246,.2);border-radius:8px;background:#080a18b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.reference-thumb{overflow:hidden;align-self:start;border:2px solid #fffdf6;border-radius:8px;background:#fffdf6}.reference-thumb img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover}.profile-grid{display:grid;grid-template-columns:82px minmax(0,1fr) 82px minmax(0,1fr);column-gap:14px;margin:0;font-size:.8rem}.profile-grid dt,.profile-grid dd{min-width:0;margin:0;padding:6px 0;border-bottom:1px solid rgba(255,253,246,.1)}.profile-grid dt{color:#ff8668;font-weight:900}.profile-grid dd{color:#f6f1e8db;overflow-wrap:anywhere}.signal-message{position:absolute;z-index:4;left:max(20px,calc((100vw - 1180px)/2));bottom:220px;max-width:min(360px,calc(100% - 40px));padding:13px 16px;border-left:3px solid #ff3b20;color:#fffdf6;background:#080a18b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-weight:850}.intro-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 70%,rgba(255,59,32,.14),transparent 32%),#02030dbd}.intro-signal{position:absolute;top:18vh;z-index:1;color:#fffdf6e6;font-size:clamp(2.5rem,10vw,7rem);font-weight:900;letter-spacing:0;text-transform:uppercase;text-shadow:0 0 22px rgba(255,59,32,.36);pointer-events:none}.crawl-perspective{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;perspective:420px;transform:translateY(-12vh)}.crawl-text{width:min(760px,calc(100% - 48px));color:#ffd94d;text-align:center;transform-origin:50% 100%}.crawl-text p{margin:0 0 22px;font-size:clamp(1.35rem,4vw,3.2rem);font-weight:900;line-height:1.45}.skip-button{position:absolute;right:22px;bottom:22px}@media(max-width:860px){body{overflow:auto}.shell,.hero{min-height:760px}.topbar{width:calc(100% - 24px);padding-top:12px}.brand span:last-child{max-width:11ch;overflow-wrap:anywhere}.controls{gap:6px}.icon-button{width:38px;min-height:38px}.hero-copy{top:50vh;left:14px;width:calc(100% - 28px)}h1{font-size:clamp(3.35rem,18vw,5.1rem)}.reaction-zone{top:12%;left:0;right:0;width:100%;height:46vh}.mission-panel{position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:82px minmax(0,1fr);width:calc(100% - 28px);margin:30px auto 18px}.signal-message{left:14px;right:auto;bottom:18px}.profile-grid{grid-template-columns:68px 1fr;column-gap:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}