:root{--territorial-alert-height:0px}
html{scroll-padding-top:var(--territorial-alert-height)}
#app{padding-top:var(--territorial-alert-height)}
.territorial-mobilization-alert{position:fixed;top:0;left:0;right:0;z-index:150;padding-top:env(safe-area-inset-top,0px);max-height:28dvh;overflow-y:auto;background:#101827;box-shadow:0 3px 15px #0008;color:#fff}
.territorial-mobilization-row{display:flex;align-items:center;gap:12px;min-height:66px;padding:9px max(16px,env(safe-area-inset-right));border-bottom:2px solid #e8b44a;background:linear-gradient(100deg,#302410,#111a2c);animation:territorial-alert-glow 3s ease-in-out infinite}
.territorial-mobilization-row.is-defender{border-color:#ff756b;background:linear-gradient(100deg,#391c22,#111a2c)}
.territorial-mobilization-row.is-observer{border-color:#87b9ff;background:linear-gradient(100deg,#1a304b,#111a2c);animation:none;min-height:56px;flex-wrap:nowrap}
.is-observer .territorial-mobilization-text strong{color:#c3ddff}
.is-observer .territorial-mobilization-text>span{white-space:normal;overflow:visible}
.is-observer .territorial-mobilization-text{flex-basis:auto}
.territorial-mobilization-icon{font-size:1.5rem;flex-shrink:0}
.territorial-mobilization-text{min-width:0;flex:1;line-height:1.35}
.territorial-mobilization-text strong{display:block;font-size:.94rem;color:#ffe4a0}
.is-defender .territorial-mobilization-text strong{color:#ffb9b2}
.territorial-mobilization-text>span{display:block;font-size:.8rem;color:#d8e0f0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.territorial-mobilization-timer{flex-shrink:0;text-align:center;line-height:1.2}
.territorial-mobilization-timer small{display:block;color:#d8e0f0;font-size:.68rem}
.territorial-mobilization-timer time{display:block;font:800 1.1rem/1.3 monospace;font-variant-numeric:tabular-nums;color:#fff}
.territorial-mobilization-link{flex-shrink:0;padding:9px 12px;border:1px solid #e8b44a;border-radius:7px;font-size:.8rem;font-weight:700;color:#ffdf91;background:#e8b44a16;white-space:nowrap}
.territorial-mobilization-link:focus-visible{outline:3px solid #fff;outline-offset:2px}
.is-defender .territorial-mobilization-link{border-color:#ff756b;color:#ffd9d5}
.toast-container{top:calc(1.5rem + var(--territorial-alert-height))}
@media(min-width:993px){#navbar{top:var(--territorial-alert-height);height:calc(100dvh - var(--territorial-alert-height))}}
@media(max-width:992px){#navbar .navbar-inner{top:calc(62px + var(--territorial-alert-height))}}
@media(max-width:600px){.territorial-mobilization-row{gap:7px;padding:8px 10px;flex-wrap:wrap}.territorial-mobilization-icon{font-size:1.15rem}.territorial-mobilization-text strong{font-size:.78rem}.territorial-mobilization-text>span{font-size:.71rem}.territorial-mobilization-timer time{font-size:1rem}.territorial-mobilization-link{margin-left:auto;padding:7px 9px;font-size:.73rem}.territorial-mobilization-text{flex-basis:calc(100% - 130px)}}
@keyframes territorial-alert-glow{50%{box-shadow:inset 0 -2px 8px #ffb45135}}
@media(prefers-reduced-motion:reduce){.territorial-mobilization-row{animation:none}}