.topbar { min-height:82px; gap:17px; }.brand { font-size:12px; }.brand img { width:58px; height:52px; }.game-hud { gap:13px; }.game-hud span { display:flex; align-items:center; justify-content:center; gap:12px; min-width:96px; min-height:54px; padding:12px 16px; border:3px solid #0a3331; border-radius:10px; box-shadow:4px 4px #082a28; }.game-hud b { font:18px 'Press Start 2P',monospace; }.game-hud .hud-heart { background:#ffe0d8; }.game-hud .hud-focus { background:#fff0b4; }.game-hud i { display:block; position:relative; width:26px; height:26px; image-rendering:pixelated; }.hud-heart i { width:6px; height:6px; margin:5px 10px 11px 4px; background:#e55053; box-shadow:6px -6px #e55053,12px -6px #e55053,18px 0 #e55053,0 6px #e55053,6px 6px #e55053,12px 6px #e55053,18px 6px #e55053,6px 12px #e55053,12px 12px #e55053,12px 18px #e55053,2px 2px #ff9690,8px -4px #ff9690; }.hud-focus i { width:8px; height:8px; margin:2px 9px 8px; background:#f3a72c; box-shadow:8px 0 #f3a72c,0 8px #f3a72c,-8px 16px #f3a72c,0 16px #f3a72c,-8px 24px #f3a72c,8px 24px #f3a72c,0 32px #f3a72c,2px 2px #ffe78b,10px 2px #ffe78b; }.level-progress { margin-left:7px; }.level-progress i { width:17px; height:17px; }
.timer { min-width:104px; padding:13px 15px; border:3px solid #123d38; border-radius:9px; box-shadow:4px 4px #123d38; font:700 28px/1 'Press Start 2P',monospace; letter-spacing:-.08em; text-align:center; }.timer::before { content:'ZEIT'; display:block; margin-bottom:7px; color:#0f7168; font:8px 'Press Start 2P',monospace; letter-spacing:0; }.timer.danger { border-color:#9d382d; box-shadow:4px 4px #9d382d; }.timer.danger::before { color:#b44532; }.mission-badge { padding:12px 14px; font-size:12px; }
@media(max-width:650px){.brand{max-width:135px;line-height:1.35}.game-hud span{min-width:55px;padding:10px 8px;font-size:15px}.game-hud b{font-size:11px}.timer{min-width:88px;font-size:20px;padding:10px}.timer::before{font-size:7px}.level-progress{display:none}}