:root{--bg:#090b0d;--iron:#151719;--iron2:#24282a;--line:#5f5649;--edge:#b89a6a;--glow:#70f6d1;--amber:#f0a63a;--red:#f05445;--blue:#55baff;--green:#87f06a;--cream:#d8c7a4;--shadow:rgba(0,0,0,.58)}*{box-sizing:border-box}html,body{height:100%;margin:0;background:radial-gradient(circle at 50% 10%,#26231d 0,#121416 35%,#07090b 100%);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;color:var(--cream);overflow:hidden}button{font:inherit;color:inherit}body:before{content:"";position:fixed;inset:0;background:linear-gradient(transparent 49%,rgba(255,255,255,.026) 50%,transparent 51%);background-size:100% 4px;opacity:.28;pointer-events:none;mix-blend-mode:overlay}.x0{min-height:100%;display:grid;place-items:center;padding:clamp(10px,2vw,28px)}.x1{position:relative;width:min(1500px,98vw);aspect-ratio:16/9;border:2px solid #6b5c48;border-radius:28px;background:linear-gradient(135deg,#161719,#292620 42%,#111315);box-shadow:0 24px 80px var(--shadow),inset 0 0 0 7px #101111,inset 0 0 0 9px rgba(219,176,104,.2);overflow:hidden}.grain{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E"),linear-gradient(90deg,rgba(255,255,255,.04),transparent 25%,rgba(0,0,0,.25));opacity:.42;mix-blend-mode:overlay;pointer-events:none}.topbar{height:27%;padding:1.7% 2.1% 1.1%;display:grid;grid-template-columns:1fr 1.9fr 1fr;gap:2%;position:relative}.nameplate{display:grid;place-items:center;text-align:center;border:1px solid #544937;border-radius:13px;background:linear-gradient(#1a1815,#0f0f0f);box-shadow:inset 0 0 0 4px rgba(255,255,255,.04),inset 0 18px 30px rgba(255,255,255,.04),0 8px 16px rgba(0,0,0,.35);position:relative}.nameplate:before,.nameplate:after,.bay:before,.bay:after,.side:before,.side:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#efe5d0 0,#7d6950 28%,#171717 55%);box-shadow:0 1px 0 #000}.nameplate:before{left:11px;top:11px}.nameplate:after{right:11px;top:11px}.tiny,.subline,.baytag,.side span{letter-spacing:.18em;color:#bca57d;text-shadow:0 1px 0 #000;font-size:clamp(8px,1vw,14px)}h1{margin:.2em 0;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(25px,4.9vw,74px);letter-spacing:.045em;line-height:.92;color:#d9c9ad;text-shadow:0 3px 0 #1b140f,0 0 18px rgba(249,216,160,.18);font-weight:900}.crt{position:relative;border:1px solid #423b31;border-radius:18px;background:radial-gradient(circle at 50% 47%,rgba(99,255,215,.22),rgba(3,15,13,.9) 63%,#020303);box-shadow:inset 0 0 0 9px #151616,inset 0 0 26px rgba(87,255,218,.35),0 5px 20px rgba(0,0,0,.42);overflow:hidden;padding:7% 8%;color:#87f8db;text-shadow:0 0 12px rgba(119,255,221,.8);font-size:clamp(7px,1.1vw,17px);line-height:1.25}.crt:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 48%,rgba(160,255,230,.1) 50%,transparent 52%);background-size:100% 7px;opacity:.5;animation:flicker 2.8s infinite}.crt p{margin:.12em 0}.scope{position:absolute;inset:14% 20% 27%;border:1px solid rgba(130,255,222,.65);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 18%,rgba(125,255,225,.2) 19% 20%),linear-gradient(90deg,transparent 49%,rgba(125,255,225,.28) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(125,255,225,.28) 50%,transparent 51%)}.scope i{position:absolute;left:50%;top:50%;width:50%;height:1px;background:#7dffe0;transform-origin:left center;animation:sweep 3.2s linear infinite;box-shadow:0 0 12px #7dffe0}.scope b{position:absolute;left:50%;top:50%;width:25%;height:25%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#8affdd,#10584d 70%)}.radar p{position:absolute;left:0;right:0;bottom:8%;text-align:center}.machine{position:relative;height:49%;padding:0 2.1%;display:grid;grid-template-columns:.55fr 1.15fr 1.25fr 1.25fr 1.25fr .55fr;gap:1.05%}.bay,.side{position:relative;border:1px solid #67563e;border-radius:13px;background:linear-gradient(150deg,#282a29,#191a1b 55%,#0d0e10);box-shadow:inset 0 0 0 3px rgba(255,255,255,.035),inset 0 13px 28px rgba(255,255,255,.07),0 8px 18px rgba(0,0,0,.35);display:grid;place-items:center;min-width:0}.bay:before,.side:before{left:8px;top:8px}.bay:after,.side:after{right:8px;top:8px}.baytag{position:absolute;top:5.5%;left:50%;transform:translateX(-50%);background:#171411;border:1px solid #5c4d3a;border-radius:5px;padding:.4em .65em;color:#ceb181;white-space:nowrap;font-weight:700}.side{padding:12% 7%;gap:3%;grid-template-rows:1fr .3fr 1.1fr .3fr 1.1fr .3fr}.lamp{width:clamp(18px,3vw,38px);aspect-ratio:1;border-radius:50%;border:3px solid #2f2d29;box-shadow:inset 0 -4px 8px rgba(0,0,0,.5),0 0 18px currentColor}.lamp.green{color:var(--green);background:radial-gradient(circle at 32% 28%,#fff,#c8ffc0 22%,#57e647 45%,#183d18 85%)}.lamp.red{color:var(--red);background:radial-gradient(circle at 32% 28%,#fff,#ffb8ae 22%,#e84035 45%,#431111 85%);animation:blink 2.2s infinite}.microdial{width:clamp(32px,5vw,70px);aspect-ratio:1;border-radius:50%;background:conic-gradient(from -30deg,#090909 0 70deg,#75634c 70deg 86deg,#111 86deg 360deg);border:6px solid #111;box-shadow:inset 0 0 0 3px #3d352b,0 8px 12px rgba(0,0,0,.45);transform:rotate(-24deg)}.microdial.two{transform:rotate(42deg)}.meter{width:88%;height:38%;border:1px solid #564930;border-radius:45% 45% 12px 12px;background:radial-gradient(circle at 50% 100%,#e7d29e,#b89556 45%,#211d16 46%);position:relative;overflow:hidden}.meter i{position:absolute;left:50%;bottom:4%;width:42%;height:2px;background:#251710;transform-origin:left center;transform:rotate(-24deg);animation:meter 5s ease-in-out infinite}.speaker{width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#0a0a0b 30%,transparent 32%),radial-gradient(circle,#0a0a0b 30%,transparent 32%),#312d27;background-size:14px 14px;background-position:0 0,7px 7px;border:8px solid #141414;box-shadow:inset 0 0 20px #000}.guard{position:absolute;left:12%;top:31%;width:46%;height:46%;border-radius:10px;border:2px solid #7b5932;background:repeating-linear-gradient(45deg,#e2a42c 0 10px,#171717 10px 20px);box-shadow:0 11px 18px rgba(0,0,0,.55),inset 0 0 0 7px rgba(0,0,0,.25);cursor:pointer;transform-origin:left center;transition:transform .45s cubic-bezier(.2,1.4,.32,1),filter .3s;z-index:4}.guard span{position:absolute;inset:14%;border:2px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(0,0,0,.26)}.guard.open{transform:perspective(700px) rotateY(-62deg);filter:brightness(.7)}.lever{position:absolute;right:17%;top:33%;width:29%;height:44%;border-radius:12px;border:1px solid #6d5c44;background:#0e0f10;box-shadow:inset 0 0 0 8px #1c1b19,inset 0 0 18px #000;cursor:pointer}.lever i{position:absolute;left:50%;top:56%;width:42%;height:54%;border-radius:10px;transform:translate(-50%,-50%) rotate(0deg);transform-origin:50% 78%;background:linear-gradient(90deg,#42130e,#ff614e,#6e1710);box-shadow:0 0 12px rgba(255,61,42,.55),inset 0 6px 9px rgba(255,255,255,.22);transition:transform .35s ease,top .35s ease}.lever.on i{top:40%;transform:translate(-50%,-50%) rotate(-5deg);box-shadow:0 0 25px rgba(255,91,68,.8),inset 0 8px 12px rgba(255,255,255,.32)}.dialwrap{position:relative;width:min(82%,245px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;touch-action:none;outline:0}.dialwrap .m{position:absolute;left:50%;top:50%;font-size:clamp(9px,1.3vw,19px);color:#ceb181;text-shadow:0 1px 0 #000;transform:rotate(calc(var(--i)*30deg)) translateY(-47%) translateY(-94px) rotate(calc(var(--i)*-30deg));opacity:.85}.m0{--i:0}.m1{--i:1}.m2{--i:2}.m3{--i:3}.m4{--i:4}.m5{--i:5}.m6{--i:6}.m7{--i:7}.m8{--i:8}.m9{--i:9}.m10{--i:10}.m11{--i:11}.dial{position:relative;width:58%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff7df 0,#bca276 15%,#554735 37%,#171717 70%);border:10px solid #0e0e0e;box-shadow:inset 0 0 0 3px #5d5140,0 15px 25px rgba(0,0,0,.55),0 0 16px rgba(97,195,255,.12);transform:rotate(calc(var(--r,0)*30deg));transition:transform .18s cubic-bezier(.2,1.2,.2,1)}.dial i{position:absolute;left:50%;top:0;width:5%;height:41%;background:#f2d49d;border-radius:2px;transform:translateX(-50%);box-shadow:0 0 8px rgba(250,211,140,.8)}.shine{position:absolute;inset:13%;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.32),transparent 30% 64%,rgba(0,0,0,.4));mix-blend-mode:screen}.nudge{position:absolute;bottom:7%;display:flex;gap:16px}.nudge button{width:clamp(34px,4vw,58px);aspect-ratio:1.6;border-radius:8px;border:1px solid #705d42;background:linear-gradient(#302d28,#111);box-shadow:inset 0 0 0 2px rgba(255,255,255,.035),0 5px 8px rgba(0,0,0,.45);cursor:pointer;font-size:clamp(20px,3vw,40px);line-height:1}.rails{width:75%;height:62%;display:grid;grid-template-columns:repeat(3,1fr);gap:16%;place-items:center;margin-top:6%}.rail{position:relative;width:36%;height:100%;min-width:20px;border-radius:999px;background:linear-gradient(90deg,#08090a,#24211c 45%,#08090a);border:1px solid #5f503a;box-shadow:inset 0 0 12px #000}.rail:before{content:"";position:absolute;left:50%;top:8%;bottom:8%;border-left:1px dashed rgba(224,191,134,.45);transform:translateX(-50%)}.rail em{position:absolute;left:50%;top:50%;width:190%;height:90%;transform:translate(-50%,-50%);background:repeating-linear-gradient(to bottom,transparent 0 18%,rgba(227,194,137,.45) 18% 19%,transparent 19% 25%);pointer-events:none}.thumb{position:absolute;left:50%;bottom:calc(var(--s,0)*25% + 2%);transform:translateX(-50%);width:clamp(28px,3.5vw,52px);height:clamp(17px,2vw,31px);border-radius:9px;border:1px solid #171717;background:linear-gradient(#7fc8ff,#2c5365 48%,#0c161b);box-shadow:0 0 14px rgba(89,193,255,.55),inset 0 3px 5px rgba(255,255,255,.35),0 9px 12px rgba(0,0,0,.45);cursor:grab}.rail:nth-child(2) .thumb{background:linear-gradient(#ffe39e,#795923 48%,#171007);box-shadow:0 0 14px rgba(255,190,78,.5),inset 0 3px 5px rgba(255,255,255,.35),0 9px 12px rgba(0,0,0,.45)}.rail:nth-child(3) .thumb{background:linear-gradient(#ff9d94,#74211b 48%,#1b0706);box-shadow:0 0 14px rgba(255,94,77,.5),inset 0 3px 5px rgba(255,255,255,.35),0 9px 12px rgba(0,0,0,.45)}.moon{position:relative;width:min(72%,220px);aspect-ratio:1;border-radius:50%;border:10px solid #0e0f10;background:radial-gradient(circle at 34% 28%,#fff8d7 0 8%,#c8c0aa 10% 15%,#7b776d 17% 22%,#d5d1c5 24% 30%,#817c72 33% 38%,#e6e2d6 41% 100%);box-shadow:inset -14px -20px 20px rgba(0,0,0,.35),0 0 0 6px #2b2b2a,0 0 32px rgba(97,200,255,.25),0 16px 24px rgba(0,0,0,.55);cursor:pointer;transition:transform .18s ease,filter .18s ease}.moon span{position:absolute;inset:-20px;border-radius:50%;background:conic-gradient(var(--blue) calc(var(--p,0)*1%),rgba(255,255,255,.04) 0);filter:blur(.3px);z-index:-1}.moon i{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 61% 35%,rgba(52,52,52,.35) 0 5%,transparent 6%),radial-gradient(circle at 34% 62%,rgba(52,52,52,.26) 0 9%,transparent 10%),radial-gradient(circle at 48% 46%,rgba(52,52,52,.24) 0 3%,transparent 4%)}.moon:active,.moon.held{transform:translateY(5px) scale(.985);filter:brightness(1.22)}.holdbar{position:absolute;bottom:9%;width:54%;height:8px;border:1px solid #5f503a;border-radius:999px;background:#0e0f10;overflow:hidden}.holdbar b{display:block;height:100%;width:calc(var(--p,0)*1%);background:linear-gradient(90deg,#266eff,#72ffe1);box-shadow:0 0 12px #72ffe1}.lower{height:24%;padding:1% 2.1% 2.1%;display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:2%}.badge,.catbadge,.status{border:1px solid #5d4f3b;border-radius:14px;background:linear-gradient(#1c1b18,#0c0c0c);box-shadow:inset 0 0 0 3px rgba(255,255,255,.035),0 8px 16px rgba(0,0,0,.35)}.badge{justify-self:start;width:clamp(76px,10vw,145px);aspect-ratio:.78;display:grid;place-items:center;transform:rotate(-7deg);font-size:clamp(26px,4vw,58px);color:#dcb061}.badge.paw:before{content:"";width:48%;aspect-ratio:1;background:radial-gradient(circle at 50% 62%,#dcb061 0 29%,transparent 31%),radial-gradient(circle at 20% 25%,#dcb061 0 14%,transparent 15%),radial-gradient(circle at 45% 14%,#dcb061 0 14%,transparent 15%),radial-gradient(circle at 70% 25%,#dcb061 0 14%,transparent 15%)}.status{height:42%;display:flex;align-items:center;justify-content:center;gap:5%;position:relative}.status span{width:clamp(11px,1.4vw,22px);aspect-ratio:1;border-radius:50%;background:#241f18;border:1px solid #6f5b3c;box-shadow:inset 0 0 8px #000}.status span.on{background:radial-gradient(circle,#fff,#71ffdf 25%,#1a8a75 60%,#06241f);box-shadow:0 0 18px #70f6d1,inset 0 0 8px #fff}.status.bad span{animation:shake .18s 3}.catbadge{justify-self:end;width:clamp(82px,10vw,145px);aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#cf8b39,#42251b 66%,#12100e);overflow:hidden}.catbadge i{width:58%;aspect-ratio:1;border-radius:48% 48% 42% 42%;background:#2a4554;position:relative;box-shadow:inset 0 -8px 0 rgba(0,0,0,.18)}.catbadge i:before,.catbadge i:after{content:"";position:absolute;top:-12%;width:35%;height:36%;background:#2a4554;clip-path:polygon(50% 0,0 100%,100% 100%)}.catbadge i:before{left:5%;transform:rotate(-14deg)}.catbadge i:after{right:5%;transform:rotate(14deg)}.catbadge b{position:absolute;width:42%;height:16%;top:38%;border-radius:999px;background:#101013;box-shadow:0 0 0 3px rgba(255,255,255,.09)}.x1.ok{animation:openpulse 1s ease both}.x1.bad{animation:wrong .35s ease both}.x1:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(109,241,212,.12),transparent 18%);pointer-events:none;opacity:.5}@keyframes flicker{0%,100%{opacity:.5}45%{opacity:.32}48%{opacity:.75}52%{opacity:.28}}@keyframes sweep{to{transform:rotate(360deg)}}@keyframes blink{0%,79%,100%{filter:brightness(.6)}80%,92%{filter:brightness(1.6)}}@keyframes meter{0%,100%{transform:rotate(-28deg)}50%{transform:rotate(35deg)}}@keyframes wrong{15%{transform:translateX(-7px)}35%{transform:translateX(6px)}55%{transform:translateX(-4px)}75%{transform:translateX(2px)}}@keyframes shake{50%{transform:translateY(3px)}}@keyframes openpulse{0%{filter:brightness(1)}70%{filter:brightness(1.45)}100%{filter:brightness(1.1)}}@media (max-width:820px){html,body{overflow:auto}.x0{min-height:100%;padding:8px}.x1{width:100%;height:auto;min-height:780px;aspect-ratio:auto;border-radius:18px}.topbar{height:auto;grid-template-columns:1fr;padding:12px;gap:10px}.smallcrt,.radar{min-height:120px}.machine{height:auto;grid-template-columns:1fr;gap:10px;padding:0 12px}.side{display:none}.bay{min-height:190px}.bay-b,.bay-c,.bay-d{min-height:240px}.dialwrap .m{transform:rotate(calc(var(--i)*30deg)) translateY(-86px) rotate(calc(var(--i)*-30deg))}.lower{height:auto;grid-template-columns:1fr;gap:10px;padding:12px}.badge,.catbadge{justify-self:center}.status{height:70px;width:100%}h1{font-size:42px}.nameplate{padding:18px 8px}}