*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a0a;font-family:system-ui,-apple-system,sans-serif;touch-action:none;-webkit-user-select:none;user-select:none}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#ui-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}#hud-overlay,#menu-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#menu-overlay{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0a0a0ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.hud-top{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none}.hud-timer{font-family:Courier New,monospace;font-size:36px;font-weight:700;color:#2ecc40;text-shadow:0 0 8px rgba(46,204,64,.8)}.hud-timer.critical{color:#e74c3c;text-shadow:0 0 8px rgba(231,76,60,.8)}.hud-kwanzas{font-family:Courier New,monospace;font-size:28px;font-weight:700;color:#f2a900;text-shadow:0 0 8px rgba(242,169,0,.6)}.hud-minimap{position:absolute;bottom:20px;left:20px;width:120px;height:120px;background:#0a0a0ad9;border:2px solid #1B5E9B;border-radius:8px;pointer-events:none}.hud-combo{position:absolute;bottom:20px;right:20px;font-family:Courier New,monospace;font-size:24px;font-weight:700;color:#f2a900;text-shadow:0 0 8px rgba(242,169,0,.6)}.hud-message{position:absolute;top:150px;left:50%;transform:translate(-50%);font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6);animation:fadeOut 2s ease-out forwards}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0}}.menu-title{font-size:48px;font-weight:800;color:#fff;margin-bottom:16px;text-shadow:0 4px 8px rgba(0,0,0,.5)}.menu-subtitle{font-size:18px;color:#6b7280;margin-bottom:40px}.menu-button{padding:16px 48px;font-size:20px;font-weight:700;color:#fff;background:#1b5e9b;border:none;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #1b5e9b66;pointer-events:auto}.menu-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1b5e9b99}.menu-button:active{transform:translateY(0)}.menu-info{margin-top:32px;font-size:14px;color:#6b7280}#touch-controls{display:none}@media(pointer:coarse){#touch-controls{display:block}}.touch-btn{position:absolute;width:60px;height:60px;background:#1b5e9bb3;border:2px solid #4A90D9;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:24px;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none}.touch-btn:active{background:#1b5e9be6;transform:scale(.95)}.touch-up{bottom:100px;left:50%;transform:translate(-50%)}.touch-down{bottom:20px;left:50%;transform:translate(-50%)}.touch-left{bottom:60px;left:80px}.touch-right{bottom:60px;right:80px}