:root{--night:#04122a;--sea:#0b2545;--deep:#061a38;--ice:#eaf7ff;--ice-2:#b9e3fa;--frost:#dcf2ff21;--frost-line:#c8ecff47;--ink:#0b2545;--text:#f2faff;--dim:#9cc3dd;--pink:#ff5a8a;--yellow:#ffc233;--blue:#3d7bff;--display:"Fredoka", "Arial Rounded MT Bold", system-ui, sans-serif;--font:"Nunito", "Avenir Next", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(120% 70% at 50% 0%, #0f3460 0%, var(--night) 60%) fixed, var(--night);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-weight:700}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.logo{font-family:var(--display);letter-spacing:.01em;white-space:nowrap;color:var(--ice);margin:0;font-weight:700;line-height:.9}.logo span{transform:rotate(var(--r));background:linear-gradient(#fff 0%,#dff3ff 45%,#9fd6f5 46%,#cfeeff 100%);color:#0000;filter:drop-shadow(0 .05em #2d7fb8)drop-shadow(0 .09em #0b2545)drop-shadow(0 .14em .12em #00000059);animation:bob 2.6s ease-in-out var(--d) infinite;-webkit-background-clip:text;background-clip:text;display:inline-block}@keyframes bob{50%{transform:rotate(calc(var(--r) * -.6)) translateY(.04em)}}.h1{font-family:var(--display);text-wrap:balance;margin:0;font-size:36px;font-weight:700;line-height:1.05}.h2{font-family:var(--display);text-wrap:balance;margin:0;font-size:28px;font-weight:700;line-height:1.1}.tag{font-family:var(--display);color:var(--yellow);margin:0;font-size:22px;font-weight:600}.lede{color:#cfe6f5;text-wrap:pretty;margin:0;font-size:17px;line-height:1.4}.label{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin:0;font-size:12px;font-weight:900}.dim{color:var(--dim);margin:0;font-size:14px}.waiting{text-align:center;color:var(--dim);margin:0}.page{text-align:center;max-width:480px;min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:14px;margin:0 auto;display:flex;position:relative}.page.center{text-align:center;justify-content:center;align-items:center}.row{align-items:stretch;gap:10px;display:flex}.stack{flex-direction:column;gap:10px;display:flex}.grow{flex:1;min-width:0}.top{align-items:center;gap:10px;min-height:44px;display:flex}.top .iconbtn{margin-left:auto}.mini-logo{font-family:var(--display);color:var(--ice);text-shadow:0 2px 0 #2d7fb8, 0 4px 0 var(--ink);background:0 0;border:0;padding:0;font-size:24px;font-weight:700}.code-chip{letter-spacing:.14em;background:var(--frost);border-radius:999px;padding:4px 12px;font-size:14px;font-weight:900}.card{background:var(--frost);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:22px;padding:14px}.dock{padding:18px 0 max(2px, env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--night) 24px);z-index:2;flex-direction:column;gap:10px;margin-top:auto;display:flex;position:sticky;bottom:0}.btn{background:linear-gradient(180deg, #ff7aa2, var(--pink));color:#fff;min-height:56px;font-family:var(--display);border:0;border-radius:18px;padding:0 22px;font-size:21px;font-weight:600;transition:transform 80ms,box-shadow 80ms;box-shadow:0 5px #b8295a,0 10px 22px #ff5a8a59}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #b8295a}.btn:disabled{opacity:.45;box-shadow:0 5px #b8295a}.btn.blue{background:linear-gradient(180deg, #6a9bff, var(--blue));box-shadow:0 5px #1f4bb8,0 10px 22px #3d7bff59}.btn.alt{background:#dcf2ff29;min-height:50px;font-size:18px;box-shadow:0 4px #00000040}.iconbtn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#2850829e;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 3px 10px #0000004d}.field{text-align:center;background:#dcf2ff21;border:0;border-radius:16px;width:100%;min-height:54px;padding:0 16px;font-size:20px;font-weight:800;box-shadow:inset 0 2px 6px #0000004d}.field::placeholder{color:#6f93ad}.codefield{text-align:center;letter-spacing:.3em;text-transform:uppercase;width:auto;min-width:0;font-family:var(--display);flex:1}.toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:50;color:var(--ink);text-align:center;background:#fff;border-radius:14px;max-width:calc(100vw - 32px);margin:0;padding:12px 18px;font-weight:900;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0006}.landing{min-height:100dvh;position:relative;overflow:hidden}.landing .stage{position:fixed;inset:0}.landing-top{top:max(12px, env(safe-area-inset-top));z-index:3;justify-content:space-between;align-items:center;display:flex;position:fixed;left:16px;right:16px}.landing-card{z-index:2;max-width:480px;min-height:100dvh;padding:0 16px max(18px, env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:flex-end;gap:14px;margin:0 auto;display:flex;position:relative}.landing-card .logo{align-self:center}.landing-card:before{content:"";background:linear-gradient(transparent, #04122aeb 30%, var(--night));z-index:-1;pointer-events:none;position:absolute;inset:40% -50vw 0}.iconbtn.q{font-family:var(--display);color:#fff;font-size:22px;font-weight:700}.howto-dlg{width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);background:#0a2850;border:0;border-radius:26px;flex-direction:column;gap:10px;padding:16px;display:flex;box-shadow:0 20px 60px #00000080}.howto-dlg:not([open]){display:none}.howto-dlg::backdrop{background:#020a1ab8}.howto-dlg{text-align:center}.howto-dlg .lede{min-height:4.2em}.dlg-top{justify-content:space-between;align-items:center;display:flex}.skip{color:var(--dim);background:0 0;border:0;padding:10px 4px 10px 12px;font-weight:900;text-decoration:underline}.dots{justify-content:center;gap:6px;display:flex}.dots i{background:#ffffff40;border-radius:50%;width:8px;height:8px}.dots i.on{background:var(--yellow)}.art{background:radial-gradient(circle at 50% 50%, #1d6aa3, var(--sea) 75%);border-radius:18px;height:160px;position:relative;overflow:hidden}.art .ice{width:100%;height:100%;position:absolute;inset:0}.art .ice polygon{fill:#eaf7ff;stroke:#9fd2f2;stroke-width:.08px}.art .ice polygon.crack{fill:#ffc8d8;animation:.9s ease-in-out infinite alternate flash}@keyframes flash{to{fill:#ff8fb0}}.art>div,.art>span{position:absolute}.art .blobface{filter:drop-shadow(0 6px 6px #00000059);display:block}.pad{background:#0b254547;border-radius:50%;width:64px;height:64px;bottom:14px;left:18px}.pad i{background:radial-gradient(circle at 35% 30%,#fff,#9fd2f2);border-radius:50%;width:30px;height:30px;margin:-15px;animation:2.4s ease-in-out infinite thumb;position:absolute;top:50%;left:50%;box-shadow:0 3px 6px #0000004d}@keyframes thumb{0%,to{transform:translate(-14px)}50%{transform:translate(14px)}}.roll{animation:2.4s ease-in-out infinite roll;top:50px;left:calc(50% - 29px)}@keyframes roll{0%,to{transform:translate(-50px)rotate(-6deg)}50%{transform:translate(60px)rotate(6deg)}}.dasher{z-index:1;animation:2.2s cubic-bezier(.5,0,.2,1) infinite dasher;top:54px;left:calc(50% - 84px)}@keyframes dasher{0%,30%{transform:translate(0)}50%{transform:translate(80px)scaleX(1.15)}70%,to{transform:translate(64px)}}.victim{animation:2.2s ease-out infinite victim;top:54px;left:calc(50% - 10px)}@keyframes victim{0%,48%{opacity:1;transform:none}80%{opacity:1;transform:translate(130px,10px)rotate(40deg)}95%{opacity:0;transform:translate(150px,34px)rotate(60deg)scale(.4)}to{opacity:0}}.minidash{width:52px;height:52px;font-family:var(--display);color:#fff;background:radial-gradient(circle at 35% 30%, #ff9cbb, var(--pink) 55%, #c8245a);border-radius:50%;place-items:center;font-size:12px;animation:2.2s infinite tap;display:grid;bottom:12px;right:12px;box-shadow:0 4px #8f1a42}@keyframes tap{0%,22%,40%,to{transform:none}30%{transform:scale(.82)}}.sinker{animation:2.6s ease-in infinite sink;top:22px;left:calc(50% + 74px)}@keyframes sink{0%,25%{transform:translate(-60px,10px)}50%{transform:translateY(20px)}75%{opacity:.6;transform:translate(14px,60px)scale(.5)}to{opacity:0;transform:translate(14px,80px)scale(.2)}}.ripple{opacity:0;border:3px solid #ffffffb3;border-radius:50%;width:40px;height:14px;animation:2.6s ease-out infinite ripple;top:104px;left:calc(50% + 86px)}@keyframes ripple{0%,70%{opacity:0;transform:scale(.3)}80%{opacity:1}to{opacity:0;transform:scale(1.8)}}.champ-art{flex-direction:column;align-items:center;gap:4px;display:flex;top:50%;left:50%;transform:translate(-50%,-50%)}.champ-art .blobface{animation:1.2s ease-in-out infinite wob}.champ-art .pips i{width:12px;height:12px}.roster li{position:relative}.kick{color:#fff;background:#fff3;border:0;border-radius:12px;width:36px;height:30px;padding:0 0 6px;font-size:22px;font-weight:900;line-height:1;position:absolute;top:4px;right:4px;box-shadow:0 2px 6px #00000040}.kick:hover,.kick:focus-visible{background:#ff5a8a8c}.tv-seats li{position:relative}.board .kick{flex:none;position:static}.board li.left .nm,.standings li.left .nm{opacity:.5;text-decoration:line-through}.hud-btns{flex:none;gap:8px;margin-left:auto;display:flex}.hud-btns>*{pointer-events:auto}.pmenu{position:relative}.pmenu summary{color:#fff;font-size:22px;line-height:1;list-style:none}.pmenu summary::-webkit-details-marker{display:none}.pmenu ul{z-index:8;background:#081e3ef5;border-radius:18px;gap:6px;min-width:220px;margin:0;padding:8px;list-style:none;display:grid;position:absolute;top:52px;right:0;box-shadow:0 12px 30px #00000073}.pmenu li{align-items:center;gap:8px;display:flex}.pmenu .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.kickbtn{color:#ffb3c8;background:#ff5a8a42;border:0;border-radius:12px;min-height:40px;padding:0 12px;font-weight:900}.tv-mute{gap:10px;display:flex}.preview{place-items:center;padding:6px 0;display:grid}.preview .blobface{filter:drop-shadow(0 10px 14px #0006);animation:1.8s ease-in-out infinite wob}@keyframes wob{50%{transform:scale(1.05,.95)translateY(3px)}}fieldset{border:0;min-width:0;margin:0;padding:0}.swatches,.faces{grid-template-columns:repeat(8,1fr);justify-items:center;gap:6px;display:grid}.faces{grid-template-columns:repeat(6,1fr)}.swatches legend,.faces legend{grid-column:1/-1;justify-self:center;margin-bottom:8px}.swatch,.face{position:relative}.swatch input,.face input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.swatch span{background:var(--c);border-radius:50%;width:min(40px,10vw);height:min(40px,10vw);transition:transform .12s;display:block;box-shadow:inset 0 -4px #0000002e,inset 0 3px #ffffff59}.swatch input:checked+span{background:radial-gradient(circle, #fff 0 20%, var(--c) 23%);box-shadow:0 0 14px 3px color-mix(in srgb, var(--c) 70%, transparent), inset 0 -4px 0 #0000002e;transform:scale(1.18)}.swatch input:disabled+span{opacity:.2}.swatch input:focus-visible+span,.face input:focus-visible+svg{outline:3px solid var(--yellow);outline-offset:3px}.face{background:var(--frost);border-radius:14px;place-items:center;width:52px;height:52px;transition:transform .12s;display:grid}.face:has(input:checked){background:#ffffff6b;transform:scale(1.08);box-shadow:0 0 14px #ffffff59}.roster{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.roster li{background:var(--frost);border-radius:18px;flex-direction:column;align-items:center;gap:4px;width:100px;padding:10px 6px;animation:.35s cubic-bezier(.3,1.6,.5,1) both pop;display:flex}.roster li.away{opacity:.4}.roster li.bot{background:#dcf2ff0d}.roster .nm{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:900;overflow:hidden}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.chips{gap:4px;display:flex}.tagchip.you{background:#fff}.outpill{text-align:center;background:#04122abf;border-radius:99px;margin:0;padding:10px 16px;font-weight:900;animation:.4s cubic-bezier(.3,1.6,.5,1) both pop}.tagchip{text-transform:uppercase;letter-spacing:.08em;background:var(--yellow);color:var(--ink);border-radius:99px;padding:1px 7px;font-size:11px;font-weight:900}.stepper{background:var(--frost);border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:6px;display:flex}.stepper span{font-size:17px}.stepper b{font-family:var(--display);font-size:24px}.round{background:#ffffff24;border:0;border-radius:14px;width:48px;height:48px;font-size:26px;font-weight:900;line-height:1}.round:disabled{opacity:.3}.qrbox{place-items:center;display:grid}.qrbox .qr{width:min(240px,70vw)}.qr{border-radius:12px;display:block}.play{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.stage{position:absolute;inset:0}.stage canvas{width:100%;height:100%;display:block}.hud{z-index:4;padding:max(10px, env(safe-area-inset-top)) 12px 0;pointer-events:none;align-items:flex-start;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.hud>.iconbtn{flex:none;margin-left:auto}.scores{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.scores li{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04122a8c;border-radius:99px;align-items:center;gap:3px;padding:3px 7px 3px 3px;display:flex}.scores li.me{background:#ffffffeb}.scores li.me .pips i{background:#0b254533}.scores li.me .pips i.on{background:var(--pink)}.pips{gap:3px;display:inline-flex}.pips i{background:#ffffff38;border-radius:50%;width:8px;height:8px}.pips i.on{background:var(--yellow);box-shadow:0 0 6px var(--yellow)}.watching{background:#04122a99;border-radius:99px;margin:6px 0 0;padding:8px 14px}.controls{z-index:3;touch-action:none;position:absolute;inset:0}.stick{left:92px;bottom:max(96px, calc(env(safe-area-inset-bottom) + 80px));pointer-events:none;background:radial-gradient(circle,#ffffff0f 45%,#ffffff38 68%,#fff0 71%);border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:absolute;top:auto;transform:translateY(50%)}.stick.live{background:radial-gradient(circle,#ffffff1a 45%,#ffffff57 68%,#fff0 71%);bottom:auto;transform:none}.knob{background:radial-gradient(circle at 35% 30%,#fff,#cfeaff 60%,#9fd2f2);border-radius:50%;width:56px;height:56px;margin:-28px;position:absolute;top:50%;left:50%;box-shadow:0 6px 14px #00000059}.hint{left:0;right:0;bottom:max(14px, env(safe-area-inset-bottom));text-align:center;color:#dcf0ff8c;pointer-events:none;margin:0;font-size:13px;position:absolute}.dash{--cd:0;right:22px;bottom:max(44px, calc(env(safe-area-inset-bottom) + 30px));background:conic-gradient(#04122ab3 calc(var(--cd) * 360deg), transparent 0), radial-gradient(circle at 35% 30%, #ff9cbb, var(--pink) 55%, #c8245a);color:#fff;width:112px;height:112px;font-family:var(--display);letter-spacing:.04em;touch-action:none;border:0;border-radius:50%;padding:0;font-size:22px;font-weight:700;position:absolute;box-shadow:0 7px #8f1a42,0 14px 30px #ff5a8a73}.dash span{text-shadow:0 2px #00000040}.dash.pow{animation:.25s ease-out pow}.dash[data-out]{filter:grayscale()brightness(.6)}@keyframes pow{30%{transform:scale(.88)}}.overlay{z-index:5;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding-bottom:18vh;display:flex;position:absolute;inset:0}.round-label{font-family:var(--display);color:var(--yellow);text-shadow:0 3px 0 var(--ink);margin:0;font-size:26px}.count,.go{font-family:var(--display);color:#fff;text-shadow:0 6px 0 #2d7fb8, 0 12px 0 var(--ink), 0 20px 40px #0006;margin:0;font-size:140px;font-weight:700;line-height:1;animation:.8s cubic-bezier(.2,1.4,.4,1) both count}.go{color:var(--yellow);animation:.9s ease-out both go}@keyframes count{0%{opacity:0;transform:scale(2.2)}25%{opacity:1;transform:scale(1)}85%{opacity:1}to{opacity:.2;transform:scale(.85)}}@keyframes go{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.15)}70%{opacity:1}to{opacity:0;transform:scale(1.6)}}.banner{background:color-mix(in srgb, var(--c) 18%, #04122adb);box-shadow:0 0 0 0 transparent, 0 0 44px color-mix(in srgb, var(--c) 55%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;border-radius:26px;flex-direction:column;align-items:center;gap:6px;max-width:calc(100vw - 32px);padding:16px 26px;animation:.45s cubic-bezier(.3,1.6,.5,1) both pop;display:flex}.banner p{font-family:var(--display);text-wrap:balance;margin:0;font-size:26px}.overlay.top{padding:calc(max(10px, env(safe-area-inset-top)) + 84px) 16px 0;justify-content:flex-start}.feed{z-index:5;bottom:calc(max(44px, env(safe-area-inset-bottom) + 30px) + 130px);pointer-events:none;flex-direction:column-reverse;align-items:center;gap:6px;display:flex;position:absolute;left:0;right:0}.feed p{background:color-mix(in srgb, var(--c) 40%, #04122ad9);box-shadow:0 0 18px color-mix(in srgb, var(--c) 40%, transparent);border-radius:99px;margin:0;padding:7px 16px;font-weight:900;animation:2.6s both feed}@keyframes feed{0%{opacity:0;transform:translateY(-10px)scale(.9)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.champ{z-index:6;padding:16px 16px max(16px, env(safe-area-inset-bottom));background:linear-gradient(#0000 30%,#04122ad9);place-items:end center;display:grid;position:absolute;inset:0;overflow-y:auto}.champ-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#081e3ee0;border-radius:26px;flex-direction:column;gap:12px;width:100%;max-width:440px;padding:18px;animation:.6s cubic-bezier(.2,1.3,.4,1) .6s both rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}.crown{place-items:center;margin-top:-60px;display:grid}.crown .blobface{filter:drop-shadow(0 10px 16px #00000073);animation:1.2s ease-in-out infinite wob}.standings{text-align:left;gap:6px;margin:0;padding:0;list-style:none;display:grid}.standings li{background:#ffffff0f;border-radius:14px;align-items:center;gap:10px;padding:4px 10px 4px 4px;display:flex}.standings .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tv{position:fixed;inset:0;overflow:hidden}.tv.center{place-items:center;display:grid}.tv-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:2;background:#061a38c7;border-radius:32px;flex-direction:column;gap:16px;width:min(560px,44vw);max-height:94vh;padding:32px;display:flex;position:absolute;top:50%;left:4vw;overflow:auto;transform:translateY(-50%)}.joinrow{align-items:center;gap:20px;display:flex}.joinrow .qr{flex:none;width:160px}.bigcode{font-family:var(--display);letter-spacing:.08em;margin:0;font-size:76px;line-height:1}.tv-seats{flex-wrap:wrap;gap:12px;min-height:64px;margin:0;padding:0;list-style:none;display:flex}.tv-seats li{flex-direction:column;align-items:center;gap:2px;animation:.4s cubic-bezier(.3,1.6,.5,1) both pop;display:flex}.tv-mute{z-index:7;position:absolute;top:20px;right:20px}.board{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#061a38b3;border-radius:26px;flex-direction:column;gap:12px;width:280px;padding:20px;display:flex;position:absolute;top:50%;right:3vw;transform:translateY(-50%)}.board ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.board li{align-items:center;gap:10px;display:flex}.board .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:20px;overflow:hidden}.board .pips i{width:12px;height:12px}.tv.game .overlay{padding-bottom:0}.tv.game .feed{bottom:40px;right:22vw}.tv.game .overlay.top{padding-top:40px;padding-right:22vw}.tv.game .overlay{padding-right:22vw}.tv.game .count,.tv.game .go{font-size:220px}.tv.game .banner p{font-size:40px}@media (width>=900px){.page{padding-top:32px}}@media (width<=899px){.tv-card{width:auto;left:16px;right:16px}.board{width:220px;right:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.count{animation:none!important}.go{display:none}}.overlay.dunk{justify-content:flex-start;padding:12vh 16px 0}.overlay.dunk .bars{pointer-events:none;opacity:.85;background:linear-gradient(#000 0 9%,#0000 9% 91%,#000 91%);animation:.3s ease-out both bars;position:absolute;inset:0}@keyframes bars{0%{opacity:0;transform:scaleY(1.25)}}.dunk-card{flex-direction:column;align-items:center;gap:2px;animation:.5s cubic-bezier(.2,1.6,.4,1) both slam;display:flex;position:relative}.dunk-card .faces{align-items:flex-end;gap:0;display:flex}.dunk-card .faces .blobface+.blobface{margin-left:-10px;transform:rotate(18deg)}.dunk-t{font-family:var(--display);color:#fff;letter-spacing:.02em;text-shadow:0 5px 0 color-mix(in srgb, var(--c) 80%, #000), 0 10px 0 var(--ink), 0 0 40px var(--c);margin:0;font-size:72px;line-height:1}.dunk-s{font-family:var(--display);background:color-mix(in srgb, var(--c) 45%, #04122ad9);text-align:center;text-wrap:balance;border-radius:99px;margin:0;padding:6px 16px;font-size:24px}@keyframes slam{0%{opacity:0;transform:scale(2.4)rotate(-6deg)}60%{opacity:1;transform:scale(.94)rotate(1deg)}}.tv.game .dunk-t{font-size:140px}.tv.game .dunk-s{font-size:40px}.banner .sub{font-family:var(--font);color:#e6f4ff;font-size:17px;font-weight:900}.pattern{font-family:var(--display);color:#fff;opacity:.85;text-shadow:0 2px 0 var(--ink);margin:0;font-size:20px}.tv.game .pattern{font-size:32px}.hub{color:#fff;white-space:nowrap;background:#2850829e;border-radius:99px;flex:none;align-items:center;gap:4px;min-height:44px;padding:0 14px 0 10px;font-size:15px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 3px 10px #0000004d}.hub:hover{background:#3c6eaabf}.pmenu .hub{justify-content:center;width:100%}.champ-card .hub{align-self:center}.tv-hub{z-index:7;position:absolute;top:20px;left:20px}.dash{background:conic-gradient(#04122ab3 calc(var(--cd) * 360deg), transparent 0), radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--me,var(--pink)) 55%, #fff), var(--me,var(--pink)) 55%, color-mix(in srgb, var(--me,var(--pink)) 70%, #000));box-shadow:0 7px 0 color-mix(in srgb, var(--me,var(--pink)) 50%, #000), 0 14px 30px color-mix(in srgb, var(--me,var(--pink)) 45%, transparent)}.soundchip{z-index:60;left:50%;top:calc(max(12px, env(safe-area-inset-top)) + 58px);pointer-events:none;color:var(--yellow);font-family:var(--display);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#285082bf;border-radius:999px;padding:8px 16px;font-size:16px;font-weight:700;animation:1.4s ease-in-out infinite soundpulse;position:fixed;transform:translate(-50%);box-shadow:0 3px 10px #0000004d,0 0 18px #ffc2334d}@keyframes soundpulse{50%{transform:translate(-50%)scale(1.07)}}@media (prefers-reduced-motion:reduce){.soundchip{animation:none}}