/* Seasonal troop tabs: exact unlock costs in an emerald and gold game frame. */
#seasonal-controls{margin:0 0 24px;scroll-margin-top:90px}
.seasonal-army{border:1px solid #957444;border-radius:7px;background:linear-gradient(145deg,#24252a,#19191f);box-shadow:inset 0 0 0 1px #e7c98e0d,0 8px 25px #0003}
.seasonal-army *,.seasonal-army *::before,.seasonal-army *::after{box-sizing:border-box}
.seasonal-army-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;border-bottom:1px solid #a88348;border-radius:6px 6px 0 0;background:var(--game-woodgrain,linear-gradient(100deg,#452b20,#2c201c))}
.seasonal-army-heading>div{min-width:0}
.seasonal-army-heading h2{width:fit-content;max-width:100%;margin:0;padding:10px 34px;background:url('/game-ui/emerald-title.svg') center/100% 100% no-repeat;color:#fff0c7;font:650 20px/1.35 var(--sans,Arial,sans-serif);text-shadow:0 2px 2px #06190f}
.seasonal-army-heading p{margin:7px 0 0;color:#d6c5a9;font-size:13px;line-height:1.5}
.seasonal-march-includes{flex:none}.seasonal-march-includes>span{display:block;margin-bottom:6px;color:#c5b18c;font-size:12px}.seasonal-march-includes>div{display:flex;gap:6px}
.seasonal-family-toggle{display:flex;align-items:center;gap:6px;min-height:36px;padding:5px 9px;border:1px solid #89704780;border-radius:4px;background:#15161980;color:#b8ac98;cursor:pointer}.seasonal-family-toggle.is-enabled{border-color:#a5b571a6;background:#334331aa;color:#f2e3b5}.seasonal-family-toggle input{width:16px;height:16px;margin:0;accent-color:#bdca81}.seasonal-family-toggle>span{font:650 15px/1.2 var(--sans,Arial,sans-serif)}.seasonal-family-toggle:has(input:focus-visible){outline:2px solid #e6c481;outline-offset:3px}
.seasonal-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:14px 18px 0}
.seasonal-tab{position:relative;display:flex;align-items:center;gap:11px;min-width:0;min-height:70px;padding:11px 14px;border:1px solid #6e5b3e;border-radius:5px 5px 0 0;background:linear-gradient(145deg,#29262b,#1d1c23);color:#d0c0a5;text-align:left;transition:border-color .15s,background .15s}.seasonal-tab:hover{border-color:#c7a465;background:linear-gradient(145deg,#383329,#242422)}
.seasonal-tab[aria-selected="true"]{z-index:1;border-color:#c9a562;border-bottom-color:#d9bc7b;background:linear-gradient(145deg,#3b6246,#233b2d);color:#fff0c9;box-shadow:inset 0 2px 0 #e7ce8b,0 -2px 10px #d5bd6f0a}.seasonal-tab[aria-selected="true"]::after{position:absolute;right:15px;bottom:0;left:15px;height:3px;border-radius:3px 3px 0 0;background:#e8c980;content:''}
.seasonal-tab-letter{display:grid;place-items:center;flex:none;width:33px;height:37px;border:1px solid #a88b51;border-radius:4px 4px 10px 10px;background:linear-gradient(#5b4830,#2f291e);color:#eace94;font:600 22px/1 var(--serif,Georgia,serif);text-shadow:0 2px 2px #0007}.seasonal-tab[aria-selected="true"] .seasonal-tab-letter{border-color:#e8ca80;background:linear-gradient(#8c713d,#554122);color:#fff0b8}
.seasonal-tab>span:last-child{display:block;min-width:0}.seasonal-tab strong{display:block;color:inherit;font-size:15px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.seasonal-tab small{display:block;margin-top:3px;color:#b6a58a;font-size:11px;line-height:1.4}.seasonal-tab[aria-selected="true"] small{color:#d7d4ad}
.seasonal-tabpanel{min-width:0;padding:18px}.seasonal-tabpanel[hidden]{display:none}.seasonal-tabpanel:focus-visible{outline:2px solid #d9bc7b;outline-offset:-5px}
.seasonal-panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.seasonal-panel-toolbar>div{display:flex;align-items:center;flex-wrap:wrap;gap:6px 11px;min-width:0}.seasonal-panel-toolbar h3{margin:0;color:#f0dfb8;font:600 19px/1.4 var(--sans,Arial,sans-serif)}.seasonal-level-range{color:#c3af87;font-size:12px;font-variant-numeric:tabular-nums}.seasonal-family-state{padding:3px 7px;border:1px solid #7e715640;border-radius:20px;color:#b5a68c;font-size:11px;line-height:1.4}.seasonal-family-state.is-included{border-color:#90a96755;background:#60734718;color:#cad7aa}
.seasonal-tier-picker{display:flex;align-items:center;gap:8px;flex:none;color:#c4b18f;font-size:12px}.seasonal-tier-picker select{width:96px;max-width:100%;min-width:0;min-height:39px;padding:6px 10px;border:1px solid #9e7f48;border-radius:4px;background:#12171a;color:#f0dfb9;font-size:15px}
.seasonal-family-total{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px 20px;padding:15px 18px;border:1px solid #b19051a6;border-left:4px solid #d7b96d;border-radius:5px;background:linear-gradient(110deg,#58442940,#3e46341f 65%,#161b1d);box-shadow:inset 0 1px 0 #ead7a00a}.seasonal-family-total>div:first-child{min-width:0}.seasonal-family-total>div:first-child>span{display:block;color:#dfcda9;font-size:13px;line-height:1.5}.seasonal-family-total>div:first-child>strong{display:block;margin-top:4px;color:#b7c298;font-size:12px;font-weight:500;line-height:1.4}.seasonal-family-total-values{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 18px;min-width:0}
.seasonal-points{display:inline-flex;align-items:baseline;gap:6px;min-width:0;color:#f6e1aa;font-variant-numeric:tabular-nums}.seasonal-points>strong{color:inherit;font:650 19px/1.3 var(--sans,Arial,sans-serif);letter-spacing:-.02em;white-space:nowrap}.seasonal-family-total-values .seasonal-points>strong{font-size:27px}.seasonal-currency{padding:2px 5px;border:1px solid #b8945055;border-radius:3px;color:#e9cb88;font-size:11px;font-weight:600;line-height:1.3}.seasonal-points[data-seasonal-currency="CP"] .seasonal-currency{border-color:#c77c6859;color:#efbda4}
.seasonal-selection-help{margin:12px 0 17px;color:#b9ad98;font-size:12px;line-height:1.6}
.seasonal-level-group+.seasonal-level-group{margin-top:21px}.seasonal-level-group>header{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:0 0 9px}.seasonal-tier-title{display:flex;align-items:center;gap:9px}.seasonal-tier-title h4{margin:0;padding:4px 8px;border:1px solid #9d7c464d;border-radius:4px;background:#b7985020;color:#f1d39a;font:650 15px/1.4 var(--sans,Arial,sans-serif)}.seasonal-tier-title>span{color:#b7ab96;font-size:12px}.seasonal-tier-cost{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 9px;margin-left:auto}.seasonal-tier-cost>span{color:#baa98a;font-size:11px}.seasonal-tier-cost>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 15px}.seasonal-tier-cost .seasonal-points>strong{font-size:18px}
.seasonal-tier-actions{display:flex;align-items:center;gap:5px}.seasonal-tier-actions button{min-height:31px;padding:5px 8px;border:1px solid #91794b4d;border-radius:4px;background:#c4a15f08;color:#d4bc8b;font-size:11px}.seasonal-tier-actions button:hover{border-color:#bf9c5e;background:#a4865220;color:#f6dfa8}
.seasonal-shared-note{margin:0 0 10px;padding:8px 11px;border-left:2px solid #8e9d68;background:#6d7c4310;color:#bec5a0;font-size:12px;line-height:1.55}.seasonal-shared-note strong{color:#d3d6b3;font-weight:500}
.seasonal-unit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.seasonal-unit{display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-width:0;padding:12px;border:1px solid #77613d80;border-radius:5px;background:linear-gradient(145deg,#24212a,#1a191f);color:#d2c3a9;text-align:left;transition:border-color .15s,background .15s}.seasonal-unit:hover{border-color:#d1ac65;background:linear-gradient(145deg,#3a3329,#24251f)}.seasonal-unit.is-available{border-color:#a9bc79b3;background:linear-gradient(135deg,#3d553c80,#23332c80);color:#f0e6cf}.seasonal-unit.is-available:hover{border-color:#d9d799;background:linear-gradient(135deg,#4b62459c,#2e403580)}
.seasonal-unit-top{display:flex;align-items:center;gap:9px;min-width:0;width:100%}.seasonal-unit img,.seasonal-unit-symbol{display:block;flex:none;width:48px;height:48px;aspect-ratio:1;object-fit:cover;object-position:center;border:1px solid #b69152aa;border-radius:3px;box-shadow:0 2px 5px #0005;filter:grayscale(.75) brightness(.85)}.seasonal-unit.is-available img{filter:none}.seasonal-unit-symbol{display:grid;place-items:center;background:#33352b;color:#dcc68f;font:600 15px/1 var(--serif,Georgia,serif);filter:none}.seasonal-unit-copy{display:block;min-width:0}.seasonal-unit-copy>strong{display:block;color:inherit;font-size:13px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.seasonal-unit-state{display:block;margin-top:5px;color:#c2a777;font-size:11px;line-height:1.35}.seasonal-unit.is-researched .seasonal-unit-state{color:#bccc9e}.seasonal-unit-check{display:grid;place-items:center;flex:none;width:19px;height:19px;margin-left:auto;border:1px solid #927a4c;border-radius:3px;color:#cbb381;font:500 16px/1 var(--sans,Arial,sans-serif)}.seasonal-unit.is-available .seasonal-unit-check{border-color:#b1c385;background:#657747;color:#f4f7d6;font-size:13px}
.seasonal-unit-cost{display:block;min-width:0;width:100%;padding-top:10px;border-top:1px solid #b69b6326}.seasonal-cost-label{display:block;margin-bottom:4px;color:#b6a68b;font-size:11px;line-height:1.4}.seasonal-unit-cost .seasonal-points{gap:5px}.seasonal-unit-cost .seasonal-points>strong{font-size:17px}.seasonal-cost-unknown{display:block;color:#c5ac85;font-size:12px;line-height:1.5}.seasonal-incomplete{flex-basis:100%;margin:8px 0 0;color:#d3ac7b;font-size:12px;line-height:1.6}
.seasonal-research-basis{margin-top:20px;padding-top:12px;border-top:1px solid #8d734333}.seasonal-research-basis>p{margin:0;color:#b4a78f;font-size:12px;line-height:1.6}.seasonal-source-details{margin-top:7px}.seasonal-source-details>summary{width:fit-content;min-height:30px;color:#d6bc87;font-size:12px;line-height:1.5;cursor:pointer}.seasonal-source-details>div{margin-top:7px;padding:12px 14px;border:1px solid #80694240;border-radius:4px;background:#11131977}.seasonal-source-details p{margin:0 0 8px;color:#bcb09a;font-size:12px;line-height:1.6}.seasonal-source-details a{color:#dfc07f;text-decoration:underline;text-underline-offset:3px}.seasonal-source-details ul{margin:10px 0 0;padding:0;list-style:none}.seasonal-source-details li{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 15px;padding:5px 0;color:#c4b392;font-size:12px}.seasonal-source-details code{color:#aeaa93;font-size:11px;overflow-wrap:anywhere}
.seasonal-empty{padding:15px 0;margin:0;color:#c1b194;font-size:13px}.seasonal-save-status:not(.sr-only){padding:11px 18px;margin:0;border-top:1px solid #bb796b4d;color:#efb8a4;font-size:13px}.seasonal-tab:focus-visible,.seasonal-unit:focus-visible,.seasonal-tier-actions button:focus-visible,.seasonal-source-details summary:focus-visible{outline:2px solid #f3d99f;outline-offset:3px}
@media(max-width:1100px){.seasonal-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seasonal-tab{gap:8px;padding:10px}.seasonal-tab strong{font-size:14px}.seasonal-tab-letter{width:29px;height:34px;font-size:19px}.seasonal-family-total-values .seasonal-points>strong{font-size:24px}.seasonal-unit{gap:10px}}
@media(max-width:760px){.seasonal-army-heading{align-items:flex-start;flex-wrap:wrap;gap:13px;padding:13px 15px}.seasonal-army-heading p{font-size:12px}.seasonal-march-includes{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.seasonal-march-includes>span{margin:0}.seasonal-tabs{padding:12px 12px 0;gap:4px}.seasonal-tab{justify-content:center;min-height:78px;gap:6px;padding:9px 5px;flex-direction:column;text-align:center}.seasonal-tab-letter{width:26px;height:29px;font-size:18px}.seasonal-tab strong{font-size:12px}.seasonal-tab small{font-size:10px}.seasonal-tabpanel{padding:14px 12px}.seasonal-panel-toolbar{flex-wrap:wrap;gap:10px}.seasonal-tier-picker{margin-left:auto}.seasonal-family-total{padding:13px 14px;gap:10px}.seasonal-family-total-values{width:100%}.seasonal-family-total-values .seasonal-points>strong{font-size:24px}.seasonal-tier-cost{flex:1 1 auto;justify-content:flex-end}.seasonal-tier-actions{margin-left:auto}.seasonal-unit{padding:11px}.seasonal-unit img,.seasonal-unit-symbol{width:41px;height:41px}.seasonal-unit-check{display:none}.seasonal-unit-cost .seasonal-points>strong{font-size:16px}.seasonal-unit-cost .seasonal-points{gap:4px}}
@media(max-width:600px){.seasonal-unit-grid{grid-template-columns:minmax(0,1fr);gap:8px}.seasonal-unit{display:grid;grid-template-columns:44px minmax(0,1fr);gap:7px 11px;align-items:center}.seasonal-unit-top{display:contents}.seasonal-unit img,.seasonal-unit-symbol{grid-column:1;grid-row:1 / span 2;width:44px;height:44px}.seasonal-unit-copy{grid-column:2;grid-row:1}.seasonal-unit-copy>strong{font-size:14px}.seasonal-unit-cost{grid-column:2;grid-row:2;padding:0;border:0}.seasonal-unit-state{margin-top:3px}.seasonal-cost-label{margin-bottom:2px}.seasonal-tier-cost{flex-basis:100%;justify-content:space-between;margin-left:0}.seasonal-tier-actions{margin-left:0}}
@media(max-width:440px){.seasonal-army-heading h2{padding:10px 28px;font-size:18px}.seasonal-tabs{gap:3px;padding-inline:8px}.seasonal-tab strong{font-size:11px}.seasonal-tab small{font-size:10px}.seasonal-tabpanel{padding-inline:11px}.seasonal-family-total-values .seasonal-points>strong{font-size:clamp(17px,4.8vw,21px)}}
@media(max-width:760px){.seasonal-march-includes{flex:1 1 100%;width:100%}}
@media(prefers-reduced-motion:reduce){.seasonal-tab,.seasonal-unit{transition:none}}
