/* Compact gameplay HUD. The original touch controls are deliberately untouched. */
.app{position:relative}
.app.in-game .topbar{position:absolute;top:calc(8px + env(safe-area-inset-top));right:8px;left:auto;height:38px;min-height:0;padding:0;z-index:30;display:flex}
.app.in-game .topbar .mark,.app.in-game #btn-music,.app.in-game #btn-sound{display:none}
.app.in-game #btn-pause{width:38px;height:38px;border-radius:11px;background:#17323ee6;box-shadow:0 2px 6px #0002}
.app.in-game .hud{padding:calc(8px + env(safe-area-inset-top)) 52px 8px 8px;gap:4px;grid-template-columns:1fr 1.12fr .82fr;grid-template-rows:64px 1fr}
.app.in-game .hud-score,.app.in-game .hud-route,.app.in-game .hud-res{box-sizing:border-box;width:100%;min-width:0;height:64px;padding:6px 7px;border-radius:11px;box-shadow:0 2px 7px #0002;background:#18343ed4;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.app.in-game .hud-score>b{font-size:24px;line-height:24px;letter-spacing:0}
.app.in-game .hud-chips{gap:2px;margin-top:3px;min-height:14px;white-space:nowrap}
.app.in-game .chip{font-size:9px;line-height:10px;padding:2px 3px}
.app.in-game .rush{gap:3px;margin-top:4px}.app.in-game .rush i{width:9px;height:3px}.app.in-game .rush-bar{height:3px;min-width:0;margin-left:1px}
.app.in-game .rush.active{gap:2px}.app.in-game .rush.active i{width:7px}.app.in-game .rush.active::after{content:'RUSH';font:800 7px/7px system-ui;color:#ffda79}
.app.in-game .hud-time{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.app.in-game .hud-time b{font-size:23px;line-height:24px}.app.in-game .hud-time small{display:block;font:9px/12px system-ui;max-width:none;white-space:nowrap;color:#d3e0de}
.app.in-game .track{height:4px;margin-top:7px}.app.in-game .track-rider{width:12px;height:12px;margin:-6px 0 0 -6px;border-width:2px}.app.in-game .track-ghost{height:12px;top:-4px;width:3px}.app.in-game .track-flag{width:9px;height:16px;top:-5px}
.app.in-game .hud-res{gap:6px;justify-content:flex-start}.app.in-game .res-flyers{gap:3px}.app.in-game .res-flyers b{font-size:23px;line-height:24px}.app.in-game .res-flyers svg{width:17px;height:17px}.app.in-game .res-hearts{gap:3px}.app.in-game .res-hearts svg{width:13px;height:13px}
.app.in-game .hud-mission{position:absolute;left:8px;top:calc(78px + env(safe-area-inset-top));margin:0;gap:4px;align-self:start}
.app.in-game .m-chip{font-size:10px;line-height:15px;padding:4px 7px;border-radius:8px}.app.in-game .m-chip b{font-size:13px}
.app.in-game .toast{top:calc(113px + env(safe-area-inset-top));max-width:90%;width:max-content;box-sizing:border-box;font-size:12px;line-height:1.5;padding:7px 11px;border-left-width:4px;border-radius:7px;box-shadow:0 3px 10px #0002;transform:translate(-50%,-8px)}
.app.in-game .toast.show{transform:translate(-50%,0)}
@media(max-width:350px){.app.in-game .hud-score,.app.in-game .hud-route,.app.in-game .hud-res{padding-left:5px;padding-right:5px}.app.in-game .chip{font-size:8px;padding:2px}.app.in-game .hud-score>b{font-size:23px}}