*,*:before,*:after{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#0a0a10;font-family:Courier New,Courier,monospace;-webkit-user-select:none;user-select:none}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#hud-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.hud-header{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px}.score-box{background:#0a0a12d1;border:1px solid #00ffcc;border-radius:8px;padding:12px 20px;box-shadow:0 0 15px #0fc3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.label{font-size:11px;color:#8888a0;text-transform:uppercase;letter-spacing:2px;margin-bottom:5px;font-family:Courier New,Courier,monospace}.value{font-size:26px;font-weight:700;color:#fff;font-family:Courier New,Courier,monospace;text-shadow:0 0 8px rgba(255,255,255,.5)}.combo-box{background:#0a0a12d1;border:1px solid #ffcc00;border-radius:8px;padding:12px 20px;text-align:right;box-shadow:0 0 15px #fc03;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .1s ease}.combo-value{font-size:36px;font-weight:700;color:#fc0;text-shadow:0 0 10px rgba(255,204,0,.4)}.combo-pulse{transform:scale(1.1)}.hud-footer{display:flex;justify-content:center;width:100%;margin-bottom:10px}.status-bar{background:#10101cd9;border:1px solid #ff3366;padding:10px 30px;color:#f36;font-size:14px;letter-spacing:3px;text-transform:uppercase;box-shadow:0 0 10px #f363;animation:pulse 1.5s infinite alternate}#intro-overlay{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:11;background:#0a0a10d9;border-bottom:3px solid #00ffcc;padding:10px 20px;color:#0fc;font-size:12px;letter-spacing:4px;text-transform:uppercase;pointer-events:none;transition:opacity .5s ease}.debug-menu-container{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#10101cd9;border:2px solid #ff0066;padding:10px 20px;border-radius:8px;z-index:100;pointer-events:auto;display:flex;gap:15px;align-items:center;box-shadow:0 0 20px #ff00664d}.debug-menu-title{color:#f06;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.debug-button{background:#00ffcc26;border:1px solid #00ffcc;color:#0fc;padding:6px 12px;font-family:inherit;font-size:12px;cursor:pointer;border-radius:4px;transition:all .2s ease}.debug-button:hover{background:#0fc6;box-shadow:0 0 10px #0fc9}.debug-button.active{background:#0fc;color:#0c0c14;font-weight:700;box-shadow:0 0 15px #0fc}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.debug-touch-grid{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;display:flex;flex-direction:column}.touch-zone{flex:1;border:1.5px dashed rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;position:relative;background:#ffffff04}.touch-middle-row{flex:2;display:flex}.touch-middle-row .touch-zone{flex:1}.zone-up{border-top:none;border-left:none;border-right:none}.zone-down{border-bottom:none;border-left:none;border-right:none}.zone-left{border-left:none}.zone-right{border-right:none}.zone-label{font-size:11px;font-weight:700;color:#ffffff40;background:#0a0a1080;padding:4px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.08);letter-spacing:1px}.floating-popups-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20;overflow:hidden}.floating-popup{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Courier New,Courier,monospace;font-weight:900;pointer-events:none;animation:floatAndFade .85s cubic-bezier(.18,.89,.32,1.28) forwards;white-space:nowrap;text-shadow:0 0 10px rgba(0,0,0,.8)}.floating-points{font-size:26px;letter-spacing:1px}.floating-multiplier{font-size:18px;letter-spacing:1px;margin-top:-2px}@keyframes floatAndFade{0%{opacity:0;transform:translate(-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-20px) scale(1.25)}60%{opacity:1;transform:translate(-50%,-45px) scale(1)}to{opacity:0;transform:translate(-50%,-75px) scale(.85)}}