*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:#000;overflow:hidden;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:monospace,sans-serif}#app{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}#game-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}#game-canvas{display:block;touch-action:none;cursor:pointer}#hud-overlay{position:absolute;top:env(safe-area-inset-top,0px);left:0;right:0;padding:8px 12px;display:flex;justify-content:flex-start;pointer-events:none;z-index:10}#settings-gear{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#ffffffbf;border-radius:10px;cursor:pointer}#settings-gear:active{background:#ffffff29}#settings-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;background:#04020cb8}#settings-modal.hidden{display:none}.settings-panel{width:min(86%,360px);background:linear-gradient(160deg,#221036,#140a26);border:1px solid rgba(255,92,192,.4);border-radius:18px;padding:22px 20px 18px;box-shadow:0 16px 50px #0009;font-family:system-ui,sans-serif}.settings-title{color:#fff;font-weight:900;font-size:18px;letter-spacing:2px;text-align:center;margin-bottom:18px}.settings-row{display:flex;align-items:center;gap:12px;margin:14px 0;color:#ffffffd9;font-weight:700;font-size:13px}.settings-row span{width:40px}.settings-row b{width:34px;text-align:right;color:#ff8fd8}.settings-row input[type=range]{flex:1;accent-color:#ff5cc0;height:6px}#settings-close{margin-top:18px;width:100%;padding:11px;background:linear-gradient(135deg,#ff5cc0,#9c6bff);border:none;border-radius:12px;color:#fff;font-weight:800;font-size:14px;cursor:pointer}#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:#1a1f2e;border:1px solid #334;border-radius:12px;padding:24px;min-width:280px;max-width:90vw}.popup-title{font-size:18px;font-weight:700;margin-bottom:12px;color:#fff}.popup-message{font-size:14px;color:#aaa;margin-bottom:20px;line-height:1.5}.popup-buttons{display:flex;gap:8px;justify-content:flex-end}.popup-btn{padding:8px 20px;border-radius:8px;border:none;font-size:14px;cursor:pointer}.popup-btn.primary{background:#25f;color:#fff}.popup-btn.secondary{background:#333;color:#fff}#ota-loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:9999}.ota-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.15);border-top-color:#48f;border-radius:50%;animation:ota-spin .8s linear infinite}@keyframes ota-spin{to{transform:rotate(360deg)}}