:root{color-scheme:dark;--lime:#c7ff00;--ink:#080b11;--muted:#9daaa9;font-family:Arial,Helvetica,sans-serif;background:var(--ink);color:#f2f6e9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#152323,transparent 65%),#080b11}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button:disabled{cursor:wait;opacity:.55}button,a,canvas{outline-offset:4px}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--lime)}button{border:1px solid #39473d;background:#141e1b;color:#f2f6e9;border-radius:4px;min-height:44px;padding:10px 14px;font-weight:700}button:hover,a:hover{color:var(--lime)}.arcade{width:min(1180px,calc(100% - 48px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;border-bottom:1px solid #29352f}.brand{font-size:25px;font-style:italic;font-weight:900;letter-spacing:-1px}.brand span{font:12px monospace;letter-spacing:1px;color:var(--lime)}.tools{display:flex;gap:10px;align-items:center;font-size:13px}.home{padding:12px}.game-title{display:flex;justify-content:space-between;align-items:center;padding:24px 0 18px}h1{font-size:clamp(30px,4vw,48px);letter-spacing:-2px;margin:0;font-weight:900}em{color:var(--lime);font-style:normal}.game-title p{margin:6px 0 0;color:var(--muted);font-size:15px}.game-title .best{text-align:right;font:12px monospace;letter-spacing:1px}.best strong{color:var(--lime);font:900 30px Arial;display:block;margin-top:3px}.best small{display:block;font:11px Arial;letter-spacing:0;margin-top:4px}.machine{border:1px solid #42583d;border-radius:10px;overflow:hidden;box-shadow:0 18px 70px #0008}.hud{display:flex;justify-content:space-between;gap:10px;padding:14px 24px;background:#101a18;border-bottom:1px solid #334239}.hud small{display:block;font:10px monospace;letter-spacing:1.6px;color:var(--muted);margin-bottom:5px}.hud strong{font-size:24px;font-variant-numeric:tabular-nums}.lime{color:var(--lime)}.screen{position:relative;height:clamp(340px,51vh,560px);background:#090f1a;isolation:isolate;touch-action:none}canvas{display:block;width:100%;height:100%;touch-action:none}.overlay{position:absolute;inset:0;background:linear-gradient(90deg,#07100ff5,#081018c9 62%,#080b1170);display:grid;align-items:center;padding:22px 6%;overflow-y:auto}.overlay[hidden],[hidden]{display:none!important}.panel{max-width:540px}.label{color:var(--lime);font:11px monospace;letter-spacing:2px}h2{font-size:clamp(30px,4.4vw,58px);line-height:.98;letter-spacing:-2px;margin:15px 0}.panel>p{line-height:1.55;color:#bac5bb;font-size:15px}.primary{background:var(--lime);color:#101607;border:1px solid var(--lime);min-width:210px;min-height:50px;padding:13px 25px;letter-spacing:.5px;font-weight:900;box-shadow:4px 4px 0 #617d12}.primary:hover{background:#dbff66;color:#101607}.instructions{font:12px monospace!important;letter-spacing:1px;margin-bottom:6px}.panel>small{font-size:12px;color:#a8b79f}.toast{position:absolute;top:22px;left:50%;transform:translateX(-50%);font:bold 12px monospace;letter-spacing:1px;background:#111e16e8;color:var(--lime);padding:9px 14px;border:1px solid #465d31;pointer-events:none;white-space:nowrap;opacity:0;transition:opacity .12s}.toast.on{opacity:1}.deck{background:#101a18;display:flex;justify-content:space-between;gap:10px;padding:15px 22px;font:11px monospace;letter-spacing:.4px;border-top:1px solid #334239;color:#b8c7ac}.deck b{color:var(--lime)}.deck i{color:#596c56}.under{display:flex;justify-content:space-between;gap:20px;padding:15px 0;color:#98a795;font-size:12px;line-height:1.7}.under a{text-decoration:underline;text-underline-offset:3px}.under p{margin:0}.results{display:flex;gap:40px}.results p{font-size:13px;color:#bac5bb;margin:10px 0}.results strong{display:block;color:#f2f6e9;font-size:28px;margin:5px 0}.record{color:var(--lime)!important;min-height:18px;margin:0 0 10px;font-size:12px!important}.end-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:20px;font-size:11px;font-weight:bold}.end-links a{padding:8px 0;text-decoration:underline;text-underline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px){.arcade{width:calc(100% - 24px)}header{padding:12px 0;gap:8px}.brand{font-size:21px}.brand span{display:none}.tools{gap:5px;font-size:11px}.tools button{padding:8px}.home{padding:8px 3px}.game-title{padding:16px 0}.game-title p{font-size:13px}.best small{font-size:10px}.hud{padding:12px 14px;gap:7px}.hud small{font-size:8px;letter-spacing:1px}.hud strong{font-size:20px}.screen{height:clamp(390px,58svh,550px)}.deck{padding:12px;flex-wrap:wrap;justify-content:center;font-size:10px;gap:10px}.under{display:block;font-size:11px}.under p{margin-bottom:5px}.overlay{padding:20px}.panel h2{font-size:36px}.panel>p{font-size:14px}.end-links{gap:6px 17px;font-size:10px}.results{gap:30px}.results strong{font-size:24px}.toast{font-size:10px;max-width:95%}.label{font-size:10px}}
@media(max-height:520px) and (orientation:landscape){header{padding:7px 0}.game-title{padding:8px 0}.game-title h1{font-size:25px}.game-title p,.best small{display:none}.best strong{font-size:23px}.hud{padding:6px 18px}.hud strong{font-size:18px}.hud small{font-size:8px;margin:0}.screen{height:calc(100svh - 180px);min-height:240px}.overlay{padding:12px 25px}.panel{max-width:100%;width:100%}.panel h2{font-size:28px;margin:8px 0}.panel h2 br{display:none}.panel>p{margin:6px 0;font-size:12px}.primary{min-height:44px;padding:10px 20px}.results{float:right;margin-right:15px}.results strong{font-size:22px}.end-links{margin-top:8px}.deck{padding:9px}.label{font-size:9px}.under{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}