*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:#fff;color:#333;overflow:hidden}button{font:inherit;cursor:pointer}.controls{position:fixed;top:env(safe-area-inset-top,0);right:0;padding:12px 14px;background:#ffffff0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom-left-radius:12px;display:flex;flex-direction:column;gap:8px;font-size:12px;z-index:20;width:240px}.controls label{display:flex;align-items:center;gap:8px}.controls .row{display:flex;align-items:center;justify-content:space-between;width:100%}.controls input[type=range]{width:160px;accent-color:#a91847}.game-container{position:relative;width:100%;height:100vh;overflow:hidden}.ball{position:absolute;left:50%;transform:translate(-50%);width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#c44569,#a91847 60%,#7b1332);box-shadow:0 12px 28px #a918478c,inset 0 2px 6px #ffffff59;will-change:transform,top}.start-overlay,.gameover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0b1020eb;z-index:30}.start-card{background:#121a33;padding:24px;border-radius:16px;box-shadow:0 10px 30px #00000059;text-align:center;max-width:520px}.start-card h1{margin:0 0 8px;font-size:28px}.start-card p{margin:0 0 16px;line-height:1.4;color:#c9d7ff}.primary-btn{background:#1e71ff;color:#fff;border:none;padding:10px 16px;border-radius:12px}.smiley{font-size:22vw;line-height:1}.footer{position:fixed;bottom:calc(env(safe-area-inset-bottom,0) + 30px);width:100%;text-align:center;padding:4px 0;font-size:12px;color:#9fb2e8;opacity:.85;z-index:10}.footer a{color:#9fb2e8;text-decoration:underline}.level-bar-wrap{position:fixed;left:0;right:0;bottom:0;height:28px;background:#ffffff0f;border-top:1px solid rgba(255,255,255,.08);z-index:15;overflow:hidden}.level-bar{height:100%;width:100%;background:linear-gradient(90deg,#19c37d,#fcdc3c,#ef4444);transform-origin:left center;transition:transform 30ms linear}.level-ticks{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.12) 1px,transparent 1px);background-size:10% 100%;pointer-events:none}.level-marker{position:absolute;top:0;bottom:0;width:2px;background:#000;box-shadow:0 0 8px #0009;pointer-events:none}.level-label{position:absolute;right:8px;bottom:3px;font-size:11px;opacity:.9;color:#e8eef9}.fireworks-canvas{position:fixed;left:0;right:0;bottom:28px;height:320px;width:100vw;z-index:14;pointer-events:none}.logo-link{position:fixed;bottom:40px;right:20px;z-index:20;opacity:.8;transition:opacity .3s ease;cursor:pointer}.logo-link:hover{opacity:1}.logo-link img{height:40px;width:auto}