*{box-sizing:border-box}body{margin:0;background:#030c1e;color:#fff;font-family:Arial,sans-serif;overflow:hidden}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #80dce76b;background:#102438ed;border-radius:12px;padding:12px 18px;font-weight:700}button:hover,a:hover{filter:brightness(1.25)}button:focus-visible,a:focus-visible{outline:3px solid #ffe087;outline-offset:4px}button:disabled{opacity:.6;cursor:default}a{color:#a8f6ff}#station{height:100dvh;position:relative}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}header{position:absolute;top:16px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}header>*{pointer-events:auto}header span{font-size:12px;letter-spacing:3px;text-shadow:0 2px 8px #000}header b{display:block;font-size:18px;letter-spacing:1px}#welcome{position:absolute;inset:0;background:linear-gradient(90deg,#040b25ed,transparent 85%);display:flex;align-items:center;padding:6vw}#welcome[hidden]{display:none}.welcome-card{max-width:480px}.welcome-card small{color:#ffdc7b;letter-spacing:5px;font-weight:bold}h1{font-size:clamp(42px,5.8vw,83px);line-height:.95;color:#ffd05e;letter-spacing:-2px;margin:20px 0;text-shadow:0 4px #542560}h1 em{font-style:normal;color:#71eaff}.welcome-card p{line-height:1.6;color:#d9ecff}.welcome-card #enter{font-size:19px;padding:18px 28px;background:linear-gradient(#a1f7ff,#33bcd9);color:#05263a;border:2px solid #d4ffff;box-shadow:0 0 30px #22d9ff55}.hint{font-size:12px;max-width:360px}.welcome-card a{font-size:13px}#controls{position:absolute;inset:0;pointer-events:none}#controls button,#controls a{pointer-events:auto}nav{position:absolute;top:89px;left:20px;display:flex;gap:8px;align-items:center}nav button,nav a{font-size:12px;padding:10px 14px;background:#06172ee6;border-radius:9px}nav a{text-decoration:none}.bottom{position:absolute;bottom:22px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:end;gap:20px}#pad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,48px);gap:5px}#pad button{padding:0;font-size:21px;touch-action:none;user-select:none}#pad button:first-child{grid-column:2}#pad button:nth-child(2){grid-column:1}.prompt{display:grid;gap:9px;text-align:right;max-width:400px}.prompt span{font-size:12px;background:#06152cdb;padding:10px 14px;border-radius:10px}#play{justify-self:end;background:linear-gradient(#9af9ff,#32b9d8);color:#04293d;border:2px solid #a6faff;min-width:240px;padding:16px;font-size:18px}#play:disabled{background:#173448;color:#c1d9e2}dialog{padding:0;border:1px solid #69dfeb;border-radius:16px;width:97vw;height:96dvh;background:#050d20;color:white;max-width:none;max-height:none}dialog::backdrop{background:#000d}.player-bar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:6px 12px;gap:8px}.player-bar button{font-size:12px;padding:9px}iframe{width:100%;height:calc(100% - 56px);border:0;display:block}@media(max-width:650px){header{top:10px;left:10px;right:10px}header button{padding:9px;font-size:11px}header span{font-size:9px;letter-spacing:1px}header b{font-size:12px}nav{top:65px;left:10px;right:10px;flex-wrap:wrap;gap:5px}nav button,nav a{font-size:10px;padding:9px}.bottom{bottom:18px;left:10px;right:10px;gap:10px}#pad{grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,44px)}.prompt{max-width:210px}.prompt span{font-size:10px}#play{min-width:0;width:100%;font-size:13px;padding:13px}.welcome-card{max-width:90vw}#welcome{background:linear-gradient(90deg,#040b25ee,#040b2566);padding:7vw}.player-bar b{font-size:11px}.player-bar button{font-size:10px}}

#deck{display:block;font-size:9px;letter-spacing:1px;margin-top:5px}#travel{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:radial-gradient(ellipse,#123e55,#020715 75%);color:#9bf6ff;font-size:clamp(20px,4vw,40px);font-weight:bold;animation:lift-in .6s ease}#travel[hidden]{display:none}@keyframes lift-in{from{opacity:0}to{opacity:1}}

#travel{inset:auto 0 22px;pointer-events:none;background:none;text-align:center;display:block;font-size:18px;text-shadow:0 2px 8px #000;animation:none}#travel[hidden]{display:none}

#exhibit{width:min(1080px,96vw);height:88dvh;padding:24px;overflow:auto;background:radial-gradient(at top,#183656,#040b1d);border:2px solid #8eeeff}#exhibit h2{font-size:32px;color:#aef8ff}#exhibit-note{color:#d5e3f1;line-height:1.6;max-width:850px}#exhibit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}#exhibit-grid[hidden],#exhibit-fact[hidden]{display:none}#exhibit-grid button{padding:10px;background:#112740}#exhibit svg{width:100%;display:block}#exhibit-grid b{display:block;margin:12px}#exhibit-fact{max-width:600px;margin:20px auto;text-align:center}#exhibit-fact svg{max-height:280px}#exhibit-fact h3{font-size:32px;color:#ffe28c}#exhibit-fact p{font-size:23px;line-height:1.6}#exhibit-source{display:inline-block;margin-top:25px;font-size:13px}@media(max-width:650px){#exhibit{padding:15px}#exhibit-grid{grid-template-columns:repeat(2,1fr)}#exhibit-fact p{font-size:19px}}

#exhibit-fact h4{font-size:15px;letter-spacing:1px;text-transform:uppercase;color:#83ecff;margin:24px 0 8px}#exhibit-fact p{font-size:20px;margin:8px 0 22px;text-align:left}#exhibit-fact .think-card{padding:4px 20px 12px;border:1px solid #f4cc7399;border-radius:16px;background:#dca73514}#exhibit-fact .think-card h4{color:#ffe09a}#exhibit-back{position:sticky;top:0;z-index:2;background:#102438}

.station-toggles{display:flex;gap:8px;pointer-events:auto}@media(max-width:650px){.station-toggles{flex-direction:column;gap:4px}.station-toggles button{padding:7px 10px;font-size:11px}}
/* Living-quarter controls share the station's illustrated, warm space style. */
#living{width:min(1100px,96vw);max-height:90dvh;overflow:auto;padding:26px;border:2px solid #b6a6ee;border-radius:24px;background:radial-gradient(at top right,#3c2852,#09172c 70%);color:#f1f5ff}#living::backdrop{background:#03091bcb;backdrop-filter:blur(6px)}#living-close{position:sticky;top:0;z-index:2;background:#15273f}#living h2{font-size:clamp(27px,4vw,43px);margin:10px 0;color:#ffe7ac}#living-note{max-width:810px;line-height:1.65;color:#d5dcee}.living-eyebrow{color:#b6fff0;letter-spacing:2px;font-size:10px;margin-top:24px}#living-feedback{min-height:24px;color:#a9ffca;font-weight:bold;line-height:1.5}.outfit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:24px 0}.outfit-grid button{display:flex;align-items:center;flex-direction:column;gap:10px;padding:12px;background:#1c2141;border:1px solid #a29ace66;text-align:center;transition:background .2s,border-color .2s}.outfit-grid button[aria-pressed=true]{background:#42315b;border:2px solid #ffe3a2;box-shadow:0 0 25px #fbc97820}.outfit-preview{display:block;width:min(150px,100%);aspect-ratio:1;background-image:url('assets/zoe-outfits.png');background-size:400% 400%;background-repeat:no-repeat}.outfit-preview.original{background-image:url('assets/zoe-walk-v2.png')}.outfit-grid b{font-size:14px}.outfit-grid small{font-size:11px;line-height:1.5;color:#c5d3e3;flex:1}.outfit-grid em{font-size:9px;letter-spacing:1px;color:#ffe39a;font-style:normal}.living-fine{font-size:11px;color:#a5b7cb;line-height:1.6}.radio-vista,.garage-vista,.alien-vista,.bed-vista{height:300px;border-radius:18px;border:1px solid #bce8ff55;margin:22px 0;overflow:hidden;position:relative;background-repeat:no-repeat}.radio-vista{background-image:url('assets/dressing-lounge.png');background-size:340% auto;background-position:100% 30%}.radio-vista>span{position:absolute;bottom:16px;left:16px;background:#07172bba;padding:9px;border-radius:6px;font-size:11px;letter-spacing:2px}.radio-vista i{position:absolute;width:18px;height:13px;border-radius:40% 60% 50% 30%;background:#b4aaa8;box-shadow:inset -4px -3px #615c6b;top:30%;animation:space-rock 15s linear infinite}.radio-vista i:nth-of-type(2){top:60%;animation-delay:-8s;animation-duration:20s}.radio-vista i:nth-of-type(3){top:75%;animation-delay:-3s;animation-duration:12s}@keyframes space-rock{from{left:-8%;transform:rotate(0)}to{left:110%;transform:rotate(300deg)}}.radio-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.radio-list button{display:flex;align-items:center;gap:18px;padding:18px;background:#112d40;text-align:left}.radio-list button[aria-pressed=true]{border-color:#c9ffb6;background:#1a493e}.radio-list button>span{color:#93d9db;font-size:12px}.radio-list button small{margin-left:auto;color:#ffe8ab;font-size:10px}.radio-list button:last-child{grid-column:1/-1;justify-content:center}.garage-vista{background-image:url('assets/dressing-lounge.png');background-size:310% auto;background-position:0% 33%}.tool-sparks{position:absolute;left:69%;top:54%;font-size:50px;color:#ffe48a;text-shadow:0 0 20px #ff9f32;animation:tool-work 2s ease-in-out infinite}@keyframes tool-work{0%,55%,100%{opacity:.1;transform:scale(.6) rotate(0)}65%,85%{opacity:1;transform:scale(1) rotate(30deg)}}.garage-status{position:absolute;bottom:0;left:0;right:0;padding:14px;background:#05152bd9;color:#b8ffd5;font-size:12px}.garage-status span{display:block;color:#d6ddeb;font-size:11px;margin-top:5px}.alien-vista{background-image:url('assets/alien-lounge.png');background-size:cover;background-position:center 39%;height:260px}.soda-card{display:flex;gap:28px;align-items:center;padding:20px;background:#0c3440;border-radius:18px}.soda-card h3{margin-top:0}.soda-glass{position:relative;flex:none;width:72px;height:100px;border:3px solid #c8fbe4;border-radius:7px 7px 22px 22px;background:linear-gradient(0deg,#74e72e 70%,#c7ffa729 71%);font-size:45px;text-align:center;color:#e9ffc1;box-shadow:0 0 35px #89f24055}.soda-glass.served{animation:soda-serve 1.2s ease-out forwards}@keyframes soda-serve{to{transform:translate(120px,-70px) rotate(20deg);opacity:0}}.space-terminal{padding:28px;border:1px solid #66dfc7;background:#051f2b;border-radius:16px;font-family:monospace;font-size:15px;line-height:1.8;color:#b7ffe1}.space-terminal small{letter-spacing:3px;color:#d7d6ff}.space-terminal h3{font-size:24px}.terminal-cursor{animation:terminal-blink 1.5s ease infinite}@keyframes terminal-blink{50%{opacity:0}}#computer-radio{margin-top:16px}.bed-vista{background-image:url('assets/zoe-bedroom.png');background-size:cover;background-position:center}.station-toggles button{white-space:nowrap}
@media(max-width:850px){.outfit-grid{grid-template-columns:repeat(3,1fr)}.outfit-preview{width:130px}#living{padding:18px}.radio-vista,.garage-vista{height:235px}}@media(max-width:550px){.outfit-grid{grid-template-columns:repeat(2,1fr);gap:9px}.outfit-grid button{padding:9px}.outfit-grid small{font-size:10px}.outfit-preview{width:120px}.radio-list{grid-template-columns:1fr}.radio-list button{padding:14px;font-size:12px}.radio-vista,.garage-vista,.alien-vista,.bed-vista{height:200px}.soda-card{gap:18px;padding:16px}.soda-card button{font-size:12px}.soda-card h3{font-size:18px}.soda-glass{width:53px;height:82px}#living-note{font-size:13px}nav{max-width:calc(100vw - 35px)}}
@media(prefers-reduced-motion:reduce){.radio-vista i,.tool-sparks,.soda-glass.served,.terminal-cursor{animation:none}}
body.station-motion-off .radio-vista i,body.station-motion-off .tool-sparks,body.station-motion-off .soda-glass.served,body.station-motion-off .terminal-cursor{animation-play-state:paused}