:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#030617;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:linear-gradient(#450b2e 0%,#ff4fb3 45%,#030617 100%);margin:0;overflow:hidden}button{font:inherit;cursor:pointer}#app{width:100vw;height:100vh;position:relative;overflow:hidden}.game-shell{position:absolute;inset:0}#gameCanvas{width:100%;height:100%;display:block}.hud{pointer-events:none;justify-content:space-between;padding:20px 24px;display:flex;position:absolute;inset:0 0 auto}.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#220821b3;border:1px solid #ff5fb759;border-radius:16px;min-width:280px;padding:16px 18px}.panel h1{letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:1.35rem}.sound-button{color:#a5f3fc;letter-spacing:.04em;pointer-events:auto;background:#082f4973;border:1px solid #67e8f973;border-radius:999px;margin:2px 0 8px;padding:5px 9px;font-size:.72rem;font-weight:700}.skin-picker{color:#f9a8d4;letter-spacing:.06em;text-transform:uppercase;pointer-events:auto;flex-direction:column;gap:3px;margin:2px 0 8px;font-size:.72rem;font-weight:700;display:flex}.skin-picker select{color:#f8fafc;font:inherit;letter-spacing:.02em;text-transform:none;background:#230d29;border:1px solid #ff5fb773;border-radius:8px;padding:5px 8px}.panel p{color:#cbd5e1;margin:0;font-size:.95rem}.score-row{flex-wrap:wrap;gap:16px;margin-top:10px;display:flex}.score-block{flex-direction:column;gap:2px;min-width:96px;display:flex}.score-label{text-transform:uppercase;letter-spacing:.12em;color:#f9a8d4;font-size:.8rem}.score-block strong{color:#67e8f9;font-size:1.1rem}.floating-score{color:#ffd6f0;text-shadow:0 0 18px #ff2aa8e6;pointer-events:none;font-size:2rem;font-weight:700;position:absolute;top:84px;right:24px}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#02061773;place-items:center;padding:24px;transition:opacity .25s;display:grid;position:absolute;inset:0}.overlay.visible{opacity:1;pointer-events:auto}.card{text-align:center;background:#140a1de6;border:1px solid #ff5fb752;border-radius:24px;width:min(92vw,380px);padding:28px;box-shadow:0 22px 60px #02061773}.card h2{margin:0 0 8px;font-size:1.75rem}.card p{color:#cbd5e1;margin:0 0 18px}.card button{color:#fff;background:linear-gradient(135deg,#38bdf8,#8b5cf6);border:none;border-radius:999px;padding:12px 20px;font-weight:600;box-shadow:0 10px 22px #38bdf840}@media (width<=700px){.hud{padding:14px}.panel{width:calc(100% - 28px);min-width:0}.stats{flex-direction:column;gap:6px}}