.brand-cluster{display:flex;align-items:center;gap:10px}.combo-badge{display:none}
@media(max-width:800px){
 body.playing header{top:max(15px,env(safe-area-inset-top));left:16px;right:16px}
 body.playing header .brand{font-size:17px;gap:6px}
 body.playing header .brand-symbol{font-size:28px}
 body.playing header .brand small{font-size:6.5px;line-height:8px;letter-spacing:1.5px;margin-top:4px}
 body.playing header .round-button{width:30px;height:30px;font-size:16px}
 body.playing header nav{gap:7px}
 body.playing .brand-cluster{gap:10px}
 body.playing .combo-badge{display:flex;align-items:center;gap:4px;min-width:43px;padding:5px 8px;border:1px solid #c6a4d365;background:#fff7f0df;border-radius:12px;box-shadow:0 3px 10px #67477510;color:#8f5b9e;font-size:12px;line-height:1.2}
 .combo-badge>span{color:#cba052;font-size:16px}.combo-badge b{font-weight:800}
 #hud{top:calc(env(safe-area-inset-top,0px) + 62px);left:14px;right:14px;width:auto;min-width:0;transform:none}
 .hud-top{padding:6px 12px;gap:12px;min-height:48px;justify-content:space-between;border-radius:14px;box-shadow:0 4px 14px #51325712;background:#fff9f6;border-color:#cfbdd7;backdrop-filter:none;-webkit-backdrop-filter:none}
 .distance-card small,.score-card small{font-family:Arial,'Segoe UI',sans-serif;font-size:9px;line-height:10px;letter-spacing:.5px;color:#70517e;font-weight:700}
 .distance-card strong{font-family:Arial,'Segoe UI',sans-serif;font-size:23px;line-height:24px;font-weight:700}.distance-card em{font-size:10px}
 .score-card{gap:5px}.score-card>span{font-size:23px}.score-card strong{font-family:Arial,'Segoe UI',sans-serif;font-size:19px;line-height:24px;font-weight:700}
 .lives{font-size:12px;letter-spacing:2px}.hud-top .round-button{width:28px;height:28px;font-size:13px}
 .hud-meta{font-family:Arial,'Segoe UI',sans-serif;font-size:9.5px;line-height:12px;font-weight:700;letter-spacing:.3px;padding:4px 9px;gap:9px;min-height:22px;margin:5px auto 0;border-radius:14px;max-width:100%;background:#fff8f4;backdrop-filter:none;-webkit-backdrop-filter:none}
 #combo{display:none}#action-hint{font-size:9px;letter-spacing:.6px}
 #toast{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 77px);left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 28px);white-space:normal;text-align:center;font-size:13px;line-height:1.3;padding:8px 13px;min-height:0;border-radius:13px}
 #toast[data-kind="combo"]{display:none}
 .mission{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);left:14px;right:14px;width:auto;max-width:none;transform:none;padding:9px 12px;font-family:Arial,'Segoe UI',sans-serif;font-size:10.5px;line-height:14px;font-weight:600;pointer-events:none}
 .mission>div{margin-top:6px}
}
@media(max-width:350px){
 body.playing header{left:12px;right:12px}body.playing header .brand{font-size:15px}body.playing header .brand-symbol{font-size:25px}body.playing .brand-cluster{gap:6px}
 body.playing .combo-badge{padding:4px 6px;font-size:11px;min-width:38px}.hud-top{padding:6px 10px;gap:9px}.lives{letter-spacing:1px;font-size:11px}.hud-meta{font-size:7.5px}
}
@media(max-height:500px) and (min-width:600px){
 #hud{top:10px;left:calc(50% - 140px);right:auto;width:280px;transform:none}.hud-meta{font-size:7.5px}
 body.playing header .brand{font-size:14px}body.playing header .brand-symbol{font-size:22px}body.playing .brand-cluster{gap:5px}body.playing .combo-badge{display:flex;padding:4px 6px;min-width:38px;font-size:11px}
 .hud-top{gap:8px;padding:6px 10px}.distance-card strong{font-size:22px}.score-card strong{font-size:15px}.lives{font-size:10px;letter-spacing:1px}.hud-top .round-button{width:24px;height:24px}
 .mission{left:14px;right:auto;width:220px;bottom:14px;top:auto;transform:none}#toast{left:auto;right:14px;bottom:14px;transform:none;max-width:270px}
 #combo{display:none}
}