:root{--metal-dark: #23282a;--metal: #33393b;--metal-light: #4a5254;--metal-edge: #5d6668;--ink: #0d0f10;--green: #35e06a;--green-deep: #0c4a20;--red: #ff3b30;--red-deep: #500c09;--amber: #ffb020;--amber-deep: #4d3106;--label: #cfd6d4;--label-dim: #8b9694;--lamp: clamp(104px, 26vmin, 320px);--seam: rgba(0, 0, 0, .62);--seam-light: rgba(255, 255, 255, .09);--rivet: clamp(10px, 1.7vmin, 18px);--rivet-in: clamp(3px, .7vmin, 9px);--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:Bahnschrift,DIN Alternate,Arial Narrow,Helvetica Neue,system-ui,sans-serif;color:var(--label);background:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;user-select:none}.panel{position:relative;display:flex;flex-direction:column;height:100dvh;padding:clamp(8px,1.6vmin,20px);gap:clamp(6px,1.2vmin,14px);background-image:repeating-linear-gradient(93deg,#ffffff0e 0px 1px,#00000012 1px 2px,#ffffff05 2px 4px),linear-gradient(118deg,#ffffff21,#fff0 40%,#00000038),radial-gradient(ellipse at 50% 32%,var(--metal-light) 0%,var(--metal) 44%,var(--metal-dark) 100%);box-shadow:inset 0 0 clamp(40px,9vmin,130px) #000000bf,inset 0 1px #ffffff17,inset 0 -1px #00000080}.panel:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--grain);background-size:160px 160px;mix-blend-mode:overlay;opacity:.5}.panel:after{content:"";position:absolute;inset:clamp(6px,1.2vmin,14px);pointer-events:none;border-radius:6px;border:1px solid rgba(0,0,0,.5);box-shadow:inset 0 1px #ffffff12;background-image:radial-gradient(circle at center,#7b8487,#464e50 40%,#21262700 72%),radial-gradient(circle at center,#7b8487,#464e50 40%,#21262700 72%),radial-gradient(circle at center,#7b8487,#464e50 40%,#21262700 72%),radial-gradient(circle at center,#7b8487,#464e50 40%,#21262700 72%);background-repeat:no-repeat;background-size:var(--rivet) var(--rivet),var(--rivet) var(--rivet),var(--rivet) var(--rivet),var(--rivet) var(--rivet);background-position:left var(--rivet-in) top var(--rivet-in),right var(--rivet-in) top var(--rivet-in),left var(--rivet-in) bottom var(--rivet-in),right var(--rivet-in) bottom var(--rivet-in)}.panel__bar{position:relative;z-index:1;display:flex;align-items:baseline;gap:clamp(8px,1.6vmin,18px);padding:0 clamp(10px,2vmin,26px)}.panel__brand{font-size:clamp(15px,2.5vmin,27px);font-weight:700;letter-spacing:.36em;text-transform:uppercase;color:#dfe6e4;text-shadow:0 1px 0 rgba(0,0,0,.85),0 -1px 0 rgba(255,255,255,.12)}.panel__model{font-size:clamp(9px,1.4vmin,14px);letter-spacing:.24em;text-transform:uppercase;color:var(--label-dim);text-shadow:0 1px 0 rgba(0,0,0,.8)}.panel__fullscreen{margin-left:auto;font:inherit;font-size:clamp(9px,1.3vmin,13px);letter-spacing:.16em;text-transform:uppercase;color:var(--label-dim);cursor:pointer;padding:.5em .9em;border-radius:4px;border:1px solid rgba(0,0,0,.5);background:linear-gradient(180deg,#464e50,#303638);box-shadow:inset 0 1px #ffffff1f,0 1px 2px #00000080}.panel__fullscreen:active{background:linear-gradient(180deg,#2c3234,#3b4244);box-shadow:inset 0 2px 4px #0009}.panel__grid{position:relative;z-index:1;flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.panel__grid:before,.panel__grid:after{content:"";position:absolute;pointer-events:none}.panel__grid:before{top:2%;bottom:2%;left:50%;width:2px;transform:translate(-1px);background:linear-gradient(90deg,var(--seam) 0 50%,var(--seam-light) 50% 100%)}.panel__grid:after{left:4%;right:4%;top:50%;height:2px;transform:translateY(-1px);background:linear-gradient(180deg,var(--seam) 0 50%,var(--seam-light) 50% 100%)}.panel__cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,.9vmin,12px);padding:clamp(6px,1.4vmin,20px);min-height:0}.panel__slot{min-height:clamp(30px,5vmin,58px);display:flex;align-items:flex-start;justify-content:center}.panel__title{font-size:clamp(12px,2.1vmin,26px);font-weight:700;letter-spacing:.2em;text-transform:uppercase;text-align:center;color:#e2e8e6;text-shadow:0 1px 0 rgba(0,0,0,.9),0 -1px 0 rgba(255,255,255,.13)}.panel__legend{font-size:clamp(9px,1.4vmin,15px);letter-spacing:.18em;text-transform:uppercase;color:var(--label-dim);display:flex;gap:.55em}.panel__legend-on{color:#35e06ab8}.panel__legend-off{color:#ff3b30b8}.panel__caption{font-size:clamp(8px,1.15vmin,12px);letter-spacing:.1em;color:#8b96949e;text-align:center}.lamp{position:relative;width:var(--lamp);height:var(--lamp);border:none;padding:0;border-radius:22%;background:none;cursor:pointer;font:inherit;display:grid;place-items:center;transition:transform 90ms ease-out}.lamp__bezel{position:absolute;inset:0;border-radius:22%;background:conic-gradient(from 205deg,#a3adb0,#3f4749 52deg,#949ea1 112deg,#272d2f 178deg,#869092 238deg,#22282a 300deg,#a3adb0 360deg);box-shadow:0 clamp(3px,.7vmin,9px) clamp(5px,1.1vmin,14px) #000000b8,inset 0 0 0 1px #0000008c,inset 0 2px #ffffff4d,inset 0 -2px 3px #0009;transition:box-shadow 90ms ease-out}.lamp__bezel:after{content:"";position:absolute;inset:9%;border-radius:20%;background:radial-gradient(circle at 50% 30%,#00000040,#000000b8);box-shadow:inset 0 2px 4px #000c,0 1px #ffffff24}.lamp__lens{position:relative;width:72%;height:72%;border-radius:19%;display:grid;place-items:center;background:linear-gradient(180deg,#ffffff4d,#ffffff05 42%,#0000001a),radial-gradient(circle at 50% 32%,var(--lens-hot) 0%,var(--lens-mid) 50%,var(--lens-cold) 100%);box-shadow:inset 0 1px 3px #ffffff4d,inset 0 -3px 7px #00000080,inset 0 0 0 1px #0000004d,0 0 var(--bloom) var(--lens-glow);transition:box-shadow .16s ease-out,background .16s ease-out}.lamp__word{font-size:clamp(11px,calc(var(--lamp) * .12),30px);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--word);text-shadow:0 1px 2px rgba(0,0,0,.65)}.lamp[data-state=off]{--lens-hot: #ff6a5e;--lens-mid: #c81d13;--lens-cold: var(--red-deep);--lens-glow: rgba(255, 59, 48, .45);--bloom: clamp(6px, 1.2vmin, 16px);--word: #ffe3e0}.lamp[data-state=on]{--lens-hot: #b6ffcb;--lens-mid: #1fbf52;--lens-cold: var(--green-deep);--lens-glow: rgba(53, 224, 106, .55);--bloom: clamp(8px, 1.7vmin, 24px);--word: #eaffef}.lamp[data-phase=spinning-up],.lamp[data-phase=spinning-down]{--lens-hot: #ffdb8a;--lens-mid: #e08a05;--lens-cold: var(--amber-deep);--lens-glow: rgba(255, 176, 32, .6);--word: #fff4dd}.lamp[data-phase=spinning-up] .lamp__lens,.lamp[data-phase=spinning-down] .lamp__lens{animation:lamp-pulse .62s ease-in-out infinite alternate}@keyframes lamp-pulse{0%{filter:brightness(.72)}to{filter:brightness(1.22)}}.lamp[data-locked=true]{cursor:not-allowed}.lamp[data-locked=true] .lamp__lens{filter:saturate(.5) brightness(.62);box-shadow:inset 0 1px 3px #ffffff29,inset 0 -3px 7px #0009,inset 0 0 0 1px #0006}.lamp[data-locked=true] .lamp__bezel:before{content:"";position:absolute;left:2%;right:2%;top:72%;height:8%;border-radius:2px;background:linear-gradient(180deg,#9aa4a7,#596265 45%,#2a3032);box-shadow:0 2px 5px #000000bf,inset 0 1px #ffffff59;z-index:2}.lamp[data-locked=true] .lamp__bezel:after{background:linear-gradient(180deg,#8b9497,#3a4143) no-repeat left 0 top 68%,linear-gradient(180deg,#8b9497,#3a4143) no-repeat right 0 top 68%,radial-gradient(circle at 50% 30%,#00000040,#000000b8);background-size:5.5% 13%,5.5% 13%,auto}.lamp:active{transform:translateY(2px) scale(.985)}.lamp[data-locked=true]:active{transform:none}.lamp--refused{animation:lamp-refused .22s ease-in-out}@keyframes lamp-refused{0%,to{transform:translate(0)}25%{transform:translate(-4px)}55%{transform:translate(3px)}80%{transform:translate(-2px)}}.lamp:active .lamp__bezel{box-shadow:0 1px 3px #0009,inset 0 2px 6px #0009}.lamp:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:6px}.gauge{display:flex;flex-direction:column;align-items:center;gap:.4em;margin-top:clamp(2px,.6vmin,8px)}.gauge__label{font-size:clamp(8px,1.1vmin,12px);letter-spacing:.24em;text-transform:uppercase;color:var(--label-dim)}.gauge__bar{display:flex;gap:clamp(2px,.4vmin,4px);padding:clamp(3px,.6vmin,6px);border-radius:4px;background:#00000073;box-shadow:inset 0 2px 4px #000000b3,0 1px #ffffff12}.gauge__seg{width:clamp(4px,.8vmin,9px);height:clamp(9px,1.7vmin,20px);border-radius:1px;background:#1b2021;box-shadow:inset 0 0 2px #000000e6;transition:background 90ms linear,box-shadow 90ms linear}.gauge__seg--lit{background:var(--green);box-shadow:0 0 6px #35e06abf}.gauge__seg--red.gauge__seg--lit{background:var(--red);box-shadow:0 0 6px #ff3b30cc}.panel__footer{position:relative;z-index:1;text-align:center;padding:0 clamp(10px,2vmin,26px)}.panel__hint{font-size:clamp(8px,1.2vmin,13px);letter-spacing:.14em;text-transform:uppercase;color:#8b96948c;transition:opacity .3s ease-out}:fullscreen .panel__hint{opacity:0}body[data-engine=running] .panel,body[data-engine=spinning-up] .panel,body[data-engine=spinning-down] .panel{--metal-light: #545c5e}@media (prefers-reduced-motion: reduce){.lamp,.lamp__lens,.lamp__bezel,.gauge__seg{transition:none}.lamp[data-phase=spinning-up] .lamp__lens,.lamp[data-phase=spinning-down] .lamp__lens,.lamp--refused{animation:none}}@media (max-height: 560px),(max-width: 480px){.panel__caption{display:none}}