*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#fff;touch-action:none;user-select:none;-webkit-user-select:none}#app{width:100%;height:100%;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.landing-screen .title{font-size:48px;font-weight:700;color:#6cf;text-shadow:0 0 20px rgba(100,200,255,.5);margin-bottom:5px}.landing-screen .subtitle{font-size:24px;color:#ffffffb3;margin-bottom:60px}.landing-screen .best-score{margin-top:40px;font-size:18px;color:#fff9}.btn{display:block;width:100%;max-width:280px;padding:18px 32px;margin:10px 0;font-size:20px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:transform .1s,opacity .1s}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,#6cf,#39f);color:#fff;box-shadow:0 4px 15px #64c8ff4d}.btn-secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3)}.btn-icon{width:50px;height:50px;padding:0;font-size:24px;background:#0000004d;border:none;border-radius:50%;color:#fff;cursor:pointer}.how-screen h2{font-size:32px;margin-bottom:30px;color:#6cf}.instructions{width:100%;max-width:320px;text-align:left}.instruction{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1)}.instruction:last-child{border-bottom:none}.instruction .icon{font-size:28px;width:40px;text-align:center}.instruction p{font-size:16px;color:#ffffffe6}.instruction strong{color:#6cf}.permission-screen h2{font-size:28px;margin-bottom:20px;color:#6cf}.permission-screen p{font-size:16px;color:#fffc;margin-bottom:40px;max-width:300px;line-height:1.5}.game-container{position:relative;width:100%;height:100%}#game-canvas{display:block;width:100%;height:100%}.pause-btn{position:absolute;top:50px;right:15px;z-index:10}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100}.overlay.hidden{display:none}.pause-menu{width:90%;max-width:320px;padding:30px;background:#252545;border-radius:16px;text-align:center}.pause-menu h2{font-size:28px;margin-bottom:25px;color:#6cf}.settings-group{margin-bottom:20px;text-align:left}.settings-group label{display:flex;align-items:center;gap:10px;font-size:16px;color:#ffffffe6}.settings-group input[type=range]{width:100%;margin-top:10px;accent-color:#66ccff}.settings-group input[type=checkbox]{width:22px;height:22px;accent-color:#66ccff}.gameover-overlay{background:#000000e6}.gameover-content{text-align:center}.gameover-content .new-best{font-size:24px;color:gold;margin-bottom:10px;animation:pulse 1s infinite}.gameover-content .final-score{font-size:72px;font-weight:700;color:#fff;margin-bottom:10px}.gameover-content .best-label{font-size:18px;color:#fff9;margin-bottom:40px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@supports (padding: env(safe-area-inset-top)){.pause-btn{top:calc(env(safe-area-inset-top) + 10px);right:calc(env(safe-area-inset-right) + 15px)}.screen{padding-top:calc(env(safe-area-inset-top) + 20px);padding-bottom:calc(env(safe-area-inset-bottom) + 20px);padding-left:calc(env(safe-area-inset-left) + 20px);padding-right:calc(env(safe-area-inset-right) + 20px)}}html{overscroll-behavior:none}body{position:fixed;overflow:hidden}