/* Small, stable information layers; no combat-state or save changes. */
.level-track{display:flex;align-items:center;gap:12px;margin:0 2px 12px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}
.level-track progress{width:110px;height:4px;margin:0;order:-1}
.arena-card{box-shadow:0 14px 40px #041c2828;border-color:#527d8066}
.arena-top{background:linear-gradient(115deg,#244d56,#193c48)}
.arena-top .auto{border:1px solid #719c9470;border-radius:20px;padding:5px 9px;white-space:nowrap;letter-spacing:.3px;color:#c7e8d9}
.arena-top .auto[data-mode=boss]{border-color:#e7c58d;color:#f4dba9}
.arena-top .auto[data-mode=paused]{color:#aabfc2}
#boss-hud{background:#15353f}
#boss-health{accent-color:#b4d9c2}
.battle-bottom{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:2px 12px;align-items:center}
.battle-bottom .health{grid-row:1/3}
.battle-bottom #burst{width:120px;min-height:48px;position:relative;border:1px solid #f2dba2;background:linear-gradient(90deg,#edcc8c var(--cooldown,100%),#887854 var(--cooldown,100%));box-shadow:0 3px 0 #071e2933}
#burst[data-counter=true]{outline:2px solid #e4f9da;outline-offset:2px}
.special-status{grid-column:2;font-size:9px;letter-spacing:0;line-height:14px;min-height:28px;text-align:center;color:#bfd9d4}
#event{border-top:1px solid #63848130;background:#102f393d;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.arena-card[data-danger=true] .health progress{accent-color:#e8a596}
.pocket-action{display:none}
.level-celebration{position:absolute;top:145px;left:50%;transform:translate(-50%,-6px);max-width:90%;padding:9px 16px;border-radius:20px;background:#e2d19e;color:#163b44;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:5;text-align:center}
.level-celebration.visible{opacity:1;transform:translate(-50%,0)}
.reef-tabs button{transition:background-color .15s,color .15s}
@media(max-width:719px){
 .level-track{margin-bottom:8px;font-size:10px}.level-track progress{width:70px}
 .pocket-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:calc(100% - 20px);margin:0 10px 12px;text-align:left;background:#244951;border-color:#557b78}
 .pocket-action small{display:block;font-size:9px;letter-spacing:1px;color:#bdd8c7}
 .pocket-action strong{display:block;font-size:13px;margin-top:3px}
 .arena-top .auto{font-size:9px;padding:4px 6px}
}
@media(max-height:559px) and (min-width:600px) and (orientation:landscape){
 .level-track{display:none}.special-status{min-height:14px;font-size:9px}
 .battle-bottom{min-height:72px}.pocket-action{display:none}
}
@media(max-width:350px){.battle-bottom{grid-template-columns:minmax(0,1fr) 108px}.battle-bottom #burst{width:108px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.level-celebration,.reef-tabs button{transition:none}}