:root{color-scheme:dark;--cream:#f5f3df;--soft:#b3c8c4;--lime:#bce97b;--gold:#f0ce87}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 25% 0,#27463e,transparent 50%),#0c171d;color:var(--cream);font:15px/1.5 Arial,sans-serif}header{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid #ffffff20}header img{width:170px}nav{display:flex;gap:22px}a{color:var(--soft);text-decoration:none;font-weight:700}main{max-width:1400px;margin:auto;padding:22px 28px 40px}.title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--gold);font-weight:800;margin:0 0 5px}h1{font-size:clamp(26px,4vw,44px);letter-spacing:-1.7px;margin:0;line-height:1.15}h1 span{color:var(--lime)}.save{font-size:12px;color:var(--soft)}.shell{border:1px solid #6b8d7e;border-radius:16px;overflow:hidden;background:#14232a;box-shadow:0 28px 65px #0005}.hud{display:flex;gap:22px;align-items:center;padding:13px 20px;flex-wrap:wrap}.hud div:first-child{margin-right:auto}.hud small{display:block;font-size:9px;letter-spacing:1.6px;color:var(--soft)}.hud strong{font-size:14px}button{font:inherit;font-weight:700;border:1px solid #7e998b;background:#243b3e;color:var(--cream);padding:9px 14px;border-radius:8px;cursor:pointer}button:hover{background:#3a5750}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}.primary{background:var(--lime);color:#182d25;border:0;padding:13px 24px}.viewport{position:relative;background:#142b2a;aspect-ratio:1100/650}canvas{display:block;width:100%;height:100%;touch-action:none}.scene-label{pointer-events:none;position:absolute;left:22px;top:18px;padding:10px 15px;background:#09191dcc;border:1px solid #9cbe9260;border-radius:9px;max-width:65%}.scene-label span{display:block;font-size:11px;letter-spacing:2px;color:var(--gold);font-weight:800}.scene-label small{color:var(--cream)}.interact{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);background:#d4ee9d;color:#183128;max-width:90%;white-space:nowrap}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#07141bd9;backdrop-filter:blur(5px);padding:24px;overflow:auto}.overlay[hidden],[hidden]{display:none!important}.modal{width:min(760px,100%);max-height:100%;overflow:auto;background:linear-gradient(145deg,#233d3e,#14252e);border:1px solid #88a57a;border-radius:16px;padding:28px;box-shadow:0 20px 60px #0006}.modal h2{font-size:29px;line-height:1.15;margin:10px 0 15px}.modal p{color:var(--soft)}.instructions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0;font-size:12px}.instructions b{display:block;color:var(--gold)}.small{font-size:11px}.modal-top{display:flex;justify-content:space-between;gap:20px;align-items:start}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.choice{padding:18px;border:1px solid #6d8e7860;border-radius:10px;background:#14282f}.choice h3{margin:0 0 6px;font-size:17px}.choice p{font-size:12px;margin:7px 0 14px}.choice button{font-size:12px;width:100%}.planet-orb{width:55px;height:55px;border-radius:50%;background:radial-gradient(circle at 28% 25%,#e6f7b8,#78a966 40%,#142d32 90%);box-shadow:0 0 35px #b0ed7b25;margin:4px 0 16px}.collection{grid-template-columns:repeat(4,1fr)}.collection img{width:100%;border-radius:8px}.collection h3{font-size:13px;margin-top:8px}.reveal{text-align:center}.reveal img{width:180px;max-width:60%;border-radius:12px;box-shadow:0 0 45px #e8d39130}.stat-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff20}.stat-row small{display:block;color:var(--soft);font-size:11px}.under{display:flex;gap:16px;align-items:center;padding:10px 20px;border-top:1px solid #ffffff15}.under p{margin:0;color:var(--soft);font-size:12px;margin-right:auto}.under button{font-size:11px;white-space:nowrap}.touch{display:none;justify-content:space-between;align-items:center;padding:10px 15px;background:#101f26;gap:14px}.dpad{display:grid;grid-template-columns:repeat(3,44px);gap:4px}.dpad button{padding:9px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-row:2;grid-column:1}.dpad button:nth-child(3){grid-row:2;grid-column:2}.dpad button:nth-child(4){grid-row:2;grid-column:3}.actions{display:flex;gap:6px}.actions button{padding:14px 10px;font-size:11px;touch-action:none}.actions button:last-child{background:var(--lime);color:#1c3026}.dpad button{touch-action:none}.notes{display:flex;gap:30px;color:var(--soft);font-size:12px;padding-top:14px}.notes p{flex:1}.notes b{color:var(--cream)}@media(pointer:coarse){.touch{display:flex}}@media(max-width:700px){header{padding:12px 14px}header img{width:125px}nav{gap:12px;font-size:11px}main{padding:15px 10px}.title{display:block;margin-bottom:12px}.save{margin-top:6px;font-size:10px}.hud{gap:8px 14px;padding:9px 12px}.hud div:first-child{width:100%}.hud strong{font-size:12px}.hud button{font-size:11px;padding:6px 9px}.viewport{aspect-ratio:4/3}.scene-label{top:8px;left:8px;padding:6px 9px;max-width:70%}.scene-label span{font-size:9px}.scene-label small{font-size:10px}.overlay{padding:10px}.modal{padding:16px}.modal h2{font-size:22px}.modal p{font-size:12px}.choices{grid-template-columns:1fr 1fr;gap:8px}.choice{padding:11px}.collection{grid-template-columns:repeat(3,1fr)}.instructions{margin:12px 0;font-size:11px}.notes{display:block}.interact{bottom:12px;font-size:11px;padding:8px 12px}.touch{display:flex}.actions{flex-wrap:wrap;justify-content:flex-end}.under{padding:9px 12px}.reveal img{width:125px}}@media(prefers-reduced-motion:reduce){.overlay{backdrop-filter:none}}