:root{--colour-BrandA: #1e90ff;--colour-BrandB: #2fd2ff;--colour-BrandB-focussed: #26b1f1;--colour-AccentA: #bfeaff;--colour-AccentB: #ebf7ff;--colour-AccentC: #f7faff;--colour-Background: #ffffff;--colour-Background-Inverse: #000000;--colour-Shadow: #0000002f;--colour-Text: #000000;--colour-Text-Inverse: #ffffff;--colour-Indicator-Good: #00f7bd;--colour-Indicator-Mid: #fbff16;--colour-Indicator-Bad: #ff4f92;--border-size: 2px;--border-radius-small: 4px;--border-radius-large: 8px;--transition-Bouncy: .3s cubic-bezier(.34, 1.56, .64, 1);--transition-Smooth: .1s ease-out}html{font-family:Trebuchet MS!important;color:var(--colour-Text);scroll-behavior:smooth}body{margin:0;background-color:var(--colour-Background)}header{position:sticky;top:0;background-color:var(--colour-BrandA);color:var(--colour-Text-Inverse);padding:1rem;height:100px;display:flex;justify-content:space-between;align-items:center;z-index:100;box-shadow:0 0 20px var(--colour-Shadow)}footer{background-color:var(--colour-BrandB);padding:1rem;display:flex;justify-content:center;align-items:center;z-index:100;box-shadow:0 0 20px var(--colour-Shadow)}.sideBarGridLeft{display:grid;grid-template-columns:auto 1fr}.sideBarGridRight{display:grid;grid-template-columns:1fr auto;gap:1rem;margin:1rem 1rem 0rem}.sideBarGridRight>*{margin:0}main{overflow:hidden}aside{top:100px;height:calc(100vh - 100px - 2rem);width:8rem;position:sticky;background-color:var(--colour-BrandB);display:grid;padding:1rem 0rem;align-items:center;box-shadow:0 0 20px var(--colour-Shadow);-webkit-user-select:none;user-select:none;overflow:hidden}aside>a{color:var(--colour-Text-Inverse);text-decoration:none;padding:0 .4rem;margin-left:.6rem;max-height:100%;height:50%;transition:background-color var(--transition-Smooth);border-top-left-radius:var(--border-radius-large);border-bottom-left-radius:var(--border-radius-large)}aside>a.active{background-color:var(--colour-BrandB-focussed);font-weight:700}aside>a>div{display:flex;align-items:center;justify-content:flex-end;height:100%}.navIndicator{position:absolute;right:0;width:4px;height:80px;background-color:var(--colour-Text-Inverse);border-radius:var(--border-radius-small);transition:top var(--transition-Bouncy),height var(--transition-Smooth);box-shadow:0 0 10px var(--colour-Shadow)}button{background-color:var(--colour-BrandA);color:var(--colour-Text-Inverse);padding:.5rem 1rem;border:var(--border-size) solid var(--colour-Text-Inverse);border-radius:var(--border-radius-small);cursor:pointer}.searchBar{color:var(--colour-Text-Inverse);width:200px;padding:.5rem 1rem;border:var(--border-size) solid var(--colour-Background);background-color:transparent;border-radius:var(--border-radius-small)}.searchBar::placeholder{color:var(--colour-Text-Inverse)}.searchBarLarge{width:min(800px,75vw);padding:1rem 1.25rem;font-size:1.25rem}.landingContainer{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.landingBackground{position:absolute;inset:0;pointer-events:none}.landingContent{text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5rem;padding:2rem;margin:2rem;color:var(--colour-Text-Inverse);background:radial-gradient(circle at 50% 33%,#6da9e99f,#7fb2e260);-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);border:1px solid #ffffffc9;border-radius:var(--border-radius-large);box-shadow:0 0 20px 0 var(--colour-Shadow)}.landingImagePlaceholder{position:absolute;width:220px;height:140px;background-color:var(--colour-AccentC);border:var(--border-size) solid var(--colour-AccentA);border-radius:var(--border-radius-large);box-shadow:0 0 20px var(--colour-Shadow)}.landingImagePlaceholder.one{top:2rem;left:2rem}.landingImagePlaceholder.two{bottom:2rem;right:2rem}.searchDropdown{position:absolute;top:calc(100% - .8rem);left:0;right:0;background-color:var(--colour-AccentC);border:var(--border-size) solid var(--colour-AccentA);border-radius:var(--border-radius-small);padding:0;color:var(--colour-Text);font-size:.8rem}.searchDropdown>li{-webkit-user-select:none;user-select:none;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;padding:.5rem}.searchDropdown>li:hover{background-color:var(--colour-AccentB);cursor:pointer}.centered{text-align:center;align-items:center;justify-content:center}.horizontalBar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:1rem}h1{font-size:4rem;margin:0}h2{font-size:3rem;margin:0}h3{font-size:2rem;margin:0}h4{font-size:1.5rem;margin:0}section{background-color:var(--colour-AccentC);border:var(--border-size) solid var(--colour-AccentA);border-radius:var(--border-radius-large);margin:1rem;padding:1rem}.timeSelectorGridHorizontal{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:0 solid var(--colour-AccentA);border-bottom-width:5px;margin-bottom:.5rem}.timeSelectorGridHorizontal>button{margin:0;border-radius:0;border:0;color:var(--colour-Text);background-color:transparent;font-size:1rem;transition:var(--transition-Smooth)}.timeSelectorGridHorizontal>button:hover{background-color:var(--colour-AccentB)}.timeSelectorGridHorizontal>button.active{color:var(--colour-Text-Inverse);background-color:var(--colour-AccentA);font-weight:700}a{color:unset;text-decoration:unset}table{width:100%;border-collapse:collapse}td:nth-child(n+2){text-align:right}td:nth-child(3){width:2.8rem}tbody tr:nth-child(2n){background-color:var(--colour-AccentB)}.rankSubtitleContainer{text-align:center}.globalTooltip{background-color:var(--colour-AccentC);border:var(--border-size) solid var(--colour-AccentA);color:var(--colour-Text);border-radius:var(--border-radius-small);padding:.4rem .6rem;box-shadow:0 0 10px var(--colour-Shadow);font-size:.9rem;max-width:220px;overflow:hidden;text-overflow:ellipsis;transition:opacity var(--transition-Smooth)}p{white-space:pre-wrap;margin:0}.card-3d{perspective:1200px;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.card-3d:hover{transform:scale(1.03)}.card-3d .card-3d-inner{border-radius:var(--border-radius-large);-webkit-font-smoothing:subpixel-antialiased;overflow:hidden;will-change:transform,box-shadow;backface-visibility:hidden;padding:var(--border-thickness);transition:box-shadow .3s ease}.card-3d-inner:hover{box-shadow:0 0 10px var(--colour-Shadow)}.card-3d .card-3d-glare{position:absolute;top:0;left:0;width:200%;height:200%;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none;background:radial-gradient(600px 200px at 10% 20%,rgba(255,255,255,.18),rgba(255,255,255,.02) 25%,transparent 40%);mix-blend-mode:overlay;opacity:.6;filter:blur(20px);transition:opacity .2s linear}.RankCard{display:flex;flex-direction:column;align-items:center;justify-content:center;height:6rem;width:6rem;border-radius:var(--border-radius-large);font-weight:700;font-size:2.7rem;-webkit-user-select:none;user-select:none}table .RankCard{font-size:1rem;height:2rem;width:2rem}.RankCardChildren *{margin:0;padding:0;font-size:1.5rem}.TableFoldoutHeader .TableFoldoutArrowBtn{background:transparent;border:0;padding:0;cursor:pointer;color:var(--colour-Text)}.TableFoldoutArrow{display:inline-block;transition:var(--transition-Smooth);color:var(--colour-BrandA)}.TableFoldoutArrow.open{transform:rotate(90deg)}.TableFoldoutContentCell{padding:0}.TableFoldoutArrowCell{width:1rem!important}.TableFoldout td:nth-child(2){text-align:left;font-size:1.5rem}.TableFoldout td:nth-child(3){width:40%}.TableFoldout td:nth-child(4){width:2.8rem}