:root{--night:#111b2d;--ink:#fff0d8;--muted:#b6c8c6;--gold:#ffcc78;--coral:#f69b81;--mint:#b8e0ad;--panel:#182a3bef;--edge:#768d99}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--night);color:var(--ink);font-family:'Courier New',monospace}body{overscroll-behavior:none}button,input{font:inherit}button{color:var(--ink);background:#30495b;border:2px solid #8296a1;border-radius:0;box-shadow:inset -3px -3px #162639,inset 3px 3px #526978;min-height:48px;padding:12px 16px;cursor:pointer;font-size:12px;font-weight:bold;letter-spacing:1px;touch-action:manipulation}button:hover,button:active{background:#496273}button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.5;cursor:default}[hidden]{display:none!important}#game{position:fixed;inset:0;width:100%;height:100%;height:100dvh;overflow:hidden;background:var(--night)}canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated;touch-action:manipulation;cursor:crosshair}.pixel-box{background:var(--panel);border:3px solid var(--edge);box-shadow:0 0 0 2px #0b1426,inset 0 0 0 2px #2c4255}#hud{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));pointer-events:none;max-width:680px}.hud-top{display:flex;justify-content:space-between;gap:10px;align-items:start}.clock{padding:10px 12px;display:grid;grid-template-columns:1fr auto;gap:5px 18px;min-width:250px}.clock>span{font-size:10px;color:var(--gold);letter-spacing:1px}.clock>b{grid-row:span 2;font-size:24px;line-height:1.1}.clock>small{font-size:10px;color:var(--muted)}.meter{height:4px;background:#374856;grid-column:1/-1}.meter i{display:block;height:100%;background:var(--coral);width:12%}.hud-buttons{display:flex;gap:6px;pointer-events:auto}.hud-buttons button{min-width:48px;padding:10px;font-size:11px}.mission{margin-top:10px;padding:10px 12px;max-width:520px}.mission small{font-size:9px;letter-spacing:1.5px;color:var(--gold)}.mission p{font-size:12px;line-height:1.5;margin:5px 0 0}#toast{position:absolute;left:50%;transform:translateX(-50%);bottom:max(22px,env(safe-area-inset-bottom));padding:12px 16px;width:max-content;max-width:calc(100% - 32px);text-align:center;font-size:12px;line-height:1.5;pointer-events:none;color:var(--gold)}.game-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));background:#081427a6}.title-content{text-align:center;text-shadow:3px 3px #0a1222;max-width:600px}.overline{color:var(--gold);font-size:15px;letter-spacing:6px;font-weight:bold}h1{font-size:clamp(46px,9vw,94px);line-height:.98;letter-spacing:5px;margin:22px 0 14px;color:#fff2df;text-shadow:5px 5px #8f4e50,9px 9px #101b2d}h1 span{color:var(--gold)}.subtitle{letter-spacing:3px;font-size:13px;color:var(--coral);margin-bottom:24px}.title-content>p:not(.overline):not(.subtitle){font-size:14px;line-height:1.9}.title-content button{display:block;margin:25px auto 20px;background:#8c594b;border-color:var(--coral);box-shadow:inset -3px -3px #623b43,inset 3px 3px #c68a70;min-height:56px;color:#fff6e4}.title-content small{display:block;max-width:340px;font-size:10px;line-height:1.7;margin:8px auto;color:var(--muted)}.game-panel{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(700px,calc(100% - 32px));padding:18px 22px;max-height:calc(100% - 40px);overflow:auto}.dialogue-top{display:flex;gap:12px;align-items:center}.dialogue-top>div{display:grid;gap:5px}#portrait{display:grid;place-items:center;width:48px;height:48px;border:3px solid #92a8a7;background:#3a5363;color:var(--coral);font-size:25px;font-weight:bold}#speaker{font-size:16px;color:var(--gold);letter-spacing:2px}.dialogue-top small{font-size:9px;color:var(--muted);letter-spacing:1px}#page-number{margin-left:auto;font-size:10px;color:var(--muted)}#message{font-size:15px;line-height:1.7;margin:16px 0 20px}#next{display:block;margin-left:auto;color:var(--gold);min-width:154px}.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:10px} .panel-heading small{font-size:9px;letter-spacing:1px;color:var(--gold)}h2{font-size:24px;line-height:1.3;margin:10px 0;letter-spacing:1px}#close-puzzle{width:48px;flex-shrink:0;font-size:24px;padding:0}.game-panel>p{font-size:12px;line-height:1.7;color:var(--muted)}#puzzle-controls{display:grid;gap:14px;margin:16px 0}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{min-height:54px;letter-spacing:0;line-height:1.4}.choice.selected{border-color:var(--gold);background:#596650;color:var(--gold)}#puzzle-controls label{display:grid;gap:12px;font-size:12px;color:var(--gold)}input[type=range]{width:100%;height:42px;accent-color:var(--gold);touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:14px;background:#455b68;border:2px solid #8295a2}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:36px;width:22px;margin-top:-12px;background:var(--gold)}#feedback{min-height:22px;color:var(--mint)!important;font-size:12px}#solve{width:100%;color:var(--gold)}.sequence{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap}.sequence button{flex:1;font-size:16px}.sequence-display{padding:14px;background:#101d2e;border:2px solid #657e8c;color:var(--gold);text-align:center;font-size:18px;letter-spacing:5px}.pause-content{padding:28px;text-align:center;max-width:400px;width:100%}.pause-content small{font-size:10px;color:var(--coral)}.pause-content button{width:100%;display:block;margin-top:14px}.map-help{position:absolute;left:50%;transform:translateX(-50%);bottom:max(12px,env(safe-area-inset-bottom));padding:12px 16px;text-align:center;max-width:calc(100% - 24px);width:480px}.map-help b{font-size:12px;color:var(--gold)}.map-help p{font-size:10px;line-height:1.7}.map-help button{font-size:10px}.gift-content{width:min(570px,100%);padding:26px;text-align:center;max-height:100%;overflow:auto}.gift-content>small{display:block;font-size:10px;line-height:1.7;color:var(--coral)}.pixel-laptop{font-size:56px;color:var(--mint);margin:16px 0}.gift-content h2{font-size:clamp(22px,5vw,34px);color:var(--gold)}.gift-content p{font-size:13px;line-height:1.8}.gift-subscription{border-block:2px solid #587383;margin:24px 0;padding:20px 0}.gift-subscription b{font-size:15px;display:block;line-height:1.6}.gift-subscription span{display:block;font-size:10px;margin-top:8px;color:var(--muted)}.signature{display:block;color:var(--coral);font-size:16px;margin:18px 0}.gift-content button{margin-top:20px;width:100%}.urgent .clock>b{color:var(--coral)}
@media(max-width:600px){#hud{top:max(8px,env(safe-area-inset-top));left:8px;right:8px}.clock{min-width:0;flex:1;padding:8px;gap:4px 8px}.clock>span{font-size:8px;letter-spacing:0}.clock>b{font-size:20px}.clock>small{font-size:8px}.hud-buttons{gap:4px}.hud-buttons button{min-width:44px;min-height:48px;padding:8px;font-size:9px}.mission{padding:8px;margin-top:6px}.mission p{font-size:11px}.game-panel{padding:16px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 20px)}#message{font-size:13px;line-height:1.7}.game-panel h2{font-size:20px}.game-panel>p{font-size:11px}.choice{padding:12px 8px;font-size:11px}.title-content>p:not(.overline):not(.subtitle){font-size:12px}.gift-content{padding:20px}.sequence-display{font-size:16px}.sequence button{padding:10px;font-size:13px}}
@media(max-height:500px){#hud{max-width:560px}.mission{max-width:380px}.game-panel{width:min(650px,calc(100% - 24px));padding:12px 18px;max-height:calc(100% - 24px);bottom:12px}#message{font-size:12px;margin:8px 0}#portrait{width:32px;height:32px;font-size:20px}.dialogue-top small{font-size:8px}#speaker{font-size:13px}.game-panel h2{font-size:18px;margin:6px 0}.game-panel>p{margin:6px 0}#puzzle-controls{margin:8px 0;gap:8px}.choices{gap:6px}.choice{min-height:48px;padding:8px}.sequence-display{padding:8px}.title-content h1{font-size:44px;margin:10px 0}.title-content .overline{margin:0;font-size:10px}.title-content .subtitle{font-size:10px;margin:12px 0}.title-content>p:not(.overline):not(.subtitle){font-size:11px;margin:8px 0}.title-content button{margin:12px auto;min-height:48px}.title-content small{font-size:8px;margin:4px auto}.gift-content{padding:14px;max-width:620px}.gift-content .pixel-laptop{display:none}.gift-content h2{font-size:20px;margin:6px 0}.gift-content p{font-size:11px;margin:8px 0}.gift-subscription{margin:10px 0;padding:10px}.signature{font-size:13px;margin:8px 0}.gift-content button{margin-top:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Pixel faders keep the repair bench inside the game's visual language. */
input[type=range]{appearance:none;-webkit-appearance:none;background:transparent}
input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;border:2px solid #ffe5b3;border-radius:0;box-shadow:3px 3px #172639}
input[type=range]::-moz-range-track{height:10px;background:#455b68;border:2px solid #8295a2}
input[type=range]::-moz-range-thumb{width:18px;height:30px;background:var(--gold);border:2px solid #ffe5b3;border-radius:0;box-shadow:3px 3px #172639}