/* Realistic mode: readable weapon timing and actionable field status. */
.unit-label .weapon-cycle{display:block;width:100%;height:3px;min-height:3px;background:#292b2dbf;border-radius:2px;overflow:hidden;margin-top:2px;box-shadow:0 0 0 1px #111b23a6;pointer-events:none}
.weapon-cycle>b,.cycle-track>b{display:block;width:100%;height:100%;transform-origin:left;background:#ffc078;transition:transform .12s linear}
.weapon-cycle[data-phase=BURST]>b,.cycle-track[data-phase=BURST]>b{background:#e6f6c0}
.weapon-cycle[data-phase=EMPTY],.cycle-track[data-phase=EMPTY]{background:#8d4c42}
.unit-label.immobilized>span{border-left:3px solid #f5a568}
.unit-label.concealed>span{border-left:3px solid #8ed3ba}
.realism-readout{background:#101d26;border:1px solid #324a55;padding:7px 9px;border-radius:7px;margin:7px 0;font-size:10px;color:#c4d6de;min-width:0}
.cycle-caption{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.09em;color:#efce99;margin-bottom:4px}
.cycle-track{height:4px;background:#2d3d45;border-radius:4px;overflow:hidden}
.realism-readout>small{display:block;margin-top:6px;font-size:9px;line-height:1.5;color:#accac4;overflow-wrap:anywhere}
#supply-labels{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}
.cache-label{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;min-height:24px;padding:3px 7px;background:#142b29e8;color:#bbebc9;border:1px solid #769c79;border-radius:4px;font-size:9px;font-weight:700;white-space:nowrap;box-shadow:0 3px 10px #0005}
.cache-label.enemy{background:#392321e8;color:#ffc4ac;border-color:#a56e56}
.realism-guide{max-width:620px}.realism-guide>p{color:#bdcdd3;font-size:13px;line-height:1.6;margin:0 0 15px}.realism-lessons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.realism-lessons section{padding:14px;background:#17252d;border:1px solid #354851;border-radius:9px}.realism-lessons b{font-size:11px;color:#e5c490;letter-spacing:.06em}.realism-lessons p{font-size:12px;line-height:1.6;color:#bcd0d9;margin:8px 0 0}
@media(max-width:600px){.realism-lessons{grid-template-columns:1fr}.realism-readout{margin:4px 0;padding:5px 7px}.cache-label{font-size:8px}.realism-guide{max-height:88dvh;overflow:auto}}
@media(prefers-reduced-motion:reduce){.weapon-cycle>b,.cycle-track>b{transition:none}}
body.reduced .weapon-cycle>b,body.reduced .cycle-track>b{transition:none}