#campaignHud{position:fixed;top:84px;left:50%;transform:translateX(-50%);width:min(780px,calc(100vw - 44px));z-index:15;display:none;grid-template-columns:1fr 1fr;gap:10px;pointer-events:none}.campaign-active #campaignHud{display:grid}.campaign-side{background:#0c2029ed;border:1px solid #387481;border-radius:10px;padding:12px 15px;backdrop-filter:blur(12px);box-shadow:0 6px 25px #0004;min-width:0}.campaign-side.bravo{border-color:#925b50}.campaign-heading{display:flex;align-items:center;gap:9px;color:var(--a);font-size:12px}.bravo .campaign-heading{color:var(--b)}.campaign-heading>span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;color:#a8bec6}.campaign-heading>strong{font:700 21px monospace}.campaign-health{margin:10px 0 8px;height:10px;background:#26353b;border-radius:6px;overflow:hidden}.campaign-health i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#298b9d,var(--a));transition:width .2s linear}.bravo .campaign-health i{background:linear-gradient(90deg,#aa5342,var(--b))}.campaign-totals,.campaign-occupation{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#acbdc5;line-height:1.7}.campaign-occupation{color:#c2caa7;margin-top:4px}.campaign-active.atlas-ui .mapheader{top:auto;bottom:100px;left:50%;right:auto;transform:translateX(-50%);max-width:calc(100vw - 40px)}.campaign-result{background:#19302c;border:1px solid #3a6256;padding:14px;border-radius:8px;margin-bottom:14px}.campaign-result p{font-size:12px;line-height:1.8}.campaign-active .sidebar,.campaign-active .intel{top:270px!important;max-height:calc(100dvh - 380px)!important}.campaign-active.atlas-ui .atlas-menu{z-index:30}@media(max-width:600px){#campaignHud{top:77px;width:calc(100vw - 24px);gap:6px}.campaign-side{padding:9px}.campaign-heading{gap:5px;font-size:10px}.campaign-heading>strong{font-size:17px}.campaign-heading>span{font-size:8px}.campaign-totals,.campaign-occupation{font-size:8px;gap:3px}.campaign-active.atlas-ui .mapheader{bottom:150px}.campaign-active .sidebar,.campaign-active .intel{top:242px!important;max-height:calc(100dvh - 390px)!important}}

/* Opaque battle panels avoid repeatedly blurring the animated map. */
.campaign-active .campaign-side,.campaign-active .atlas-actions,.campaign-active .controls,.campaign-active .mapheader{backdrop-filter:none}

/* A stable, readable clock; it follows simulation time and adds no animation. */
.campaign-clock{grid-column:1/-1;display:flex;align-items:center;gap:16px;padding:10px 16px;background:#0c2029;border:1px solid #42616c;border-radius:10px;font-variant-numeric:tabular-nums;color:#dfebe8}
.campaign-clock>div{display:flex;align-items:baseline;gap:12px}.campaign-clock small{font-size:10px;color:#9bb2bd}.campaign-clock strong{font-size:21px;white-space:nowrap;color:#e6efb4}.campaign-clock time{font:600 21px monospace;min-width:5ch}.campaign-clock>span{font-size:11px;padding:4px 8px;border:1px solid #42616c;border-radius:5px;color:#aee3dc;white-space:nowrap}.campaign-clock>small{margin-left:auto;white-space:nowrap}
.campaign-active .sidebar,.campaign-active .intel{top:330px!important;max-height:calc(100dvh - 440px)!important}
@media(max-width:600px){.campaign-clock{padding:9px 10px;gap:10px}.campaign-clock>div{gap:6px}.campaign-clock>div small,.campaign-clock>small{display:none}.campaign-clock strong{font-size:17px}.campaign-clock time{font-size:18px}.campaign-clock>span{margin-left:auto;font-size:10px}.campaign-active .sidebar,.campaign-active .intel{top:295px!important;max-height:calc(100dvh - 443px)!important}}

.campaign-clock>button{pointer-events:auto;white-space:nowrap;border:1px solid #725949;border-radius:5px;padding:5px 8px;color:#e0baa0;font-size:10px}
.battle-feed{display:none;position:fixed;z-index:16;left:22px;top:266px;width:285px;max-height:calc(100dvh - 420px);flex-direction:column;background:#0c2029f5;border:1px solid #36535f;border-radius:10px;overflow:hidden;color:#d5e4e5;pointer-events:auto}
.campaign-active .battle-feed{display:flex}.countries-open .battle-feed,.intel-open .battle-feed{display:none}
.battle-feed-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #2e4651}.battle-feed-head b{font-size:12px}.battle-feed-head button{font-size:10px;color:#a2c8cf;padding:3px 6px}
#battleFeedMessages{overflow:auto;max-height:250px;padding:8px;scrollbar-width:thin;overscroll-behavior:contain}#battleFeedMessages[hidden]{display:none}
.battle-message{margin:0 0 7px;padding:8px 10px;border-radius:8px;background:#16313b;border-left:2px solid #4c8f9d}.battle-message:last-child{margin-bottom:0}.battle-message.status{background:#20372f;border-left-color:#b8d57b}.battle-message time{display:block;color:#8babb6;font:9px monospace;font-variant-numeric:tabular-nums}.battle-message p{margin:4px 0 0;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.campaign-active .sidebar,.campaign-active .intel{top:285px!important;max-height:calc(100dvh - 395px)!important}
@media(max-width:600px){.battle-feed{left:12px;top:247px;width:245px;max-height:calc(100dvh - 410px)}#battleFeedMessages{max-height:145px}.battle-feed-head{padding:7px 10px}.battle-feed-head b{font-size:11px}.battle-message{padding:7px 8px}.battle-message p{font-size:10px}.campaign-clock>button{font-size:9px;padding:5px}.campaign-active .sidebar,.campaign-active .intel{top:255px!important;max-height:calc(100dvh - 403px)!important}}