/* Consistent presentation for the independent Top War section. */
:root{--site-ink:#19332b;--site-muted:#586c60;--site-accent:#315b47;--site-line:#d5e0d5;--site-paper:#f4f5ef;--site-header-height:104px}
body.site-ui{color:var(--site-ink);background:var(--site-paper);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang TC','Microsoft JhengHei',sans-serif}
.site-ui main{padding-top:24px;padding-bottom:56px}.site-ui main h1{font-size:clamp(28px,3vw,36px);line-height:1.2;letter-spacing:-.025em}.site-ui main h2{letter-spacing:-.015em}.site-ui main .intro,.site-ui main .lead{line-height:1.6}.site-ui .level-hero{padding-top:0;padding-bottom:18px}.site-ui .level-hero h1{margin:0}.site-ui .level-hero h1 span:empty{display:none}
.site-ui button,.site-ui input,.site-ui select,.site-ui textarea{accent-color:var(--site-accent)}.site-ui input:not([type=checkbox]):not([type=radio]):not([type=range]),.site-ui select,.site-ui textarea{border-color:#bacbbc;border-radius:8px}.site-ui :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #719061;outline-offset:3px}.site-ui button:disabled{cursor:default}.site-ui [hidden]{display:none!important}
/* A single navigation layout, with all destinations visible in the mobile menu. */
.site-ui>header.player-header{position:sticky;top:0;z-index:30;background:var(--site-paper);border-bottom:1px solid var(--site-line);font:14px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI','PingFang TC','Microsoft JhengHei',sans-serif}
.site-ui .player-header .header-inner{display:grid;grid-template-columns:1fr auto;gap:6px 18px;padding:10px 24px 8px;max-width:1280px;margin:auto;align-items:center}
.site-ui .player-header .brand{grid-column:1;grid-row:1;font-size:15px;justify-self:start;padding:6px 0;color:var(--site-ink)}
.site-ui .player-header .player-languages{grid-column:2;grid-row:1;margin:0;justify-self:end;padding:0;background:transparent;border:0;box-shadow:none}
.site-ui .player-header .player-languages :is(a,button,select){font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;min-height:36px;background:white;color:#355444;border:1px solid #c8d4c8;border-radius:7px;padding:7px 10px;box-shadow:none}
.site-ui .player-header .player-languages :is([aria-current=true],[aria-current=page],[aria-pressed=true],.active){background:#deeadf;color:#214e39;border-color:#afc4b1}
.site-ui .player-header .player-nav{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:nowrap;gap:3px;overflow-x:auto;scrollbar-width:thin;width:100%;padding:0;margin:0;border:0;box-shadow:none;background:transparent;border-radius:0;line-height:1.4}
.site-ui .player-header .player-nav a{font:400 13px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-height:40px;padding:9px 10px;display:flex;align-items:center;border:0;box-shadow:none;border-radius:7px;color:#435b50;text-decoration:none;white-space:nowrap;flex-shrink:0}
.site-ui .player-header .player-nav a[aria-current=page]{background:#deeadf;color:#214e39;font-weight:700}.site-ui .player-header .player-nav a:hover{background:#e7eee3}.site-ui #site-menu{display:none}.site-section-picker{display:none}
/* Keep jump links clear of the actual header rather than a guessed height. */
.site-ui main :is(section[id],details[id],h2[id],h3[id],.tree-toolbar,.list-tools,.range-heading){scroll-margin-top:calc(var(--site-header-height) + 16px)}
.site-ui .tool-jumps{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px}.site-ui .tool-jumps a{padding:7px 12px;min-height:40px;border:1px solid #c6d5c7;border-radius:7px;background:white;text-decoration:none;font-size:.85rem;font-weight:600;color:#315b47}.site-ui .tool-jumps a:hover{background:#e8f0e4}
.site-ui .planner-help{margin:9px 0 0;font-size:.82rem;color:var(--site-muted)}.site-ui .planner-help summary{cursor:pointer;font-size:.82rem;min-height:30px;line-height:1.5}.site-ui .planner-help p{margin:8px 0 0}.site-ui .plan-presets{margin-top:0}.site-ui .plan-presets .planner-help{flex-basis:100%;margin:0}
.site-ui #upgrade-plan:has(.plan-empty){padding:10px 14px;margin:16px 0;background:#edf3e8}.site-ui .plan-empty-guide{width:100%}.site-ui .plan-empty-guide summary{font-size:.87rem;min-height:28px;line-height:1.6;color:#315b47}.site-ui .plan-empty-guide p{font-size:.83rem;margin:8px 0 0}.site-ui .plan-empty{gap:8px}.site-ui[data-tech-page]:not([data-tech-page=advanced]) #tree-title{display:none}.site-ui[data-tech-page] .tree-heading{margin-bottom:8px}.site-ui[data-tech-page] .tree-legend{margin:8px 0}.site-ui[data-tech-page] .tree-toolbar{margin:16px 0}
.site-ui .site-scrollable:focus-visible{outline-offset:2px}.site-ui dialog{overscroll-behavior:contain}.site-ui dialog :is(.dialog-head,.dialog-heading){background:#fff;border-bottom:1px solid var(--site-line)}.site-ui dialog .dialog-head h2{line-height:1.35}.site-ui .copy-status{font-size:.8rem;color:var(--site-muted)}
@media(max-width:760px){
 .site-ui main{padding-top:20px;padding-left:16px;padding-right:16px}.site-ui .player-header .header-inner{padding:8px 14px;gap:5px 10px}.site-ui .player-header .player-languages :is(a,button){min-height:40px}.site-ui .player-header .player-languages select{font-size:16px;min-height:40px;max-width:160px}
 .site-ui #site-menu{display:flex;grid-column:1/-1;grid-row:2;justify-content:space-between;align-items:center;width:100%;gap:12px;min-height:44px;padding:8px 10px;background:#e7eee3;color:#214e39;border:1px solid #cbd9c9;border-radius:7px;font-size:.83rem;text-align:left}.site-ui #site-menu>span:first-child{font-weight:700}.site-ui #site-menu>span:last-child{font-size:.78rem;font-weight:400}
 .site-ui .player-header .player-nav{display:none;grid-row:3}.site-ui .player-header.menu-open .player-nav{display:grid;grid-template-columns:1fr 1fr;max-height:calc(80dvh - 100px);overflow-y:auto;gap:5px;padding:4px 0}.site-ui .player-header.menu-open .player-nav a{white-space:normal;min-height:44px;background:#fff;border:1px solid #d8e3d5;padding:10px;font-size:.84rem}.site-ui .player-header.menu-open .player-nav a[aria-current=page]{background:#315b47;color:#fff;border-color:#315b47}
 .site-ui .site-section-picker{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:.8rem;color:#526657}.site-ui .site-section-picker>span{flex-shrink:0;font-weight:600}.site-ui .site-section-picker select{flex:1;min-width:0;width:100%;background:white}.site-ui :is(#pack-sections,#store-sections,.research-pages){display:none!important}
 .site-ui main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea),.site-ui dialog :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px!important;min-height:44px}.site-ui .price-controls select{font-size:16px!important;min-height:44px;min-width:78px}.site-ui :is(.tree-toolbar,.hero-browser-controls,.filters){gap:10px}
 .site-ui .tool-jumps{gap:5px;margin-bottom:14px}.site-ui .tool-jumps a{min-height:44px;padding:9px 11px;font-size:.8rem}.site-ui .level-hero{padding-bottom:15px}.site-ui .level-hero .intro{font-size:.88rem;margin-top:10px}.site-ui .plan-presets{padding:12px;gap:6px}.site-ui .plan-presets>span{font-size:.8rem}.site-ui .plan-presets button{min-height:42px;padding:8px 10px;font-size:.8rem}
 .site-ui dialog{width:calc(100% - 16px);max-height:94dvh;border-radius:12px}.site-ui dialog .dialog-head{padding:12px;gap:9px}.site-ui dialog .dialog-head h2{font-size:1.1rem}.site-ui dialog #detail-body{padding:14px}.site-ui .page-heading h1{font-size:28px}.site-ui .pack-guide{font-size:.85rem;margin-top:0}.site-ui[data-page=chains] #intro{font-size:.82rem;margin-bottom:14px}.site-ui[data-page=chains] .filters{margin-top:15px}
 .site-ui #player-top,.site-ui #event-top{bottom:max(12px,env(safe-area-inset-bottom));right:12px;min-height:44px}.site-ui .events-hero h1{font-size:30px}.site-ui .guide-hero h1{font-size:30px}
}
@media print{.site-ui>header.player-header,.site-ui .site-section-picker,.site-ui #site-menu,.site-ui #player-top,.site-ui #event-top,.site-ui .tool-jumps{display:none!important}.site-ui main{padding-top:0}.site-ui main :is(section[id],details[id]){scroll-margin-top:0}}

/* Resource choices also appear in pack, store and component dialogs. */
.item-amount-picker{margin:18px 0 24px;padding:16px;border:1px solid #d3dfd1;border-radius:10px;background:#f7f9f4}.item-amount-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.item-amount-heading h3{margin:0;font-size:1rem}.item-amount-heading>span{font-size:.77rem;color:#5e6c62}.item-amount-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px}.item-amount-options button{font-size:.88rem;font-variant-numeric:tabular-nums;min-height:42px;padding:8px 6px;background:white;border:1px solid #c7d4c7}.item-amount-options button[aria-pressed=true]{background:#315b47;border-color:#315b47;color:#fff;font-weight:700}.item-amount-versions{margin-top:13px;border-top:1px solid #d8e2d5;padding-top:11px}.item-amount-versions summary{font-size:.8rem}.item-amount-versions p{font-size:.81rem;line-height:1.5;color:#55665b;margin:9px 0}.item-amount-versions label{display:flex;gap:9px;align-items:center;font-size:.8rem}.item-amount-versions select{font-size:.85rem;min-height:42px;min-width:0;max-width:100%}

@media(max-width:760px){.site-ui .item-amount-picker{padding:12px}.site-ui .item-amount-options{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:5px}.site-ui .item-amount-options button{min-height:44px;font-size:.84rem}.site-ui .item-amount-versions label{flex-direction:column;align-items:stretch}}

/* Make the full section menu available before the desktop row becomes clipped. */
@media(min-width:761px) and (max-width:1200px){
 .site-ui #site-menu{display:flex;grid-column:1/-1;grid-row:2;justify-content:space-between;gap:12px;min-height:44px;padding:9px 12px;background:#e7eee3;color:#214e39;border:1px solid #cbd9c9;border-radius:7px;text-align:left}.site-ui #site-menu>span:first-child{font-weight:700}
 .site-ui .player-header .player-nav{display:none;grid-row:3}.site-ui .player-header.menu-open .player-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding-top:4px;max-height:60dvh;overflow-y:auto}.site-ui .player-header.menu-open .player-nav a{white-space:normal;min-height:44px;background:white;border:1px solid #d8e3d5}.site-ui .player-header.menu-open .player-nav a[aria-current=page]{background:#315b47;color:white}
}
.applied-filters{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 14px}.applied-filters button{display:flex;align-items:center;gap:9px;border:1px solid #bed0bb;border-radius:7px;padding:7px 10px;background:#edf3e7;color:#284c36;font-size:.8rem;min-height:36px}.applied-filters button span:first-child{overflow-wrap:anywhere}.applied-filters button span:last-child{font-size:1rem}
.table-scroll-hint{font-size:.78rem;color:#526b58;line-height:1.45;margin:10px 0 6px}.site-ui .empty button{margin:8px 6px 0 0;min-height:44px}.site-ui .empty p{line-height:1.6}
@media(max-width:760px){.applied-filters button{min-height:42px}.site-ui .table-scroll-hint{font-size:.8rem}}
@media print{.applied-filters,.table-scroll-hint{display:none!important}}
.site-ui .result[id]{scroll-margin-top:calc(var(--site-header-height) + 14px)}
.site-ui .result :is(a.open-item,a.open-pack){display:inline-block}
@media(max-width:760px){.site-ui .result :is(a.open-item,a.open-pack){min-height:44px}}

/* Keep reward choices, selected totals and purchase steps together. */
.site-ui .custom-rules{background:#f7f9f5;border:1px solid #dbe5d7;border-radius:8px;padding:9px 12px;margin:12px 0;font-size:.82rem}.site-ui .custom-rules summary{min-height:32px;line-height:1.7;cursor:pointer}.site-ui .custom-rules p{line-height:1.55}
.site-ui .custom-progress{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:space-between;background:#edf4e8;border:1px solid #c5d7bf;border-radius:9px;padding:12px 14px;margin:18px 0 10px;font-size:.87rem}.custom-progress>div{display:flex;gap:8px;flex-wrap:wrap}.site-ui .custom-progress button,.site-ui .custom-group-status button{min-height:40px;font-size:.8rem;padding:7px 10px}
.site-ui .custom-choice-groups{margin:12px 0}.custom-group-status{grid-column:1/-1;display:flex;gap:12px;align-items:center;justify-content:space-between}.custom-group-status p{font-size:.8rem;line-height:1.5;margin:0;color:#4a6153}.custom-group-status button{flex-shrink:0}.site-ui .custom-choice label{min-height:44px;line-height:1.5}.site-ui .custom-choice-links{font-size:.8rem}.site-ui .custom-choice-links a{display:inline-flex;align-items:center;min-height:36px}.site-ui .custom-choice:has(input:disabled) label{color:#66746a}.site-ui .custom-choice:has(input:checked){box-shadow:inset 3px 0 #315b47}
.site-ui .custom-totals-table{width:100%;min-width:0;font-size:.88rem}.site-ui .custom-totals-table th,.site-ui .custom-totals-table td{padding:10px;white-space:normal;vertical-align:middle}.site-ui .custom-totals-table :is(td,th):not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.custom-total-item{display:flex;gap:9px;align-items:center;text-align:left;font-weight:500}.custom-total-item .item-art{width:30px;height:30px;min-width:30px}.custom-total-item a{overflow-wrap:anywhere}.site-ui #custom-output{scroll-margin-top:12px}.site-ui #custom-output h3{scroll-margin-top:12px}
.chain-plan-range{margin:16px 0 5px;font-size:.82rem;font-weight:650;color:#45634e}.chain-counted-item{display:flex;gap:9px;align-items:center;font-size:.9rem}.chain-counted-item .item-art{width:30px;height:30px;min-width:30px}.site-ui .chain-overview-table td{vertical-align:middle}.chain-reward-amount{display:block;margin-top:5px;font-size:.84rem}.chain-reward-amount small{display:block;margin-top:3px;font-size:.74rem;color:#526858}.site-ui .chain-overview-table button{font-size:.8rem;min-height:42px;white-space:normal;min-width:44px}.site-ui .chain-overview-table button[aria-pressed=true]{background:#315b47;color:#fff;border-color:#315b47}.site-ui .chain-tier[id]{scroll-margin-top:calc(var(--site-header-height) + 14px)}
.chest-source-group{margin:18px 0}.chest-source-group h5{font-size:.88rem;margin:0;color:#365740}.chest-source-group h5 span{font-size:.76rem;font-weight:500;margin-left:6px}.chest-source-group>p{margin:7px 0}.site-ui .parent-chests summary{font-size:.82rem;min-height:36px;line-height:1.6}.site-ui .parent-chests li>a{display:inline-block;min-height:32px;line-height:1.5}
@media(max-width:760px){.site-ui .custom-progress{padding:11px}.site-ui .custom-progress button,.site-ui .custom-group-status button{min-height:44px}.custom-group-status{align-items:flex-start}.custom-group-status p{font-size:.8rem}.site-ui .custom-totals-table{font-size:.8rem}.site-ui .custom-totals-table th,.site-ui .custom-totals-table td{padding:10px 6px}.custom-total-item{gap:5px}.custom-total-item .item-art{display:none}.site-ui .chain-overview-table{min-width:0;width:100%;table-layout:auto}.site-ui .chain-overview-table th,.site-ui .chain-overview-table td{padding:10px 6px}.site-ui .chain-overview-table button{min-height:44px}.chain-reward-amount{font-size:.79rem}.site-ui .custom-choice-links a{min-height:40px}}
@media print{.custom-progress button,.custom-group-status button,.site-ui .chain-overview-table button{display:none!important}}

/* Pack discovery: useful price context and less space before the results. */
.site-ui .pack-ages{padding:8px 12px;margin:10px 0 12px;border:1px solid #d4dfd2;background:#eef3e9;border-radius:8px}.site-ui .pack-ages>summary{cursor:pointer;font-weight:600;min-height:30px;line-height:1.7;font-size:.81rem}.site-ui .pack-ages>summary span{font-weight:400;color:#526652}.site-ui .pack-ages .pack-age-selectors{margin-top:10px}.site-ui .pack-ages:not([open])>*:not(summary){display:none}.site-ui .pack-rule-badges{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 0}.site-ui .pack-rule-badges .tag{font-size:.74rem;background:#edf2e9;color:#35593c}
.chain-card-total{border-top:1px solid #d9e1d5;margin-top:6px;padding-top:7px;font-size:.75rem;color:#53644f}.chain-card-total strong{display:block;font-size:.94rem;color:#2e4f3b;margin-top:4px;font-variant-numeric:tabular-nums;line-height:1.45}
.site-ui .amount-comparison{margin:18px 0}.site-ui .amount-comparison table{width:100%;min-width:0;font-variant-numeric:tabular-nums}.site-ui .amount-comparison :is(th,td){padding:10px;vertical-align:middle}.site-ui .amount-comparison td:last-child{text-align:right}.site-ui .amount-comparison button{min-height:42px;white-space:normal}.site-ui .amount-offer-details>summary{cursor:pointer;min-height:42px;line-height:1.6;font-size:.86rem}.site-ui .pack-version-heading{align-items:flex-start}.site-ui .pack-version-heading strong{line-height:1.5}.site-ui .pack-version-content .reward-list{margin-top:8px}
@media(max-width:760px){.site-ui .pack-ages>summary{min-height:40px;font-size:.82rem}.site-ui .pack-ages>summary span{display:block;padding-left:14px}.site-ui .amount-comparison :is(th,td){padding:9px 4px;font-size:.81rem}.site-ui .amount-comparison button{min-height:44px;min-width:44px;padding:8px 5px;white-space:nowrap}.chain-card-total strong{font-size:.87rem}.site-ui .pack-result>.meta-right{min-width:0}.site-ui .pack-version-heading{gap:8px;flex-wrap:wrap}}