*{box-sizing:border-box}:root,body{margin:0;padding:0;width:100%;height:100%;background:#050505;color:#f5f5f5;font-family:Segoe UI,Roboto,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}body{position:relative;overflow:hidden}#pachinball-canvas{width:100vw;height:100vh;display:block;touch-action:none}#hud{position:fixed;top:16px;left:16px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.hud-item{padding:8px 12px;border-radius:8px;background:#00000073;backdrop-filter:blur(6px);color:inherit;font-weight:700;font-size:1.1rem;box-shadow:0 4px 12px #0006}.overlay{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000000b3;backdrop-filter:blur(4px);z-index:10}.overlay.hidden{display:none}.screen{text-align:center;padding:2rem;background:#141414e6;border:1px solid #333;border-radius:16px;box-shadow:0 0 30px #000c;min-width:300px}.screen.hidden{display:none}h1{font-size:3rem;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.2em;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}h2{font-size:2rem;margin-bottom:1rem;color:#f44}p{font-size:1.2rem;margin-bottom:1.5rem;opacity:.8}button{background:#fff;color:#000;border:none;padding:12px 32px;font-size:1.2rem;font-weight:700;border-radius:4px;cursor:pointer;transition:transform .1s,background-color .2s;text-transform:uppercase}button:hover{background:#ddd;transform:scale(1.05)}button:active{transform:scale(.95)}