/* Continuous background; only the physical instruments retain hard edges. */
body,main{background:#08121d}.opening{background:#08121d}.opening:after{background:linear-gradient(transparent 56%,#08121d 100%)}
.live-performance{background:none;isolation:auto}.live-haze{mask-image:radial-gradient(ellipse,#000 15%,transparent 68%)}
.live-caption{padding:0;max-width:580px;width:100%}.live-caption h2{font-size:0;line-height:0}.live-caption h2 img{width:100%;height:auto;filter:drop-shadow(0 16px 10px #0008)}.live-caption .live-hint{font-size:clamp(17px,1.7vw,23px);max-width:30ch;margin:16px 0 0 4%}
#obsidian-live{display:block;width:100%;aspect-ratio:610/710}.instrument-zone,.console-aura{background:none}.explorer-readout{background:none;border:0;box-shadow:none}.explorer-readout:before{display:none}.instrument-panel{box-shadow:none}.instrument-panel:after{display:none}.route-atlas{background:linear-gradient(#08121d,#080e18)}
.world{isolation:auto;z-index:auto}.world:before,.world-art>.cloud-upper{display:none}.world-art{mask-image:linear-gradient(transparent,#000 2.2%,#000 90%,transparent)}.world-art>.cloud-middle{opacity:.075;left:45%;width:49%}.world-art>.cloud-lower{opacity:.12}.story{z-index:8}.story .story-number{display:inline-block;padding:6px 12px;border:1px solid #b5e6e480;background:#07141bb0;font-size:clamp(15px,1.7vw,23px);font-weight:700;letter-spacing:.17em;box-shadow:0 3px 8px #0006}.story:before{display:none}.story-jump{display:inline-block;font:700 clamp(14px,1.3vw,19px) 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#d7feff;border-bottom:2px solid #a4e6eb;padding:9px 0;margin-top:20px;text-shadow:0 2px 3px #000}.story-jump span{margin-left:20px}
.noise-constellation{z-index:auto;background:none;padding-bottom:180px}.noise-constellation>.botanical-bridge{z-index:2}.constellation-heading,.noise-description{z-index:7}.noise-selector{z-index:7}.noise-objects{z-index:9;overflow:visible}.noise-objects .float-guiro{bottom:0}.noise-objects .float-maracas{bottom:-5px}.noise-objects .float-pan,.noise-objects .float-wrench{opacity:.65}
.noise-constellation>.back-to-panel{z-index:10;display:block;padding:17px 34px;margin:40px auto 0;border:1px solid #acfcff88;border-radius:4px;background:linear-gradient(145deg,#455466,#122232 40%,#060e18);box-shadow:0 7px 0 #030a10,0 10px 20px #0009,inset 0 1px 0 #e5ffff80;color:#e3feff;font:700 clamp(19px,2vw,29px) 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.05em;isolation:isolate;overflow:hidden;text-shadow:0 2px 4px #000}
.back-to-panel:before{content:'';position:absolute;inset:-15%;z-index:-1;opacity:.23;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:noise-shift .19s steps(2) infinite}.back-to-panel:hover{box-shadow:0 5px 0 #030a10,0 0 25px #77e7ff44,inset 0 1px 0 #fff;translate:0 2px}
@keyframes noise-shift{to{transform:translate(8px,-5px)}}
.closing-world{z-index:1;isolation:isolate;background:transparent;margin-top:-70px;padding-top:50px;padding-bottom:120px;aspect-ratio:auto;min-height:clamp(720px,69vw,1160px);overflow:visible}
.alley-art{z-index:-3;top:70px;width:100%;height:auto;object-fit:contain;mask-image:linear-gradient(transparent 0,#000 18%,#000 76%,transparent 100%);mask-composite:add;will-change:auto}
.closing-world:after{inset:0;background:linear-gradient(90deg,#08121d55,transparent 57%);mask-image:linear-gradient(transparent,#000 22%,#000 68%,transparent 95%)}
.closing-content{width:46%;max-width:760px;margin-left:6%;padding-top:7%;padding-bottom:0;position:relative;z-index:4}
.full-brand{width:clamp(210px,24vw,370px);margin:0 0 24px 4%;transform:rotate(-7deg);animation:brand-drift 8s ease-in-out infinite alternate;filter:drop-shadow(0 14px 8px #0009) drop-shadow(0 0 15px #9ae7fa33)}
.closing-world nav{gap:24px;perspective:850px}.closing-world nav a,.closing-world nav a:last-child,.closing-world nav .lab-link,.closing-world nav .about-link{width:max-content;max-width:100%;padding:12px 8px;background:none;border:0;clip-path:none;box-shadow:none;filter:drop-shadow(0 9px 5px #0009);gap:8px;transform:rotate(-6deg) rotateY(9deg);animation:footer-float 7s ease-in-out infinite alternate}
.closing-world nav .about-link{margin-left:6%;transform:rotate(4deg) rotateY(-7deg);animation-delay:-3s}.closing-world nav a strong{font:800 clamp(48px,6.4vw,98px)/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.015em;paint-order:stroke fill;-webkit-text-stroke:1px #8bc2d077;text-shadow:1px 2px 0 #31424a,2px 4px 0 #24323a,3px 6px 0 #13242d,4px 8px 0 #08141d;background-image:linear-gradient(120deg,#f4e3b8,#f6feff 29%,#72afc7 44%,#fff 49%,#b5d4db 70%)}
.closing-world nav a small{font:700 clamp(13px,1.8vw,25px)/1.1 'Barlow Condensed',sans-serif;letter-spacing:.13em;color:#d2f5fa}.closing-world nav a:hover{filter:drop-shadow(0 0 15px #ace6ff66)}
.closing-motto{position:relative;z-index:4;margin:75px auto 0;width:88%;text-align:center;font:800 clamp(34px,5vw,76px)/1 'Barlow Condensed',sans-serif;letter-spacing:.015em;transform:rotate(-3deg);color:#f0d3a2;text-shadow:2px 3px #233b43,4px 6px #061018}.closing-motto span{display:inline-block;animation:motto-bob 6s ease-in-out infinite alternate}.closing-motto span:nth-child(2){animation-delay:-2s;color:#b6ebee}.closing-motto span:nth-child(3){animation-delay:-4s;color:#edd7f2}.closing-motto em{font-style:normal;color:#e7f8f6}
@keyframes brand-drift{to{translate:0 -10px;rotate:2deg}}@keyframes footer-float{to{translate:0 -9px;rotate:2deg}}@keyframes motto-bob{to{translate:0 -6px;rotate:2deg}}
.site-footer{background:#08121d;border:0}
@media(max-width:650px){.live-caption{max-width:460px}.live-caption h2 img{width:92%;margin:auto}.live-caption .live-hint{margin:0 5%;font-size:18px}.story .story-number{font-size:12px;padding:3px 5px;letter-spacing:.1em}.story-jump{font-size:13px;margin-top:8px}.noise-constellation{padding-bottom:150px}.noise-objects .float-guiro,.noise-objects .float-maracas{bottom:-10px}.closing-world{margin-top:-25px;padding-top:0;min-height:1150px;padding-bottom:90px;overflow:hidden}.alley-art{width:180%;left:-80%;top:40px;mask-image:linear-gradient(transparent,#000 16%,#000 76%,transparent)}.closing-content{padding-top:400px;width:87%;margin-left:6%}.full-brand{width:220px;margin-bottom:35px}.closing-world nav a strong{font-size:58px}.closing-world nav a small{font-size:19px}.closing-world nav{gap:30px}.closing-motto{margin-top:50px;font-size:39px;max-width:330px;line-height:1.12}.vent-steam{top:200px}.descending-leaves{width:125px;left:-12%}}
@media(prefers-reduced-motion:reduce){.full-brand,.closing-world nav a,.closing-motto span,.back-to-panel:before{animation:none!important}}
#forge-motion{filter:blur(.55px)}.world-art{mask-image:linear-gradient(transparent,#000 3%,#000 90%,transparent),radial-gradient(ellipse 12% 12% at 30% 10%,#000 87%,transparent);mask-composite:add}
/* Keep the preceding section from covering the foreground ears. */
.world{margin-top:0;background:transparent}
.streetlight-aura{mask-image:linear-gradient(transparent,#000 24%,#000 75%,transparent)}
.closing-world>.closing-motto{font-size:clamp(34px,5vw,76px);letter-spacing:.015em;color:#f0d3a2}
.closing-world nav a strong{color:#d9edf1;-webkit-text-fill-color:#d9edf1;background:none}
@media(max-width:650px){.closing-world>.closing-motto{font-size:39px}}
/* Review 11: one feathered scene edge, with blossom branches crossing it. */
.world-art{mask-image:linear-gradient(transparent 0,#000 5.5%,#000 90%,transparent 100%);mask-composite:add}
.filter-foundry{background:linear-gradient(#080e18 75%,#08121d);padding-bottom:130px}
.world>.cherry-branch{z-index:6;top:-105px;left:-3%;width:24%;height:340px;mask-image:linear-gradient(transparent,#000 14%,#000 78%,transparent);pointer-events:none}
.world-art>.forge-static{position:absolute;left:90.1%;top:33%;width:10%;height:auto;z-index:1;opacity:.58;filter:brightness(.68) saturate(.8) drop-shadow(0 0 14px #ff782038);mix-blend-mode:screen}
/* Lower instruments cross the alley; upper instruments stay behind the tabs. */
.noise-objects{z-index:auto}.noise-objects .float-pan,.noise-objects .float-conga,.noise-objects .float-wrench{z-index:1;opacity:.65}.noise-objects .float-guiro,.noise-objects .float-maracas{z-index:9}.noise-selector{z-index:7}.noise-selector button{background:rgba(12,31,41,.94)}.noise-selector button[aria-selected=true]{background:rgba(35,52,63,.95)}
.noise-constellation>.back-to-panel{display:flex;align-items:stretch;gap:14px;width:380px;max-width:90%;padding:18px 15px 20px 20px;border:2px solid #57616a;border-radius:25px 22px 30px 25px;background:linear-gradient(135deg,#667079 0,#343d43 8%,#171e25 52%,#0a1119);box-shadow:inset 2px 3px 2px #9da9ad77,inset -5px -7px 5px #02070b,7px 13px 0 #03080d,0 25px 24px #0009;overflow:visible;animation:tv-float 6s ease-in-out infinite;transform:rotate(-3deg);isolation:isolate}
.back-to-panel:before{display:none}.back-to-panel span{margin:0;translate:none!important}.tv-screen{position:relative;display:grid;place-items:center;flex:1;height:140px;border:8px solid #080c0f;border-radius:45% / 12%;overflow:hidden;background:#38454b;box-shadow:0 0 0 2px #6e7977,inset 0 0 18px #000;isolation:isolate}
.tv-static{position:absolute;inset:0;width:100%;height:100%;opacity:.63;z-index:-2}.tv-screen:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 2px,#0005 3px 4px),radial-gradient(ellipse,transparent 45%,#02080bb0);box-shadow:inset 0 0 17px #000}
.tv-label{position:relative;z-index:2;max-width:12ch;font:700 25px/1.12 'Barlow Condensed',sans-serif;text-transform:none;letter-spacing:.015em;color:#f0ffff;text-shadow:0 2px 2px #000,0 0 8px #06131f,2px 0 #153b46,-2px 0 #153b46;animation:tv-glitch 9s steps(1) infinite}
.tv-side{width:30px;display:flex;flex-direction:column;justify-content:center;gap:12px}.tv-side i{display:block;width:27px;height:27px;border-radius:50%;background:linear-gradient(135deg,#8a959d,#151d24 65%);border:2px solid #050b12;box-shadow:1px 2px 2px #000}.tv-side i:after{content:'';display:block;width:2px;height:9px;background:#c7d2d6;margin:2px auto;transform:rotate(-30deg)}.tv-side b{display:block;height:38px;background:repeating-linear-gradient(#02070a 0 2px,transparent 2px 5px);opacity:.7}
@keyframes tv-float{50%{translate:0 -10px;rotate:2deg}}@keyframes tv-glitch{0%,89%,93%,100%{transform:none;opacity:1;filter:none}90%{transform:translateX(3px) skewX(8deg);text-shadow:-3px 0 #f691cd,3px 0 #83faff;filter:contrast(3)}91%{transform:translateX(-3px);opacity:.5}92%{transform:skewX(-7deg);filter:blur(.5px)}}
.closing-world>.closing-motto{width:min(820px,86%);margin:45px auto 0;transform:rotate(-2deg);line-height:0;filter:drop-shadow(0 10px 7px #0008)}.closing-motto img{display:block;width:100%;height:auto}
@media(max-width:650px){.live-caption{order:-1}.live-performance{margin-top:-35px}.world>.cherry-branch{top:-65px;width:31%;height:170px}.filter-foundry{padding-bottom:85px}.noise-constellation>.back-to-panel{width:310px;padding:14px;gap:10px}.tv-screen{height:125px}.tv-label{font-size:23px}.closing-world>.closing-motto{width:94%;max-width:430px}.closing-motto img{width:100%}}
@media(prefers-reduced-motion:reduce){.back-to-panel,.tv-label{animation:none!important}}