:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#eef4ff;--cyan:#69e9ff;--gold:#ffe15d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 30%,#2b134c88,transparent 55%),radial-gradient(ellipse at 90% 70%,#123b6e80,transparent 55%),#070b1c}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:700 11px Arial;color:inherit;background:linear-gradient(#1b2e4b,#0b142c);border:1px solid #3f507a;border-radius:8px;min-height:42px;padding:10px 14px;touch-action:manipulation}button:hover{filter:brightness(1.25)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--gold);outline-offset:3px}a{color:#b3d4ee;text-decoration:none}.arcade{width:min(100% - 28px,560px);margin:auto;padding:18px 0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font:9px monospace;letter-spacing:1.5px;color:#8c9dbb}header button{font-size:23px;padding:2px;width:35px;min-height:35px}header a{font-size:11px}.cabinet{padding:22px 20px 12px;border:1px solid #4b517b;border-radius:20px;background:linear-gradient(130deg,#20273e,#0a1025 40%,#1e1633);box-shadow:0 0 0 4px #080b18,0 20px 80px #0008,-15px 0 90px #1639db15,15px 0 90px #f34bc215}.title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.eyebrow{font:700 8px monospace;letter-spacing:2px;color:var(--cyan);margin:0 0 8px}h1{font-size:43px;letter-spacing:-1.8px;margin:0;color:var(--gold);font-weight:1000;text-shadow:0 3px #b5691d,0 0 30px #ffca3233}h1 span{color:#ffe15d}.ghost-parade{display:flex;gap:6px}.ghost-parade i{width:15px;height:18px;border-radius:8px 8px 3px 3px;background:#ff5379;box-shadow:0 0 13px #ff53795a}.ghost-parade i:nth-child(2){background:#ff9ede}.ghost-parade i:nth-child(3){background:#50e8ff}.ghost-parade i:nth-child(4){background:#ffb64d}.hud{display:grid;grid-template-columns:1.1fr 1.1fr .7fr 1fr;gap:10px;padding:12px;background:#080d22;border:1px solid #2e3d60;border-radius:9px;margin-bottom:15px}.hud small{display:block;font:8px monospace;letter-spacing:1.5px;color:#8b9cba}.hud strong{display:block;font:700 20px monospace;letter-spacing:.5px;margin-top:6px;font-variant-numeric:tabular-nums}#score{color:#fff1a5}#best{color:#c4b8f1}#level{color:var(--cyan)}#lives{color:var(--gold);font-size:17px;white-space:nowrap}.screen{position:relative;border:1px solid #527bcc;border-radius:13px;overflow:hidden;box-shadow:0 0 0 4px #050b1c,0 0 30px #235beb25;background:#070b20}canvas{display:block;width:100%;height:auto;touch-action:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:#040a2166}.overlay[hidden]{display:none}.overlay-card{width:100%;max-width:310px;text-align:center;padding:25px 20px 20px;background:linear-gradient(135deg,#0d1737f5,#241339f0);border:1px solid #696099;border-radius:14px;box-shadow:0 20px 60px #0008;backdrop-filter:blur(3px)}.overlay-card h2{font-size:34px;letter-spacing:-1px;line-height:1.05;margin:16px 0}.overlay-card em{font-style:normal;color:var(--gold)}.overlay-card p{font-size:12px;line-height:1.7;color:#b8c7de;margin-bottom:21px}.primary{width:100%;background:linear-gradient(120deg,#fff293,#ffcd42);border:1px solid #ffef9d;color:#261b20;font-size:12px;letter-spacing:1px;box-shadow:0 0 25px #ffce3426;min-height:46px}.overlay-card small{display:block;color:#939fb7;font:8px monospace;letter-spacing:1px;margin-top:18px}.board-meta{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1px;color:#8a9ab9;padding:14px 0 11px}#power{color:#dda8ef}.directions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.directions button{font-size:24px;min-height:48px;color:var(--cyan);background:linear-gradient(130deg,#15314b,#131b35)}.utilities{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.utilities button{font-size:9px;letter-spacing:.5px;min-height:36px;padding:8px 5px}#status{text-align:center;color:#93a4c1;font:8px/1.5 monospace;letter-spacing:.5px;margin:14px 0 1px;min-height:12px}footer{display:flex;justify-content:space-between;font:8px monospace;color:#7e8ba7;letter-spacing:.7px;margin-top:19px}.arcade:fullscreen{width:100%;max-width:none;background:#070b1c;overflow:auto;padding:18px max(14px,calc((100vw - 560px)/2))}@media(max-width:400px){.arcade{width:calc(100% - 20px);padding-top:12px}.cabinet{padding:16px 13px 10px}h1{font-size:34px}.ghost-parade{gap:4px}.ghost-parade i{width:11px;height:14px}.hud{padding:10px 9px;gap:5px}.hud strong{font-size:16px}#lives{font-size:14px}.hud small{font-size:7px}.overlay{padding:15px}.overlay-card{padding:18px 13px}.overlay-card h2{font-size:28px}.overlay-card p{font-size:11px}.eyebrow{font-size:7px;letter-spacing:1.3px}.title-row{margin-bottom:14px}.directions button{min-height:44px}.board-meta{font-size:7px}header{font-size:8px;letter-spacing:.5px}}@media(orientation:landscape) and (max-height:600px){.arcade{width:min(100% - 24px,850px);padding:10px 0}.cabinet{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:10px 20px;padding:15px}.screen{grid-column:1;grid-row:1/7;width:auto;height:calc(100svh - 116px);min-height:250px;aspect-ratio:456/528;justify-self:center}.screen canvas{height:100%;width:100%}.title-row,.hud,.board-meta,.directions,.utilities,#status{grid-column:2;margin:0}.title-row{align-self:start}.hud{grid-template-columns:1fr 1fr}.ghost-parade{display:none}h1{font-size:32px}.overlay-card{padding:12px}.overlay-card h2{font-size:23px}.overlay-card p{font-size:9px;margin:10px 0}.overlay-card small{display:none}.overlay-card .eyebrow{font-size:6px}.primary{min-height:38px;font-size:10px}.directions button{min-height:40px;padding:5px}.utilities button{min-height:33px}footer{margin-top:12px}}