@font-face{font-family:Deco;src:url(assets/font-2.ttf);font-weight:600;font-display:swap}@font-face{font-family:Body;src:url(assets/font-3.ttf);font-weight:400;font-display:swap}
:root{color-scheme:dark;--ivory:#f1e4c6;--gold:#d2b375;--green:#071514;--effect:#8dcabd}*{box-sizing:border-box}body{margin:0;background:var(--green);color:var(--ivory);font:14px Body,Arial,sans-serif;min-height:100dvh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button,a,input{touch-action:manipulation}button,a{min-height:44px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #f8db91;outline-offset:6px}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#071514;padding:12px}.skip:focus{top:15px}
.environment{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#030b0b}.scene{position:absolute;inset:0;background-position:center;background-size:cover;transition:opacity 1.2s,transform 1.5s cubic-bezier(.2,.7,.2,1),filter 1s}.entrance{background-image:url(assets/bathysphere.webp)}.station{background-image:url(assets/station.webp);opacity:0;transform:scale(1.08)}body:not([data-view=arrival]):not([data-view=descending]) .station{opacity:1;transform:scale(1)}body:not([data-view=arrival]):not([data-view=descending]) .entrance{opacity:0}body[data-view=descending] .entrance{transform:scale(1.22) translateY(-3%);filter:brightness(.65)}.descent-shade{position:absolute;inset:0;background:#00100e;opacity:0;pointer-events:none}body[data-view=descending] .descent-shade{animation:descent 2.8s both}@keyframes descent{0%,35%{opacity:0}80%,100%{opacity:1}}.caustics{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 20%,#5fd7b51a,transparent 40%),repeating-linear-gradient(120deg,transparent 0 14%,#8ccdc908 15%,transparent 17%);mix-blend-mode:screen;animation:water 16s ease-in-out infinite alternate;pointer-events:none}@keyframes water{to{transform:translate(3%,-2%) scale(1.04);opacity:.5}}.response-light{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 75% 50%,var(--effect),transparent 65%);mix-blend-mode:screen}.responding .response-light{animation:response 1.3s ease-out}@keyframes response{0%{opacity:0}20%{opacity:.3}100%{opacity:0}}
header{height:100px;padding:24px 4vw;position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#020a0acc,transparent)}.wordmark{font:600 31px Deco,serif;letter-spacing:.2em;display:flex;align-items:center}header nav{display:flex;align-items:center;gap:28px;font-size:12px}header nav a{display:flex;align-items:center}.buy{border-bottom:1px solid #d2b37580}h1,h2,h3{font-family:Deco,Georgia,serif;font-weight:600}h1{font-size:clamp(50px,5.8vw,92px);line-height:.99;margin:24px 0;letter-spacing:-.02em}h2{font-size:clamp(35px,4vw,62px);line-height:1;margin:18px 0}h3{font-size:36px;line-height:1.1;margin:15px 0}.eyebrow{font-size:9px;letter-spacing:.25em;color:#ddc795}.arrival-copy{position:absolute;left:5vw;top:27%;width:34vw;text-shadow:0 2px 30px #000}.arrival-copy>p:not(.eyebrow){font-size:16px;line-height:1.8}.direct{display:inline-flex;align-items:center;margin-top:45px;border-bottom:1px solid #d2b37580;font-size:12px}.lever{position:absolute;right:6.5vw;top:49%;width:150px;height:210px;border:1px solid #d5b27888;background:linear-gradient(#271e1580,#271e15d9);border-radius:5px;box-shadow:inset 0 0 0 5px #0c110e55,0 8px 40px #0008;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:20px;font-family:Deco,serif;font-size:21px}.lever b{display:block;font-family:Body;font-size:24px;margin-top:8px}.lever-handle{position:absolute;top:25px;width:80px;height:22px;border-radius:15px;background:linear-gradient(#615a46,#0c0b08 45%,#24221b);border:2px solid #aa8a4e;box-shadow:0 7px 10px #000a;transition:transform .4s}.lever:hover .lever-handle{transform:translateY(7px)}[data-view=descending] .lever-handle{transform:translateY(40px)}[data-view=descending] #arrival-view{opacity:.5;pointer-events:none}#travel-status{position:fixed;left:0;right:0;bottom:15vh;text-align:center;letter-spacing:.15em;color:#e7d4ac;pointer-events:none}
.station-heading{position:absolute;top:19%;left:5vw;text-shadow:0 2px 20px #000;width:35vw}.station-heading h2{font-size:clamp(34px,3.5vw,55px)}.station-help{font-size:12px;line-height:1.8;color:#d0cebc}.objects{position:absolute;inset:0;pointer-events:none}.object{position:absolute;top:50%;height:25%;display:flex;align-items:flex-end;justify-content:center;pointer-events:auto;border:1px solid transparent;transition:border-color .2s,background .2s}.object:hover,.object:focus-visible{border-color:#d2b37577;background:linear-gradient(transparent,#e0c78714)}.object span{display:block;padding:10px 17px;background:#08120be6;border:1px solid #b99c6266;text-align:center;font:600 22px Deco,serif;box-shadow:0 8px 30px #0005}.object b{display:block;font:9px Body,sans-serif;letter-spacing:.08em;max-height:0;opacity:0;overflow:hidden;transition:max-height .2s,opacity .2s,margin .2s}.object:hover b,.object:focus-visible b{max-height:20px;opacity:1;margin-top:6px}.object i{position:absolute;top:40%;width:7px;height:7px;background:#edd29b;border-radius:50%;box-shadow:0 0 15px #ffe0a1}.object.visited i{background:#abd8c0;box-shadow:0 0 12px #abd8c0}.radio{left:9%;width:22%}.map{left:34%;width:25%;top:35%;height:40%}.cabinet{left:67%;width:17%;top:44%;height:31%}.projector{left:87%;width:12%}
footer{position:fixed;bottom:0;left:0;right:0;padding:12px 4vw;display:flex;justify-content:space-between;align-items:center;z-index:25;background:linear-gradient(transparent,#030c0bda);font-size:10px}footer>div{display:flex;gap:20px}footer button{font-size:10px}#about{color:#c9c4ad}#directory,#sound-panel{position:fixed;right:4vw;top:85px;z-index:50;background:#081611f5;border:1px solid #b59c5e;padding:25px;box-shadow:0 12px 50px #000b}#directory{display:flex;flex-direction:column;min-width:220px}#directory a{padding:12px;border-bottom:1px solid #c4b48033}#sound-panel{top:auto;bottom:75px;width:230px}#sound-panel button{background:#d5bf8c;color:#071514;width:100%;padding:10px;margin-bottom:15px}#sound-panel label,#sound-panel small{display:block;font-size:11px}#sound-panel input{width:100%;accent-color:#d7b977;margin:16px 0}
body[data-view=stories] .station{transform:scale(1.65);transform-origin:18% 65%;filter:brightness(.55)}body[data-view=districts] .station{transform:scale(1.4);transform-origin:44% 55%;filter:brightness(.5)}body[data-view=plasmids] .station{transform:scale(1.6);transform-origin:76% 58%;filter:brightness(.4)}body[data-view=cinema] .station{transform:scale(1.2);filter:brightness(.2)}body[data-view=getgame] .station,body[data-view=credits] .station{filter:brightness(.25)}#discovery-view{max-width:1200px;margin:20px auto 100px;padding:0 5vw;outline:0}.return{display:inline-flex;align-items:center;font-size:11px;border-bottom:1px solid #d0b77d66;margin-bottom:20px}.discovery-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;align-items:center}.mechanism{padding:30px 0}.mechanism>p{color:#d5c7a5;font-size:12px;line-height:1.9}.selector{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.selector button{padding:12px;border:1px solid #b49b5c66;font-size:11px;background:#07171199}.selector button[aria-pressed=true]{border-color:#ead5a2;background:#c5a365;color:#06130d}.paper{background:#e6d7b7;color:#282b23;padding:28px;box-shadow:0 12px 50px #0009;border:1px solid #ad9970;transform:rotate(-.6deg)}.paper small{font-size:9px;letter-spacing:.14em;text-transform:uppercase}.paper p{font-size:13px;line-height:1.8}.paper img{width:100%;aspect-ratio:16/9;object-fit:cover}.radio-dial{border:3px solid #ac8e52;border-radius:8px;background:linear-gradient(#ad925b,#e8d299);padding:20px;color:#2f2a1b;box-shadow:inset 0 2px 15px #0008;max-width:380px}.frequency{height:45px;background:repeating-linear-gradient(90deg,#64502e 0 1px,transparent 1px 12px);border-bottom:1px solid #5b482b;position:relative;overflow:hidden}.frequency:before{content:'';position:absolute;left:var(--tuning,10%);height:100%;width:3px;background:#9b3920;box-shadow:0 0 10px #f83;transition:left .3s}.radio-dial input{width:100%;accent-color:#3c3927;margin-top:20px}.radio-dial label{font-size:11px}.knob{width:80px;height:80px;border:8px ridge #a48955;border-radius:50%;background:radial-gradient(#3b3525,#0b100c);margin:20px auto 0;position:relative;transform:rotate(var(--angle,0deg));transition:transform .3s}.knob:after{content:'';position:absolute;top:5px;left:50%;width:3px;height:15px;background:#e4cb8a}.route-map{max-width:390px;padding:25px;border:3px double #bd9d60;background:#061a16dd;display:flex;flex-direction:column;gap:20px}.route-map button{border-left:2px solid #6a7565;text-align:left;padding:14px 20px;font:600 24px Deco,serif}.route-map button[aria-pressed=true]{border-color:#e5bf70;color:#ffe1a1;background:#b9984317}.cabinet-controls{display:flex;gap:15px;margin:30px 0}.bottle{height:135px;flex:1;border:2px solid var(--color);border-radius:14px 14px 30px 30px;background:linear-gradient(transparent,#ffffff0b);box-shadow:inset 0 0 20px color-mix(in srgb,var(--color),transparent 75%);font-size:12px;padding:12px}.bottle[aria-pressed=true]{box-shadow:0 0 24px color-mix(in srgb,var(--color),transparent 65%),inset 0 0 25px color-mix(in srgb,var(--color),transparent 50%)}.trailer{width:100%;max-height:65dvh;background:black}.cinema-heading{display:flex;justify-content:space-between;align-items:end}.cinema-heading h2{font-size:42px}.note{font-size:11px;line-height:1.8;color:#c5c7b9}.store-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.store-links a{padding:30px;border:1px solid #c4a76b;background:#071714cc;font:600 27px Deco,serif}.store-links small{display:block;font:12px Body,sans-serif;margin-top:15px}.credits{max-width:700px;line-height:1.9}.fallback{padding:40px}.stills *, .stills *:before{animation:none!important;transition:none!important}body.hidden-tab *{animation-play-state:paused!important}
@media(max-width:700px){header{height:85px;padding:15px 6vw}.wordmark{font-size:22px;letter-spacing:.13em}header nav{gap:15px;font-size:10px}header nav>a:first-child{display:none}.entrance{background-position:58% center}.arrival-copy{top:20%;left:7vw;width:75vw}.arrival-copy:before{content:'';position:absolute;inset:-25px;z-index:-1;background:linear-gradient(90deg,#03110ed9,transparent);filter:blur(10px)}h1{font-size:58px}.arrival-copy>p:not(.eyebrow){font-size:13px;max-width:26ch}.eyebrow{font-size:8px}.direct{margin-top:15px}.lever{top:auto;bottom:105px;right:8vw;height:150px;width:125px;font-size:18px;background:#201d13ee}.lever-handle{top:18px;width:65px}.lever b{font-size:18px;margin-top:3px}.station{background-position:48% center}body[data-view=station] .station:after{content:'';position:absolute;inset:0;background:linear-gradient(#04161388,transparent 45%,#041613c9)}.station-heading{top:17%;left:7vw;width:80vw}.station-heading h2{font-size:43px}.objects{inset:auto 6vw 110px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.object{position:relative;inset:auto;width:auto;height:95px;background:#061812db;border:1px solid #c3a96c77;align-items:center}.object i{top:12px;left:12px}.object span{border:0;background:none;box-shadow:none;font-size:23px;padding:15px 8px}.object b{opacity:1;max-height:20px;margin-top:7px;font-size:9px}.object:hover b{margin-top:7px}.discovery-grid{grid-template-columns:1fr;gap:10px}#discovery-view{padding:0 6vw;margin-top:0}.mechanism{padding:0}.mechanism h2{font-size:36px}.paper{padding:20px;transform:none}.radio-dial{padding:12px;max-width:none}.knob{display:none}.selector{margin:15px 0;gap:8px}.selector button{padding:9px;font-size:10px}.cabinet-controls{margin:15px 0;gap:8px}.bottle{height:95px;font-size:10px}.route-map{padding:8px;gap:0}.route-map button{font-size:22px;padding:8px 15px}.store-links{grid-template-columns:1fr;gap:12px}.store-links a{padding:20px}.cinema-heading h2{font-size:31px}.cinema-heading{display:block}footer{padding:10px 6vw;font-size:9px}footer>div{gap:14px}.station-help{font-size:11px}#directory{right:6vw}.scene{transition:opacity .7s,filter .6s;transform:none!important}body[data-view=descending] .entrance{transform:scale(1.08)!important}}
@media(max-height:600px) and (min-width:701px){.arrival-copy{top:23%}h1{font-size:52px;margin:15px 0}.direct{margin-top:10px}.lever{top:35%;height:170px}.station-heading{top:20%}.station-help{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}

/* Keep the scenery anchored while opening a particular object. */
body[data-view=stories] .scene.station{transform:scale(1.65)}body[data-view=districts] .scene.station{transform:scale(1.4)}body[data-view=plasmids] .scene.station{transform:scale(1.6)}
.knob{display:block;cursor:grab;touch-action:none}.knob:active{cursor:grabbing}
@media(min-width:701px){.lever{border:0;box-shadow:none;background:transparent;text-shadow:0 2px 10px #000}.lever>span:last-child{background:#09120dd9;border:1px solid #d1b47588;padding:12px 18px}.lever-handle{top:10px;opacity:0}.lever:hover{filter:drop-shadow(0 0 14px #f5c56c66)}.mechanism{padding:10px 0}.mechanism h2{font-size:42px}.radio-dial{padding:14px}.knob{width:60px;height:60px;margin:12px auto 0}.paper{padding:24px}.discovery-grid{gap:35px}.paper h3{font-size:32px}.paper img{max-height:260px}.selector{margin-bottom:0}}

.bottle{position:relative;margin-top:24px;border-radius:28px 28px 20px 20px;background:linear-gradient(90deg,#ffffff12,transparent 20%,#ffffff09 80%,transparent)}.bottle:before{content:'';position:absolute;width:36%;height:23px;top:-24px;left:32%;border:2px solid var(--color);border-bottom:0;border-radius:5px 5px 0 0;background:repeating-linear-gradient(#a38d56 0 2px,#181c15 2px 5px)}