.army-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:1px solid #6d7b54;background:linear-gradient(110deg,#293f2d,#14281e);padding:13px 16px}.army-overview>span{font-size:11px;color:#b9c6ae}.army-overview strong{display:block;font:23px Georgia;color:#eddaa3;margin-top:5px}.army-quick-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 0 13px;color:#aebb9f;font-size:11px}.army-quick-links .text-action{font-size:11px}.compact-army-list{display:grid;gap:12px}.compact-army-card{--unit-color:#aabf8d;border:1px solid #647453;background:linear-gradient(120deg,#253a2b,#15291e);padding:13px 16px}.compact-army-card.cavalry{--unit-color:#cfb77e}.compact-army-card.archer{--unit-color:#8eb8b4}.compact-army-card>header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.army-portrait{width:46px;height:46px;flex:none;background-image:url('assets/art/march-units-v04.png');background-size:400% 600%;background-position-x:0}.compact-army-card h2{font-size:17px;margin:0 0 4px;color:#ead8a4}.compact-army-card header>div{flex:1;min-width:0}.compact-army-card header p{margin:0;font-size:11px;line-height:1.6;color:#bfccb2}.compact-army-card header>.text-action{font-size:11px;white-space:nowrap}.army-unit-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-left:3px}.army-unit-stats>span{font-size:10px;color:#adbea2}.army-unit-stats strong{display:block;font:20px Georgia;color:#e8ddb5;margin-top:4px}.army-share-track{height:3px;background:#0b1b14;margin:10px 0 12px}.army-share-track i{display:block;height:100%;background:var(--unit-color);transition:width .3s}.compact-training{display:grid;grid-template-columns:minmax(75px,1fr) minmax(70px,1fr) minmax(85px,1fr);gap:6px 10px;margin-top:0;align-items:center}.compact-training label{display:block;min-width:0}.compact-training input,.compact-training select{width:100%;min-width:0;height:39px;padding:7px 9px;font-size:14px;box-sizing:border-box}.compact-training button{min-height:39px;font-size:13px;padding:5px 9px}.compact-training .training-quote,.army-selected-stats{grid-column:1/-1;font-size:10px;color:#afbea2;line-height:1.5}.army-training-status{font-size:11px;color:#e0c77d;margin:8px 0 0}.army-count-note{font-size:10px;margin:12px 0}.compact-army-card .sr-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.compact-army-card{padding:11px 12px}.army-overview{padding:12px;gap:10px}.army-overview strong{font-size:21px}.compact-army-card header p{font-size:10px}.compact-army-card>header{gap:7px}.army-portrait{width:37px;height:42px}.compact-army-card h2{font-size:16px}.compact-training input,.compact-training select{font-size:16px}.compact-training{grid-template-columns:minmax(62px,1fr) minmax(65px,1fr) minmax(78px,1fr);gap:5px 7px}.army-unit-stats strong{font-size:19px}.compact-army-card header>.text-action{font-size:10px}}
.training-amount{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.training-amount label{font-size:10px;color:#adbea2}.training-amount>span{font-size:11px;color:#c7d0b7}.training-amount output{font:20px Georgia;color:#f1dda0;font-variant-numeric:tabular-nums}.training-range-field{grid-column:1/-1;min-width:0}.compact-training input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:36px;padding:0;margin:0;border:0;background:transparent;box-shadow:none;cursor:pointer;touch-action:pan-y;accent-color:var(--unit-color)}.compact-training input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(to right,var(--unit-color) var(--range-fill,0%),#0b1b14 var(--range-fill,0%))}.compact-training input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:25px;height:25px;margin-top:-10px;border:2px solid #e9d594;border-radius:50%;background:radial-gradient(circle at 35% 25%,#c2ce9f,#526e45);box-shadow:0 1px 5px #0008}.compact-training input[type=range]::-moz-range-track{height:5px;border-radius:5px;background:#0b1b14}.compact-training input[type=range]::-moz-range-progress{height:5px;border-radius:5px;background:var(--unit-color)}.compact-training input[type=range]::-moz-range-thumb{width:22px;height:22px;border:2px solid #e9d594;border-radius:50%;background:#718c5d}.compact-training input[type=range]:disabled{opacity:.4;cursor:default}.compact-training input[type=range]:focus-visible{outline:2px solid #e2cd87;outline-offset:2px;border-radius:4px}.training-range-limits{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#afbea2;line-height:1.5}.training-range-limits b{font-weight:400;color:#d7d8b5;font-variant-numeric:tabular-nums}
.training-range-limits{flex-wrap:wrap;align-items:center;gap:3px 8px}.training-range-limits .training-limit-refresh{min-height:26px;padding:0 3px;border:0;background:none;box-shadow:none;color:#d8c384;font-size:10px;font-family:inherit;text-decoration:underline;cursor:pointer}.training-range-limits .training-limit-refresh:hover{color:#fff0b6;background:none}
.training-slider-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px}.compact-training .training-step{width:44px;height:44px;min-height:44px;padding:0;border:1px solid #87956a;border-radius:4px;background:linear-gradient(#344e37,#192d20);color:#eddaa3;font:26px Georgia;touch-action:manipulation;cursor:pointer}.compact-training .training-step:hover{background:#3d593e}.compact-training .training-step:disabled{opacity:.35;cursor:default}.compact-training .training-step:focus-visible{outline:2px solid #e3cc82;outline-offset:2px}