.container{max-width:var(--container-data,min(100% - 2 * var(--gutter,24px), 1760px));padding-left:var(--gutter,24px);padding-right:var(--gutter,24px)}.scroll-x{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;min-width:0;max-width:100%;overflow-x:auto}.age-toggle{margin-bottom:16px}.tab-bar{border-bottom:2px solid var(--border-light);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;gap:0;max-width:100%;margin-bottom:16px;display:flex;overflow-x:auto}.unit-tab{color:var(--text-muted);cursor:pointer;font-family:var(--font-body);font-size:var(--fs-sm);white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:7px;margin-bottom:-2px;padding:10px 18px;font-weight:500;transition:all .2s;display:flex}.unit-tab:hover{color:var(--text);background:var(--gold-glow)}.unit-tab.active{color:var(--gold);border-bottom-color:var(--gold);font-weight:600}.unit-tab.unavailable{opacity:.35;pointer-events:none}.unit-tab img{border:1px solid var(--border-light);object-fit:cover;background:var(--bg);border-radius:50%;width:1.5rem;height:1.5rem}.unit-tab img.sprite{object-fit:contain;background:0 0;border:none;border-radius:0;flex-shrink:0;width:1.75rem;height:1.75rem;padding:1px}.unit-tab-label-mobile,.table-title-mobile,.mobile-score-label,.mobile-civ-qualifier{display:none}.tab-separator{background:var(--border-light);flex-shrink:0;width:1px;margin:6px 0}.table-container{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;min-width:0;max-width:100%;margin-top:20px;overflow-x:auto}.table-title{font-family:var(--font-display);font-size:var(--fs-md);color:var(--gold);align-items:center;gap:8px;margin-bottom:10px;display:flex}.table-title img{border-radius:50%;width:1.75rem;height:1.75rem}.table-title img.sprite{object-fit:contain;border-radius:0;flex-shrink:0;width:2rem;height:2rem;padding:1px}.stats-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm);font-variant-numeric:tabular-nums;min-width:900px}.stats-table th{background:var(--bg-warm);border-bottom:1px solid var(--border);text-align:left;font-family:var(--font-display);font-size:var(--fs-xs);color:var(--text);cursor:pointer;user-select:none;white-space:nowrap;top:var(--nav-h,0px);z-index:1;padding:8px 10px;position:sticky}.stats-table th:first-child,.stats-table td:first-child{z-index:2;background:var(--bg-deep);position:sticky;left:0}.stats-table th:first-child{z-index:3;background:var(--bg-warm)}.stats-table tr.unique-row td:first-child{background:color-mix(in srgb, var(--gold) 6%, var(--bg-deep))}.stats-table tr:hover td:first-child{background:color-mix(in srgb, var(--gold) 8%, var(--bg-deep))}.stats-table th:hover{background:var(--gold-tint)}.stats-table th .sort-arrow{font-size:var(--fs-xs);opacity:.4;margin-left:4px}.stats-table th.sorted .sort-arrow{opacity:1;color:var(--gold-light)}.info-icon{font-size:var(--fs-xs);opacity:.6;cursor:help;vertical-align:super;margin-left:3px}.info-icon:hover{opacity:1}.score-method-info{border:1px solid color-mix(in srgb, var(--gold) 72%, var(--border));background:color-mix(in srgb, var(--gold) 10%, transparent);width:20px;height:20px;color:var(--gold-light);vertical-align:middle;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin-left:5px;padding:0;font-family:Georgia,serif;font-size:.72rem;font-style:italic;font-weight:700;line-height:1;display:inline-flex}.score-method-info:hover,.score-method-info:focus-visible,.score-method-info[aria-expanded=true]{border-color:var(--gold-light);background:var(--gold-glow);color:var(--gold);outline:none}.stats-table td{border-bottom:1px solid var(--border);white-space:nowrap;letter-spacing:.01em;font-family:var(--font-body);padding:7px 10px}.stats-table tr{background:var(--bg-deep);transition:background .15s}.stats-table tr:hover{background:var(--gold-glow)}.stats-table tr.unique-row{background:var(--gold-tint);border-left:0}.stats-table tr.unique-row td:first-child{padding-left:10px}.stats-table tr.missing-row{opacity:.35}.stats-table tr.ranking-row-selected{outline:2px solid var(--gold);outline-offset:-2px;background:var(--gold-glow)}.stats-table tr.ranking-row-selected td:first-child{background:var(--gold-glow)}.val-high{color:var(--strong)}.val-low{color:var(--poor)}.civ-cell{font-family:var(--font-body);align-items:center;gap:6px;display:flex}.civ-cell img{object-fit:cover;border-radius:50%;width:1.375rem;height:1.375rem}.unit-cell{font-family:var(--font-body);align-items:center;gap:6px;display:flex;position:relative}.unit-cell-copy{min-width:0}.unit-cell img{border:1px solid var(--border-light);object-fit:cover;background:var(--bg);border-radius:50%;width:1.95rem;height:1.95rem}.unit-cell img.sprite{object-fit:contain;background:0 0;border:none;border-radius:0;flex-shrink:0;width:2.1rem;height:2.1rem;padding:1px}.hover-card{background:var(--surface-elevated);border:1px solid var(--gold-dark);font-size:var(--fs-xs);color:var(--text);white-space:normal;min-width:230px;max-width:min(340px, calc(100vw - 2 * var(--gutter,24px)));z-index:200;box-shadow:var(--shadow-card);pointer-events:none;border-radius:8px;padding:10px 14px;display:none;position:fixed}.hover-card.visible{display:block}.hover-card.pinned{pointer-events:auto}.hover-card .hc-title{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--gold);border-bottom:1px solid var(--border-light);margin-bottom:6px;padding-bottom:4px}.hover-card .hc-formula{color:var(--text-muted);font-size:var(--fs-xs);margin-bottom:6px}.score-method-label{color:var(--gold);font-family:var(--font-display);letter-spacing:0;text-transform:none;margin-top:9px;font-size:.68rem;font-weight:700}.score-method-setting,.score-method-adjustment{margin-top:3px;line-height:1.42}.score-method-rows{margin-top:4px}.score-method-row{border-bottom:1px solid var(--border-light);grid-template-columns:44px minmax(0,1fr);gap:8px;padding:6px 0;line-height:1.3;display:grid}.score-method-row strong{color:var(--gold-light)}.score-method-row span{color:var(--text-muted)}.score-method-adjustment{border:1px solid var(--border-light);background:var(--gold-tint);color:var(--text);border-radius:6px;padding:7px 9px}.score-method-note{margin-top:8px}.hover-card .hc-row{justify-content:space-between;gap:12px;padding:2px 0;display:flex}.hover-card .hc-row.highlight{color:var(--gold-light);font-weight:600}.hover-card .hc-row.hc-siege-header{opacity:.75;font-size:.85em;font-weight:600}.hover-card .hc-row.total{border-top:1px solid var(--border-light);margin-top:4px;padding-top:4px;font-weight:600}.hover-card .hc-sim-link{color:var(--gold);cursor:pointer;font-size:var(--fs-xs);margin-bottom:4px;text-decoration:underline;display:inline-block}.hover-card .hc-sim-link:hover{color:var(--gold-light)}.hover-card .hc-close{cursor:pointer;color:var(--text-muted);font-size:var(--fs-base);line-height:1;position:absolute;top:4px;right:8px}.hover-card .hc-close:hover{color:var(--text)}.hover-card .hc-loading{color:var(--text-muted);padding:8px 0;font-style:italic}td.hc-cell{cursor:pointer;position:relative}.civ-filter-wrap{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:10px;display:flex}.civ-filter-wrap input[type=text]{background:var(--bg);border:1px solid var(--border-light);width:240px;color:var(--text);font-family:var(--font-body);font-size:var(--fs-sm);border-radius:6px;padding:6px 12px}.civ-filter-wrap input[type=text]::placeholder{color:var(--text-muted)}.line-filters{align-items:center;gap:10px;display:flex}.line-filters-label{font-size:var(--fs-xs);color:var(--text-muted);font-weight:500}.line-checkbox{font-size:var(--fs-sm);color:var(--text-muted);cursor:pointer;user-select:none;align-items:center;gap:4px;transition:color .15s;display:flex}.line-checkbox:hover{color:var(--text)}.line-checkbox input[type=checkbox]{accent-color:var(--gold);cursor:pointer;width:14px;height:14px}@media (width<=768px){.unit-tab{font-size:var(--fs-xs);scroll-snap-align:start;flex:none;min-height:44px;padding:10px 12px}.unit-tab img{width:20px;height:20px}.unit-tab img.sprite{width:24px;height:24px}.tab-bar{scroll-snap-type:x proximity}.civ-filter-wrap{gap:10px}.civ-filter-wrap input[type=text]{flex:100%;width:100%;min-height:44px}.line-filters{flex-wrap:wrap;gap:8px 12px}.line-checkbox{min-height:44px;padding:4px 2px}.line-checkbox input[type=checkbox]{width:18px;height:18px}.export-btn,.expand-btn{min-height:44px}}@media (width<=480px){.civ-filter-wrap{flex-direction:column;align-items:stretch}.civ-filter-wrap .export-btn,.civ-filter-wrap .expand-btn{width:100%}.hover-card.pinned{left:var(--gutter,16px);right:var(--gutter,16px);-webkit-overflow-scrolling:touch;width:auto;min-width:0;max-width:none;max-height:70vh;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:300;border-bottom-right-radius:0;border-bottom-left-radius:0;position:fixed;bottom:0;overflow-y:auto;box-shadow:0 -4px 24px #00000059;top:auto!important}.hover-card.pinned .hc-close{font-size:var(--fs-md);padding:4px;top:8px;right:12px}}.export-btn{font-family:var(--font-display);font-size:var(--fs-xs);border:1px solid var(--border-light);background:var(--bg-warm);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:6px;padding:6px 14px;transition:all .2s}.export-btn:hover{border-color:var(--gold-dark);color:var(--text);background:var(--bg)}.ranking-score-summary{color:var(--text-muted);font-size:var(--fs-xs);flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:8px 0 12px;display:flex}.ranking-score-value{font-family:var(--font-display);font-size:1.8rem;line-height:1}.ranking-breakdown-label{color:var(--gold);font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:0;text-transform:none;margin:10px 0 5px}.ranking-role-grid{grid-template-columns:repeat(4,minmax(52px,1fr));gap:6px;display:grid}.ranking-role-grid span{border:1px solid var(--border-light);background:var(--bg-warm);justify-content:space-between;gap:8px;padding:6px 8px;display:flex}.ranking-yardstick-grid{grid-template-columns:minmax(120px,1fr) auto;align-items:baseline;gap:5px 14px;display:grid}.ranking-yardstick-grid strong{text-align:right}@media (width<=480px){.ranking-role-grid{grid-template-columns:repeat(2,minmax(80px,1fr))}}.special-cell{max-width:220px;font-family:var(--font-body);font-size:var(--fs-xs);line-height:1.3}.special-cell>div{white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.special-cell .special-effects{color:var(--text)}.special-cell .special-bonuses{color:var(--gold);font-size:var(--fs-xs);margin-top:2px}.special-cell .special-missing{color:var(--text-muted);font-size:var(--fs-xs);margin-top:2px}.expand-btn{background:var(--bg-warm);color:var(--text);border:1px solid var(--border-light);font-family:var(--font-display);font-size:var(--fs-sm);cursor:pointer;border-radius:4px;margin-left:8px;padding:4px 10px}.expand-btn:hover{background:var(--bg-hover);border-color:var(--gold-dark)}.col-expandable{white-space:nowrap;opacity:1;max-width:240px;transition:max-width .2s,padding .2s,opacity .15s;overflow:hidden}.col-expandable.collapsed{opacity:0;max-width:0;padding-left:0;padding-right:0}@media (prefers-reduced-motion:reduce){.col-expandable{transition:none}}.rankings-ssr{max-width:var(--container-max);padding:28px var(--gutter) 56px;border-top:1px solid var(--border);margin:40px auto 0}.rankings-ssr-title{font-family:var(--font-display);color:var(--gold);font-size:var(--fs-lg);letter-spacing:0;margin:0 0 8px}.rankings-ssr-intro{color:var(--text-muted);font-size:var(--fs-sm);line-height:var(--lh-base);max-width:760px;margin:0 0 24px}.rankings-ssr-group{margin-bottom:28px}.rankings-ssr-group h3{color:var(--gold);font-size:var(--fs-md);margin:0 0 8px}.rankings-ssr-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.rankings-ssr-table th,.rankings-ssr-table td{text-align:left;border-bottom:1px solid var(--border);padding:6px 10px}.rankings-ssr-table th{color:var(--text-muted);font-weight:600}.rankings-ssr-table td:last-child,.rankings-ssr-table th:last-child{text-align:right}.rankings-ssr-lines h3{font-family:var(--font-display);color:var(--gold);font-size:var(--fs-md,1rem);margin:18px 0 8px}.rankings-ssr-lines ul{flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none;display:flex}.rankings-ssr-lines a{color:var(--text-muted);font-size:var(--fs-sm,.9rem);text-decoration:none}.rankings-ssr-lines a:hover{color:var(--gold);text-decoration:underline}@media (width<=768px){.rankings-container{box-sizing:border-box;width:100%;max-width:100%;padding-left:12px;padding-right:12px}#lineSelector .tab-bar{scrollbar-width:none;border-bottom:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%;padding-bottom:2px;display:grid;overflow:hidden}#lineSelector .tab-separator{display:none}#lineSelector .unit-tab{box-sizing:border-box;scroll-snap-align:none;border:1px solid var(--border-light);border-bottom:2px solid var(--border-light);background:var(--bg-warm);border-radius:8px 8px 3px 3px;flex-direction:column;flex:none;justify-content:center;gap:2px;width:100%;min-width:0;min-height:62px;padding:5px 2px;font-size:.65rem}#lineSelector .unit-tab.active{border-color:var(--gold-dark);border-bottom-color:var(--gold);background:var(--gold-glow);flex:none;width:100%}#lineSelector .unit-tab>img,#lineSelector .unit-tab>img.sprite{flex:0 0 36px;width:36px;height:36px;padding:0}#lineSelector .unit-tab-label-desktop{display:none}#lineSelector .unit-tab-label-mobile{text-overflow:ellipsis;text-align:center;width:100%;min-width:0;line-height:1;display:none;overflow:hidden}#lineSelector .unit-tab.active .unit-tab-label-mobile{display:inline}#tableContainer .civ-filter-wrap>input[type=text],#tableContainer .civ-filter-wrap>.export-btn,#tableContainer .civ-filter-wrap>.expand-btn{display:none}#tableContainer .civ-filter-wrap{margin-bottom:8px}#tableContainer .line-filters{gap:4px 10px;width:100%}#tableContainer .line-checkbox{min-height:32px;padding:0;font-size:.72rem}#tableContainer .line-checkbox input[type=checkbox]{width:15px;height:15px}#tableContainer{margin-top:12px;overflow-x:hidden}#tableContainer .table-title{margin-bottom:8px}#tableContainer .table-title-desktop{display:none}#tableContainer .table-title-mobile{display:inline}#tableContainer .stats-table{table-layout:fixed;width:100%;min-width:0;font-size:.75rem}#tableContainer .stats-table th,#tableContainer .stats-table td{box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;display:none;position:static}#tableContainer .stats-table th[data-mobile-column],#tableContainer .stats-table td.mobile-column{display:table-cell}#tableContainer .stats-table th{top:var(--nav-h,0px);padding:7px 6px;font-size:.68rem}#tableContainer .stats-table td{vertical-align:middle;padding:7px 6px;line-height:1.25}#tableContainer .stats-table th[data-mobile-column=unit],#tableContainer .stats-table td.mobile-column-unit{width:48%}#tableContainer .stats-table th[data-mobile-column=score],#tableContainer .stats-table td.mobile-column-score{text-align:center;width:17%}#tableContainer .stats-table th[data-mobile-column=special],#tableContainer .stats-table td.mobile-column-special{width:35%}#tableContainer .stats-table th[data-mobile-column=score] .desktop-column-label{display:none}#tableContainer .mobile-score-label{display:inline}#tableContainer .stats-table .info-icon,#tableContainer .stats-table .col-chevron,#tableContainer .stats-table .sort-arrow{display:none}#tableContainer .stats-table th[data-mobile-column=score] .score-method-info{width:22px;height:22px;margin-left:3px;font-size:.78rem}#tableContainer .stats-table tr.unique-row td:first-child,#tableContainer .stats-table tr.unique-row td.mobile-column-unit{padding-left:6px}#tableContainer .unit-cell{align-items:flex-start;gap:5px;min-width:0}#tableContainer .unit-cell>img,#tableContainer .unit-cell img.sprite{flex:0 0 33px;width:33px;height:33px}#tableContainer .unit-cell-copy{flex-direction:column;gap:2px;display:flex}#tableContainer .unit-cell-name{font-weight:600;line-height:1.2}#tableContainer .mobile-civ-qualifier{color:var(--text-muted);align-items:center;gap:3px;font-size:.64rem;line-height:1.15;display:inline-flex}#tableContainer .mobile-civ-qualifier img{border:0;border-radius:50%;flex:0 0 12px;width:12px;height:12px;padding:0}#tableContainer .special-cell{max-width:none;font-size:.64rem;line-height:1.25}#tableContainer .special-cell>div{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;max-width:none;overflow:visible}}.line-page-nav{margin:0 0 10px}.line-page-cta{font-weight:600}.line-page-desc{color:var(--text-muted);max-width:820px;margin:0 0 16px;line-height:1.6}.line-page-method{color:var(--text-muted);font-size:var(--fs-sm,.9rem);max-width:820px;margin-top:14px}.line-page-table{overflow-x:auto}.line-page-table .stats-table th{top:0}tr.row-deeplink-highlight>td{background:var(--bg-hover)!important}tr.row-deeplink-highlight{outline:2px solid var(--gold);outline-offset:-2px}.unit-cell>img,.civ-cell>img,.table-title>img{object-fit:contain;flex-shrink:0}#tableContainer .stats-table tbody tr{min-height:44px}@media (width>=769px){#tableContainer .stats-table td{height:44px}}.rankings-ssr{content-visibility:auto;contain-intrinsic-size:auto 1600px}