html,body{touch-action:none;-webkit-touch-callout:none}
#hud{top:max(5cqw,env(safe-area-inset-top));align-items:flex-start}
#hud>div:first-child,#hud>.right{background:#ffffffa6;border-radius:3cqw;padding:1.2cqw 2cqw;box-shadow:0 2px 8px #17364e18}
.center-hud{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.2cqw}
#combo{min-height:4cqw;color:#fff4a7;font-size:4cqw;text-shadow:0 2px 0 #d05e70,0 0 8px #fff;transform-origin:center;transition:opacity .15s}
#power-status{background:#ffffffa6;color:#4b5274;font-size:2.3cqw;padding:1cqw 2cqw;border-radius:4cqw;white-space:nowrap}
#power-status:empty{display:none}
#hud #timer{position:absolute;left:0;top:16cqw;font-size:3.3cqw;letter-spacing:0;font-weight:900;color:#3d6675;background:#ffffffb0;border-radius:4cqw;padding:1.2cqw 2cqw;margin-top:0}
#hud #timer.time-low{color:#cf335d}
#controls{bottom:max(3cqw,env(safe-area-inset-bottom));left:3cqw;right:3cqw;gap:5cqw}
#controls button{width:46%;height:21cqw;min-height:74px;border-radius:6cqw;background:#ffffffbd;-webkit-tap-highlight-color:transparent}
#controls button.pressed{background:#fff;transform:translateY(2px) scale(.98)}
#toast{left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:82%;padding:1.2cqw 2.5cqw;border-radius:5cqw;background:#ffffff9c;text-shadow:0 1px #fff}
#toast:empty{display:none}
@media (max-height:620px){#controls button{min-height:62px;height:18cqw}}
#hub-back{position:absolute;z-index:6;top:max(20cqw,calc(env(safe-area-inset-top) + 15cqw));left:max(2cqw,calc(env(safe-area-inset-left) + 4px));padding:5px 8px;border-radius:4cqw;background:#ffffffa6;box-shadow:0 2px 8px #17364e20;color:#507383;font-size:clamp(10px,2.4cqw,12px);font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#hub-back:active{background:#fff;transform:translateY(1px)}
#ranking-list{max-height:64cqw;touch-action:pan-y}

/* v12: keep flight space clear; secondary status lives beside the rocket. */
#hud{top:max(3cqw,env(safe-area-inset-top));left:4cqw;right:4cqw}
#hud>div:first-child,#hud>.right{padding:1cqw 1.8cqw;background:#ffffff8c}
#score{font-size:4.8cqw}
#player-name{padding:.4cqw 1.8cqw;font-size:2.6cqw;max-width:32cqw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.center-hud{gap:.6cqw}
#hud #timer{position:static;padding:.6cqw 2cqw;font-size:3.2cqw}
#combo{position:absolute;top:13cqw;left:25%;right:25%;font-size:3.3cqw;white-space:nowrap;min-height:0}
#status-dock{position:absolute;left:0;right:21cqw;bottom:calc(100% + 2cqw);width:fit-content;max-width:calc(100% - 21cqw);padding:1cqw 1.5cqw;background:#ffffff80;border-radius:3cqw;pointer-events:none}
#status-dock.near-player{opacity:.18}
#power-status{background:none;color:#4e6279;font-size:clamp(9px,2.4cqw,12px);line-height:1.5;padding:0;border-radius:0;white-space:normal;overflow-wrap:anywhere}
#toast{top:28cqw;font-size:3cqw;background:#ffffff75}
#controls #rocket{position:absolute;left:auto;right:0;bottom:calc(100% + 2cqw);width:18cqw;height:13cqw;min-height:44px;border-radius:4cqw;background:#ffffffb0;font-size:3.7cqw;letter-spacing:0;opacity:.65;box-shadow:0 3px 0 #37648140}
#controls #rocket.ready{opacity:1;background:#ffca70;color:#71461f;box-shadow:0 3px 0 #cb914a,0 0 18px #ffd85e80}
#controls #rocket:active{transform:translateY(2px)}
#hearts.last-heart{filter:drop-shadow(0 0 3px #ff648c)}
#hud #timer.time-critical{animation:timer-alert .6s ease-in-out infinite}
@keyframes timer-alert{50%{background:#ffe0e8;box-shadow:0 0 0 3px #e8457950}}
@media(prefers-reduced-motion:reduce){#hud #timer.time-critical{animation:none}}

#ranking-reset{color:#bc4971;font-size:2.6cqw;display:block;margin:0 auto}
#ranking-admin-status{margin:0 0 2cqw}
#ranking .card{max-height:96%;overflow-y:auto;touch-action:pan-y}