:root{color-scheme:dark;--bg:#070e1b;--text:#ecf4fb;--muted:#b6c8d8;--cyan:#76f7f4;--pink:#ff7cdd;--amber:#ffd194}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--amber);outline-offset:5px}a,button{touch-action:manipulation}.skip{position:absolute;top:-100px;left:20px;z-index:20;padding:12px;background:var(--cyan);color:var(--bg)}.skip:focus{top:10px}header{display:flex;align-items:center;justify-content:space-between;padding:20px 4vw;border-bottom:1px solid #3a5367;background:#070e1b;gap:20px}.brand{font-weight:bold;letter-spacing:3px;color:var(--cyan);font-size:17px;text-shadow:0 0 15px #76f7f477}.brand small{font-size:9px;letter-spacing:2px;color:var(--text);display:block;padding-left:29px}nav{display:flex;gap:25px;font-size:13px}nav a:first-child{color:var(--cyan)}nav a:hover{color:var(--pink)}.world{position:relative;aspect-ratio:16/9;min-height:640px;max-height:1000px;overflow:hidden;background:#081323}.world-image{position:absolute;width:100%;height:100%;object-fit:cover}.world:after{content:'';position:absolute;inset:0;background:linear-gradient(#0004,transparent 45%,#040a1599);pointer-events:none}.world-title{position:absolute;z-index:2;left:38%;top:6%;max-width:530px;text-shadow:0 3px 12px #000}.eyebrow{font:10px monospace;letter-spacing:2px;color:var(--cyan);font-weight:bold}h1{font-size:clamp(40px,4.6vw,70px);line-height:1.02;letter-spacing:-2px;margin:15px 0;font-weight:900}h1 em{font-style:normal;color:var(--pink);text-shadow:0 0 25px #ff7cdd66}h2{font-size:40px;letter-spacing:-1px;line-height:1.1;margin:15px 0 24px}h3{font-size:27px;line-height:1.2;margin:14px 0}p{color:var(--muted)}.button{display:inline-block;padding:14px 22px;background:var(--cyan);color:#051221;border:1px solid var(--cyan);box-shadow:0 0 22px #76f7f433;font-size:13px;font-weight:bold;min-height:48px}.button:hover{background:var(--pink);border-color:var(--pink)}.hotspot{position:absolute;z-index:3;border:1px solid var(--cyan);background:#071421e8;color:var(--cyan);padding:12px 16px;font:12px monospace;letter-spacing:1px;box-shadow:0 0 18px #76f7f444;min-width:190px;transition:transform .2s}.hotspot span{color:var(--pink);margin-right:8px}.hotspot small{display:block;color:var(--text);font:11px Arial;letter-spacing:0;margin:5px 0 0}.hotspot:hover{transform:translateY(-4px);box-shadow:0 0 30px #ff7cdd77;border-color:var(--pink)}.arcade{left:7%;top:45%}.pier{left:37%;top:70%}.beacon{right:19%;top:42%;border-color:var(--amber);color:var(--amber)}.records{right:3%;top:76%}.world-caption{position:absolute;bottom:12px;left:4vw;z-index:2;font:10px monospace;letter-spacing:3px;color:var(--text)}.harbor-reflection{position:absolute;inset:50% 0 0;z-index:1;pointer-events:none;background:linear-gradient(105deg,transparent 30%,#76f7f412 48%,transparent 60%);animation:shimmer 7s ease-in-out infinite;mix-blend-mode:screen}@keyframes shimmer{50%{opacity:.2;transform:translateX(3%)}}.section{max-width:1160px;margin:0 auto;padding:70px 30px}.section-title{text-align:center;margin-bottom:30px}.terminal{border:1px solid var(--cyan);padding:12px;background:#122139;box-shadow:0 0 35px #76f7f418;border-radius:9px}.terminal-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;color:var(--cyan);font:11px monospace}.terminal-bar button{background:transparent;border:1px solid #6c91a8;color:var(--text);padding:9px 13px;font-size:11px;min-height:44px}.terminal-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.screen{padding:30px;background:radial-gradient(ellipse at top,#0d3943,#081d28);border:1px solid #386a78}.screen h3{font-size:42px;color:var(--cyan)}.equalizer{font-size:40px;color:var(--pink);letter-spacing:10px;line-height:1;margin:35px 0;text-shadow:0 0 20px #ff7cdd44}.screen .button{width:100%;text-align:center}.service{display:block;padding:14px 0;border-bottom:1px solid #34556c;color:var(--cyan);font-size:13px}.service:hover{color:var(--pink)}.small{font-size:11px}.cover-display{display:block;background:#162338;padding:18px}.cover-display img{width:100%;height:auto;display:block}.cover-display h3{font-size:23px}.cover-display p{font-size:12px}.filters{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 15px}.filters button{background:#0e1e31;color:var(--text);border:1px solid #486278;padding:12px 16px;font-size:12px;min-height:44px}.filters button[aria-pressed=true]{border-color:var(--pink);color:var(--pink);box-shadow:0 0 14px #ff7cdd22}.release-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.release{padding:24px;background:#0e1a2c;border-top:2px solid #41617c}.release h3{font-size:24px}.release h3 span{color:var(--pink)}.release p{font-size:13px}.release p.eyebrow{font-size:10px}.release .status,.status{color:var(--amber);font-size:12px}.release[hidden]{display:none}.release:hover{border-color:var(--pink)}.about{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:center}.about img{width:100%;height:auto;border:12px solid #15233a}.about p{font-size:14px}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 4vw;border-top:1px solid #34556c;font:10px monospace;color:var(--muted)}.detail{max-width:1150px;margin:auto;padding:50px 30px}.back{color:var(--cyan);font-size:13px}.detail-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;margin:40px 0}.cover{width:100%;height:auto}.detail h1{font-size:52px;color:var(--text)}.detail h2{font-size:28px}.record-symbol{display:grid;place-items:center;aspect-ratio:1;background:radial-gradient(circle,#0f223c,#040b16);border:1px solid var(--pink);font-size:180px;color:var(--pink)}.artist-note{margin:50px 0;border-top:1px solid #34556c;padding-top:25px}.pending{padding:20px;border:1px solid #486278}.motion-paused *{animation:none!important;scroll-behavior:auto!important}@media(max-width:900px){.world{min-height:720px;aspect-ratio:auto}.world-title{left:7%;top:7%}.world-image{object-position:40% center}.arcade{top:48%;left:6%}.pier{top:71%;left:6%}.beacon{top:57%;right:6%}.records{top:80%;right:6%}.release-grid{grid-template-columns:repeat(2,1fr)}.equalizer{letter-spacing:4px}.terminal-grid{grid-template-columns:1fr 1fr}.screen{padding:22px}.screen h3{font-size:32px}}@media(max-width:600px){header{padding:17px 20px}.brand{font-size:12px;letter-spacing:1px}nav{gap:12px;font-size:11px}.brand small{font-size:8px;padding-left:20px}.world{min-height:820px}.world-title{left:24px;top:35px;right:24px}.world h1{font-size:43px}.world-title p{font-size:13px}.world-image{object-position:27% center}.hotspots{position:absolute;bottom:55px;left:24px;right:24px;z-index:3;display:grid;grid-template-columns:1fr;gap:10px}.hotspot{position:static;min-width:0;padding:10px 14px;font-size:11px;background:#071421ef}.hotspot small{display:inline;margin-left:8px;font-size:10px}.world-caption{left:24px;font-size:8px}.terminal-grid,.about,.detail-grid{grid-template-columns:1fr}.section{padding:45px 24px}.section-title{text-align:left}h2{font-size:32px}.screen h3{font-size:31px}.terminal{padding:8px}.terminal-bar{font-size:9px;padding:10px 8px}.terminal-bar button{font-size:10px;padding:7px}.equalizer{font-size:30px;letter-spacing:4px}.cover-display{padding:16px}.release-grid{grid-template-columns:1fr}.about{gap:25px}.about img{max-width:320px}.detail{padding:30px 24px}.detail-grid{gap:25px}.detail h1{font-size:40px}footer{flex-wrap:wrap}.filters{gap:8px}.filters button{padding:10px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.harbor-reflection{animation:none}.hotspot{transition:none}}
.world{isolation:isolate}.world-image{transform:scale(1.04);transition:transform 1.3s ease,filter 1.3s ease;will-change:transform}.world.exploring .world-image{transform:scale(1.2) translate(var(--pan-x,0),var(--pan-y,0))}.world.exploring .world-title{opacity:0;pointer-events:none}.world-title{transition:opacity .5s}.world.after-midnight .world-image{filter:saturate(1.5) hue-rotate(12deg) brightness(.75)}.world-controls{position:absolute;z-index:5;right:24px;bottom:18px;display:flex;gap:8px}.world-controls button{background:#061321dd;border:1px solid #628aa0;color:#d8eef7;padding:10px 14px;font:10px monospace;min-height:44px}.world-controls button[aria-pressed=true]{color:var(--cyan);border-color:var(--cyan)}.rain{position:absolute;inset:-40%;z-index:1;pointer-events:none;opacity:.18;background:repeating-linear-gradient(105deg,transparent 0 49px,#c5e8ff 50px,transparent 51px 90px);animation:rainfall 1.1s linear infinite}.world.dry .rain{display:none}@keyframes rainfall{to{transform:translate(-30px,100px)}}.fog{position:absolute;inset:35% -20% 0;z-index:1;pointer-events:none;opacity:.18;background:radial-gradient(ellipse at 20% 50%,#b6cbec66,transparent 45%),radial-gradient(ellipse at 75% 65%,#c9bce666,transparent 40%);animation:fog-drift 24s alternate ease-in-out infinite}@keyframes fog-drift{to{transform:translateX(10%);opacity:.08}}.beacon-beam{position:absolute;left:78%;top:39%;height:180px;width:600px;transform-origin:left center;z-index:1;pointer-events:none;background:linear-gradient(90deg,#ffd19444,transparent);clip-path:polygon(0 50%,100% 0,100% 100%);animation:beacon-sweep 16s alternate ease-in-out infinite;mix-blend-mode:screen}@keyframes beacon-sweep{from{transform:rotate(160deg);opacity:.04}50%{opacity:.25}to{transform:rotate(200deg);opacity:.03}}.hotspot{border:0;border-bottom:1px solid #76f7f4aa;background:#05122299;backdrop-filter:blur(7px);box-shadow:none}.hotspot:before{content:'+';position:absolute;left:-20px;top:18px;font-size:18px;color:var(--cyan);text-shadow:0 0 15px var(--cyan)}dialog{color:var(--text);background:#091628f7;border:1px solid var(--cyan);width:min(850px,calc(100vw - 32px));max-height:85vh;padding:0;box-shadow:0 0 90px #00d4dc33}dialog::backdrop{background:#030919bb;backdrop-filter:blur(9px)}.panel-top{display:flex;justify-content:space-between;align-items:center;padding:15px 24px;border-bottom:1px solid #426176;color:var(--cyan);font:10px monospace;letter-spacing:2px}.panel-top button{color:var(--text);background:transparent;border:1px solid #426176;padding:10px 15px;min-height:44px}#panel-content{padding:35px}.panel-layout{display:grid;grid-template-columns:220px 1fr;gap:30px}.panel-layout img{width:100%;height:auto}.panel-layout h2{font-size:34px}.panel-list{display:grid;gap:0}.panel-list a{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #426176;color:var(--cyan)}.panel-intro{font:12px monospace;color:var(--pink);letter-spacing:2px}.world-caption{bottom:24px}@media(max-width:600px){.world{min-height:900px}.world-controls{left:24px;right:auto;bottom:45px;gap:6px}.world-controls button{padding:8px 10px;font-size:9px}.hotspots{bottom:115px}.world-caption{bottom:16px}.panel-layout{grid-template-columns:1fr}.panel-layout img{max-width:200px}#panel-content{padding:24px}.panel-top{padding:12px 16px;font-size:8px}.beacon-beam{left:80%;top:45%}}@media(prefers-reduced-motion:reduce){.rain,.fog,.beacon-beam{animation:none}.world-image,.world-title{transition:none}.world.exploring .world-image{transform:scale(1.04)}}

[hidden]{display:none!important}.journey{height:calc(100svh - 83px);min-height:760px;max-height:none;aspect-ratio:auto;--glow:0}.scene-depth{position:absolute;inset:0;overflow:hidden;background:#071426}.scene-depth .world-image{transform:scale(1.04);transition:transform 1.4s cubic-bezier(.22,.8,.23,1),filter 1.4s;object-position:center}.journey[data-place=arcade] .world-image{transform:scale(1.65) translate(18%,6%);filter:brightness(.55)}.journey[data-place=gallery] .world-image{transform:scale(1.7) translate(-18%,5%);filter:brightness(.55)}.journey[data-place=pier] .world-image{transform:scale(1.25) translate(-5%,-4%);filter:brightness(calc(.6 + var(--glow)*.3))}.journey:after{z-index:0;background:linear-gradient(#06101e44,#03091733)}.journey[data-place=pier]:after{background:radial-gradient(ellipse at center bottom,rgba(255,193,105,calc(var(--glow)*.25)),transparent 65%)}.scene-label{position:absolute;top:25px;left:30px;z-index:4;font:11px monospace;letter-spacing:3px;color:var(--cyan)}.place-content{position:relative;z-index:3;max-width:1080px;margin:65px auto 140px;animation:place-enter .9s both}.arrival-content{position:absolute;top:12%;left:40%;right:5%;margin:0;max-width:610px}.arrival-content h1{font-size:clamp(50px,6vw,86px);letter-spacing:-3px;text-shadow:0 4px 40px #000}.arrival-content p{max-width:340px}.arrival-content .service{max-width:230px}.arcade-content,.gallery-content,.pier-content{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding:0 30px}.object-story{background:#07122299;backdrop-filter:blur(6px);padding:25px;border-left:1px solid #76f7f433}.object-story h2{font-size:42px;line-height:1.1}.object-story p{font-size:14px;max-width:320px}.text-button{background:transparent;color:var(--cyan);border:0;border-bottom:1px solid #76f7f455;padding:13px 0;font-size:13px;min-height:44px;text-align:left}.harbor-map{position:absolute;left:30px;bottom:64px;z-index:5;display:flex;gap:7px}.harbor-map button{font:11px monospace;padding:13px 15px;min-height:46px;background:#081729df;border:1px solid #456477;color:var(--muted)}.harbor-map button[aria-current=location]{border-color:var(--pink);color:var(--pink);box-shadow:0 0 20px #ff7cdd33}.journey .world-controls{bottom:15px;right:30px}.cabinet{background:linear-gradient(120deg,#25394f,#11192a 55%,#213247);padding:13px;border-radius:20px 20px 5px 5px;border:2px solid #537389;box-shadow:12px 15px 0 #030815aa,0 0 60px #76f7f422;transform:perspective(1200px) rotateY(6deg);max-width:480px}.cabinet-sign{text-align:center;font:700 20px monospace;letter-spacing:3px;padding:17px 8px;margin-bottom:10px;color:var(--pink);background:#08101d;border:2px solid var(--pink);text-shadow:0 0 15px #ff7cddaa;box-shadow:0 0 20px #ff7cdd33,inset 0 0 15px #ff7cdd22}.cabinet-screen{background:radial-gradient(ellipse,#123b42,#06141e);border:9px solid #050b13;border-radius:12px;padding:16px 22px;min-height:270px;color:var(--cyan)}.cabinet-screen h2{font-size:27px;line-height:1.1;margin:8px 0}.cabinet-screen p{font:11px monospace;color:#bfdddd}.cabinet-screen #channel{color:var(--pink);letter-spacing:3px}#tune-art{height:115px;display:flex;align-items:center;justify-content:center}#tune-art img{height:115px;width:115px;object-fit:contain}#tune-art span{font-size:105px;line-height:1;color:var(--cyan);text-shadow:0 0 30px #76f7f433}.signal-bars{color:var(--pink);font-size:24px;letter-spacing:7px;line-height:1;margin-top:12px}.tactile-controls{display:flex;align-items:center;gap:20px;background:linear-gradient(#34465c,#182538);padding:17px 14px;border-top:2px solid #456477;box-shadow:inset 0 -4px 10px #0005}.tactile-controls button{border-radius:50%;width:44px;height:44px;background:#ff7cdd;color:#172137;border:3px solid #ffc1eb;box-shadow:0 5px 0 #68304f}.tactile-controls button:active{transform:translateY(3px);box-shadow:0 2px 0 #68304f}.tactile-controls label{flex:1;font:9px monospace;color:var(--cyan);letter-spacing:2px;text-align:center}.tactile-controls input{display:block;width:100%;accent-color:var(--cyan);margin-top:10px;min-height:22px}.cabinet-action{padding:12px 8px;text-align:center}.cabinet-action .button{width:100%}.cabinet-action small{font-size:9px;color:var(--muted);display:block;margin-top:8px}.cabinet-base{font:9px monospace;letter-spacing:2px;padding:12px;color:#8da5b9;border-top:1px solid #456477}.cabinet-base span{float:right;color:var(--pink)}.cabinet[data-channel="1"] .cabinet-screen{background:radial-gradient(ellipse,#49324f,#121422)}.cabinet[data-channel="2"] .cabinet-screen{background:radial-gradient(ellipse,#493f31,#151b23)}.gallery-wall{padding:25px;background:linear-gradient(135deg,#261f28,#101b27);border:12px solid #263044;box-shadow:15px 18px 0 #0006,0 -3px 35px #ff7cdd44}.sleeves{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.sleeves button{background:none;border:0;padding:0;color:var(--text);font-size:11px;text-align:left;transition:transform .45s;transform:rotate(-4deg)}.sleeves button:nth-child(2){transform:rotate(4deg)}.sleeves button.picked{transform:translateY(-15px) rotate(0) scale(1.05)}.sleeves img{display:block;width:100%;border:6px solid #c8bdac;box-shadow:0 12px 20px #0008;margin-bottom:12px}.gallery-wall h2{font-size:25px}.gallery-wall p{font-size:12px}.pier-lamps{text-align:center;background:#07122277;padding:25px}.lamp-row{display:flex;justify-content:space-around;gap:20px;align-items:end;margin-top:30px}.lamp-row button{position:relative;background:none;border:0;padding:0;color:var(--muted);width:100px}.lamp-row button i{display:block;margin:0 auto;width:50px;height:65px;border:5px solid #536472;border-radius:24px 24px 7px 7px;background:#121b29;transition:background .4s,box-shadow .4s}.lamp-row button span{display:block;width:7px;height:130px;background:linear-gradient(90deg,#17212b,#71828f,#25323d);margin:auto}.lamp-row button small{display:block;font:8px monospace;letter-spacing:1px;margin-top:12px}.lamp-row button.lit i{background:#ffe0a1;box-shadow:0 0 25px #ffd194bb,0 0 100px #ffd19466;border-color:#735f47}.lamp-row button.lit small{color:var(--amber)}.pier-lamps h2{font-size:40px}.pier-lamps #progress{font:12px monospace;color:var(--amber)}#light-message{font-size:12px}@keyframes place-enter{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}body:has(.journey) footer{display:none}@media(max-width:850px){.journey{height:auto;min-height:calc(100svh - 70px)}.place-content{margin-top:75px;margin-bottom:165px}.arcade-content,.gallery-content,.pier-content{grid-template-columns:1fr;gap:22px;max-width:540px;padding:0 24px}.object-story{padding:18px}.object-story h2{font-size:27px}.object-story h2 br{display:none}.object-story p{max-width:none}.cabinet{max-width:420px;margin:auto;width:100%}.arrival-content{top:13%;left:24px;right:24px;margin:0}.arrival-content h1{font-size:60px}.journey[data-place=arrival]{min-height:820px}.scene-label{left:24px;font-size:9px}.harbor-map{left:24px;right:24px;bottom:70px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.harbor-map button{font-size:9px;padding:10px 5px}.journey .world-controls{left:24px;bottom:18px;right:auto}.world-controls button{font-size:9px;padding:10px 12px}.gallery-wall{padding:18px;border-width:8px}.cabinet-sign{font-size:17px}.signal-bars{letter-spacing:5px}}@media(prefers-reduced-motion:reduce){.place-content{animation:none}.scene-depth .world-image,.sleeves button{transition:none}}.motion-paused .place-content{animation:none}.motion-paused .scene-depth .world-image{transition:none}

.plain-catalog{padding:20px 30px;background:#071222;border-top:1px solid #456477}.plain-catalog summary{font-size:12px;color:var(--cyan);cursor:pointer;min-height:44px;padding:12px 0}.rain{opacity:.13;background-image:repeating-linear-gradient(105deg,transparent 0 59px,#d4ecff55 60px,transparent 61px 140px);mask-image:repeating-linear-gradient(0deg,transparent 0 20px,black 21px 65px,transparent 66px 115px)}.cabinet{background-color:#152234}.place-content{animation-duration:.6s}.signal-bars{font-size:19px}.journey .world-controls{z-index:6}.place-content{isolation:isolate}

@media(max-width:850px){.harbor-map{position:fixed;bottom:65px;background:#061120ee;padding:6px;left:12px;right:12px}.journey .world-controls{position:fixed;bottom:12px;left:18px;background:#061120ee}.cabinet-screen{padding:14px 16px;min-height:250px}.cabinet-sign{padding:13px 5px}.cabinet-screen h2{font-size:25px}.cabinet-action{padding:10px 5px}.object-story h2{line-height:1.35}.place-content{margin-bottom:180px}}
.coastal-entry{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:40;padding:14px 20px;background:#0c1b28e8;color:#efc28d;border:1px solid #c39b6f;border-radius:30px;font:12px monospace;white-space:nowrap;box-shadow:0 4px 30px #0008}

.music-services{padding:24px 5%;display:flex;flex-wrap:wrap;gap:12px;background:#152024;border-top:1px solid #71848355}.detail .music-services{padding:16px 0;background:none;margin-top:20px}.music-services p{width:100%;margin:0 0 8px;font-size:11px;color:#aab7b6}.music-services a{display:inline-flex;align-items:center;min-height:44px;padding:9px 13px;border:1px solid #6b827a;border-radius:4px;font-size:12px}
/* Keep the two entry choices distinct from the brand and navigation on small screens. */
@media(max-width:850px){.coastal-entry{position:relative;top:auto;left:auto;transform:none;display:block;width:max-content;max-width:calc(100% - 32px);margin:12px auto;z-index:auto;padding:12px 20px}}

/* Keep the Shop link visible alongside music navigation on narrow screens. */
@media(max-width:600px){header{flex-wrap:wrap}header nav[aria-label="Main"]{flex-wrap:wrap;column-gap:16px;row-gap:0}header nav[aria-label="Main"] a{display:inline-flex;align-items:center;min-height:44px}}