:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;width:100vw;min-height:100vh;background:radial-gradient(circle at 20% 20%,#1f2a36,#0f1724 40%),radial-gradient(circle at 80% 0%,#1d2030,#0f1724 35%),#0f1724;color:#e7f4ff}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.user{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#141924;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0003}.stats{display:flex;justify-content:space-around;margin-top:20px;width:100%;height:100vmax;background-color:#1e1e1e}.battlelog{margin-top:20px;width:100%;height:100vmax;background-color:#1e1e1e;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.matches{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center}.match{justify-content:start;align-items:center;text-align:start;display:flex;flex-direction:column;width:100%;height:100px;margin-top:10px;background-color:#272727}.page{max-width:1200px;margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;gap:24px}.hero{background:linear-gradient(135deg,#132238,#0f1825 60%,#0b111c);border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 40px #00000059;padding:28px;border-radius:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.panel{background:#141924d9;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 30px #00000040}.river-section{background:#10141ee6;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:20px;box-shadow:0 14px 45px #00000059}.river-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:#86b5ff;margin:0 0 4px}.muted{color:#8aa0be;margin:4px 0 0}.threshold-pill,.pill{border-radius:999px;padding:8px 14px;font-weight:600;background:#251019;color:#f8b4c4;border:1px solid rgba(248,180,196,.3)}.pill{background:#11252c;color:#8ef3c5;border-color:#8ef3c54d}.loader-line{display:flex;align-items:center;gap:10px;color:#9fb6d1;padding:10px 0}.error-card,.empty-card{background:#20101a;border:1px solid rgba(248,180,196,.3);color:#f1c4cf;border-radius:12px;padding:14px;margin-top:10px}.river-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;margin-top:12px}.war-card{background:linear-gradient(180deg,#111726,#0b1220);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:14px;box-shadow:inset 0 1px #ffffff0a}.war-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.player-row{display:flex;align-items:center;justify-content:space-between;background:#161f2e;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:10px 12px}.player-row.low{background:linear-gradient(90deg,#2a1119,#1a0e16);border-color:#f8b4c440}.player-row .name{margin:0;font-weight:700;color:#ffe3eb}.player-row .tag{margin:2px 0 0;color:#b5c5db;font-size:.85rem}.score{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}.fame{color:#fca5a5;font-weight:700}.decks{color:#9fb6d1;font-size:.85rem}@media (max-width: 768px){.river-header,.war-meta{flex-direction:column;align-items:flex-start}.score{align-items:flex-start}}.table{width:100%;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;background:#101620e6}.table-hint{margin:8px 0 12px;font-size:.85rem}.table-head,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:12px 14px;align-items:center}.table-head{background:#ffffff0a;color:#9fb6d1;font-weight:700;font-size:.95rem}.table-body{display:flex;flex-direction:column}.table-entry:nth-child(odd) .table-row{background:#ffffff05}.table-entry{border-bottom:1px solid rgba(255,255,255,.04)}.table-entry:last-child{border-bottom:none}.table-row{transition:background .2s ease}.table-row.expandable{cursor:pointer}.table-row .name{font-weight:700;color:#e7f4ff}.table .table-head button:not(:first-child),.table .table-row span:not(.name){justify-self:center;text-align:center}.row-details{background:#090e18f2;border-top:1px solid rgba(255,255,255,.04);padding:12px 14px 16px}.row-details-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.row-details-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 14px;background:linear-gradient(120deg,#0f1622d9,#0e121cf2)}.detail-summary{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.stat-chip{flex:1 1 160px;border-radius:12px;padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#d3e9ff;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#8aa0be}.stat-chip strong{font-size:1rem;color:#fff}.detail-summary.positive .stat-chip{background:#0c1e18cc;border-color:#8ef3c559;color:#b7f5d8}.detail-summary.positive .stat-label{color:#7cdcae}.detail-summary.positive .stat-chip strong{color:#eafff5}.war-date-block{display:flex;align-items:center;gap:10px}.detail-dot{width:8px;height:8px;border-radius:50%;background:#8ef3c5;box-shadow:0 0 6px #8ef3c5cc}.war-date{margin:0;font-weight:700;color:#e7f4ff;letter-spacing:.02em}.war-badges{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.detail-chip{border-radius:999px;padding:4px 10px;font-size:.85rem;font-weight:600;letter-spacing:.01em;border:1px solid rgba(255,255,255,.08);background:#0c131fb3;color:#d3e9ff}.detail-chip.fame{background:#f8b4c41f;border-color:#f8b4c459;color:#f8b4c4}.detail-chip.fame.positive{background:#8ef3c51f;border-color:#8ef3c559;color:#8ef3c5}.detail-chip.battles{background:#86b5ff1f;border-color:#86b5ff66;color:#9cc6ff}.detail-status{color:#9fb6d1;font-size:.9rem}.detail-status.error{color:#f8b4c4}.status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:700;text-transform:uppercase;font-size:.7rem;box-sizing:border-box;padding:4px 10px;min-width:64px}.status.active{background:#0f2b1e;color:#8ef3c5;border:1px solid rgba(142,243,197,.35)}.status.kicked{background:#2a1119;color:#f1c4cf;border:1px solid rgba(248,180,196,.35)}@media (max-width: 720px){.table-head,.table-row{grid-template-columns:1.4fr 1fr .9fr 1fr;font-size:.9rem;gap:6px}}.sort-bar{display:flex;align-items:center;justify-content:flex-start;margin:10px 0 14px;gap:12px;flex-wrap:wrap}.sort-bar.compact{align-items:flex-start}.filter-trigger{display:inline-flex;align-items:center;gap:8px;border-radius:12px;border:1px solid rgba(142,243,197,.35);background:#09101cd9;color:#8ef3c5;padding:0 16px;min-height:42px;font-weight:600;letter-spacing:.01em;cursor:pointer;box-shadow:0 6px 20px #00000073}.filter-trigger svg{width:18px;height:18px}.filter-trigger:focus-visible{outline:2px solid rgba(142,243,197,.6);outline-offset:3px}.filter-panel{flex:1 1 100%;width:100%;display:none;margin-top:12px;background:#060b14f5;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 16px}.filter-panel.open{display:block}.filter-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.slider-group{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:#9fb6d1;font-size:.9rem}.counter-label{font-weight:600;color:#e7f4ff;white-space:nowrap}.counter{display:inline-flex;align-items:center;gap:10px;background:#0b1626e6;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:4px 12px;min-height:38px}.counter button{border:none;background:#8ef3c51f;color:#8ef3c5;font-size:1.2rem;cursor:pointer;padding:0;width:32px;height:32px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:600;border:1px solid transparent}.counter button:hover{background:#8ef3c533}.counter span{font-weight:700;color:#e7f4ff;min-width:32px;text-align:center;font-variant-numeric:tabular-nums}.counter input{width:72px;background:transparent;border:none;color:#e7f4ff;font-weight:700;font-size:.95rem;text-align:center;font-variant-numeric:tabular-nums}.counter input:focus{outline:none}.dropdown-select{display:flex;flex-direction:column;gap:8px}.dropdown-select.persistent-pills{flex-direction:row;align-items:center;flex-wrap:wrap}.pill-group{display:flex;flex-wrap:wrap;gap:6px}.pill-button{border:1px solid rgba(255,255,255,.12);border-radius:999px;background:transparent;color:#9fb6d1;padding:6px 12px;font-size:.85rem;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.pill-button.active{background:linear-gradient(120deg,#0f2b1e,#112c3a);border-color:#8ef3c573;color:#8ef3c5}.top-table .table-row .name{font-size:.95rem}.search{flex:0 0 240px;max-width:100%;min-width:200px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0b1626;color:#e7f4ff;padding:8px 12px;font-size:.95rem}.search::placeholder{color:#6c7c96}@media (max-width: 600px){.sort-bar{width:100%;flex-direction:column;align-items:stretch;box-sizing:border-box}.filter-row{flex-direction:column;align-items:stretch}.search{flex:1 1 auto;width:100%}.dropdown-select.persistent-pills{width:100%;box-sizing:border-box}.dropdown-select.persistent-pills .pill-group{width:100%;flex-wrap:wrap;gap:8px;box-sizing:border-box}.dropdown-select.persistent-pills .pill-button{flex:1 1 45%;min-width:0;text-align:center}.filter-panel{box-sizing:border-box;padding-left:12px;padding-right:12px}}.table-head-button{background:none;border:none;color:#9fb6d1;font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:6px;padding:0;text-align:left;cursor:pointer}.table-head-button:focus-visible{outline:2px solid rgba(142,243,197,.7);outline-offset:2px}.sort-indicator{display:inline-flex;align-items:center;justify-content:center;color:#8ef3c5}.sort-indicator svg{width:14px;height:14px}.rank-pill{display:inline-flex;align-items:center;justify-content:center;width:32px;height:24px;border-radius:999px;background:#8ef3c526;border:1px solid rgba(142,243,197,.35);color:#8ef3c5;font-size:.8rem;font-weight:700;margin-right:8px}.role-pill{border-radius:999px;padding:2px 9px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;min-width:64px}.role-cell{display:flex;align-items:center;justify-content:center}.role-header{justify-content:center}.role-pill.leader{background:#ffd78d2e;border-color:#ffd78d73;color:#ffdf9b}.role-pill.coleader{background:#a2d4ff2e;border-color:#a2d4ff73;color:#b7d8ff}.role-pill.elder{background:#baa4ff2e;border-color:#baa4ff73;color:#d8ccff}.role-pill.member{background:#ffffff14;border-color:#fff3;color:#dbe7ff}.role-pill.former{background:#f8b4c41f;border-color:#f8b4c466;color:#f1c4cf}.top-table .table-head,.top-table .table-row{grid-template-columns:1.8fr 1fr 1fr 1fr 1fr}.top-table .table-head button:not(:first-child),.top-table .table-row span:not(.name){justify-self:center;text-align:center}.top-table .table-row .stat{display:block}.top-table .role-cell{justify-content:center}@media (max-width: 900px){.top-table .table-head,.top-table .table-row{grid-template-columns:1.4fr repeat(4,1fr);font-size:.85rem;gap:4px}}@media (max-width: 640px){.top-table .table-head{display:none}.top-table .table-row{grid-template-columns:1fr;gap:8px;padding:12px}.top-table .table-row .name{font-size:1rem}.top-table .table-row .stat{display:grid;grid-template-columns:90px 1fr;align-items:center;width:100%;font-size:.85rem;color:#b3c4db;gap:10px;justify-items:end}.top-table .table-row .stat:before{content:attr(data-label);text-transform:uppercase;font-size:.7rem;letter-spacing:.08em;color:#6c7c96;text-align:left;justify-self:start}.top-table .table-row .stat.fame{color:#fca5a5}.top-table .role-cell{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:10px;width:100%;justify-items:end}.top-table .role-cell .role-pill{padding:2px 7px;font-size:.68rem;min-width:0;justify-self:end;margin-left:auto}.top-table .status{align-self:flex-start;justify-self:end;margin-top:0}.top-table .table-entry{margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}}.performance-tabs{display:flex;flex-direction:column;gap:16px}.tab-bar{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:6px}.tab-bar::-webkit-scrollbar{display:none}.tab-switch{display:inline-flex;background:#0f162299;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:4px;gap:4px;align-self:flex-start;flex:0 0 auto;scroll-snap-align:start}.tab-button{border:none;background:transparent;color:#8aa0be;font-weight:600;padding:8px 18px;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease}.tab-button.active{background:linear-gradient(120deg,#0f2b1e,#142f3c);color:#8ef3c5;box-shadow:0 4px 18px #00000059}.lang-dropdown{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;margin-left:auto;scroll-snap-align:end}.lang-trigger{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid rgba(255,255,255,.14);background:#0c121cd9}.lang-menu{position:absolute;top:calc(100% + 8px);background:#0a0f18f5;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px;box-shadow:0 16px 40px #00000073;display:flex;flex-direction:column;gap:6px;min-width:140px;z-index:25;left:auto;right:0;max-height:60vh;overflow-y:auto}.lang-menu .pill-button{width:100%;justify-content:flex-start;display:inline-flex;align-items:center}.lang-overlay{position:fixed;inset:0;background:#05080e99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:40;padding:12px;box-sizing:border-box}.lang-sheet{background:#0a0f18fa;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;box-shadow:0 18px 50px #0000008c;width:min(360px,100%);display:flex;flex-direction:column;gap:12px}.lang-title{margin:0;color:#e7f4ff;font-weight:700;letter-spacing:.02em}.lang-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.lang-close{align-self:flex-end;padding:6px 12px}@media (max-width: 700px){.tab-bar{padding-bottom:10px;gap:8px;flex-wrap:wrap}.lang-trigger{padding:6px 12px}.lang-dropdown{margin-left:0;width:100%;justify-content:flex-start;order:2}.tab-switch{order:1}}.chart-section{display:flex;flex-direction:column;gap:14px}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.chart-card{background:#0c121ee6;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:12px;box-shadow:0 10px 25px #00000059}.chart-title{color:#e7f4ff;font-weight:700;margin:0 0 8px}.filter-dropdown summary:after{content:"";width:12px;height:12px;border-right:2px solid #8ef3c5;border-bottom:2px solid #8ef3c5;transform:rotate(45deg);transition:transform .2s ease}.filter-dropdown[open] summary:after{transform:rotate(-135deg)}.filter-icon{width:18px;height:18px;color:#8ef3c5}.filter-icon svg{width:100%;height:100%}.container_280160{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:var(--uib-size);width:var(--uib-size)}.inner_3208c7{height:var(--uib-size);width:var(--uib-size);transform-origin:center;will-change:transform;overflow:visible}.car_75c452{fill:none;stroke:var(--uib-color);stroke-dasharray:var(--uib-dash),var(--uib-gap);stroke-dashoffset:0;animation:travel_e42622 var(--uib-speed) linear infinite;will-change:stroke-dasharray,stroke-dashoffset;transition:stroke .5s ease}.track_7e4d86{fill:none;stroke:var(--uib-color);opacity:var(--uib-bg-opacity);transition:stroke .5s ease}@keyframes travel_e42622{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}