:root{--ink: #0b0716;--ink-2: #160f29;--line: rgba(206, 190, 255, .16);--text: #f4f0ff;--muted: #a99fc7;--hot: #ff3fb4;--cool: #3ff0ff;--gold: #ffcc4d;--display: "Bungee", "Impact", "Arial Black", system-ui, sans-serif;--body: "Chakra Petch", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#root{height:100%;margin:0}body{background:var(--ink);color:var(--text);font-family:var(--body);font-size:15px;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent}.stage{position:fixed!important;top:0;right:0;bottom:0;left:0}.stage canvas{display:block;touch-action:none}.layer{position:fixed;top:0;right:0;bottom:0;left:0}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--cool);outline-offset:3px}.menu{overflow-y:auto;touch-action:pan-y;padding:calc(env(safe-area-inset-top,0px) + 28px) 16px calc(env(safe-area-inset-bottom,0px) + 32px);background:linear-gradient(180deg,#0b071600,#0b071666 38%,#0b0716e0);animation:rise .5s ease-out both}@keyframes rise{0%{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}.wrap{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:30px}.eyebrow{font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cool);margin:0 0 10px;font-weight:600}.brand h1{font-family:var(--display);font-weight:400;font-size:clamp(2.6rem,10vw,5.8rem);line-height:.9;margin:0;text-wrap:balance;text-shadow:0 0 40px rgba(255,63,180,.25)}.brand h1 span{background:linear-gradient(92deg,var(--hot) 10%,var(--gold) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.players{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.players .label{font-weight:700;letter-spacing:.06em;margin-right:4px}.chip{border:1px solid var(--line);background:#ffffff0d;padding:8px 14px;border-radius:999px;cursor:pointer;display:inline-flex;gap:10px;align-items:center;font-weight:600;transition:background .15s,border-color .15s}.chip:hover{border-color:var(--muted)}.chip.on{background:var(--text);color:var(--ink);border-color:var(--text)}.chip .x{font-size:1.05rem;line-height:1;opacity:.55;padding:0 2px}.chip .x:hover{opacity:1}.chip.add{border-style:dashed;color:var(--cool)}.addform{display:inline-flex;gap:6px;flex-wrap:wrap}.addform input{font:inherit;color:var(--text);background:#ffffff0f;border:1px solid var(--cool);border-radius:999px;padding:8px 14px;width:11em;max-width:100%;user-select:text;-webkit-user-select:text}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px}.card{text-align:left;cursor:pointer;background:#160f29d1;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;padding:0;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card{position:relative}.card:hover,.card:focus-within{transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(-4px);border-color:var(--c, var(--cool));box-shadow:0 18px 50px -20px var(--c, var(--cool));outline:none}.card .play{position:absolute;top:12px;right:12px;z-index:0;padding:6px 12px;border-radius:999px;background:var(--c);color:#12091f;font-weight:700;font-size:.8rem;letter-spacing:.04em;opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s;pointer-events:none;box-shadow:0 6px 20px -6px var(--c)}.card:hover .play,.card:focus-within .play{opacity:1;transform:none}.card .art{transition:filter .3s}.card:hover .art{filter:saturate(1.15) brightness(1.06)}.card .cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:transparent;border:0;border-radius:inherit;cursor:pointer}.card .cover:focus-visible{outline:2px solid var(--c, var(--cool));outline-offset:2px}.modes{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;position:relative;z-index:2}.mode{border:1px solid color-mix(in srgb,var(--c) 55%,transparent);background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--text);padding:7px 14px;border-radius:999px;font-weight:700;font-size:.85rem;cursor:pointer;transition:background .15s}.mode:hover{background:color-mix(in srgb,var(--c) 32%,transparent)}.info{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;min-width:0}.info h2{font-family:var(--display);font-weight:400;font-size:1.55rem;margin:0;color:var(--c)}.info p{margin:0;color:var(--muted);line-height:1.45}.ctrl{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text);opacity:.8}.meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.86rem;margin-top:6px;padding-top:12px;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}.meta b{color:var(--text)}.meta span{color:var(--muted)}.foot{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;color:var(--muted);font-size:.85rem}.foot p{margin:0}.seg{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;padding:3px}.seg span{padding:0 8px 0 10px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.seg button{border:0;background:transparent;padding:6px 12px;border-radius:999px;cursor:pointer;color:var(--muted);font-weight:600}.seg button.on{background:#ffffff1f;color:var(--text)}.art{aspect-ratio:16 / 9;max-width:100%;position:relative;overflow:hidden}.art.drift{background:linear-gradient(180deg,#14042e,#55106a 42%,#ff5a9c 58%,#14042e 58.4%)}.art.drift:before{content:"";position:absolute;left:50%;top:14%;width:40%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:repeating-linear-gradient(180deg,transparent 0 9px,#4a0d62 9px 13px) bottom / 100% 42% no-repeat,linear-gradient(#ffd84d,#ff3fb4 80%);box-shadow:0 0 60px #ff5aa099}.art.drift:after{content:"";position:absolute;left:-60%;right:-60%;top:58%;height:70%;transform:perspective(160px) rotateX(58deg);transform-origin:top;background:repeating-linear-gradient(90deg,rgba(255,63,180,.9) 0 2px,transparent 2px 38px),repeating-linear-gradient(180deg,rgba(255,63,180,.9) 0 2px,transparent 2px 24px),#14042e;animation:road 1.2s linear infinite}@keyframes road{to{background-position:0 0,0 24px,0 0}}.art.stack{background:linear-gradient(180deg,#25336f,#7a5ca8 55%,#f3a9c6)}.art.stack .slab{position:absolute;height:9%;border-radius:2px;box-shadow:inset 0 3px #ffffff59,inset 0 -4px #0000002e}.art.stack .slab.fall{transform:rotate(18deg);opacity:.85}.art.stack .slab.glide{animation:glide 2.4s ease-in-out infinite alternate}@keyframes glide{0%{transform:translate(-30%)}to{transform:translate(20%)}}.art.star{background:radial-gradient(circle at 14% 22%,#fff 0 1px,transparent 2px),radial-gradient(circle at 44% 12%,#fff 0 1px,transparent 2px),radial-gradient(circle at 78% 30%,#fff 0 1.5px,transparent 2.5px),radial-gradient(circle at 62% 62%,#cfe 0 1px,transparent 2px),radial-gradient(circle at 90% 78%,#fff 0 1px,transparent 2px),radial-gradient(circle at 30% 55%,#fff 0 1px,transparent 2px),radial-gradient(ellipse at 72% 38%,rgba(150,80,255,.6),transparent 55%),radial-gradient(ellipse at 30% 80%,rgba(40,200,220,.35),transparent 50%),#05031a}.art.star:before{content:"";position:absolute;width:46%;aspect-ratio:1;left:-10%;bottom:-24%;border-radius:50%;background:radial-gradient(circle at 62% 30%,#9cc8ff,#2c5aa8 45%,#0a1530 75%);box-shadow:0 0 50px #5aa0ff8c}.art.star:after{content:"";position:absolute;left:56%;top:46%;width:13%;aspect-ratio:1.4;background:linear-gradient(#f2f5ff,#8a98b8);clip-path:polygon(50% 0,100% 100%,50% 80%,0 100%);filter:drop-shadow(0 6px 10px rgba(255,140,60,.9));animation:bob 3s ease-in-out infinite}@keyframes bob{50%{transform:translate(6px,-6px) rotate(-6deg)}}.art.powder{background:linear-gradient(180deg,#1d2a63,#7a5aa8 45%,#ffb08a 70%,#ffd8b8)}.art.powder .peaks{position:absolute;left:-5%;right:-5%;bottom:38%;height:34%;background:linear-gradient(180deg,#f6f2ff,#b7a6dd);clip-path:polygon(0 100%,8% 55%,16% 72%,28% 18%,38% 60%,48% 35%,58% 70%,70% 8%,82% 58%,92% 40%,100% 70%,100% 100%)}.art.powder .slope{position:absolute;left:-10%;right:-10%;bottom:0;height:46%;background:linear-gradient(180deg,#fff,#dfe6fb 60%,#c4cff2);border-radius:50% 50% 0 0/18% 18% 0 0}.art.powder .pine{position:absolute;width:9%;aspect-ratio:.7;background:linear-gradient(180deg,#f4f7ff 0,#f4f7ff 18%,#24654f 18%);clip-path:polygon(50% 0,100% 100%,0 100%);transform-origin:bottom center}.art.powder .track{position:absolute;left:47%;bottom:0;width:3%;height:34%;background:#b9c6ea;border-radius:40%;transform:skew(-14deg);opacity:.8}.art.powder .rider{position:absolute;left:44%;bottom:26%;width:6%;aspect-ratio:.6;background:radial-gradient(circle at 50% 18%,#f2f4ff 0 18%,transparent 19%),linear-gradient(180deg,transparent 30%,#ff6a3d 30% 70%,#2b2f5c 70%);border-radius:30% 30% 10% 10%;animation:carve 2.6s ease-in-out infinite alternate}@keyframes carve{0%{transform:translate(-40%) rotate(-10deg)}to{transform:translate(40%) rotate(10deg)}}.art.lantern{background:radial-gradient(ellipse at 30% 15%,#26346e,#0b1030 55%,#050816)}.art.lantern .moon{position:absolute;left:14%;top:10%;width:13%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff,#cfe0ff 60%);box-shadow:0 0 40px 8px #bed2ff73}.art.lantern .lamp{position:absolute;width:3.2%;aspect-ratio:.8;border-radius:40% 40% 30% 30%;background:linear-gradient(#ffd27a,#ff8a2a);box-shadow:0 0 12px 4px #ffa0468c;animation:float 6s ease-in-out infinite}@keyframes float{50%{margin-top:-6px}}.art.lantern .hills{position:absolute;left:0;right:0;bottom:18%;height:22%;background:#080b22;clip-path:polygon(0 100%,0 60%,12% 30%,24% 55%,40% 20%,55% 50%,70% 25%,85% 50%,100% 35%,100% 100%);box-shadow:inset 0 2px #ffaa5a99}.art.lantern:after{content:"";position:absolute;left:0;right:0;bottom:0;height:18%;background:linear-gradient(180deg,#0a1238,#050816)}.art.lantern .ring{position:absolute;left:58%;top:34%;width:16%;aspect-ratio:1;border-radius:50%;border:3px solid #ffd27a;box-shadow:0 0 18px #ffcf6acc,inset 0 0 12px #ffcf6a80}.art.lantern .glider{position:absolute;left:44%;top:58%;width:14%;aspect-ratio:2.4;background:linear-gradient(160deg,#fff,#e8dcc6);clip-path:polygon(50% 0,100% 75%,50% 55%,0 75%);filter:drop-shadow(0 8px 8px rgba(255,170,80,.6));animation:bob 3s ease-in-out infinite}.art.brawl{background:linear-gradient(180deg,#ff9a76,#ffd2a1 42%,#7fc6d8 42.5%,#1f7aa0)}.art.brawl .sea{position:absolute;top:42%;right:0;bottom:0;left:0;background:repeating-linear-gradient(170deg,transparent 0 14px,rgba(255,255,255,.18) 14px 16px)}.art.brawl .island{position:absolute;left:20%;right:20%;top:36%;height:30%;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#f1dfb6 0,#f1dfb6 58%,#6cae4e 60%,#6cae4e 66%,#7a6556 67%);box-shadow:0 14px 0 -2px #5e4c40,0 22px 18px #00000040}.art.brawl .bot{position:absolute;width:11%;aspect-ratio:1.2;border-radius:50%;box-shadow:inset 0 -4px #00000040,0 0 0 3px #1b1b24}.art.brawl .bot.a{left:34%;top:40%;background:#ff3fb4;animation:bump 1.6s ease-in-out infinite}.art.brawl .bot.b{left:52%;top:44%;background:#3ff0ff;animation:bump 1.6s ease-in-out infinite reverse}.art.brawl .bot.c{left:62%;top:33%;background:#ffcc4d;transform:rotate(-30deg)}@keyframes bump{50%{transform:translate(10%)}}.hud{bottom:auto;pointer-events:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 0}.hbtn{pointer-events:auto;font-weight:600;font-size:.82rem;background:#0a06148c;border:1px solid var(--line);border-radius:999px;padding:8px 13px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}.hbtn:hover{border-color:var(--muted)}.hleft{justify-self:start}.hright{justify-self:end;display:flex;gap:6px}.hcenter{text-align:center}.hscore{font-family:var(--display);font-size:clamp(2rem,8vw,3.2rem);line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 0 22px rgba(255,63,180,.55),0 2px 0 rgba(0,0,0,.35)}.hsub{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;opacity:.8;margin-top:6px;font-variant-numeric:tabular-nums;min-height:1em}.hint{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 30px);transform:translate(-50%);background:#0a061499;border:1px solid var(--line);padding:10px 18px;border-radius:999px;font-weight:600;pointer-events:none;transition:opacity .6s;white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}.hint.fade{opacity:0}.toast{position:fixed;left:50%;top:30%;font-family:var(--display);font-size:clamp(1.4rem,6vw,2.4rem);pointer-events:none;opacity:0;color:var(--gold);text-shadow:0 0 22px rgba(255,204,77,.75);white-space:nowrap}.toast.pop{animation:pop .9s ease-out forwards}@keyframes pop{0%{opacity:0;transform:translate(-50%,-30%) scale(.7)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}65%{opacity:1;transform:translate(-50%,-55%) scale(1)}to{opacity:0;transform:translate(-50%,-80%) scale(1)}}.loading{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#1a1233,var(--ink) 70%);padding:16px;z-index:5}.loading-inner{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.loading-inner .eyebrow{margin:0;color:var(--c, var(--cool))}.loading-inner h2{font-family:var(--display);font-weight:400;font-size:clamp(2rem,9vw,3.4rem);margin:0;color:var(--c, var(--text));text-shadow:0 0 30px color-mix(in srgb,var(--c, #fff) 45%,transparent)}.loading .bar{width:min(240px,60vw);height:4px;border-radius:4px;background:#ffffff1a;overflow:hidden}.loading .bar span{display:block;width:40%;height:100%;border-radius:4px;background:var(--c, var(--cool));animation:sweep 1s ease-in-out infinite}@keyframes sweep{0%{transform:translate(-110%)}to{transform:translate(260%)}}.loading .tip{margin:0;color:var(--muted);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.modal{display:grid;place-items:center;background:#06030e9e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:16px}.panel{width:min(100%,420px);background:var(--ink-2);border:1px solid var(--line);border-radius:18px;padding:26px 22px;display:flex;flex-direction:column;gap:12px;text-align:center;box-shadow:0 30px 80px -30px #ff3fb473;animation:rise .25s ease-out both}.panel h2{font-family:var(--display);font-weight:400;font-size:1.9rem;margin:0}.panel .eyebrow{margin:0}.big{font-family:var(--display);font-size:clamp(2.8rem,14vw,4rem);line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}.note{margin:0;color:var(--muted)}.board{list-style:none;margin:4px 0;padding:0;display:flex;flex-direction:column;gap:6px;text-align:left}.board li{display:grid;grid-template-columns:2em 1fr auto;gap:8px;padding:8px 12px;border-radius:10px;background:#ffffff0a;font-variant-numeric:tabular-nums}.board li.me{background:#ff3fb429;outline:1px solid rgba(255,63,180,.45)}.board li .r{color:var(--muted)}.row{display:flex;gap:10px;margin-top:6px}.btn{font-weight:700;padding:12px 16px;border-radius:12px;border:1px solid var(--line);background:transparent;cursor:pointer;flex:1}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--hot);border-color:var(--hot);color:#1d0418}.btn.primary:hover{filter:brightness(1.1)}.fail{display:grid;place-items:center;padding:16px;text-align:center}@media (prefers-reduced-motion: reduce){.card,.card:hover,.card:focus-within{transition:none;transform:none}.toast.pop{animation-duration:.01s}.art *,.art:before,.art:after,.menu,.panel{animation:none!important}}