:root{--ink:#030712;--panel:#0f172a;--sky:#38bdf8;--gold:#facc15;--red:#fb7185;--green:#34d399;--white:#f8fafc}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;display:grid;place-items:center;padding:10px;background:radial-gradient(circle at 50% 30%,#172554 0,#070b18 48%,#020409 100%);color:var(--white);font-family:'Press Start 2P',monospace;overflow:hidden;touch-action:manipulation;user-select:none}.cabinet{width:min(100%,768px)}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 12px;margin-bottom:8px;border:2px solid #d5ad38;border-radius:5px;background:#0b1221;box-shadow:0 0 18px #facc1529;font-size:11px}.scoreboard section>div:first-child{display:flex;align-items:center;gap:9px}.scoreboard b{padding:5px 7px;background:#2563eb;border-radius:3px}.scoreboard strong{color:var(--gold);font-size:18px}.scoreboard section:first-child span{color:#7dd3fc}.scoreboard .cpu{text-align:right}.scoreboard .cpu>div{justify-content:flex-end}.scoreboard .cpu b{background:#e11d48}.scoreboard .cpu span,.scoreboard .cpu strong{color:#fda4af}.shots{margin-top:7px;color:#64748b;letter-spacing:2px;font-size:10px}.round{text-align:center}.round strong{display:block;color:var(--green);font-size:9px}.round span{display:block;margin-top:7px;padding:5px 8px;border:1px solid #475569;border-radius:3px;background:#1e293b;color:var(--gold);font-size:8px}.screen{position:relative;width:100%;aspect-ratio:4/3;max-height:75vh;border:4px solid var(--white);border-radius:8px;background:#020409;overflow:hidden;box-shadow:0 0 18px #38bdf866,5px 5px 0 #000,-5px -5px 0 #1e1b4b}.screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0005 0 2px,transparent 2px 4px);z-index:20}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;cursor:pointer}.hint{position:absolute;z-index:10;bottom:18px;left:50%;translate:-50%;min-width:220px;padding:9px 14px;text-align:center;background:#0f172aeb;border:2px solid var(--gold);border-radius:4px;color:var(--gold);font-size:10px}.dives{position:absolute;z-index:21;bottom:16px;left:12px;right:12px;display:flex;justify-content:center;gap:8px}.dives button,footer button{font:inherit;color:white;cursor:pointer;border:2px solid white;border-radius:4px;background:#2563eb;box-shadow:3px 3px 0 #000;padding:11px 12px;font-size:9px}.dives button:nth-child(2){background:#475569}.dives button:active,footer button:active{translate:2px 2px;box-shadow:1px 1px 0 #000}.hidden{display:none!important}footer{display:flex;align-items:center;justify-content:space-between;padding:9px 4px 0;color:#94a3b8;font-size:8px;line-height:1.6}footer button{padding:7px 9px;background:#1e293b;color:var(--green);border-color:#64748b}@media(max-width:560px){body{padding:4px}.scoreboard{padding:7px 6px;font-size:8px}.scoreboard strong{font-size:13px}.round span{max-width:110px;line-height:1.4}.screen{max-height:none}.dives button{padding:9px 5px;font-size:7px}footer{font-size:6px}}
.shots i,.shots em{font-style:normal}.shots i{color:#34d399}.shots em{color:#fb7185}
button:focus-visible,canvas:focus-visible{outline:3px solid #facc15;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}