*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#090b0a;color:#d9dfd8;font-family:"Arial Narrow",Impact,system-ui,sans-serif}button{font:inherit}.game-body{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;overflow:hidden;display:flex;align-items:stretch;justify-content:center;padding:max(5px,env(safe-area-inset-top)) max(5px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 20%,#232923 0,#0d100e 48%,#050606 100%);overscroll-behavior:none;touch-action:manipulation}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%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='.22'/%3E%3C/svg%3E")}.machine{width:min(100%,480px);height:100%;min-height:0;position:relative;overflow:hidden;padding:clamp(8px,1.5dvh,14px) clamp(8px,2.7vw,12px);border:2px solid #3d443f;border-radius:14px;background:linear-gradient(145deg,#242a25,#121613 48%,#1a1f1b);box-shadow:inset 0 0 0 3px #0b0d0c,inset 0 0 30px #000,0 18px 60px #0008;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:clamp(4px,1dvh,9px)}.machine:before,.machine:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#899087,#333933 42%,#050605 70%);top:8px;z-index:2}.machine:before{left:8px}.machine:after{right:8px}.machine-topline{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:16px;color:#858d86;font-size:clamp(8px,2.4vw,10px);letter-spacing:1.4px;text-transform:uppercase;padding:0 2px}.plate-label{color:#d6ddd6;font-weight:900;letter-spacing:1.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.serial{border:1px solid #474f48;padding:2px 5px;white-space:nowrap}.led-rack{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(3px,1.2vw,5px);padding:clamp(5px,1.2dvh,8px) clamp(4px,1.5vw,7px);background:#0a0d0b;border:1px solid #3a413b;box-shadow:inset 0 0 18px #000;border-radius:8px;min-width:0}.led-slot{min-width:0;text-align:center;color:#5e675f;font-size:clamp(6px,1.9vw,8px);letter-spacing:.5px;transition:.25s;overflow:hidden}.led-window{aspect-ratio:1/1;width:100%;max-height:clamp(38px,8.3dvh,62px);margin:auto;border:1px solid #2e3530;border-radius:5px;background:#080a09;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 12px #000}.led-window img{width:80%;height:80%;object-fit:contain;filter:grayscale(1) brightness(.22) contrast(1.25);opacity:.5;transition:.3s}.led-dot{width:clamp(4px,1.5vw,6px);height:clamp(4px,1.5vw,6px);border-radius:50%;margin:2px auto 1px;background:#202621;box-shadow:inset 0 0 2px #000}.led-slot.on{color:#bdd7c0}.led-slot.on .led-window{border-color:#62a96c;box-shadow:inset 0 0 8px #34ff5c25,0 0 7px #27ff4e22}.led-slot.on img{filter:grayscale(0) brightness(1.6) drop-shadow(0 0 5px #7bff8e);opacity:1}.led-slot.on .led-dot{background:#5cff70;box-shadow:0 0 5px #5cff70,0 0 10px #45ff63}.led-slot.just-on .led-window{animation:ledFlash .8s ease}@keyframes ledFlash{0%,100%{transform:scale(1)}35%{transform:scale(1.06);box-shadow:0 0 25px #67ff7c}}.timer-panel{padding:clamp(4px,.8dvh,7px) 10px;text-align:center;border:1px solid #424a43;background:linear-gradient(#0b0e0c,#060806);box-shadow:inset 0 0 16px #000;border-radius:6px;min-height:0}.timer-caption{display:block;font-size:clamp(6px,1.8vw,8px);color:#748079;letter-spacing:1.8px}.timer{font-family:"Courier New",monospace;font-size:clamp(24px,7.2dvh,42px);line-height:.95;color:#ffb642;text-shadow:0 0 7px #ff9e1a77;letter-spacing:3px;margin:2px 0}.status-line{font-size:clamp(7px,2vw,9px);letter-spacing:1.7px;color:#8e9990;line-height:1}.completed .status-line{color:#68ff7b}.finished .status-line{color:#ff5555}.console-panel{position:relative;min-height:0;overflow:hidden;padding:clamp(6px,1.2dvh,10px);border:1px solid #404841;border-radius:9px;background:linear-gradient(145deg,#1b201c,#111411);box-shadow:inset 0 0 18px #0008;display:grid;grid-template-rows:auto minmax(0,1fr) auto clamp(14px,2.6dvh,20px);gap:clamp(4px,.9dvh,8px)}.display-wrap{min-height:0;background:#090c09;border:1px solid #303830;border-radius:5px;padding:clamp(4px,.8dvh,7px) 10px;box-shadow:inset 0 0 12px #000}.display-label{font-size:clamp(6px,1.8vw,8px);letter-spacing:1.6px;color:#5f6d62}.code-display{height:clamp(28px,5.5dvh,42px);display:flex;align-items:center;justify-content:flex-end;color:#9cffad;font:700 clamp(20px,5.6dvh,28px)/1 "Courier New",monospace;letter-spacing:5px;text-shadow:0 0 7px #65ff8066;overflow:hidden}.code-display .placeholder{color:#324039}.keypad{min-height:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,minmax(0,1fr));gap:clamp(4px,.8dvh,7px);transition:.2s}.key,.key-blank{min-height:0;height:auto;border-radius:6px}.key{border:1px solid #505950;border-bottom-color:#111;background:linear-gradient(#343a35,#202521);color:#e5e9e5;font:bold clamp(17px,4.5dvh,23px)/1 system-ui;box-shadow:inset 0 1px #6d766d55,0 2px 0 #080a08;text-shadow:0 1px #000;cursor:pointer}.key:active{transform:translateY(1px);box-shadow:inset 0 1px 5px #000,0 1px 0 #080a08}.key-blank{background:repeating-linear-gradient(135deg,#171b18 0 5px,#111411 5px 10px);border:1px solid #242a25}.keypad.disabled{opacity:.2;pointer-events:none}.action-row{display:grid;grid-template-columns:1fr 1.35fr;gap:clamp(5px,1.5vw,8px)}.action{height:clamp(36px,6.7dvh,50px);border-radius:6px;border:1px solid #555;font-size:clamp(10px,3vw,14px);font-weight:900;letter-spacing:.7px;color:#fff;text-shadow:0 1px 2px #000;box-shadow:inset 0 1px #ffffff33,0 2px 0 #090a09}.action:disabled{opacity:.28}.delete{background:linear-gradient(#b63a3a,#731d1d);border-color:#d04e4e}.check{background:linear-gradient(#3b994b,#1e612a);border-color:#5dbb6c}.feedback{min-height:0;height:100%;text-align:center;font:700 clamp(8px,2.5vw,10px)/1.4 "Courier New",monospace;letter-spacing:.8px;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feedback.good{color:#77ff8c}.feedback.bad{color:#ff6565}.lock-panel{position:absolute;z-index:8;left:clamp(6px,1.2dvh,10px);right:clamp(6px,1.2dvh,10px);top:clamp(52px,10dvh,78px);bottom:clamp(6px,1.2dvh,10px);display:flex;align-items:center;justify-content:center;padding:clamp(10px,3dvh,22px);border:1px solid #a73b3b;border-radius:7px;background:#170707f2;box-shadow:inset 0 0 25px #000,0 0 25px #0009;text-align:center;transition:.15s;backdrop-filter:blur(2px)}.lock-panel.hidden{display:none}.lock-inner{width:min(100%,360px)}.lock-title{font-weight:900;font-size:clamp(16px,4.5vw,23px);letter-spacing:2px;color:#ff6262}.lock-sub{font:700 clamp(28px,8dvh,48px)/1.2 "Courier New",monospace;color:#ffc0c0}.lock-track{height:clamp(10px,2dvh,14px);border:1px solid #5a2222;background:#070303;margin:clamp(7px,1.5dvh,12px) 0;overflow:hidden}.lock-fill{height:100%;width:100%;background:repeating-linear-gradient(135deg,#c92727 0 8px,#7f1515 8px 16px);transition:width .1s linear}.lock-note{font-size:clamp(7px,2vw,10px);letter-spacing:1.6px;color:#b77b7b}.final-screen{position:absolute;z-index:15;inset:0;display:grid;place-items:center;padding:clamp(18px,5vw,36px);background:radial-gradient(circle at 50% 40%,#142019f5,#060807fc 68%);text-align:center}.final-screen.hidden{display:none}.final-frame{width:min(100%,390px);padding:clamp(22px,5dvh,42px) clamp(18px,6vw,34px);border:1px solid #536057;border-radius:10px;background:#0b0f0ce8;box-shadow:inset 0 0 35px #000,0 0 35px #000}.final-kicker{font-size:clamp(8px,2.4vw,11px);letter-spacing:2.5px;color:#809087}.final-icon{font:900 clamp(50px,14dvh,90px)/1 monospace;margin:clamp(12px,3dvh,24px) 0}.final-message{white-space:pre-line;font:900 clamp(18px,5.2vw,28px)/1.2 "Arial Narrow",Impact,system-ui,sans-serif;letter-spacing:1px;text-transform:uppercase}.final-screen.success .final-frame{border-color:#4b8e57}.final-screen.success .final-icon,.final-screen.success .final-message{color:#76ff8a;text-shadow:0 0 15px #49ff6680}.final-screen.failure .final-frame{border-color:#9b4545}.final-screen.failure .final-icon,.final-screen.failure .final-message{color:#ff6969;text-shadow:0 0 15px #ff424280}@media(max-height:600px){.machine{gap:3px;padding-top:7px;padding-bottom:7px}.led-rack{padding-top:4px;padding-bottom:4px}.led-dot{margin-top:1px}.timer-panel{padding-top:3px;padding-bottom:3px}.console-panel{padding:5px;gap:3px;grid-template-rows:auto minmax(0,1fr) auto 13px}.display-wrap{padding-top:3px;padding-bottom:3px}.action{height:34px}.lock-panel{left:5px;right:5px;top:47px;bottom:5px}}@media(max-height:460px){.machine-topline{display:none}.led-slot>span{display:none}.led-dot{margin-bottom:0}.timer-caption{display:none}.timer{font-size:25px}.console-panel{grid-template-rows:auto minmax(0,1fr) auto 12px}.code-display{height:25px}.display-label{font-size:6px}.action{height:30px}.lock-panel{top:38px}}@media(min-width:700px){.game-body{padding:10px}.machine{max-width:520px}}