:root{--bg:#eef3ff;--floor:#f1eeff;--mat:#fff;--line:#e3dff7;--wall:#f7f9ff;--net:#bcc5e0;--rim:#7c5cff;--rim2:#a48dff;--rimd:#5b3fd9;--stand:#dce3fa;--outline:#2a2f55;--ink:#1e2340;--muted:#5f6890;--p1:#ff7a1a;--p1d:#d45f0a;--p2:#13c2d9;--p2d:#0a93a6;--act:#ffd400;--shadow:#1e234029;--card:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141733;--floor:#232858;--mat:#2f3672;--line:#353d78;--wall:#1a1e42;--net:#3e4780;--rim:#8e73ff;--rim2:#b09cff;--rimd:#5a42c9;--stand:#0f1230;--outline:#0b0d22;--ink:#f1f3ff;--muted:#a3abd6;--shadow:#00000059;--card:#21264d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#141733;--floor:#232858;--mat:#2f3672;--line:#353d78;--wall:#1a1e42;--net:#3e4780;--rim:#8e73ff;--rim2:#b09cff;--rimd:#5a42c9;--stand:#0f1230;--outline:#0b0d22;--ink:#f1f3ff;--muted:#a3abd6;--shadow:#00000059;--card:#21264d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:inherit}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--bg);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;font-family:"Baloo 2",ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;overflow:hidden}#game{max-width:520px;height:100%;margin:0 auto;position:relative;overflow:hidden}#game[data-arena=night]{--bg:#070818;--floor:#121433;--mat:#1e2260;--line:#2a3fa8;--wall:#0b0d26;--net:#3445b8;--rim:#ff3fd8;--rim2:#ff9bef;--rimd:#8a1a78;--stand:#05061a;--outline:#05061a;--shadow:#0000008c;--ink:#f1f3ff;--muted:#a3abd6;--card:#14173a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#070818}#cv{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#hud{pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:10px;left:12px;right:12px}.pill{color:#1b1e38;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;min-width:88px;padding:2px 14px;font-size:17px;font-weight:700;display:flex}.pill b{font-size:26px;font-weight:800;line-height:1.3;display:inline-block}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.6)}to{transform:scale(1)}}.pop{animation:.4s cubic-bezier(.3,1.6,.5,1) pop}.p1{background:var(--p1)}.p2{background:var(--p2)}#round{color:var(--muted);background:var(--card);border-radius:999px;padding:4px 12px;font-size:15px;font-weight:700}#hint{text-align:center;color:var(--muted);pointer-events:none;font-size:15px;line-height:1.3;position:absolute;bottom:14px;left:20px;right:20px}.overlay{background:color-mix(in srgb,var(--bg) 80%,transparent);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.card{background:var(--card);border:3px solid var(--rim);text-align:center;border-radius:28px;width:100%;max-width:340px;padding:28px 24px 24px}h1{color:var(--ink);margin:0 0 6px;font-size:44px;font-weight:800;line-height:1}h1.h2{margin-bottom:10px;font-size:34px}.logo{border:2px solid color-mix(in srgb,var(--rim) 55%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--rim) 45%,transparent),inset 0 0 22px #8e73ff2e;background:radial-gradient(120% 90% at 50% 0,#1b1f55,#070818);border-radius:20px;margin:0 0 22px;padding:16px 8px 14px}.logo svg{width:100%;max-width:230px;height:auto;margin:0 auto 6px;display:block;overflow:visible}.lg-ball{filter:drop-shadow(0 0 5px #ff7a1a)drop-shadow(0 0 12px #ff7a1a);transform-box:fill-box;transform-origin:50% 100%;animation:1.4s cubic-bezier(.3,0,.4,1) infinite lgBounce}.lg-bullet{filter:drop-shadow(0 0 5px #13c2d9)drop-shadow(0 0 12px #13c2d9);animation:2.8s ease-in-out infinite lgFloat}.lg-speed{filter:drop-shadow(0 0 5px #ffd400);animation:.9s linear infinite lgSpeed}.wm{letter-spacing:.01em;justify-content:center;align-items:baseline;gap:8px;font-size:38px;font-weight:800;line-height:1;display:flex}.wm i{color:#c9cef5;text-shadow:0 0 8px #8e73ff;font-size:20px;font-style:normal}.wm .wb{color:#ffe1cc;text-shadow:0 0 4px #ff7a1a,0 0 12px #ff7a1a,0 0 26px #ff7a1a}.wm .wu{color:#d6fdff;text-shadow:0 0 4px #13c2d9,0 0 12px #13c2d9,0 0 26px #13c2d9;animation:5s linear infinite lgFlicker}@keyframes lgBounce{0%,to{transform:translateY(0)scale(1.06,.94)}45%{transform:translateY(-9px)scale(1)}}@keyframes lgFloat{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes lgSpeed{0%{opacity:.25;transform:translate(8px)}50%{opacity:1}to{opacity:.25;transform:translate(-6px)}}@keyframes lgFlicker{0%,18%,22%,62%,64%,to{opacity:1}20%,63%{opacity:.35}21%{opacity:.8}}@media (prefers-reduced-motion:reduce){.lg-ball,.lg-bullet,.lg-speed,.wm .wu{animation:none}}.btns.menu button{width:100%}#guide{flex-direction:column;max-height:100%;padding-bottom:14px;display:flex}#guide .gtag{margin:0 0 12px}.gscroll{text-align:left;-webkit-overflow-scrolling:touch;flex-direction:column;gap:8px;min-height:0;display:flex;overflow-y:auto}.gs{background:color-mix(in srgb,var(--rim) 12%,transparent);border-radius:16px;padding:0 14px}.gs summary{cursor:pointer;align-items:center;gap:10px;padding:10px 0;font-size:18px;font-weight:800;list-style:none;display:flex}.gs summary::-webkit-details-marker{display:none}.gs summary:after{content:"+";color:var(--rim2);margin-left:auto;font-size:22px}.gs[open] summary:after{content:"–"}.gs .gi{font-size:20px}.gs p,.gs ol,.gs ul{color:var(--ink);margin:0 0 10px;font-size:15px;line-height:1.35}.gs ol,.gs ul{padding-left:20px}.gs li{margin:0 0 4px}.chips{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.chip{color:#1b1e38;border-radius:12px;padding:5px 12px;font-size:14px}.chip.o{background:var(--p1)}.chip.c{background:var(--p2)}.tag{color:var(--muted);margin:0;font-size:16px}.rules{text-align:left;color:var(--ink);margin:18px 0 22px;padding:0;font-size:16px;line-height:1.35;list-style:none}.rules li{margin:0 0 10px;padding-left:26px;position:relative}.rules li:before{content:"";background:var(--act);border-radius:50%;width:12px;height:12px;position:absolute;top:6px;left:3px}button{font:inherit;background:var(--rim);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:10px 44px;font-size:22px;font-weight:800}button:focus-visible{outline:3px solid var(--act);outline-offset:3px}.hidden{display:none!important}.btns{flex-direction:column;align-items:center;gap:10px;display:flex}button.ultb{background:linear-gradient(100deg,#ff7a1a,#e24b4a 50%,#8e73ff)}button.alt{color:var(--rim);border:3px solid var(--rim);background:0 0;padding:7px 40px}button.link{color:var(--muted);background:0 0;margin-top:6px;padding:6px 12px;font-size:17px}.or{color:var(--muted);margin:12px 0 8px;font-weight:700}.join{justify-content:center;gap:8px;display:flex}#code{font:inherit;letter-spacing:.2em;text-transform:uppercase;text-align:center;border:3px solid var(--line);background:var(--bg);width:120px;color:var(--ink);border-radius:16px;padding:6px 8px;font-size:24px;font-weight:800}#code:focus-visible{outline:3px solid var(--act);outline-offset:2px}.big-code{letter-spacing:.18em;color:var(--ink);margin:4px 0;font-size:40px;font-weight:800}.lchoices{flex-direction:column;gap:12px;margin-top:16px;display:flex}.lbox{border:2px solid var(--line);background:color-mix(in srgb,var(--rim) 8%,transparent);border-radius:20px;padding:14px 16px}.lbox h2{color:var(--ink);margin:0 0 2px;font-size:20px}.lbox .tag{margin:0 0 10px}.lbox .join input{flex:1;min-width:0}.codecard{border:2px dashed var(--rim2,var(--rim));border-radius:20px;margin-top:16px;padding:12px 16px}.codelabel{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:13px;font-weight:700}#linv{margin-top:8px}#linv button{white-space:nowrap;padding:6px 14px;font-size:15px}.players .dot{border:2px solid #1b1e38;border-radius:50%;flex:none;width:14px;height:14px;margin-right:10px}.players .me .dot{background:var(--p1)}.players .op .dot{background:var(--p2)}.players span{flex:1}#lstat,#estat{min-height:1.3em;margin:14px 0 0}#intro{z-index:5;touch-action:none;background:#090a1ee6;justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute;inset:0;overflow:hidden}#intro>*{position:absolute}#intro .scan{pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff0b 0 2px,#0000 2px 5px);inset:0}#intro .beam{transform-origin:50% 100%;opacity:0;clip-path:polygon(42% 100%,58% 100%,100% 0,0 0);width:60%;height:130%;bottom:-5%}#intro .beam.l{background:linear-gradient(#ff7a1a00 15%,#ff7a1a99);left:-10%}#intro .beam.r{background:linear-gradient(#13c2d900 15%,#13c2d999);right:-10%}#intro .flash{opacity:0;background:#fff;inset:0}#intro .ring{opacity:0;border:8px solid #ffd400;border-radius:50%;width:80px;height:80px}.ow{-webkit-text-stroke:4px #0b0d22;paint-order:stroke fill;text-shadow:0 7px #0b0d22;line-height:1}#intro .word{opacity:0;font-size:min(22vw,110px)}#intro .wl{color:#ff7a1a}#intro .wr{color:#13c2d9}#intro .logo{opacity:0;flex-direction:column;align-items:center;display:flex}.logo .lb,.logo .lr{font-size:min(21vw,104px);transform:skew(-10deg)}.logo .lb{color:#ff7a1a}.logo .lr{color:#13c2d9}.logo .lu{color:#ff3fd8;opacity:0;text-shadow:0 6px #0b0d22,0 0 22px #ff3fd8;margin-top:6px;font-size:min(13vw,62px);transform:skew(-10deg)rotate(-4deg)}.logo .lo{color:#ffd400;z-index:2;background:#0b0d22;border-radius:16px;margin:-8px 0 -4px;padding:2px 16px 0;font-size:min(11vw,54px);display:inline-block;position:relative;transform:rotate(-8deg)}#intro .vs{opacity:0;justify-content:space-between;align-items:center;width:100%;display:flex}.vs .cl,.vs .cr{color:#1b1e38;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:42%;padding:10px 14px 6px;font-size:min(34px,6.4vw);overflow:hidden}.vs .cl{background:#ff7a1a;border-radius:0 18px 18px 0;margin-left:-16px;padding-left:28px}.vs .cr{background:#13c2d9;border-radius:18px 0 0 18px;margin-right:-16px;padding-right:28px}#intro .hero{opacity:0;width:min(40vw,170px);bottom:calc(50% + 30px)}#intro .hero svg{width:100%;height:auto;display:block;overflow:visible}#intro .hero.l{left:3%}#intro .hero.r{right:3%}.pname{text-align:center;margin:4px 0 14px}.pname label{color:var(--muted);margin-bottom:4px;font-size:14px;font-weight:700;display:block}.pname .prow{justify-content:center;align-items:center;gap:8px;display:flex}#pname{font:inherit;text-align:center;border:3px solid var(--line);background:var(--bg);width:min(220px,60vw);color:var(--ink);border-radius:16px;padding:6px 10px;font-size:22px;font-weight:800}#pname:focus-visible{outline:3px solid var(--act);outline-offset:2px}#pdice{padding:6px 12px;font-size:22px;line-height:1.2}.vs .vsx{color:#ffd400;opacity:0;font-size:68px}#intro .cd{color:#fff;opacity:0;font-size:min(18vw,92px)}#intro .live{color:#fff;background:#e24b4a;border-radius:8px;padding:1px 10px;font-size:15px;animation:1s steps(2,start) infinite blink;top:14px;left:14px}@keyframes blink{to{visibility:hidden}}#intro .skip{color:#fff9;font-size:14px;font-weight:600;bottom:16px}#tv{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}#tv>*{opacity:0;position:absolute}#tv .tband{background-color:var(--tc,#ff7a1a);background-image:repeating-linear-gradient(115deg,#ffffff2e 0 14px,#0000 14px 28px);justify-content:center;align-items:center;height:96px;display:flex;top:21%;left:-10%;right:-10%;transform:skewY(-4deg)}#tv .tband2{background:#ffd400;height:10px;position:absolute;bottom:-14px;left:0;right:0}#tv .tbig{color:#fff;white-space:nowrap;font-size:min(12.5vw,62px);font-weight:800;transform:skewY(4deg)}#tv .tsub{text-align:center;top:calc(21% + 122px);left:0;right:0}#tv .tsub span{color:#fff;background:#0b0d22;border:2px solid #ffd400;border-radius:999px;padding:4px 16px 2px;font-size:17px;font-weight:700;display:inline-block}#tv .tscore{text-align:center;top:calc(21% + 166px);left:0;right:0}#tv .tsi{color:#fff;background:#0b0d22;border-radius:14px;align-items:center;gap:12px;padding:2px 20px 0;font-size:32px;font-weight:800;display:inline-flex}#tv .tsa{color:#ff7a1a}#tv .tsb{color:#13c2d9}#tv .tlow{color:#fff;border-left:10px solid var(--tc,#ff7a1a);background:#0b0d22 repeating-linear-gradient(115deg,#ffffff0d 0 10px,#0000 10px 20px);border-radius:0 18px 18px 0;flex-direction:column;padding:8px 26px 6px 18px;display:flex;top:26%;left:0}#tv .tlk{color:#ffd400;font-size:15px;font-weight:700;line-height:1.2}#tv .tlt{font-size:30px;font-weight:800;line-height:1.15}#outro{z-index:4;touch-action:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}#outro>*{position:absolute}#outro .obg{background:#090a1ee6 repeating-linear-gradient(0deg,#ffffff0b 0 2px,#0000 2px 5px);inset:0}#outro .oflash{opacity:0;pointer-events:none;background:#fff;inset:0}#outro .oring{opacity:0;pointer-events:none;border:8px solid #ffd400;border-radius:50%;width:80px;height:80px}#outro .ocon{pointer-events:none;inset:0}#outro .omain{flex-direction:column;align-items:center;gap:14px;width:100%;padding:0 20px;display:flex}.okick{color:#ffd400;opacity:0;font-size:16px;font-weight:700}.otitle{color:#ffd400;opacity:0;font-size:min(19vw,92px)}.otitle.lose{color:#a3abd6}.oboard{opacity:0;width:100%;max-width:340px;display:flex}.oboard>span{color:#1b1e38;flex:1;align-items:center;gap:10px;padding:8px 14px 4px;font-size:22px;font-weight:800;display:flex}.oboard b{font-size:36px;line-height:1}.oboard .ob0{background:#ff7a1a;border-radius:16px 0 0 16px}.oboard .ob1{background:#13c2d9;border-radius:0 16px 16px 0;justify-content:flex-end}.ostats{grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:340px;display:grid}.ostats div{color:#fff;opacity:0;background:#ffffff14;border:2px solid #ffffff24;border-radius:14px;padding:8px 12px 6px}.ostats b{color:#ffd400;font-size:26px;font-weight:800;line-height:1.1;display:block}.ostats span{color:#c9ceea;font-size:14px;font-weight:600}.obtn{opacity:0;margin-top:8px}#outro button.link{color:#c9ceea}#ostat{color:#c9ceea;min-height:1.3em;margin:0;font-size:16px}.cf{border-radius:2px;width:10px;height:6px;position:absolute;top:-20px}.tag.small{margin:14px 0 4px;font-size:13px}.players{text-align:left;color:var(--ink);margin:16px 0 14px;padding:0;font-size:18px;list-style:none}.players li{border:2px solid var(--line);border-radius:16px;justify-content:space-between;align-items:center;margin:0 0 8px;padding:8px 14px;display:flex}.players b{color:var(--muted);font-size:15px}.players b.ok{color:#19b76a}button:disabled{opacity:.55;cursor:default}#tutopanel{background:color-mix(in srgb,var(--card) 94%,transparent);border:3px solid var(--act);max-width:380px;color:var(--ink);text-align:left;border-radius:20px;margin:0 auto;padding:12px 16px 14px;position:absolute;top:112px;left:14px;right:14px}#tutopanel.hidden{display:none}#tutopanel .tt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;font-weight:800;display:flex}#tutopanel .tt .link{margin:0;padding:0 4px;font-size:14px}#tuto-title{margin:2px 0 4px;font-size:21px;font-weight:800}#tuto-text{font-size:16px;line-height:1.3}#tuto-text.good{color:#19b76a;font-weight:800}#tuto-next{margin-top:10px;padding:8px 28px;font-size:18px}#gauges{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:54px;left:16px;right:16px}.gg{gap:4px;display:flex}.gg i{background:color-mix(in srgb,var(--muted) 35%,transparent);border:2px solid var(--outline);border-radius:4px;width:22px;height:8px;display:block}.gg i.on{background:var(--act,#ffd400)}.gg.full i{animation:.6s ease-in-out infinite alternate ggp}@keyframes ggp{0%{filter:brightness()}to{filter:brightness(1.6)}}#powers{text-align:center;position:absolute;top:112px;left:12px;right:12px}#powers .pk{color:var(--ink);margin-bottom:6px;font-size:14px;font-weight:800}#powers .pb{justify-content:center;gap:8px;display:flex}#powers button{background:var(--pc,var(--rim));color:#1b1e38;border:3px solid var(--outline);padding:8px 14px;font-size:16px}.gear{top:calc(10px + env(safe-area-inset-top,0px));z-index:6;background:var(--card);width:42px;height:42px;color:var(--rim);border:3px solid var(--rim);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:12px}.gear svg{width:24px;height:24px}#screen.hidden~.gear{top:calc(62px + env(safe-area-inset-top,0px));opacity:.75;width:36px;height:36px}#screen.hidden~.gear svg{width:20px;height:20px}#options{z-index:8;background:#090a1e9e;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.orow{text-align:left;grid-template-columns:48px 1fr;grid-template-areas:"b l""b r";align-items:center;column-gap:12px;margin:14px 0;display:grid}.orow .mute{background:var(--rim);grid-area:b;width:48px;height:48px;padding:0;font-size:22px}.orow .mute.off{background:var(--muted)}.orow label{color:var(--ink);grid-area:l;font-weight:800}.orow input[type=range]{width:100%;accent-color:var(--rim);grid-area:r;height:28px}.orow input[type=range]:disabled{opacity:.4}