@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{font-size:calc(30*min(100vh / 1080,100vw / 1300))}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:root{--background: #eeeeee;--d-background: #111111;--topbar-text-color: black;--mint: linear-gradient(to top right, hsl(165.625 39.669% 52.549%), hsl(118.681 40.444% 55.882%), hsl(86.667 48.293% 59.804%));--orange: linear-gradient(to top right, hsl(18 81.522% 63.922% / 1), hsl(39.683 88.732% 58.235% / 1));--pink: linear-gradient(to top right, hsl(241.017 29.648% 60.98% / 1), hsl(201.553 47.032% 42.941% / 1));--lightblue: linear-gradient(to top right, hsl(210.683 88.732% 58.235%), hsl(190 81.522% 63.922%));--darkblue: linear-gradient(to top right, hsl(228.683 88.732% 53.235%), hsl(252 81.522% 63.922%));--purple: linear-gradient(to top right, hsl(270.683 88.732% 53.235%), hsl(300 81.522% 63.922%));--red: linear-gradient(to top right, hsl(0 88.732% 53.235%), hsl(20 81.522% 63.922%));--color-1: linear-gradient(#ffffff66, #ffffff66), var(--lightblue);--color-2: linear-gradient(#ffffff66, #ffffff66), var(--mint);--color-3: linear-gradient(#ffffff88, #ffffff88), var(--red);--color-4: linear-gradient(#ffffff66, #ffffff66), var(--orange);--color-5: linear-gradient(#ffffff66, #ffffff66), var(--darkblue);--color-6: linear-gradient(#ffffff77, #ffffff77), var(--purple)}body[data-theme=dark]{--background: #111111;filter:brightness(.9) saturate(1.2);--topbar-text-color: white}body{margin:0;height:100vh;width:100%;color:#000;background:var(--background);overflow:hidden;font-family:Inter;display:grid;place-content:center}#maingrid{height:100vh;width:100vw;max-width:54rem;max-height:36rem;display:grid;grid-template-columns:1fr;grid-template-rows:2.5rem 1fr;padding:1rem;gap:1rem}#maingrid>#topbar{display:flex;padding:0 .5rem}#maingrid>#topbar>.selector-splitter{width:.125rem;background:var(--topbar-text-color);opacity:.15;border-radius:.125rem;margin:.5rem .375rem}#maingrid>#topbar>#player-count{flex-grow:1;display:grid;place-content:center;color:var(--topbar-text-color);opacity:.75}.settings>.settings-selector{height:calc(100% - 2.5rem);display:grid;grid-template-columns:1fr 1fr;padding:.5rem .25rem .25rem;gap:.5rem}.settings>.settings-selector>div{background:#fff4;display:flex;border-radius:.5rem;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;color:#000c;padding:.25rem;text-align:center}.settings>.settings-selector>.active{background:#fff8;color:#000;font-weight:500}.notification-system{position:fixed;z-index:200;top:0;left:50%;transform:translate(-50%);width:35rem;display:flex;flex-direction:column-reverse;padding:.5rem;gap:.25rem}.notification-system>.notification{background:linear-gradient(#aaa4,#8884),var(--color);isolation:isolate;box-shadow:inset 0 0 0 .25rem #00000080,0 .25rem 1rem #0008;border-radius:.75rem;display:flex;flex-direction:column;padding:.75rem 1rem 1rem;animation:notification-in calc(.5s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}@keyframes notification-in{0%{opacity:.5;transform:scale(.5)}}.notification-system>.notification>.title{font-size:1.75rem}.notification-system>.notification>.content{padding-left:.125rem}.icon-selector{display:flex;position:relative}.icon-selector>.option{width:2.5rem;height:2.5rem;color:var(--topbar-text-color);display:grid;place-content:center;border-radius:.5rem;font-size:1.25rem;opacity:.75;--ionicon-stroke-width: 48px;cursor:pointer;transition:opacity .3s cubic-bezier(.16,1,.3,1)}.icon-selector>.option[data-is-active=true]{opacity:.875}.icon-selector:after{height:2.5rem;width:2.5rem;position:absolute;inset:0 auto auto 0;content:"";left:calc(2.5rem * var(--selected-index));border-radius:.5rem;background:color-mix(in srgb,var(--topbar-text-color),transparent 85%);pointer-events:none;transition:inset .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.icon-selector[data-is-animating=true]:after{transform:scale(.75)}.icon-selector>.option>img{width:2rem;height:2rem}body[data-theme=light] .icon-selector>.option>img{filter:invert();opacity:.65}.dropdown-selector{position:relative;isolation:isolate;flex-shrink:1;height:2.5rem;width:11rem;color:var(--topbar-text-color)}.dropdown-selector:after{content:"";position:absolute;border-radius:.5rem;inset:auto 0 0 0;background:color-mix(in srgb,var(--topbar-text-color),var(--background) 85%);height:2.5rem;z-index:1;transition:height calc(1s + 50ms * (var(--count) - 1)) cubic-bezier(.16,1,.3,1)}.dropdown-selector:hover:after{height:calc(.5rem + 2rem * var(--count))}.dropdown-selector>.option{position:absolute;height:2.5rem;left:0;right:0;z-index:2;display:grid;place-content:center}.dropdown-selector>.option{position:absolute;height:2rem;margin:.25rem 0;left:0;right:0;z-index:2;display:grid;place-content:center;transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1);cursor:pointer;opacity:0;font-weight:300;color:color-mix(in srgb,var(--topbar-text-color),transparent 40%)}.dropdown-selector:hover>.option{opacity:1;transform:translateY(calc(-2rem * (var(--count) - var(--index) - 1)));transition:transform 1s cubic-bezier(.16,1,.3,1) calc(50ms * (var(--count) - var(--index) - 1)),opacity 1s cubic-bezier(.16,1,.3,1) calc(50ms * (var(--count) - var(--index) - 1))}.dropdown-selector>.option[data-is-active=true]{color:var(--topbar-text-color);opacity:1;d-transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1);font-weight:400}.dropdown-selector>.option[data-has-color-dot=true]:after,.dropdown-selector>.option[data-has-color-dot=true]:before{content:"";position:absolute;height:.5rem;width:.5rem;top:.75rem;left:1rem;background:linear-gradient(#fff7,#fff7),var(--color);border-radius:50%;opacity:0;transition:opacity .1s;z-index:2}.dropdown-selector>.option[data-has-color-dot=true]:before{filter:blur(.5rem)}.dropdown-selector[data-show-color-dots=true]>.option[data-has-color-dot=true]:before,.dropdown-selector[data-show-color-dots=true]>.option[data-has-color-dot=true]:after{opacity:1}#graphs{grid-row:2/3;grid-column:1/2;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 2.5rem;gap:1rem;transition:transform 1s cubic-bezier(.16,1,.3,1);transform:translate(calc(100vw + 2rem))}#maingrid[data-page=graphs] #graphs{transform:none}#graphs-bottom-bar{display:flex;padding:0 .5rem;gap:1rem;justify-content:center}#graphs>.main-area{background:#ffffff0d;background:color-mix(in srgb,var(--topbar-text-color),transparent 95%);border-radius:.75rem;position:relative}#graphs-bottom-bar>.toggle-selector{position:relative;isolation:isolate;flex-shrink:1;height:2.5rem;width:11rem;color:var(--topbar-text-color);background:color-mix(in srgb,var(--topbar-text-color),var(--background) 85%);border-radius:.5rem;cursor:pointer}#graphs-bottom-bar>.toggle-selector>.option{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;opacity:0;color:var(--topbar-text-color);transition:opacity .5s cubic-bezier(.16,1,.3,1)}#graphs-bottom-bar>.toggle-selector>.option.active{opacity:1}#graph-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#gamemode-grid{grid-row:2/3;grid-column:1/2;display:grid;width:100%;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr auto;gap:1rem;transition:transform 1s cubic-bezier(.16,1,.3,1)}#maingrid[data-page=graphs] #gamemode-grid{transform:translate(calc(-100vw - 2rem))}.gamemode,.settings{position:relative;padding:.25rem;gap:.25rem;border-radius:.75rem;grid-column:span 2;background:var(--color)}.gamemode:after,.settings:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background:inherit;border-radius:inherit;filter:blur(1rem);z-index:-1}.gamemode>.name,.settings>.settings-title{font-weight:500;font-size:1.25rem;display:grid;height:2.5rem;place-content:center;background:#fff4;border-radius:.5rem}.gamemode>.lobbygrid{max-height:calc(100% - 2.5rem);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:.5rem .25rem .25rem;gap:.25rem}.gamemode>.lobbygrid>.lobby{background:#fff4;display:flex;border-radius:.5rem;height:3rem;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.gamemode>.lobbygrid>.lobby:hover{background:#fff8}.gamemode>.lobbygrid>.lobby>.region{color:#000c}.gamemode>.lobbygrid>.lobby>.player-count{font-size:1.5rem;font-weight:600;color:#000a;margin-top:-.25rem}#gamemode-grid>.partner-section{margin-top:-.5rem;grid-column:span 6;display:flex;flex-direction:column;gap:.75rem;color:var(--topbar-text-color);margin-bottom:.5rem}#gamemode-grid>.partner-section>.partners-title{position:relative;font-size:1.5rem;font-weight:500;text-align:center;margin-top:.5rem;opacity:.5}#gamemode-grid>.partner-section>.partner-links{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}#gamemode-grid>.partner-section>.partner-links>.partner-banner{border-radius:.75rem;width:100%;aspect-ratio:3/1.125;background:#191919;transition:transform .3s ease;overflow:hidden;position:relative}#gamemode-grid>.partner-section>.partner-links>.partner-banner:hover{transform:scale(1.05)}#gamemode-grid>.partner-section>.partner-links>.partner-banner>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;transition:transform .3s ease}#gamemode-grid>.partner-section>.partner-links>.partner-banner>.placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;font-size:1.75rem;font-weight:600;color:var(--text-3);text-align:center;opacity:.4}#gamemode-grid>.partner-section>.partner-links>.partner-banner:hover>img{transform:scale(1.025)}#teamSelector{position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;isolation:isolate;display:grid;place-content:center;pointer-events:none}#teamSelector[data-is-active=true]{pointer-events:auto}#teamSelector>.background{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}#teamSelector>.background>div{height:100%;flex-grow:1;background:var(--background);transform:translateY(100%);transition:transform 1s cubic-bezier(.16,1,.3,1) calc(50ms * var(--index))}#teamSelector[data-is-active=true]>.background>div{transform:none}#teamSelector>.title{z-index:10;position:absolute;inset:0 0 auto 0;display:flex;align-items:center;justify-content:center;height:5rem;font-weight:700;font-size:3rem;color:#000;opacity:.25;-webkit-user-select:none;user-select:none;pointer-events:none}body[data-theme=dark] #teamSelector>.title{color:#fff;opacity:.15}#teamSelector>.title>div{transform:translateY(-5rem);transition:transform .3s cubic-bezier(.7,0,.84,0) calc(10ms * var(--index))}#teamSelector>.title>.space{width:1rem}#teamSelector[data-is-active=true]>.title>div{transform:none;transition:transform 1s cubic-bezier(.16,1,.3,1) calc(.3s + 50ms * var(--index))}#teamSelector>#teamGrid{display:grid;grid-template-columns:auto auto;gap:1rem;transition:transform 1s cubic-bezier(.16,1,.3,1) 0ms;transform:scale(0) rotate(45deg)}#teamSelector[data-is-active=true]>#teamGrid{transform:none!important;transition:transform 1s cubic-bezier(.16,1,.3,1) .1s}#teamSelector>#teamGrid>.team{border-radius:.75rem;width:6rem;height:6rem;isolation:isolate;position:relative;transition:transform .5s cubic-bezier(.34,1.56,.64,1);background:var(--color);background:#999}#teamSelector>#teamGrid>.team>img{position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;width:4rem;opacity:.3;transform:rotate(var(--arrow-rotation))}#teamSelector>#teamGrid>.team:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background:inherit;border-radius:inherit;filter:blur(1rem);z-index:-1}#teamSelector>#teamGrid>.team:hover{transform:scale(1.2)}#teamSelector>#teamGrid>.team[data-team-position=left]{transform-origin:right;--arrow-rotation: 180deg}#teamSelector>#teamGrid>.team[data-team-position=right]{transform-origin:left;--arrow-rotation: 0deg}#teamSelector>#teamGrid>.team[data-team-position=top-left]{transform-origin:bottom right;--arrow-rotation: -135deg}#teamSelector>#teamGrid>.team[data-team-position=top-right]{transform-origin:bottom left;--arrow-rotation: -45deg}#teamSelector>#teamGrid>.team[data-team-position=bottom-left]{transform-origin:top right;--arrow-rotation: 135deg}#teamSelector>#teamGrid>.team[data-team-position=bottom-right]{transform-origin:top left;--arrow-rotation: 45deg}#teamSelector>#teamGrid>.team[data-team-id="0"]{background:var(--color-1)}#teamSelector>#teamGrid>.team[data-team-id="1"]{background:var(--color-3)}#teamSelector>#teamGrid>.team[data-team-id="2"]{background:var(--color-6)}#teamSelector>#teamGrid>.team[data-team-id="3"]{background:var(--color-2)}