:root{color-scheme:dark;--ink:#e7eeea;--muted:#a5b9b9;--yellow:#e6c977;--line:#8ea9a338;--surface:#0d1c20;font-family:"Segoe UI Variable","Segoe UI",system-ui,sans-serif;color:var(--ink);background:#061419}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}button{touch-action:manipulation}[hidden]{display:none!important}
.station{position:relative;min-height:720px;height:100svh;overflow:hidden;isolation:isolate}.backdrop{position:absolute;inset:0;background:linear-gradient(90deg,#051317c9,#05131755,#051317c9),url('assets/station.jpg') center/cover;filter:blur(16px);transform:scale(1.05);z-index:-2}.scene{position:absolute;width:min(100vw,133.333svh);aspect-ratio:4/3;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}.scene>video{width:100%;height:100%;display:block;object-fit:cover}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,#05121644 0%,transparent 24%,transparent 75%,#061419b0 100%)}
.station:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,#051216a8,transparent 30%,transparent 65%,#051216e0)}.masthead{position:absolute;left:4.2%;right:4.2%;top:42px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;pointer-events:none}.eyebrow{font-size:12px;letter-spacing:.22em;color:var(--yellow);font-weight:600;margin:0 0 13px}h1{font-family:"Segoe UI Variable","Segoe UI",system-ui,sans-serif;font-size:clamp(32px,4.1vw,66px);font-weight:350;letter-spacing:-.045em;line-height:1.05;margin:0;text-shadow:0 3px 30px #0008}h1 span{color:var(--yellow);font-weight:400}.subtitle{color:#bbcac9;font-size:14px;letter-spacing:.08em;margin:13px 0 0}.development{font:11px/1.4 Consolas,monospace;letter-spacing:.14em;border-top:1px solid #b6c9bb55;padding-top:10px;margin-top:4px;color:#bcc9c4}
.hotspot{position:absolute;display:flex;align-items:center;gap:16px;text-align:left;border:0;padding:12px;background:none;white-space:nowrap;transform:translate(-22px,-50%)}.office{left:56%;top:22%}.hall{left:22%;top:64%}.dock{left:65%;top:77%}.beacon{width:17px;height:17px;flex:none;border:1px solid var(--yellow);border-radius:50%;background:#13232799;box-shadow:0 0 0 6px #0b1e2480;position:relative;transition:box-shadow .2s}.beacon:after{content:'';position:absolute;inset:5px;border-radius:50%;background:var(--yellow)}.place{display:flex;flex-direction:column;gap:7px;padding:10px 15px 11px;background:linear-gradient(90deg,#07181be8,#07181b96);border-left:1px solid #d5bc7280;box-shadow:0 4px 25px #0002;transition:background .2s,transform .2s}.place small{font:11px Consolas,monospace;letter-spacing:.1em;color:#c8bf9c}.place strong{font-size:18px;font-weight:400;letter-spacing:.01em}.hotspot:hover .beacon{box-shadow:0 0 0 9px #e6c97725,0 0 25px #e6c97755}.hotspot:hover .place{background:#142a2ef0;transform:translateX(3px)}
.station-footer{position:absolute;left:4.2%;right:4.2%;bottom:28px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:18px;pointer-events:none}.coordinate{font:11px Consolas,monospace;letter-spacing:.18em;color:#91a9a8}.location h2{font:500 clamp(24px,3vw,38px)/1.2 "Segoe UI Variable","Segoe UI",system-ui,sans-serif;letter-spacing:-.035em;margin:9px 0 10px}.location p{font-size:14px;color:#b4c3c1;margin:0}.credit{font-size:11px;color:#96aaa8;margin:15px 0 0;grid-column:1/-1;letter-spacing:.05em;padding-top:17px;border-top:1px solid #91a9a826}.motion{pointer-events:auto;font-size:12px;color:#bac8c3;background:#08191c99;border:1px solid #8ea9a345;padding:12px 15px;display:flex;gap:17px;align-items:center}.motion span{color:var(--yellow)}
dialog{width:min(1260px,calc(100vw - 64px));max-height:calc(100svh - 64px);padding:0;background:var(--surface);color:var(--ink);border:1px solid #98aea347;box-shadow:0 30px 120px #000b;overflow:auto}dialog::backdrop{background:#020b10c9;backdrop-filter:blur(9px)}.room-header{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:17px 25px;background:#0a181c}.room-header>span{font:11px Consolas,monospace;letter-spacing:.14em;color:#b1beb4}.back{display:flex;gap:22px;align-items:center;border:0;background:transparent;font-size:13px;padding:9px 0}.back span{font-size:26px;color:var(--yellow);line-height:16px}.room-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr)}.room-art{position:relative;min-width:0;background:#061014;display:flex;align-items:center;justify-content:center;padding:20px 0 45px}.room-art>video,.room-art>img{display:block;width:100%;height:auto;max-height:65svh;object-fit:contain}.art-caption{position:absolute;left:24px;bottom:19px;color:#9cafaa;font:10px Consolas,monospace;letter-spacing:.13em}.room-info{padding:35px 34px;border-left:1px solid var(--line)}.room-info h2{font:500 34px/1.15 "Segoe UI Variable","Segoe UI",system-ui,sans-serif;letter-spacing:-.035em;margin:0 0 21px}.room-content>p{font-size:16px;line-height:1.7;color:#bdccca;margin:0 0 24px}.room-content .scope-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin:20px 0 12px;color:var(--yellow)}.features{list-style:none;margin:0;padding:0}.features li{font-size:14px;padding:11px 0;border-bottom:1px solid #8ea9a31e}.features li:before{content:'+';color:var(--yellow);margin-right:12px}.room-content .note{font-size:12px;line-height:1.6;color:#9baead;margin:25px 0 0}.action{background:var(--yellow);color:#17201b;text-decoration:none;font-weight:600;font-size:14px;padding:16px;display:flex;justify-content:space-between;gap:15px;line-height:1.4}.action:hover{background:#f6de9a}.text-links{display:flex;flex-wrap:wrap;gap:20px;padding:22px 0;font-size:13px}.text-links a{text-decoration-color:#65736b;text-underline-offset:5px}.moddb-embeds{display:flex;align-items:flex-start;flex-direction:column;gap:20px;border-top:1px solid var(--line);padding-top:25px}.moddb-embeds img{max-width:100%;height:auto}.moddb-logo{max-height:60px}.social-link{display:flex;align-items:center;justify-content:space-between;gap:16px;text-decoration:none;border:1px solid #a5b9b94a;background:#14272b;padding:22px}.social-link strong{display:block;font-weight:400;font-size:22px}.social-link small{display:block;color:#b7c5c0;margin-top:9px;font-size:13px}.social-link>span:last-child{font-size:24px;color:var(--yellow)}
@media(min-width:1500px){.masthead{top:55px}.station-footer{bottom:36px}}
@media(max-height:760px) and (min-width:701px){.station{min-height:560px}.masthead{top:25px}.station-footer{bottom:20px}.credit{margin-top:0;padding-top:12px}.location h2{font-size:28px}.room-info{padding:24px}.features li{padding:8px 0}}
@media(max-width:700px){.station{min-height:700px;height:100svh}.masthead{top:29px;left:7%;right:7%;display:block}h1{font-size:clamp(28px,7.5vw,48px)}.eyebrow{font-size:10px}.subtitle{font-size:12px}.development{display:inline-block;font-size:9px;margin-top:23px}.scene{width:122%;top:48%}.office{left:56%;top:22%}.hall{left:21%;top:59%}.dock{left:65%;top:79%}.hotspot{gap:10px}.place{padding:9px 11px}.place strong{font-size:15px}.place small{font-size:9px}.beacon{width:15px;height:15px}.beacon:after{inset:4px}.station-footer{left:7%;right:7%;bottom:24px;gap:15px}.location h2{font-size:28px}.location p{font-size:12px}.motion{padding:10px;font-size:11px;gap:10px}.credit{font-size:10px}.coordinate{font-size:10px}dialog{width:calc(100vw - 24px);max-height:calc(100svh - 24px)}.room-header{padding:12px 16px}.room-header>span{font-size:9px}.back{font-size:12px;gap:12px}.room-layout{grid-template-columns:1fr}.room-art{padding:0 0 34px}.room-art>video,.room-art>img{max-height:44svh}.art-caption{font-size:9px;left:16px;bottom:12px}.room-info{border-left:0;border-top:1px solid var(--line);padding:25px}.room-info h2{font-size:30px}.room-content>p{font-size:15px}.features li{font-size:14px}.moddb-embeds{flex-direction:row;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:360px){.office,.dock{flex-direction:row-reverse;transform:translate(calc(-100% + 17px),-50%)}.office .place,.dock .place{border-left:0;border-right:1px solid #d5bc7280;text-align:right}.station-footer{grid-template-columns:1fr;gap:12px}.location h2{font-size:26px}.motion{justify-self:start}.credit{margin-top:0}}
.credit{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 20px}.page-counter{font:10px/1.4 Consolas,monospace;letter-spacing:.08em;white-space:nowrap;color:#96aaa8}.page-counter #page-views{font-variant-numeric:tabular-nums;color:#bcc9c4}