.data-table{margin:2rem auto;max-width:1200px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-radius:16px;overflow:hidden;background:var(--table-bg);transition:box-shadow .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--table-border);position:relative}.data-table:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--rank-gold) 30%,var(--accent-color) 70%,transparent 100%);z-index:11;pointer-events:none}.sortable{cursor:pointer;transition:all .2s ease;position:relative}.sortable:hover{background-color:var(--table-hover)}.sortable:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:rgba(255,255,255,.2);transform:scaleX(0);transition:transform .2s ease}.sortable:hover:after{transform:scaleX(1)}table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}th,td{padding:1.25rem .75rem;text-align:left;font-size:.95rem;border-bottom:1px solid rgba(0,0,0,.05);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}th:nth-child(1),td:nth-child(1){width:45%;padding-left:.75rem}th:nth-child(2),td:nth-child(2){width:18%;padding-left:.75rem}th:nth-child(3),td:nth-child(3){width:22%;padding-left:.75rem}th:nth-child(4),td:nth-child(4){width:15%;padding-left:.75rem}th{font-family:Barlow Condensed,sans-serif;font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.1em;color:#ffffffe6;padding-left:.75rem}th:first-child .horizontal-container{justify-content:center}thead{background:var(--table-header-bg);color:#fff;position:sticky;top:0;z-index:10}thead th:first-child{border-top-left-radius:16px}thead th:last-child{border-top-right-radius:16px}@keyframes rowEntrance{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}tbody tr{transition:background .2s cubic-bezier(.4,0,.2,1);animation:rowEntrance .4s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--row-index, 0) * 30ms)}@media (prefers-reduced-motion: reduce){tbody tr{animation:none}}tbody tr:nth-child(2n){background-color:#00000005}tbody tr:hover{background:linear-gradient(90deg,rgba(var(--accent-rgb),.05) 0%,rgba(var(--accent-rgb),.01) 100%)}tbody tr:hover .square{transform:scale(1.08);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}tr[data-rank="1"]{border-left:3px solid var(--rank-gold);background:linear-gradient(90deg,rgba(212,160,23,.06) 0%,transparent 40%)}tr[data-rank="2"]{border-left:3px solid var(--rank-silver);background:linear-gradient(90deg,rgba(168,169,173,.05) 0%,transparent 40%)}tr[data-rank="3"]{border-left:3px solid var(--rank-bronze);background:linear-gradient(90deg,rgba(205,127,50,.05) 0%,transparent 40%)}tr[data-rank="1"] .square{box-shadow:0 2px 8px #0003,0 0 0 2px var(--rank-gold),0 0 12px var(--rank-gold-glow)}tr[data-rank="2"] .square{box-shadow:0 2px 8px #0003,0 0 0 2px var(--rank-silver),0 0 10px var(--rank-silver-glow)}tr[data-rank="3"] .square{box-shadow:0 2px 8px #0003,0 0 0 2px var(--rank-bronze),0 0 10px var(--rank-bronze-glow)}.square{height:52px;width:52px;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle,#ffffff 60%,rgba(240,235,225,.8) 100%);border-radius:50%;box-shadow:0 2px 8px #0000002e,0 0 0 1px #0000000f;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease}.square:hover img{transform:scale(1.1)}.rank-number{font-family:Oswald,sans-serif;font-weight:700;font-size:1.4rem;letter-spacing:-.01em;min-width:2rem;text-align:right;color:var(--rank-default);line-height:1;flex-shrink:0}.rank-1{font-size:1.75rem;background:linear-gradient(135deg,#f7d060 0%,#d4a017 50%,#b8860b 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px var(--rank-gold-glow))}.rank-2{font-size:1.6rem;background:linear-gradient(135deg,#e8e9ed 0%,#a8a9ad 50%,#808285 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px var(--rank-silver-glow))}.rank-3{font-size:1.5rem;background:linear-gradient(135deg,#e8a86a 0%,#cd7f32 50%,#a0522d 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px var(--rank-bronze-glow))}.team-name{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.02em;color:var(--team-name-color);margin-right:.4rem;flex-shrink:0}.record-string{font-family:Barlow,sans-serif;font-weight:400;font-size:.78rem;color:var(--text-secondary);white-space:nowrap}.elo-value{font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:1.1rem;font-variant-numeric:tabular-nums;color:var(--text-primary)}.horizontal-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.4rem}.delta-badge{border-radius:4px;padding:.35rem .6rem;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:.95rem;letter-spacing:.04em;min-width:3.5rem;text-align:center;display:inline-block;transition:transform .15s ease}.delta-badge.green{background:var(--delta-positive-bg);color:var(--delta-positive-text);border:1px solid var(--delta-positive-border)}.delta-badge.red{background:var(--delta-negative-bg);color:var(--delta-negative-text);border:1px solid var(--delta-negative-border)}.delta-badge:hover{transform:translateY(-2px)}.streak-badge{font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:.95rem;letter-spacing:.05em}.win-streak{color:var(--delta-positive-text)}.loss-streak{color:var(--delta-negative-text)}@media (max-width: 768px){.data-table{margin:1rem .25rem;border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px}th,td{padding:.75rem .35rem}th:nth-child(1),td:nth-child(1),th:nth-child(2),td:nth-child(2),th:nth-child(3),td:nth-child(3),th:nth-child(4),td:nth-child(4){padding-left:.35rem}.square{height:38px;width:38px}.team-name{font-size:.85rem}.horizontal-container{gap:.2rem}.delta-badge{padding:.25rem .4rem;min-width:3rem;font-size:.85rem}.rank-number{font-size:1.1rem;min-width:1.5rem}.rank-1{font-size:1.3rem}.rank-2{font-size:1.2rem}.rank-3{font-size:1.15rem}th{font-size:.8rem;white-space:nowrap}.data-table::-webkit-scrollbar{height:6px}.data-table::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.data-table::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.data-table::-webkit-scrollbar-thumb:hover{background:#555}}@media (max-width: 480px){.data-table{margin:.5rem .15rem}th,td{padding:.5rem .25rem}th:nth-child(1),td:nth-child(1),th:nth-child(2),td:nth-child(2),th:nth-child(3),td:nth-child(3),th:nth-child(4),td:nth-child(4){padding-left:.25rem}.square{height:32px;width:32px}.team-name{font-size:.8rem}.delta-badge{padding:.2rem .35rem;min-width:2.75rem;font-size:.8rem}}@media (max-height: 480px) and (orientation: landscape){.data-table{margin:.5rem .25rem}th,td{padding:.5rem .35rem}.square{height:30px;width:30px}.team-name{font-size:.75rem}.delta-badge{padding:.2rem .3rem;min-width:2.5rem;font-size:.75rem}.sortable{padding-right:1.5rem}th{font-size:.75rem;padding-bottom:.5rem}}.container{margin-left:6px;display:flex;flex-direction:column;gap:1px;align-items:center}.chevron{font-size:.6rem;line-height:1;color:#ffffff59;transition:color .15s ease,transform .15s ease}.active{color:#f0c040;transform:scale(1.3)}footer{background-color:var(--footer-bg);padding:1.5rem;text-align:center;color:var(--text-secondary);border-top:1px solid var(--footer-border);box-shadow:0 -1px 10px #acabab4d;position:relative;width:100%;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:5rem;margin-bottom:0;box-sizing:border-box;border-radius:1rem}footer p{margin:.5rem 0;font-size:.9rem;font-family:Barlow,sans-serif;width:100%;max-width:1400px}footer div{display:flex;justify-content:center;width:100%;max-width:1400px;margin-top:.5rem;margin-bottom:0}footer button{background-color:var(--accent-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease}footer button:hover{opacity:.9;transform:translateY(-1px)}@media (max-width: 768px){footer{padding:1.5rem .75rem;margin-top:2.5rem;width:100%}}.app-header{background:var(--header-bg);padding:4rem 2rem;position:relative;overflow:hidden;z-index:20}.app-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 60% 80% at 50% 120%,var(--header-radial) 0%,transparent 70%);z-index:1}.app-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent 59px,rgba(255,255,255,.018) 59px,rgba(255,255,255,.018) 60px);z-index:1;pointer-events:none}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.logo-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;position:relative}.header-tagline{font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:.85rem;letter-spacing:.25em;text-transform:uppercase;color:#ffffff73;margin:0;position:relative;z-index:2}.company-logo{height:160px;width:auto;max-width:100%;object-fit:contain;transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.company-logo:hover{transform:scale(1.05) translateY(-2px);filter:drop-shadow(0 8px 12px rgba(0,0,0,.15))}.app-title{margin:0;color:#fff;font-size:1.5rem;font-weight:600;letter-spacing:-.025em}@media (max-width: 768px){.app-header{padding:2.5rem 1rem}.company-logo{height:100px;max-width:90%}.app-title{font-size:1.25rem}}@media (max-width: 480px){.app-header{padding:2rem .75rem}.company-logo{height:80px;max-width:85%}}.theme-toggle{position:absolute;top:1rem;right:1rem;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:9999px;width:80px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:1000;box-shadow:0 2px 4px #0000001a;padding:0 8px;margin-left:0;margin-right:0}.theme-toggle:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026}.theme-toggle-icons{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative}.theme-toggle-icon{font-size:1.2rem;transition:all .3s ease;opacity:.5;filter:grayscale(.5)}.theme-toggle-icon.active{opacity:1;filter:grayscale(0);transform:scale(1.1)}.theme-toggle:hover .theme-toggle-icon{transform:rotate(15deg)}.theme-toggle:hover .theme-toggle-icon.active{transform:scale(1.2) rotate(15deg)}@media (max-width: 768px){.theme-toggle{top:.75rem;right:.75rem;width:70px;height:35px}.theme-toggle-icon{font-size:1rem}}:root{--primary-bg: #f5f0e8;--text-primary: #141414;--text-secondary: #6b6560;--accent-color: #e35d00;--accent-rgb: 227, 93, 0;--border-color: #ddd5c8;--table-bg: #fdfaf5;--table-header-bg: linear-gradient(160deg, #1a1008 0%, #2c1f0e 100%);--table-border: rgba(0, 0, 0, .07);--table-hover: rgba(227, 93, 0, .04);--team-name-color: #141414;--header-bg: linear-gradient(160deg, #0d0905 0%, #1f1409 50%, #0d0905 100%);--header-radial: rgba(212, 160, 23, .18);--footer-bg: #f5f0e8;--footer-border: rgba(0, 0, 0, .1);--rank-gold: #d4a017;--rank-gold-glow: rgba(212, 160, 23, .35);--rank-silver: #a8a9ad;--rank-silver-glow: rgba(168, 169, 173, .3);--rank-bronze: #cd7f32;--rank-bronze-glow: rgba(205, 127, 50, .3);--rank-default: #6b6560;--delta-positive-bg: rgba(22, 163, 74, .12);--delta-positive-text: #15803d;--delta-positive-border: rgba(22, 163, 74, .25);--delta-negative-bg: rgba(220, 38, 38, .12);--delta-negative-text: #b91c1c;--delta-negative-border: rgba(220, 38, 38, .25)}:root.dark{--primary-bg: #0a0805;--text-primary: #f0ebe0;--text-secondary: #8a8178;--accent-color: #f06a00;--accent-rgb: 240, 106, 0;--border-color: #1f1a12;--table-bg: #110e07;--table-header-bg: linear-gradient(160deg, #050302 0%, #0f0a04 100%);--table-border: rgba(255, 255, 255, .06);--table-hover: rgba(240, 106, 0, .06);--team-name-color: #f0ebe0;--header-bg: linear-gradient(160deg, #070503 0%, #120d06 50%, #070503 100%);--header-radial: rgba(212, 160, 23, .12);--footer-bg: #0a0805;--footer-border: rgba(255, 255, 255, .08);--rank-gold: #f0c040;--rank-gold-glow: rgba(240, 192, 64, .5);--rank-silver: #c8c9cd;--rank-silver-glow: rgba(200, 201, 205, .4);--rank-bronze: #e0923a;--rank-bronze-glow: rgba(224, 146, 58, .4);--rank-default: #8a8178;--delta-positive-bg: rgba(22, 163, 74, .18);--delta-positive-text: #4ade80;--delta-positive-border: rgba(34, 197, 94, .3);--delta-negative-bg: rgba(220, 38, 38, .18);--delta-negative-text: #f87171;--delta-negative-border: rgba(239, 68, 68, .3)}body{margin:0;padding:0;font-family:Barlow,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--primary-bg);color:var(--text-primary);line-height:1.5}.page-content{min-height:calc(100vh - 80px);padding:2rem 1rem;padding-bottom:0;max-width:1400px;margin:0 auto;position:relative}@media (max-width: 768px){.page-content{padding:1rem;padding-bottom:0}}@font-face{font-family:Open Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/open-sans-cyrillic-ext-wght-normal-daeed560.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Open Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/open-sans-cyrillic-wght-normal-a1f50e52.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Open Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/open-sans-greek-ext-wght-normal-747b787c.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Open Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/open-sans-greek-wght-normal-0ed76b36.woff2) format("woff2-variations");unicode-range:U+0370-03FF}@font-face{font-family:Open Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/open-sans-hebrew-wght-normal-fe6c9093.woff2) format("woff2-variations");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Open Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/open-sans-vietnamese-wght-normal-db5d7bb3.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Open Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/open-sans-latin-ext-wght-normal-d9784dbf.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Open Sans Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(/assets/open-sans-latin-wght-normal-9b1b9d7c.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{font-family:Open Sans Variable,sans-serif}.bold{font-weight:700}