/* Critical flight readings on the right; dismissible communications at the top edge. */
.combat-mode .score-group,.combat-mode .hud .timer,.combat-mode #honor-rail{display:none!important}
.combat-mode .hud{inset:10px 12px auto auto;display:flex;flex-direction:column;align-items:stretch;gap:5px;width:140px}
.combat-mode .wave-group{align-items:flex-end;text-align:right}
.combat-mode .life-group{width:100%}
.combat-mode .combat-notices{left:12px;top:8px;bottom:auto;width:min(360px,calc(100% - 180px));max-height:min(380px,58%)!important;gap:4px;pointer-events:auto;overflow:auto;overscroll-behavior:contain}
.notice-toggle{align-self:flex-start;flex-shrink:0;pointer-events:auto;min-height:32px;padding:4px 9px;border:1px solid #39554e;border-radius:5px;background:#0c1b20ed;color:#c5dbd4;font-size:14px;line-height:1.4}
.combat-notices.messages-collapsed>:not(.notice-toggle){display:none!important}
.combat-notices.messages-collapsed{overflow:visible}
.combat-notices>.chat-panel{position:static;inset:auto;z-index:auto;width:100%;height:180px;min-height:150px;max-height:210px;flex-shrink:0;pointer-events:auto;box-shadow:none;border-radius:6px;background:#0c1720e8}
.combat-notices>.chat-panel .chat-heading{padding:7px 10px}.combat-notices>.chat-panel .chat-heading b{font-size:11px}.combat-notices>.chat-panel .chat-heading button{font-size:20px}
.combat-notices>.chat-panel .chat-messages{padding:8px 10px;font-size:12px;line-height:1.45}
.combat-notices>.chat-panel form{padding:7px 9px 2px}.combat-notices>.chat-panel input{height:34px;font-size:13px}.combat-notices>.chat-panel>p{margin:5px 10px 8px;font-size:11px}
.combat-mode .combat-notices>#field-feed{pointer-events:auto;grid-template-columns:26px minmax(0,1fr);padding:6px 8px;gap:6px}
.combat-mode .combat-notices #feed-art{width:26px!important;min-width:26px;height:26px}
.combat-mode .combat-notices #field-feed p{font-size:14px;line-height:1.4;margin:2px 0 0}
.combat-mode .combat-notices #field-feed small{font-size:12px;line-height:1.3}
.combat-mode .combat-notices>#target-affinity{pointer-events:auto}
@media(max-width:760px){
 .combat-mode .hud{width:104px;right:8px;top:8px;gap:3px}
 .combat-mode .combat-notices{left:8px;top:8px;width:calc(100% - 128px);max-height:min(330px,48%)!important}
 .combat-notices>.chat-panel{height:170px;min-height:145px}
 .combat-mode .combat-notices>#field-feed{grid-template-columns:minmax(0,1fr)}
 .combat-mode .combat-notices #feed-art{display:none}
 .combat-mode .location-map{top:132px!important}
}
@media(pointer:coarse){.notice-toggle{min-height:44px}}
.character-only-mode .target-affinity,.character-only-mode #field-feed,.character-only-mode .pickup-legend,.character-only-mode .stage-caption,.character-only-mode .gear-reveal,.character-only-mode .announcement,.character-only-mode .direction-guide,.character-only-mode .intro-guide{display:none!important}
.character-only-mode #labels-button{border-color:#77e6cf;color:#d9fff6;background:#10272b}

/* A floating gear replaces the full-width combat toolbar on every screen size. */
.combat-mode .masthead{height:0;min-height:0;padding:0;margin:0;position:relative;z-index:20}
.combat-mode .masthead .brand-stack{display:none}
.combat-mode .masthead .tools{position:absolute;top:6px;right:8px;display:flex;width:auto;max-width:calc(100vw - 16px);margin:0;padding:0;gap:5px;overflow:visible;flex-wrap:wrap}
.combat-mode #mobile-panel-button{display:flex!important;order:-11;min-width:40px;width:40px;height:40px;font-size:22px;justify-content:center;padding:0}
.combat-mode #pause-button{order:-10;width:40px;height:40px;position:static}
.combat-mode:not(.mobile-panels-open) .tools>*:not(#pause-button):not(#mobile-panel-button){display:none!important}
.combat-mode.mobile-panels-open .masthead .tools{padding:8px;max-width:min(520px,calc(100vw - 16px));max-height:65dvh;overflow:auto;background:#0b1b22f7;border:1px solid #46645c;border-radius:8px;box-shadow:0 8px 24px #0008}
.combat-mode .hud{top:56px}
.combat-mode .location-map{top:184px!important}
.combat-mode .combat-notices{top:8px}
