:root{--gold:#f3b54b;--cyan:#42d9ff;--violet:#8168ff;--night:#05070d;--brick:#d45b3e}.story{background:radial-gradient(circle at 50% 30%,#16233b 0,#080c16 45%,#030409 100%);isolation:isolate}.story:before{content:'';position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.25;background:linear-gradient(rgba(66,217,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(66,217,255,.07) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle at center,#000,transparent 76%)}.story:after{content:'';position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 42%,transparent 0 26%,rgba(3,4,9,.48) 70%,#030409 100%)}.opening-copy{padding:34px 26px;border:1px solid rgba(66,217,255,.32);border-radius:24px;background:linear-gradient(145deg,rgba(8,17,35,.9),rgba(16,8,25,.84));box-shadow:0 0 0 1px rgba(243,181,75,.15),0 0 55px rgba(66,217,255,.16),0 26px 80px #000;backdrop-filter:blur(16px)}.opening-copy h1{font-size:clamp(3rem,14vw,6rem);text-shadow:0 0 28px rgba(66,217,255,.2)}.eyebrow{color:var(--gold);text-shadow:0 0 14px rgba(243,181,75,.45)}.discover{box-shadow:0 0 24px rgba(243,181,75,.34),0 10px 30px #0008;transition:transform .25s ease,box-shadow .25s ease}.discover:hover{transform:translateY(-2px);box-shadow:0 0 38px rgba(66,217,255,.5),0 12px 34px #0009}.story.started .opening{min-height:0;height:0;overflow:hidden;padding:0;opacity:0;pointer-events:none;transition:min-height .75s ease,height .75s ease,opacity .45s ease}.album{min-height:100svh;padding:80px 18px 90px;position:relative}.album-copy{top:7vh;width:min(88vw,360px);padding:12px 18px;border:1px solid rgba(66,217,255,.26);border-radius:18px;background:linear-gradient(120deg,rgba(5,13,27,.86),rgba(21,8,24,.74));box-shadow:0 10px 35px #0008,0 0 22px rgba(66,217,255,.12);backdrop-filter:blur(12px)}.album-copy h2{font-size:clamp(1rem,3.8vw,1.6rem);line-height:1.15;margin:.45rem 0}.album-copy .eyebrow{margin:0}.frame{width:min(78vw,390px);height:min(62vh,560px);margin-top:90px;border:1px solid rgba(66,217,255,.6);padding:7px;background:linear-gradient(145deg,#0d1728,#160b1b);box-shadow:0 0 0 1px rgba(243,181,75,.3),0 0 45px rgba(66,217,255,.2),0 30px 80px #000;transform:scale(.985)}.frame.show{transform:scale(1.01)}.frame img{filter:saturate(1.05) contrast(1.04)}.build-bg{position:absolute;inset:0;opacity:1;overflow:hidden}.build-bg:before{content:'';position:absolute;left:50%;top:51%;width:min(94vw,690px);aspect-ratio:1;border:1px solid rgba(66,217,255,.18);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 18px rgba(66,217,255,.035),0 0 0 42px rgba(243,181,75,.035),inset 0 0 60px rgba(66,217,255,.08);animation:pulse-ring 5s ease-in-out infinite}.build-bg:after{content:'';position:absolute;left:50%;top:51%;width:min(75vw,500px);height:1px;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,rgba(66,217,255,.5),transparent);box-shadow:0 -115px 0 rgba(66,217,255,.12),0 115px 0 rgba(66,217,255,.12)}.construction{position:absolute;inset:10% 3% 3%;pointer-events:none}.ring{position:absolute;left:50%;top:51%;border-radius:50%;transform:translate(-50%,-50%);border:1px solid}.ring-outer{width:min(90vw,640px);aspect-ratio:1;border-color:rgba(243,181,75,.38);border-style:dashed;animation:spin-ring 22s linear infinite}.ring-inner{width:min(69vw,480px);aspect-ratio:1;border-color:rgba(66,217,255,.32);box-shadow:0 0 30px rgba(66,217,255,.12);animation:spin-ring-reverse 16s linear infinite}.brick-field{position:absolute;left:50%;top:51%;width:min(72vw,500px);height:min(48vh,330px);transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:26px;gap:5px;align-content:center;justify-content:center;mask-image:radial-gradient(ellipse,#000 42%,transparent 72%)}.brick-field i{display:block;border:1px solid rgba(243,181,75,.55);border-radius:3px;background:linear-gradient(135deg,#a83e25,#d25c3d 48%,#702519);box-shadow:0 0 12px rgba(212,91,62,.32);opacity:0;transform:translateY(120px) rotate(8deg);animation:brick-lock .9s cubic-bezier(.2,.8,.2,1) forwards}.brick-field i:nth-child(3n){transform:translateY(-100px) rotate(-8deg)}.brick-field i:nth-child(4n){transform:translateX(-100px) rotate(5deg)}.brick-field i:nth-child(3n){animation-delay:.15s}.brick-field i:nth-child(4n){animation-delay:.3s}.brick-field i:nth-child(5n){animation-delay:.45s}.scaffold{position:absolute;width:66px;height:170px;bottom:8%;opacity:.7;border-left:2px solid var(--gold);border-right:2px solid var(--gold);filter:drop-shadow(0 0 7px rgba(243,181,75,.45))}.scaffold:after,.scaffold:before{content:'';position:absolute;left:0;right:0;border-top:2px solid var(--gold)}.scaffold:before{top:34%}.scaffold:after{top:68%}.scaffold-a{left:2%}.scaffold-b{right:2%;transform:scaleX(-1)}.story-end{background:radial-gradient(circle at 50% 28%,rgba(66,217,255,.22),transparent 38%),linear-gradient(#05070dcc,#05070df7)}.story-end .cta{margin-top:14px;box-shadow:0 0 30px rgba(243,181,75,.42)}.controls{background:rgba(4,7,15,.88);border-color:rgba(66,217,255,.3);box-shadow:0 0 20px rgba(66,217,255,.12)}.controls button{color:var(--cyan)}@keyframes brick-lock{to{opacity:1;transform:translate(0) rotate(0)}}@keyframes spin-ring{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spin-ring-reverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes pulse-ring{50%{opacity:.5;transform:translate(-50%,-50%) scale(1.03)}}@media(prefers-reduced-motion:reduce){.ring,.build-bg:before{animation:none!important}.brick-field i{animation:none!important;opacity:1;transform:none!important}}