:root{color-scheme:dark;--green:#a8ff60;--dim:#748775;--white:#f1f3de}*{box-sizing:border-box}body{margin:0;background:#090c0b;color:var(--white);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;min-height:100vh;background-image:radial-gradient(ellipse at 50% 15%,#1e2b20 0,transparent 55%)}button{font:inherit;cursor:pointer}.cabinet{width:min(900px,calc(100% - 32px));margin:0 auto;padding:34px 0 28px}.masthead{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.eyebrow,.badge,.overline,.start-hint,.machine-footer,.credit{font-size:10px;letter-spacing:.16em}.eyebrow{color:var(--green)}h1{font-size:clamp(23px,4vw,38px);letter-spacing:-.07em;line-height:1;margin:8px 0 0}h1 span{color:var(--green)}.badge{text-align:right;color:#829282;line-height:1.7}.badge strong{color:var(--white)}.machine{padding:16px 18px 12px;border:1px solid #435341;background:#151d17;box-shadow:0 20px 70px #0008}.hud{display:flex;justify-content:space-between;color:#a3b1a1;letter-spacing:.12em;font-size:11px;padding:0 3px 13px}.hud strong{display:block;color:#f3f5e4;font-size:17px;margin-top:6px;letter-spacing:.08em}.hud div:last-child{text-align:right}.screen{position:relative;border:1px solid #3c503d;background:#050806;overflow:hidden}.screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0,transparent 3px,#0003 4px);opacity:.45}canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#050806d9;text-align:center}.overlay[hidden]{display:none}.overlay-inner{padding:12px}.overline{color:var(--green);margin:0 0 16px}h2{font-size:clamp(28px,6vw,54px);line-height:.95;letter-spacing:-.06em;margin:0;color:#f4f6de;text-shadow:3px 3px #426e35}#description{font-size:clamp(10px,1.6vw,13px);color:#a8b9a6;margin:18px 0 22px}#start{border:0;padding:14px 22px;background:var(--green);color:#10190e;font-weight:900;font-size:12px;letter-spacing:.08em;box-shadow:4px 4px #456b32}#start:hover,#start:focus-visible{background:#d4ffb2;outline:2px solid white;outline-offset:4px}#start span{margin-left:16px}.start-hint{color:#7a8b78;margin:20px 0 0;font-size:9px}.machine-footer{display:flex;justify-content:space-between;align-items:center;color:#758574;margin-top:12px;font-size:9px}.machine-footer span:nth-child(2){color:var(--green)}#sound{background:none;border:0;color:#aab7a6;font-size:9px;letter-spacing:.12em;padding:4px}.instructions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.instructions>div{display:flex;gap:12px;align-items:start}.instruction-number{color:#5d715b;font-size:11px}.instructions p{margin:0;color:#8fa18d;font-size:10px;line-height:1.8}.instructions strong{color:#e2eadb;letter-spacing:.12em}.instructions p span{color:#546854}.credit{border-top:1px solid #253127;padding-top:18px;margin:26px 0 0;color:#6b7e69;line-height:1.6}.credit span{float:right;color:var(--green)}@media(max-width:570px){.cabinet{padding-top:20px}.badge{display:none}.machine{padding:10px}.hud{font-size:9px}.hud strong{font-size:14px}.instructions{grid-template-columns:1fr;gap:10px}.instructions p{font-size:10px}.credit span{float:none;display:block}.overline,.start-hint{font-size:8px}#description{margin:10px 0}#start{padding:10px 15px}}