:root{color-scheme:dark;--amber:#efc58b;--cyan:#9ddbcf;--ink:#15120e;--line:#ffffff25}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#f6e9d8;font:15px/1.6 system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}header{min-height:84px;padding:16px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:17px;letter-spacing:.22em;white-space:nowrap}.open{display:block;font:10px/1.5 monospace;letter-spacing:.2em;color:var(--amber)}nav{display:flex;gap:24px;align-items:center}nav button,footer button{background:none;border:0;padding:8px 0}nav a:hover,nav button:hover{color:var(--amber)}#sound{border:1px solid var(--line);border-radius:30px;padding:7px 14px;font-size:12px}.scene{position:relative;width:100%;max-width:1800px;margin:auto;aspect-ratio:1672/941;overflow:hidden;background:#231b13}.scene>img{display:block;width:100%;height:100%;object-fit:cover}.spots{position:absolute;inset:0}.spots[hidden]{display:none}.spot{position:absolute;display:flex;align-items:flex-end;justify-content:center;background:transparent;border:1px solid transparent;border-radius:12px;transition:background .2s,border .2s}.spot:hover,.spot:focus-visible{background:#ffcb7312;border-color:#ffd49480;box-shadow:0 0 30px #ffc97120}.spot span{background:#16120fea;border:1px solid #efc58b66;color:#fff2de;border-radius:30px;padding:7px 14px;white-space:nowrap;font-size:13px;transform:translateY(10px);opacity:0;transition:opacity .2s}.spot:hover span,.spot:focus-visible span{opacity:1}.shelf{left:15%;top:15%;width:23%;height:57%}.terminal{left:42%;top:40%;width:14%;height:18%}.door{left:72%;top:16%;width:18%;height:67%}.room-shelf{left:2%;top:10%;width:21%;height:48%}.tv{left:64%;top:34%;width:16%;height:28%}.stars{left:45%;top:8%;width:27%;height:27%}.poster{left:82%;top:7%;width:16%;height:40%}.pc{left:27%;top:24%;width:17%;height:26%}footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 4%;font-size:12px;color:#baad9c}footer p{margin:8px 0}.status-dot{display:inline-block;width:6px;height:6px;background:var(--amber);border-radius:50%;margin-right:8px;box-shadow:0 0 9px var(--amber)}.entry{position:fixed;inset:84px 0 0;display:flex;align-items:center;padding:6%;background:linear-gradient(90deg,#100d0be8,#100d0b85 45%,transparent 80%);z-index:2}.entry[hidden]{display:none}.entry h1{font:clamp(40px,6vw,82px)/1.07 Georgia,serif;margin:20px 0}.entry p{color:#d9c7b4;font-size:17px}.eyebrow{font:11px monospace;letter-spacing:.22em;color:var(--amber)}.entry-actions{display:flex;gap:12px;margin-top:32px}.entry-actions button,.action{border:1px solid #efc58b80;background:var(--amber);color:#201a13;border-radius:5px;padding:12px 20px}.entry-actions .quiet{background:#17130fa6;color:#f4dec1}dialog{background:#201b16;color:#f5e8d4;border:1px solid #927451;border-radius:12px;padding:36px;max-width:640px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#05070bd9;backdrop-filter:blur(5px)}.close{position:absolute;right:10px;top:5px;background:none;border:0;font-size:30px;color:#c9b89f}h2{font:34px/1.2 Georgia,serif;margin:12px 0 20px}dialog p{color:#cdbfae}.terminal-screen{background:#071b18;color:#9de7c6;border:8px solid #6d6553;border-radius:14px;padding:24px;font:14px/1.8 monospace;box-shadow:inset 0 0 25px #050d0a}.terminal-screen h2{font:24px monospace;color:#baffd9}.terminal-screen button{display:block;width:100%;text-align:left;background:none;color:inherit;border:1px solid #77c5a850;padding:10px;margin:10px 0}.terminal-screen button:hover{background:#9de7c61a}.terminal-screen a{text-decoration:underline}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.game-grid button{aspect-ratio:1;border:1px solid #8ad8b466;background:#0b211d;color:#aeeacd;font:24px monospace;border-radius:5px}.game-grid button:disabled{cursor:default;opacity:1}.game-info{display:flex;justify-content:space-between;gap:15px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.collectible{background:#e8d7b6;color:#201c17;border:6px solid #b49c77;padding:12px;text-align:center;min-height:190px;box-shadow:3px 7px 0 #100c08;transform:rotate(-3deg)}.collectible:nth-child(2){transform:rotate(2deg)}.collectible:nth-child(3){transform:rotate(-1deg)}.collectible b{display:block;font:50px Georgia;margin:14px 0}.collectible small{display:block;font:10px monospace;letter-spacing:.1em}.sky{height:170px;background:radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 2px),radial-gradient(circle at 70% 45%,#a7caff 0 2px,transparent 3px),radial-gradient(circle at 45% 75%,#fff 0 1px,transparent 2px),radial-gradient(ellipse at 65% 60%,#183143,#080d1a 65%);border-radius:10px;display:grid;place-items:center;font:32px Georgia;color:#b9deec}.tv-frame{background:#070d14;border:12px solid #4c4237;border-radius:20px;padding:28px;text-align:center}.tv-frame .planet{width:75px;height:75px;margin:15px auto;background:linear-gradient(135deg,#9fdcc2,#34598c);border-radius:50%;box-shadow:0 0 35px #78bdb944}.tv-frame p{font-family:monospace;color:#9ee0c5}.tv-frame button{background:#ead1a3;color:#211b13;border:0;padding:10px 18px;border-radius:4px}@media(max-width:700px){header{padding:14px 5%;align-items:flex-start;min-height:120px;flex-direction:column;gap:8px}.brand{font-size:14px}.open{display:inline;margin-left:12px}nav{width:100%;gap:12px;flex-wrap:wrap;font-size:12px}#sound{margin-left:auto}.scene{aspect-ratio:1/1.03}.scene>img{object-fit:contain;object-position:center;background:#211a13}.spots{top:22.7%;bottom:22.7%}.spot span{opacity:1;font-size:10px;padding:5px 7px;transform:translateY(20px)}footer{display:block;padding:12px 5%;font-size:11px}.entry{inset:120px 0 0;align-items:flex-end;padding:8% 6% 12%;background:linear-gradient(0deg,#100d0bf5,#100d0b85 60%,transparent)}.entry h1{font-size:46px}.entry p{font-size:15px}.entry-actions button{font-size:13px;padding:10px 14px}dialog{padding:28px 20px}.cards{gap:8px}.collectible{padding:8px;border-width:3px;font-size:12px;min-height:160px}.collectible b{font-size:35px}.terminal-screen{padding:14px;font-size:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.radio-options{display:grid;gap:10px;margin:22px 0}.radio-option{background:#2c231b;border:1px solid #856443;border-radius:8px;padding:16px;text-align:left}.radio-option strong,.radio-option span{display:block}.radio-option span{color:#c3b5a1;font-size:13px}.radio-option[aria-pressed=true]{border-color:#9ddbcf;background:#18312c}.vista{height:270px;position:relative;overflow:hidden;background:linear-gradient(#08101e,#202244 65%,#37475b);border:1px solid #778ca955;border-radius:8px}.starfield{position:absolute;inset:0;background:radial-gradient(circle at 17% 20%,#fff 0 1px,transparent 2px),radial-gradient(circle at 65% 10%,#bce9ff 0 1px,transparent 2px),radial-gradient(circle at 80% 35%,#fff 0 1px,transparent 2px),radial-gradient(circle at 40% 25%,#fff 0 1px,transparent 2px)}.buildings{position:absolute;bottom:0;inset-inline:0;height:80%;display:flex;gap:4%;align-items:flex-end}.buildings i{width:12%;height:60%;background:repeating-linear-gradient(0deg,transparent 0 13px,#5eb5c355 14px 17px),repeating-linear-gradient(90deg,#0b1627 0 12px,#31516b 13px 15px);box-shadow:3px 0 0 #67d9ed44}.buildings i:nth-child(2n){height:90%;border-top:3px solid #e572b0}.buildings i:nth-child(3n){height:72%;border-top:4px solid #80e8dd}.rain{position:absolute;inset:-100%;background:repeating-linear-gradient(105deg,transparent 0 33px,#a2d4f01c 34px 35px,transparent 36px 70px);animation:rain 1.5s linear infinite}.hovercraft{position:absolute;top:38%;left:-20%;width:44px;height:7px;border-radius:50%;background:#091323;box-shadow:5px 3px 4px #ef80b4;animation:flyby 18s linear infinite}.orbit{background:radial-gradient(ellipse at 20% 10%,#293d58,#060b17 70%)}.orbit-planet{position:absolute;width:170px;height:170px;left:calc(50% - 85px);top:54px;border-radius:50%;background:repeating-linear-gradient(20deg,#6fa5bd 0 18px,#afcbbb 20px 35px,#557eac 40px 65px);box-shadow:inset -55px -10px 50px #050b22cc,0 0 50px #81bbdb44;animation:float 12s ease-in-out infinite}.moon{position:absolute;left:78%;top:20%;width:18px;height:18px;border-radius:50%;background:#d3d4c6;box-shadow:inset -5px 0 4px #474653}.tv-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:20px}.tv-frame{padding:18px}.official-link{text-decoration:underline;color:var(--cyan)}.cartridge-art{font:45px monospace;color:#92d8b5;padding:45px 0}details{border-top:1px solid var(--line);padding-top:14px;font-size:13px}summary{cursor:pointer}@keyframes rain{to{transform:translate(30px,100px)}}@keyframes flyby{to{left:120%}}@keyframes float{50%{transform:translateY(-12px)}}@media(max-width:700px){.vista{height:230px}nav{gap:8px}header{min-height:145px}.entry{top:145px}}

.tv-video{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:7px;background:#000}

.scene-world{position:relative;width:100%;height:100%}.scene-world>img{display:block;width:100%;height:100%;object-fit:cover}.pan-hint{display:none}
@media(max-width:700px){
 header{min-height:0;padding:12px 5%;gap:8px}nav{gap:8px 14px}nav button,nav a{min-height:36px;display:inline-flex;align-items:center}#sound{min-height:36px}
 .scene{height:72svh;min-height:420px;max-height:760px;aspect-ratio:auto;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
 .scene::-webkit-scrollbar{display:none}.scene-world{height:100%;width:auto;aspect-ratio:1672/941;min-width:100%}.scene-world>img{object-fit:cover;object-position:center}.spots{top:0;bottom:0}.spot span{font-size:12px;padding:8px 12px;transform:translateY(0)}
 .pan-hint{display:block;text-align:center;margin:0;padding:10px;color:#c9b498;font:11px monospace;letter-spacing:.08em;background:#211a13}footer{padding:10px 5%}footer p{margin:4px 0}.entry{top:0;padding-bottom:12%;z-index:3}
}
/* Mobile overview; hold to look closer. Transform art and hotspots together. */
@media(max-width:700px){
 .scene{height:auto;min-height:0;max-height:none;aspect-ratio:1672/941;overflow:hidden;touch-action:pan-y}
 .scene-world{position:absolute;inset:0;width:100%;height:100%;min-width:0;aspect-ratio:auto;transform-origin:center;transition:transform .22s ease-out}
 .scene-world>img{width:100%;height:100%;object-fit:fill;user-select:none;-webkit-user-drag:none}
 .spots{inset:0}.spot span{font-size:10px;padding:5px 8px;opacity:0}.spot:focus-visible span{opacity:1}
 .scene.is-looking{touch-action:none}.scene.is-looking .scene-world{transition:none}.scene.is-looking .spot span{opacity:0}
 .pan-hint{font:11px/1.6 system-ui;letter-spacing:0;padding:9px 12px}
}