*{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}#combo{background:linear-gradient(135deg,#ff6400f2,#ff2828d9);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3)}#tilt{background:linear-gradient(135deg,#c80000f2,#8c0000e6);color:#fff;font-weight:900;text-transform:uppercase}@keyframes comboPulse{0%{transform:scale(1);box-shadow:0 6px 18px #ff500026}50%{transform:scale(1.06);box-shadow:0 8px 28px #ff500047}to{transform:scale(1);box-shadow:0 6px 18px #ff500026}}#combo.pulse{animation:comboPulse .38s ease-out 1}.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}#controls-hint{position:fixed;right:16px;bottom:16px;padding:8px 12px;border-radius:8px;background:#00000073;backdrop-filter:blur(6px);color:#ddd;font-size:.9rem;z-index:9;pointer-events:none}@media(max-width:640px){#hud{left:12px;top:12px}.hud-item{font-size:1rem;padding:6px 10px}#controls-hint{font-size:.85rem;right:10px;bottom:10px}h1{font-size:2.2rem}}#touch-controls{position:fixed;left:50%;transform:translate(-50%);bottom:14px;display:flex;gap:18px;align-items:center;z-index:12;pointer-events:auto}.touch-btn{width:58px;height:58px;border-radius:12px;border:none;background:#ffffff12;color:#fff;font-size:1.3rem;backdrop-filter:blur(6px);box-shadow:0 6px 18px #0006}.touch-btn:active{transform:scale(.96)}@media(min-width:680px){#touch-controls{display:none}}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:88px;padding:10px 14px;background:#1e1e1eeb;color:#fff;border-radius:8px;z-index:20;pointer-events:none;font-weight:700;opacity:0;transition:opacity .23s ease,transform .26s ease}.toast.hidden{display:none;opacity:0}.toast.show{display:block;opacity:1;transform:translate(-50%) translateY(-6px)}.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)}