/* Centered tension is independent of the top HUD grid. */
.hud-move-handle,#tensionDetailsToggle{pointer-events:auto!important}
body.marvie-ui .fight-hud{position:fixed!important;left:50%;right:auto;top:auto;bottom:92px;transform:translateX(-50%);width:min(510px,70vw);max-width:calc(100vw - 24px);padding:8px 12px;background:transparent!important;backdrop-filter:none!important;border:0!important;box-shadow:none!important;z-index:4;border-radius:0;color:#fff}
.fight-hud .meter-label{justify-content:center;gap:12px;text-shadow:0 1px 3px #000}.fight-hud .meter-label>span{font-size:10px;letter-spacing:2px}.fight-hud .tension-caption{display:none!important}
body.marvie-ui .fight-hud .tension-track{height:7px;background:#e2e5cb35;border:0;border-radius:0;overflow:hidden;box-shadow:0 1px 4px #0006}
body.marvie-ui .fight-hud #tensionFill{position:absolute;left:50%;top:0;bottom:0;height:100%;width:0;transform:translateX(-50%);border:0;border-radius:0;box-shadow:none;transition:width .07s linear,background .1s linear}
.tension-track:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:#fff9}
#tensionDetailsToggle{padding:0 7px!important;min-height:22px;background:#10231b77!important;color:#eff6e3!important;border:0!important}
#tensionDetails{background:#182d26e8;border:1px solid #b7c8a344;border-radius:6px;margin-top:10px;padding:12px;color:#f3f6e8}
#tensionDetails[hidden]{display:none!important}#tensionDetails .telemetry{margin:0;padding:0;border:0;display:grid!important;grid-template-columns:repeat(2,1fr);font-size:12px}
.hud-move-handle{display:none!important}.hud-editing [data-hud-key]:not(dialog [data-hud-key]){outline:1px dashed #d8d19b;z-index:12!important}.hud-editing .hud-move-handle{display:block!important;background:#d8d19b!important;color:#132c21!important;cursor:move;touch-action:none;border:0!important;font-size:10px!important;padding:3px 9px!important;margin:0 0 5px;line-height:1.4}
.hud-positioned{flex:none!important}#hudEditBar{position:fixed;z-index:100;left:50%;top:12px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:#132b23f5;border:1px solid #d8d19b;color:#f7f1d8;padding:12px;border-radius:8px;max-width:95vw}#hudEditBar[hidden]{display:none}#hudEditBar span{font-size:11px}#hudEditBar button{font-size:12px;white-space:nowrap}
.admin-console .admin-shopping,.admin-users article{padding:16px;background:#274239;border:1px solid #849c7055;border-radius:8px;margin:12px 0}.admin-users small{display:block;opacity:.7;font-size:10px}.admin-users p{font-size:12px}.admin-search{display:flex;gap:8px}.admin-search input{flex:1;min-width:0}#dialogContent:has(#grantTitle) label{display:grid;gap:6px;margin:12px 0}#dialogContent:has(#grantTitle) :is(input,select){padding:12px;background:#264338;color:#f1f2de;border:1px solid #87997d}.reward-inbox{border-bottom:1px solid #809589;padding-bottom:18px;margin-bottom:20px}
body.marvie-ui #forecastDialog{width:min(920px,calc(100vw - 24px));background:#172522eb;color:#f3f5ec;backdrop-filter:blur(16px)}#forecastDialog .dialog-head h2{font-size:18px;font-weight:500}#currentWeather{display:flex!important;justify-content:center;background:none!important;margin:20px auto!important;padding:0!important;gap:0!important}#currentWeather>div{background:#ffffff14;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:135px;gap:6px}.weather-now-time strong{font-size:32px}.weather-now-detail svg{width:48px;height:48px}.weather-now-detail strong{font-size:24px}#currentWeather small{font-size:11px;opacity:.8}#lightReport{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:20px 0;font-size:12px;color:#dce3c6}.forecast-cards{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:22px 0}.forecast-card{background:#ffffff19;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 0 0;overflow:hidden}.forecast-card svg{width:45px;height:45px;margin-bottom:4px}.forecast-card strong{font-size:25px}.forecast-card :is(small,span){font-size:11px;opacity:.85}.forecast-card footer{background:#ffffff16;padding:9px;text-align:center;width:100%;font-size:12px;margin-top:6px}.forecast-footer{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:10px;color:#b3c3b8}.forecast-footer button{margin-left:auto}.forecast-footer a{color:#dbe9cf}
@media(max-width:700px){.forecast-cards{grid-template-columns:repeat(7,88px);overflow:auto;padding-bottom:8px;gap:8px}#lightReport{font-size:10px;gap:9px}#currentWeather>div{min-width:100px;padding:14px}#forecastDialog{padding:15px!important}}
@media(max-width:700px){body.marvie-ui .fight-hud{display:block!important;bottom:115px;width:64vw;padding:5px}.fight-hud .meter-label>span{font-size:8px}.fight-hud #tensionValue{font-size:11px}#hudEditBar{flex-wrap:wrap;justify-content:center;width:calc(100vw - 20px)}#hudEditBar span{display:none}#tensionDetails .telemetry{font-size:10px}}