: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:#13c2d9;--p1d:#0a93a6;--p2:#ff7a1a;--p2d:#d45f0a;--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.tense{color:#fff;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;background:#e24b4a;padding:4px 9px;font-size:11px;animation:1.1s ease-in-out infinite tense}@keyframes tense{50%{transform:scale(1.07)}}@media (prefers-reduced-motion:reduce){#round.tense{animation:none}}#round{color:var(--muted);background:var(--card);border-radius:999px;padding:4px 12px;font-size:15px;font-weight:700}#quit{background:var(--card);width:34px;height:34px;color:var(--muted);border:2px solid var(--line);z-index:5;border-radius:50%;padding:0;font-size:16px;line-height:1;position:absolute;top:110px;left:12px}#quitbox{background:color-mix(in srgb,var(--bg) 80%,transparent);z-index:40;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}#quitbox.hidden,#quit.hidden{display:none}#quitbox p{color:var(--muted);margin:0 0 14px}#idle{pointer-events:none;z-index:30;text-align:center;flex-direction:column;align-items:center;gap:0;display:flex;position:absolute;top:30%;left:0;right:0}#idle.hidden{display:none}#idle .idk{color:#fff;background:#e5173f;border:4px solid #fff;border-radius:16px;padding:8px 22px;font-size:clamp(30px,10vw,46px);font-weight:800;line-height:1.05;transform:rotate(-3deg);box-shadow:0 6px #00000059}#idle .idn{color:#ffd400;-webkit-text-stroke:8px #0b0d22;paint-order:stroke fill;text-shadow:0 8px #00000059;font-size:clamp(120px,42vw,190px);font-weight:800;line-height:1}#idle .idn.pop{animation:.5s cubic-bezier(.3,1.6,.5,1) idlepop}@keyframes idlepop{0%{opacity:0;transform:scale(1.9)}40%{opacity:1}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){#idle .idn.pop{animation:none}}#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) 62%,transparent);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}#game:has(#screen:not(.hidden)) #hud{visibility:hidden}.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}.home{flex-direction:column;align-items:center;gap:22px;width:100%;max-width:340px;display:flex}.home.hidden{display:none}.homecard{padding:22px 20px 18px}.homecard .btns.menu{flex-direction:column;gap:12px;display:flex}.homecard .btns.menu button{padding:14px 20px;font-size:26px}.hrow{gap:10px;margin-top:14px;display:flex}.hrow button.alt{white-space:nowrap;flex:1;padding:7px 4px;font-size:17px}.homecard .pname{border-top:2px solid color-mix(in srgb,var(--rim) 30%,transparent);margin:16px 0 0;padding-top:14px}.homecard .pname label{margin-right:8px;font-size:13px;display:inline}.homecard #pname{width:140px;padding:4px 8px;font-size:18px}.homecard #pdice{padding:4px 10px;font-size:18px}.homecard .pname .prow{margin-top:8px}.logo{text-shadow:0 2px 12px #00000080;margin:0;padding:0}.logo svg{width:100%;max-width:300px;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:52px;font-weight:800;line-height:1;display:flex}.wm i{color:#c9cef5;text-shadow:0 0 8px #8e73ff;font-size:26px;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.confirm{color:#e24b4a;font-weight:700}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}.gcmp{grid-template-columns:1fr 1fr;gap:8px;margin:8px 0;display:grid}.gcmp>div{border:2px solid var(--line);color:var(--ink);border-radius:14px;flex-direction:column;gap:3px;padding:8px 10px;font-size:14px;display:flex}.gcmp>div:last-child{border-color:#8e73ff}.gh{margin:10px 0 4px;font-weight:700}.chip.pw{background:color-mix(in srgb,var(--pc) 35%,transparent);color:var(--ink);border-left:6px solid var(--pc)}.seg{justify-content:center;gap:8px;margin:14px 0 4px;display:flex}.seg button{color:var(--muted);border:3px solid var(--line);background:0 0;padding:7px 22px;font-size:18px}.seg button.on{color:#fff;background:var(--rim);border-color:#0000}.seg.lv button{padding:7px 12px;font-size:15px}.seg button.ultb.on{background:linear-gradient(100deg,#ff7a1a,#e24b4a 50%,#8e73ff)}.seg button:disabled{cursor:default}.seg.locked button:not(.on){opacity:.4}#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}.react{--rc:var(--p1);--rcd:var(--p1d)}.react.theirs,.react-float.theirs{--rc:var(--p2);--rcd:var(--p2d)}.react-float.mine{--rc:var(--p1);--rcd:var(--p1d)}.react svg,.react-float svg{width:100%;height:100%;display:block;overflow:visible}.react svg *,.react-float svg *{stroke:var(--outline);stroke-width:3px;stroke-linejoin:round;stroke-linecap:round}.react svg .rf,.react-float svg .rf{fill:var(--rc)}.react svg .rd,.react-float svg .rd{fill:var(--rcd)}.react svg .rw,.react-float svg .rw{fill:#fff}.react svg .rd2,.react-float svg .rd2{fill:var(--outline);stroke:none}.react svg .rl,.react-float svg .rl{fill:none}.react svg .rs,.react-float svg .rs{fill:none;stroke:#fff;stroke-opacity:.65;stroke-width:3px}.react svg .rk,.react-float svg .rk{fill:var(--rcd);stroke:none;opacity:.7}.react svg .rw2,.react-float svg .rw2{fill:#fff;stroke:none}.react svg,.react-float svg{filter:drop-shadow(0 0 1px #ffffffd9)}.react-float svg{filter:drop-shadow(0 0 1.5px #ffffffe6)drop-shadow(0 4px 6px #00000059)}.react-float{z-index:60;pointer-events:none;will-change:transform,opacity;width:56px;height:56px;position:absolute}#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}.players .ava{border:3px solid var(--p1);background:#ffffff0f;border-radius:50%;flex:none;width:40px;height:40px;margin:-4px 10px -4px 0;overflow:hidden}.players .op .ava{border-color:var(--p2)}.players .ava svg{width:100%;height:100%;display:block}.players .me{border-color:var(--p1)}.players .op{border-color:var(--p2)}.series{color:var(--ink);margin:0 0 12px;font-size:16px;font-weight:700}.series b{color:var(--p1)}.series i{color:var(--p2);font-style:normal;font-weight:700}#lmodedesc{min-height:2.6em}#lstat.wait:after{content:"";text-align:left;width:1.2em;animation:1.2s steps(4,end) infinite lwait;display:inline-block}@keyframes lwait{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@media (prefers-reduced-motion:reduce){#lstat.wait:after{content:"…";animation:none}}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}#tutopanel.compact{padding:8px 14px 10px}#tutopanel.compact #tuto-title{display:none}#tutopanel.compact #tuto-text{font-size:15px;line-height:1.25}#tuto-skip{margin:8px 0 0;padding:4px 0;font-size:15px;display:block}#tuto-skip.hidden{display:none}#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{display:none}#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.share{grid-template-columns:28px 1fr;grid-template-areas:"c l";font-size:13px}.orow.share input{width:24px;height:24px;accent-color:var(--rim);grid-area:c}.orow.share label{font-weight:600}.orow input[type=range]{width:100%;accent-color:var(--rim);grid-area:r;height:28px}.orow input[type=range]:disabled{opacity:.4}button:not(.link):not(.gear){text-shadow:0 2px #00000038;box-shadow:0 5px 0 var(--rimd),0 8px 14px #00000047,inset 0 2px 0 #ffffff61,inset 0 -2px 0 #0000001f;transition:transform 80ms,box-shadow 80ms,filter .15s}button:not(.link):not(.gear):not(:disabled):hover{filter:brightness(1.08)}button:not(.link):not(.gear):not(:disabled):active{box-shadow:0 1px 0 var(--rimd),0 2px 6px #00000040,inset 0 2px 0 #ffffff4d;transform:translateY(4px)}button.ultb:not(.link){box-shadow:0 5px #6b2a8c,0 8px 14px #00000047,inset 0 2px #fff6,inset 0 -2px #0000001f}button.ultb:not(.link):not(:disabled):active{box-shadow:0 1px #6b2a8c,0 2px 6px #00000040,inset 0 2px #ffffff4d}button.alt{background:color-mix(in srgb,var(--rim) 14%,var(--card));text-shadow:none;box-shadow:0 4px 0 color-mix(in srgb,var(--rim) 55%,#000),inset 0 2px 0 #ffffff1f}button.alt:not(:disabled):active{box-shadow:0 1px 0 color-mix(in srgb,var(--rim) 55%,#000)}.homecard .btns.menu button:first-child:not(.ultb){background:linear-gradient(#a48dff,#7c5cff)}.seg button{box-shadow:0 3px 0 var(--line)}.seg button.on{box-shadow:0 4px 0 var(--rimd)}@media (prefers-reduced-motion:reduce){button{transition:none}}.home>*{flex-shrink:0}.home .logo svg{width:auto;max-width:100%;height:min(17vh,120px)}.home .wm{font-size:min(52px,7.5vh)}.home{gap:min(22px,2.5vh)}#screen{overflow-y:auto}.home{margin:auto 0}.homecard .pname{border:0;margin:12px 0 0;padding:0}.homecard .pname label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.homecard .pname .prow{gap:6px;margin:0}.homecard #pname{border-width:2px;width:150px;padding:3px 8px;font-size:16px}.homecard #pdice.alt{box-shadow:0 3px 0 color-mix(in srgb,var(--rim) 55%,#000);border-width:2px;padding:3px 9px;font-size:16px}.homecard .pname{justify-content:center;align-items:center;gap:8px;display:flex}.homecard .pname label{clip:auto;width:auto;height:auto;color:var(--ink);white-space:nowrap;margin:0;font-size:15px;font-weight:800;position:static;overflow:visible}.homecard #pname{border-color:var(--rim);width:130px;font-size:18px}.homecard .pname .prow{flex:none}.homecard .pname{border-top:2px solid color-mix(in srgb,var(--rim) 35%,transparent);margin-top:16px;padding-top:14px}.homecard{flex-direction:column;display:flex}.homecard .pname{border-bottom:0;border-top:2px solid color-mix(in srgb,var(--rim) 35%,transparent);order:0;margin:16px 0 0;padding:14px 0 0}#solo-menu .slabel{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:16px 0 8px;font-size:13px;font-weight:800;display:block}#solo-menu .seg{margin:0}#solo-menu .seg.lv{gap:6px}.modes{flex-direction:column;gap:12px;display:flex}button.mode{border-radius:26px;flex-direction:column;align-items:center;gap:0;width:100%;padding:12px 16px;line-height:1.1;display:flex}button.mode b{font-size:26px}button.mode small{opacity:.9;text-shadow:none;font-size:14px;font-weight:700}button.mode:not(.ultb){background:linear-gradient(#a48dff,#7c5cff)}.home .logo{background:radial-gradient(closest-side,#070818eb 55%,#070818b3 78%,#0000);border-radius:50%;padding:14px 26px;position:relative}#intro .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;padding:16px 8px 14px}.gear,#quit{box-shadow:0 4px 0 var(--rimd),0 6px 10px #00000040,inset 0 2px 0 #fff3;transition:transform 80ms,box-shadow 80ms}#quit{box-shadow:0 3px 0 var(--line),0 5px 8px #0003}.gear:active,#quit:active{box-shadow:0 1px 0 var(--rimd);transform:translateY(3px)}.gear svg{transition:transform .4s}.gear:hover svg{transform:rotate(60deg)}#reactfab{z-index:70;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));color:#e9ecff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:.85;background:#282e60b8;border-radius:50%;width:44px;height:44px;margin:0;padding:9px;line-height:0;transition:transform .12s,opacity .12s;position:absolute;box-shadow:0 2px 10px #0000004d}#reactfab svg{width:100%;height:100%;display:block}#reactfab.open,#reactfab:hover{opacity:1}#reactfab:active{transform:scale(.9)}#reactfab.hidden,#reactpop.hidden{display:none}#reactpop{z-index:70;right:12px;bottom:calc(64px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#282e60e0;border-radius:999px;gap:2px;padding:4px 6px;display:flex;position:absolute;box-shadow:0 4px 16px #00000059}#reactpop .react{width:38px;height:38px;box-shadow:none;text-shadow:none;color:inherit;background:0 0;border:0;border-radius:50%;margin:0;padding:5px;line-height:0;transition:transform .1s,background .1s}#reactpop .react:hover{background:#ffffff1f}#reactpop .react:active{transform:scale(.85)}#reactpop .react svg{filter:none}@media (prefers-reduced-motion:reduce){#reactfab,#reactpop .react{transition:none}}button.back{color:var(--ink);border:2px solid var(--line);box-shadow:none;text-shadow:none;background:#7f87be24;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:8px 22px 8px 16px;font-size:16px;font-weight:800;transition:transform .1s,background .15s;display:inline-flex}button.back:before{content:"";border-bottom:3px solid;border-left:3px solid;border-radius:1px;flex:none;width:8px;height:8px;margin-right:2px;transform:translate(2px)rotate(45deg)}button.back:hover{background:#7f87be42}button.back:active{transform:scale(.95)}button.back.confirm{color:#e24b4a;background:#e24b4a1f;border-color:#e24b4a}@media (prefers-reduced-motion:reduce){button.back{transition:none}}