:root{--u:max(1px,min(100vw / 1920,100vh / 1080));--s-up:#52b584;--s-mum:#e08a2e;--s-atk:#d6432f;--s-down:#a3a8a2;--s-atk-line:#ee5a45}
.s-up{--c:var(--s-up);--on:#0b1518}
.s-mum{--c:var(--s-mum);--on:#fff}
.s-atk{--c:var(--s-atk);--on:#fff}
.s-down{--c:var(--s-down);--on:#0b1518}
html{background:#0b1518}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:1.1s;animation-timing-function:cubic-bezier(.45,0,.25,1)}
::view-transition-old(root){animation-name:vt-out}
::view-transition-new(root){animation-name:vt-in}
@keyframes vt-out{to{opacity:0;filter:blur(calc(6*var(--u)))}}
@keyframes vt-in{from{opacity:0;filter:blur(calc(6*var(--u)))}}
.league{font-family:var(--display);color:#c09a55;font-size:calc(22*var(--u));line-height:1.1}
.nav{display:flex;align-items:baseline;gap:calc(16*var(--u))}
[data-mode=local] .nav{opacity:0;transition:opacity .2s}
[data-mode=local] .sub:hover .nav,[data-mode=local] .sub:focus-within .nav{opacity:1}