:root{--orange:#ff8a00;--hot:#ffb000;--blue:#32c7ff;--steel:#aeb8bf;--black:#050608;--mx:0;--my:0}
*{box-sizing:border-box}
html,body{height:100%;margin:0;overflow:hidden;background:#050608}
body{font-family:Arial,Helvetica,sans-serif;color:#d9dde0;isolation:isolate}
.shop{position:fixed;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#20262b 0,#0e1115 30%,#050608 72%)}
.shop:after{content:"";position:absolute;inset:0;z-index:30;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.35) 68%,rgba(0,0,0,.87) 115%),linear-gradient(180deg,rgba(0,0,0,.38),transparent 24%,transparent 72%,rgba(0,0,0,.6));box-shadow:inset 0 0 10vw #000}
.sparks{position:absolute;inset:0;width:100%;height:100%;z-index:22;pointer-events:none;mix-blend-mode:screen}
.haze{position:absolute;inset:-20%;z-index:2;background:radial-gradient(ellipse at 50% 46%,rgba(97,120,132,.16),transparent 42%),repeating-radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.018) 0 1px,transparent 2px 7px);filter:blur(4px);animation:breathe 8s ease-in-out infinite}
.ceiling{position:absolute;z-index:5;top:-3vh;left:4vw;width:92vw;height:20vh;transform:perspective(800px) rotateX(-58deg);border-bottom:2px solid #3a4146;background:repeating-linear-gradient(90deg,#090b0d 0 9%,#181c20 9.3% 9.8%,#090b0d 10% 20%)}
.ceiling i{position:absolute;top:70%;width:22%;height:10%;border-radius:50%;background:#e9f3ef;box-shadow:0 0 10px #fff,0 0 38px rgba(255,144,35,.45);filter:blur(1px)}
.ceiling i:nth-child(1){left:8%}.ceiling i:nth-child(2){left:39%}.ceiling i:nth-child(3){right:8%}
.gantry{position:absolute;z-index:4;inset:8vh 6vw auto;height:7vh;border:clamp(5px,1vw,14px) solid #1f2529;border-left-width:clamp(12px,2vw,28px);border-right-width:clamp(12px,2vw,28px);box-shadow:inset 0 -2px #697177,0 10px 30px #000}
.gantry:before{content:"";position:absolute;left:10%;right:10%;top:50%;height:10px;background:repeating-linear-gradient(90deg,var(--orange) 0 34px,#111 34px 64px);transform:skewX(-32deg)}
.gantry b{position:absolute;top:100%;width:11px;height:70vh;background:linear-gradient(90deg,#101316,#697178 50%,#101316);box-shadow:0 0 20px #000}.gantry b:first-child{left:5%}.gantry b:last-child{right:5%}
.back-wall{position:absolute;z-index:1;left:8%;right:8%;top:15%;bottom:15%;background:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),#0d1013;background-size:9vw 100%,100% 12vh;border:1px solid #262b2f;box-shadow:inset 0 0 80px #000}
.panel{position:absolute;top:18%;width:16%;height:34%;border:1px solid #485058;background:linear-gradient(145deg,#20252a,#0a0c0e);box-shadow:0 12px 24px #000,inset 0 0 0 7px #111518}.panel:after{content:"";position:absolute;inset:14%;background:repeating-linear-gradient(0deg,#0b0e10 0 8px,#30373b 9px 10px);opacity:.7}.panel-a{left:6%}.panel-b{right:6%}
.hazard{position:absolute;bottom:0;width:13%;height:40%;opacity:.5;background:repeating-linear-gradient(135deg,var(--orange) 0 16px,#151719 16px 34px)}.hazard.left{left:0;clip-path:polygon(0 0,30% 0,100% 100%,0 100%)}.hazard.right{right:0;clip-path:polygon(70% 0,100% 0,100% 100%,0 100%)}
.halo{position:absolute;z-index:3;left:50%;top:48%;border-radius:50%;transform:translate(-50%,-50%) rotateX(68deg);border:2px solid rgba(255,137,0,.34);box-shadow:0 0 18px var(--orange),inset 0 0 18px var(--orange);animation:pulse 3.8s ease-in-out infinite}.halo-a{width:min(85vw,103vh);height:min(85vw,103vh)}.halo-b{width:min(67vw,82vh);height:min(67vw,82vh);animation-delay:-1.9s}
.logo-stage{position:absolute;z-index:12;left:50%;top:49%;width:min(72vw,78vh);aspect-ratio:1;transform:translate(calc(-50% + var(--mx)*14px),calc(-50% + var(--my)*8px));transition:transform .12s ease-out;filter:drop-shadow(0 2.5vh 2.5vh #000)}
.logo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;animation:float 5.4s ease-in-out infinite;user-select:none;-webkit-user-drag:none}
.logo-glow{position:absolute;inset:14%;border-radius:50%;background:rgba(255,116,0,.16);filter:blur(55px);animation:pulseGlow 4s ease-in-out infinite}
.gear{position:absolute;z-index:7;top:43%;width:clamp(100px,17vw,300px);aspect-ratio:1;border:clamp(12px,2vw,30px) dotted #30373b;border-radius:50%;box-shadow:inset 0 0 0 18px #111519,inset 0 0 0 20px #596168,0 0 40px #000;opacity:.7;animation:spin 28s linear infinite}.gear:before,.gear:after,.gear i{content:"";position:absolute;inset:27%;border:5px solid #596168;border-radius:50%;background:#090b0d}.gear:after{inset:43%;background:#262d31;border:2px solid #808b91}.gear-left{left:-7%;animation-direction:reverse}.gear-right{right:-7%}
.lift{position:absolute;z-index:14;top:30%;bottom:9%;width:clamp(24px,3vw,52px);background:linear-gradient(90deg,#080a0b,#626a70 48%,#111518);box-shadow:0 0 30px #000}.lift:before{content:"";position:absolute;top:-4%;left:-45%;width:190%;height:5%;background:#4e565c;border:2px solid #0a0b0c}.lift i{position:absolute;top:52%;width:12vw;height:3vh;background:linear-gradient(#555e64,#111518);border:2px solid #050607}.lift-left{left:7vw}.lift-right{right:7vw}.lift-left i{left:100%;transform-origin:left;transform:rotate(7deg)}.lift-right i{right:100%;transform-origin:right;transform:rotate(-7deg)}
.floor{position:absolute;z-index:8;left:-20%;right:-20%;bottom:-42%;height:68%;transform:perspective(780px) rotateX(62deg);transform-origin:50% 0;background:repeating-linear-gradient(90deg,transparent 0 8vw,rgba(159,173,180,.16) 8.1vw 8.25vw),repeating-linear-gradient(0deg,#0b0e10 0 7vh,#2b3135 7.1vh 7.3vh),linear-gradient(#1b2023,#070809);box-shadow:0 -20px 70px #000}
.floor:after{content:"";position:absolute;left:44%;right:44%;top:0;bottom:0;background:repeating-linear-gradient(135deg,var(--orange) 0 18px,#171a1d 18px 40px);opacity:.65}.floor-mark{position:absolute;left:25%;right:25%;top:25%;bottom:28%;border:5px solid rgba(255,137,0,.38);box-shadow:0 0 30px rgba(255,137,0,.3)}
.foreground{position:absolute;z-index:20;left:-5%;right:-5%;bottom:-5%;height:12%;background:linear-gradient(#171b1e,#050607 40%);border-top:4px solid #525a5e;box-shadow:0 -20px 40px #000}
footer{position:fixed;z-index:40;right:max(18px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));font:700 clamp(9px,1vw,12px)/1 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:rgba(220,225,228,.58);text-shadow:0 1px 4px #000}
@keyframes float{0%,100%{transform:translateY(0) rotate(-.2deg)}50%{transform:translateY(-1.1vh) rotate(.2deg)}}
@keyframes pulse{0%,100%{opacity:.32;filter:blur(.2px)}50%{opacity:.75;filter:blur(1px)}}
@keyframes pulseGlow{50%{opacity:.45;transform:scale(1.09)}}
@keyframes spin{to{transform:rotate(1turn)}}
@keyframes breathe{50%{transform:scale(1.06);opacity:.7}}
@media(max-width:700px){.logo-stage{width:min(108vw,74vh);top:49%}.gear{top:40%;opacity:.4}.lift-left{left:2vw}.lift-right{right:2vw}.panel{width:25%}.gantry{left:0;right:0}.halo-a{width:112vw;height:112vw}.halo-b{width:86vw;height:86vw}footer{right:50%;transform:translateX(50%);white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.logo-stage{transition:none}}