html,body{margin:0;min-height:100%;background:transparent}body>canvas{position:fixed;inset:0;width:100%;height:100%;object-fit:contain}*{box-sizing:border-box}.demo{--ink: #091318;--cream: #eeeada;--mint: #7af2c0;--orange: #ff9b62;--muted: #83948f;background:var(--ink);color:var(--cream);font-family:Outfit,sans-serif;min-height:100vh;background-image:radial-gradient(ellipse at 44% 45%,#17323955,transparent 62%)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:5px}.masthead{max-width:1500px;margin:auto;padding:30px 52px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0e}.brand{display:flex;align-items:center;gap:9px;color:var(--cream);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.09em}.brand>span:last-child{color:#70897f;font-weight:400}.orbit-logo{color:var(--mint);font-size:33px;line-height:20px;margin-right:4px}.edition,.eyebrow,.preview-heading,.preview-footer,.footer,.frame-label{font-size:10px;letter-spacing:.12em;font-weight:500}.edition{color:#8d9b93}.edition span{padding:0 10px;color:var(--orange)}.demo-layout{max-width:1380px;margin:0 auto;padding:44px 52px 38px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(300px,410px) minmax(230px,.94fr);gap:clamp(28px,4vw,68px);align-items:center}.eyebrow{color:var(--muted)}.tiny-star{color:var(--orange);margin-right:7px}h1{font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(76px,7.2vw,112px);line-height:.89;text-transform:uppercase;letter-spacing:-.035em;margin:30px 0 25px;font-weight:800}h1 em{color:var(--mint);font-style:normal}.intro-copy{font-size:16px;font-weight:300;color:#b2bcb4;line-height:1.65;margin:0 0 34px}.rule{display:flex;gap:15px;margin:17px 0;align-items:baseline}.rule>span{font-size:10px;font-weight:600;color:var(--mint)}.rule p{margin:0;font-size:12px;color:var(--muted);line-height:1.75}.rule b{color:#e2e6d7;font-weight:500}.mission-stamp{border:1px solid #ff9b6244;border-radius:3px;transform:rotate(-4deg);display:inline-flex;flex-direction:column;padding:14px 22px;margin:37px 0 10px 4px;color:var(--orange)}.mission-stamp>span{font-size:9px;letter-spacing:.25em}.mission-stamp b{font-family:Barlow Condensed,Impact,sans-serif;font-size:27px;letter-spacing:.045em;margin:3px 0}.mission-stamp small{font-size:9px;color:#ba9276}.preview-heading{display:flex;align-items:center;justify-content:space-between;color:var(--muted);margin-bottom:13px;letter-spacing:.05em;font-size:9px}.live-dot{display:inline-flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.1em;color:var(--mint)}.live-dot:before{content:"";height:5px;width:5px;background:currentColor;border-radius:50%;box-shadow:0 0 10px #7af2c044}.game-frame{position:relative;border:1px solid #a3c5bf33;border-radius:28px;overflow:hidden;box-shadow:0 28px 85px #0007,0 0 70px #7af2c008;background:#0a1524;aspect-ratio:9 / 16}#game{width:100%;height:100%;display:block;object-fit:contain}.frame-label{position:absolute;bottom:25px;color:#9caeaf66;width:100%;text-align:center;font-size:8px;letter-spacing:.24em;pointer-events:none}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;color:#637a74;font-size:8px;letter-spacing:.04em}.preview-footer a{color:#9bb5ad;text-decoration:none}.control-column>h2{font-size:38px;line-height:1.12;letter-spacing:-.03em;font-weight:500;margin:16px 0 28px}.control-heading{display:flex;justify-content:space-between;margin-bottom:13px}.crew-picker{display:grid;grid-template-columns:1fr 1fr;padding:4px;gap:4px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff03}.crew-picker button{color:#a1b0a8;background:none;border:1px solid transparent;border-radius:6px;padding:11px 8px;font-size:12px}.crew-picker button[aria-pressed=true]{color:var(--mint);background:#7af2c00c;border-color:#7af2c033}.crew-picker button:last-child[aria-pressed=true]{color:var(--orange);background:#ff9b620c;border-color:#ff9b6233}.crew-picker i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:6px}.crew-picker button:last-child i{background:var(--orange)}.pilot-field{display:block;font-size:9px;letter-spacing:.1em;color:var(--muted);margin:20px 0}.pilot-field input{display:block;width:100%;margin-top:8px;padding:10px 0;color:#d9e3d9;background:none;border:0;border-bottom:1px solid #ffffff20;border-radius:0;font-size:14px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-grid button{display:flex;flex-direction:column;align-items:flex-start;color:var(--cream);background:#ffffff03;border:1px solid #ffffff18;border-radius:10px;padding:15px;text-align:left;font-size:12px;transition:background .2s,transform .2s}.action-grid button>span{color:var(--mint);font-size:24px;margin-bottom:7px;line-height:1}.action-grid small{color:var(--muted);font-size:10px;margin-top:5px}.action-grid button:hover,.gift:hover{background:#ffffff09;transform:translateY(-2px)}.gift-heading{display:block;margin:25px 0 11px;font-size:9px}.gift{display:flex;align-items:center;width:100%;text-align:left;border:0;border-bottom:1px solid #ffffff10;background:transparent;color:var(--cream);padding:14px 0;gap:12px;transition:transform .2s,background .2s}.gift-icon{width:30px;font-size:29px;color:#a6c4be;text-align:center}.gift>span:nth-child(2){flex:1;font-size:13px}.gift small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.gift b{font-size:11px;color:#a8b5ab;font-weight:500}.gift.gold .gift-icon,.gift.gold b{color:#ffcf69}.demo-options{display:flex;justify-content:space-between;margin-top:20px}.demo-options button{background:none;color:var(--muted);border:0;font-size:10px;padding:5px 0;display:flex;align-items:center;gap:8px}.demo-options #restart{font-size:22px;padding:0 8px}.switch{width:25px;height:14px;border:1px solid #657e75;border-radius:8px;position:relative}.switch:after{content:"";position:absolute;background:#81948a;width:8px;height:8px;border-radius:50%;left:2px;top:2px;transition:transform .2s}[aria-pressed=true] .switch{border-color:#7af2c070}[aria-pressed=true] .switch:after{background:var(--mint);transform:translate(10px)}.demo-note{color:#6b7c76;font-size:10px;line-height:1.7;margin:16px 0 0;max-width:250px}.footer{padding:24px 52px;border-top:1px solid #ffffff0e;max-width:1500px;margin:auto;display:flex;justify-content:space-between;color:#5d776d;font-size:9px}.footer i{color:var(--mint);font-style:normal;padding-left:8px}.overlay-demo .masthead,.overlay-demo .intro,.overlay-demo .control-column,.overlay-demo .footer,.overlay-demo .preview-heading,.overlay-demo .preview-footer,.overlay-demo .frame-label{display:none}.overlay-demo .demo-layout{padding:0;display:block}.overlay-demo .game-frame{position:fixed;inset:0;width:100%;height:100%;border:0;border-radius:0;background:transparent}.overlay-demo{background:transparent}@media (min-width: 1000px) and (max-height: 850px){.demo-layout{grid-template-columns:1fr minmax(280px,340px) 1fr;padding-top:26px}.masthead{padding-top:22px;padding-bottom:22px}h1{font-size:86px}.mission-stamp{margin-top:20px}}@media (max-width: 1050px){.demo-layout{padding:30px;gap:30px;grid-template-columns:minmax(280px,400px) minmax(230px,1fr);max-width:850px}.intro{display:none}.masthead{padding:24px 30px}}@media (max-width: 650px){.masthead{padding:20px}.edition{display:none}.demo-layout{grid-template-columns:1fr;padding:22px 20px;gap:38px;max-width:440px}.game-frame{border-radius:22px}.control-column>h2{font-size:31px}.control-column{padding:0 5px}.footer{padding:22px;flex-direction:column;gap:12px;font-size:8px}.demo-note{max-width:none}}@media (prefers-reduced-motion: reduce){button,.switch:after{transition:none!important}}