*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#0a0a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#app{width:100%;height:100%;position:relative;overflow:hidden}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;touch-action:none}#popup-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none}#popup-container:not(:empty){pointer-events:auto}.popup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center}.popup-box{background:#1a1a2e;border:1px solid #444;border-radius:16px;padding:24px;min-width:260px;max-width:90vw}.popup-title{font-size:18px;font-weight:700;margin-bottom:12px}.popup-message{font-size:14px;color:#ccc;margin-bottom:20px;line-height:1.5}.popup-buttons{display:flex;gap:8px;justify-content:flex-end}.popup-btn{padding:10px 20px;border-radius:8px;border:none;font-size:15px;cursor:pointer;font-weight:700;min-height:44px}.popup-btn.primary{background:#4a9eff;color:#fff}.popup-btn.secondary{background:#333;color:#fff}#hud{position:absolute;top:env(safe-area-inset-top,0px);left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 100%);pointer-events:none}#stage-info{font-size:15px;font-weight:600;color:#aaa;letter-spacing:.5px}#stage-num{color:#fff;font-size:18px;font-weight:700;margin-left:4px}#score-info{font-size:14px;color:#aaa;text-align:right}#score-val{color:gold;font-size:20px;font-weight:700;margin-left:4px}#combo-info{position:absolute;top:calc(env(safe-area-inset-top,0px) + 56px);left:50%;transform:translate(-50%);background:#ff7800e6;border-radius:20px;padding:4px 16px;font-size:14px;font-weight:700;color:#fff;z-index:11;pointer-events:none;white-space:nowrap}#combo-num{font-size:18px;font-weight:900}#target-label{position:absolute;top:calc(env(safe-area-inset-top,0px) + 60px);left:50%;transform:translate(-50%);font-size:13px;color:#ffffff80;letter-spacing:1px;text-transform:uppercase;z-index:10;pointer-events:none;white-space:nowrap}#grade-display{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;z-index:20;pointer-events:none}#grade-text{font-size:52px;font-weight:900;letter-spacing:2px;text-shadow:0 0 30px currentColor;animation:grade-pop .3s cubic-bezier(.34,1.56,.64,1)}#grade-text.PERFECT{color:gold}#grade-text.GREAT{color:#00e5ff}#grade-text.NICE{color:#69ff47}#grade-text.CLOSE{color:#ff5252;font-size:34px}#grade-score{font-size:22px;color:#fff;margin-top:6px;font-weight:700}@keyframes grade-pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}#aim-hint{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 48px);left:50%;transform:translate(-50%);font-size:14px;color:#fff6;pointer-events:none;z-index:10;text-align:center;animation:hint-fade 2s ease-in-out infinite}@keyframes hint-fade{0%,to{opacity:.4}50%{opacity:.8}}#stage-clear{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000bf;z-index:30}#stage-clear-title{font-size:40px;font-weight:900;color:gold;text-shadow:0 0 40px rgba(255,215,0,.6);margin-bottom:16px;letter-spacing:2px}#stage-clear-grade{font-size:24px;color:#fff;margin-bottom:48px}#next-btn{padding:16px 48px;border:none;border-radius:40px;background:linear-gradient(135deg,#4a9eff,#06c);color:#fff;font-size:22px;font-weight:700;cursor:pointer;min-height:56px;min-width:160px;box-shadow:0 4px 20px #4a9eff66;transition:transform .1s}#next-btn:active{transform:scale(.96)}#demo-banner{position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);left:50%;transform:translate(-50%);background:#ffc800e6;color:#000;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:700;z-index:500;pointer-events:none}#ota-loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1a;display:flex;align-items:center;justify-content:center;z-index:9999}.ota-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:ota-spin .8s linear infinite}@keyframes ota-spin{to{transform:rotate(360deg)}}