:root{--bg: #070a1c;--ink: #eef1ff;--muted: rgba(226, 231, 255, .68);--faint: rgba(226, 231, 255, .42);--coral: #ff5d57;--coral-hi: #ff9b85;--coral-lo: #c92a40;--coral-glow: rgba(255, 93, 87, .55);--gold: #ffc53d;--gold-hi: #ffe39a;--gold-lo: #d08600;--gold-glow: rgba(255, 197, 61, .5);--board: #2439c6;--board-hi: #3b58ef;--board-lo: #121d78;--glass: rgba(15, 21, 52, .66);--glass-hi: rgba(255, 255, 255, .05);--line: rgba(255, 255, 255, .09);--line-hi: rgba(255, 255, 255, .17);--radius: 22px;--display: "Unbounded", ui-sans-serif, system-ui, sans-serif;--sans: "Manrope", ui-sans-serif, system-ui, sans-serif;--ease-out: cubic-bezier(.2, .9, .3, 1);--ease-spring: cubic-bezier(.25, 1.45, .45, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}a{color:inherit}h1,h2,p{margin:0}.srOnly{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.muted{color:var(--muted)}.mono{font-variant-numeric:tabular-nums;letter-spacing:.02em}.coralText{color:var(--coral-hi)}.app{position:relative;isolation:isolate;min-height:100vh;min-height:100dvh}.backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(1100px 700px at 50% -20%,rgba(70,92,255,.22),transparent 65%),radial-gradient(900px 600px at 50% 120%,rgba(30,44,140,.35),transparent 70%),linear-gradient(180deg,#0b1030,#080b22,#05071a)}.halo{position:absolute;width:62vmax;height:62vmax;border-radius:50%;filter:blur(90px);opacity:.32;transition:opacity .9s ease,transform 1.4s var(--ease-out)}.halo.coral{top:8vh;left:-26vmax;background:radial-gradient(circle,rgba(255,93,87,.55),transparent 65%)}.halo.gold{top:8vh;right:-26vmax;background:radial-gradient(circle,rgba(255,197,61,.45),transparent 65%)}.turn1 .halo.coral,.turn2 .halo.gold{opacity:.7;transform:scale(1.08)}.turn1 .halo.gold,.turn2 .halo.coral{opacity:.14}.dots{position:absolute;inset:0;opacity:.35;background-image:radial-gradient(rgba(170,185,255,.22) 1px,transparent 1.5px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 75%)}.grain{position:absolute;inset:-50%;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.confetti{position:fixed;inset:0;z-index:50;width:100%;height:100%;pointer-events:none}.topbar{display:flex;align-items:center;gap:12px;width:min(1240px,100%);margin:0 auto;padding:16px clamp(16px,3vw,32px) 10px}.brand{display:inline-flex;align-items:center;gap:10px;margin-right:auto;font:700 16px/1 var(--display);letter-spacing:-.02em}.brand svg{width:32px;height:32px;filter:drop-shadow(0 4px 10px rgba(40,60,220,.6))}.brandBoard{fill:var(--board)}.brandCoral{fill:var(--coral)}.brandGold{fill:var(--gold)}.brandHole{fill:#0b1240}.iconBtn{display:grid;flex:none;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--glass-hi);font-size:20px;line-height:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s,border-color .2s,transform .15s}.iconBtn:hover:not(:disabled){border-color:var(--line-hi);background:#ffffff1a}.iconBtn:active:not(:disabled){transform:scale(.94)}.iconBtn:disabled{cursor:default;opacity:.35}.iconBtn.small{width:36px;height:36px;font-size:15px}.iconBtn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.modeTag{display:flex;flex-direction:column;min-width:0;margin-right:auto}.modeTag b{font:700 17px/1.15 var(--display);letter-spacing:-.01em}.modeTag small{overflow:hidden;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.scoreChips{display:flex;gap:8px}.chipStat{display:flex;flex-direction:column;align-items:flex-end;min-width:64px;padding:6px 14px;border:1px solid var(--line);border-radius:16px;background:var(--glass-hi)}.chipStat small{color:var(--faint);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.chipStat b{font:800 18px/1.15 var(--display);font-variant-numeric:tabular-nums}.chipStat.hot{border-color:#ffc53d73;background:linear-gradient(180deg,#ffc53d33,#ff8c3c0f);box-shadow:0 0 24px -6px #ffb43c99}.chipStat.hot b{color:var(--gold-hi)}.bump{display:inline-block;animation:bump .5s var(--ease-spring)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 22px;border:0;border-radius:999px;background:linear-gradient(180deg,#ff8a78,var(--coral) 55%,#e8404a);box-shadow:0 12px 32px -14px #ff5050f2,inset 0 1px #ffffff80,inset 0 -2px #780a1e59;color:#fff;font-weight:800;text-shadow:0 1px 1px rgba(120,10,30,.35);white-space:nowrap;transition:transform .15s,box-shadow .25s,filter .2s,opacity .2s}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 16px 40px -14px #ff5050,inset 0 1px #ffffff80,inset 0 -2px #780a1e59}.btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn.big{height:58px;padding:0 28px;font-size:18px}.btn.small{height:36px;padding:0 14px;font-size:14px}.btn.ghost{border:1px solid var(--line-hi);background:#ffffff0d;box-shadow:none;color:var(--ink);font-weight:700;text-shadow:none}.btn.ghost:hover:not(:disabled){background:#ffffff1a;box-shadow:none}.btn.danger{border-color:#ff5d5766;color:var(--coral-hi)}.btn.pulseBtn{border-color:#ffc53d99;color:var(--gold-hi);animation:pulseRing 1.4s ease-in-out infinite}kbd{padding:2px 7px;border-radius:7px;background:#50001438;color:#ffffffd9;font:700 12px/1.4 var(--sans);text-shadow:none}.btn.ghost kbd,.tool kbd,.keys kbd{background:#ffffff1a;color:var(--muted)}@media(pointer:coarse){kbd,.keys{display:none}}.field{display:grid;gap:8px}.fieldLabel{color:var(--faint);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.field input{height:52px;padding:0 16px;border:1px solid var(--line-hi);border-radius:16px;outline:none;background:#00000040;font-size:17px}.formError{color:var(--coral-hi);font-size:14px}.home{display:grid;gap:clamp(28px,4vw,44px);width:min(1240px,100%);margin:0 auto;padding:10px clamp(16px,3vw,32px) 40px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,64px);min-height:min(620px,calc(100dvh - 120px))}.heroCopy{display:grid;gap:22px;align-content:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--faint);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.pulse{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 var(--gold-glow);animation:beacon 2.4s ease-out infinite}.logo{display:grid;gap:2px;line-height:.95}.logoSmall{color:var(--muted);font:700 clamp(15px,1.6vw,19px) / 1 var(--sans);letter-spacing:.3em;text-transform:uppercase}.logoSmall.end{justify-self:end;margin-right:.4em;color:var(--gold-hi);letter-spacing:.24em}.logoMain{display:inline-flex;align-items:center;gap:.12em;font:900 clamp(42px,6.4vw,86px) / 1 var(--display);letter-spacing:-.045em;background:linear-gradient(180deg,#fff 30%,#b9c4ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 30px rgba(60,80,255,.35))}.logoFour{position:relative;display:inline-grid;flex:none;place-items:center;width:1.08em;height:1.08em;border-radius:50%;background:radial-gradient(circle at 34% 28%,#ffd8cc 0 6%,var(--coral) 36%,#cf2c41 80%,#8e1730);box-shadow:inset 0 -6px 12px #0000004d,inset 0 5px 10px #ffffff4d,0 18px 40px -10px var(--coral-glow);animation:fourDrop 1.1s var(--ease-out) .2s both}.logoFour:before{content:"";position:absolute;inset:17%;border-radius:50%;box-shadow:inset 0 3px 5px #00000040,0 1.5px #ffffff4d}.logoFour b{position:relative;color:#fff;font-size:.62em;-webkit-text-fill-color:#fff;text-shadow:0 2px 6px rgba(120,10,30,.5)}.lede{max-width:38ch;color:var(--muted);font-size:clamp(16px,1.5vw,19px)}.setup{display:grid;gap:18px}.levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(100%,560px)}.level{display:grid;justify-items:start;gap:2px;padding:12px 12px 11px;border:1px solid var(--line);border-radius:16px;background:#00000038;text-align:left;transition:border-color .2s,background .2s,transform .2s var(--ease-out),box-shadow .25s}.level:hover{transform:translateY(-2px);border-color:var(--line-hi)}.level b{font:700 14px/1.2 var(--display)}.level small{overflow:hidden;max-width:100%;color:var(--faint);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.levelPips{display:flex;gap:3px;margin-bottom:6px}.levelPips i{width:9px;height:9px;border-radius:50%;background:#ffffff1f}.levelPips i.on{background:var(--gold);box-shadow:0 0 6px var(--gold-glow)}.level.active{border-color:#ffc53d99;background:linear-gradient(180deg,#ffc53d2e,#ffc53d0d);box-shadow:0 10px 30px -14px var(--gold-glow)}.level.active small{color:var(--gold-hi)}.segmented{display:inline-grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;width:min(100%,460px);padding:4px;border:1px solid var(--line);border-radius:18px;background:#00000040}.segmented button{padding:10px 8px;border:0;border-radius:14px;background:transparent;color:var(--muted);font-size:14px;font-weight:700;transition:background .25s,color .25s,box-shadow .25s}.segmented button:hover{color:var(--ink)}.segmented button.active{background:linear-gradient(180deg,#ffc53d3d,#ffc53d14);box-shadow:inset 0 0 0 1px #ffc53d80;color:var(--gold-hi)}.ctaRow{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}.ctaNote{max-width:28ch;color:var(--faint);font-size:14px}.heroArt{justify-self:center;width:100%;max-width:540px;perspective:1400px}.attract{transform:rotateX(8deg) rotateY(-12deg) rotate(1deg);transform-style:preserve-3d;transition:transform .9s var(--ease-out);padding-top:14%}.heroArt:hover .attract{transform:rotateX(3deg) rotateY(-4deg)}.modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.modeCard{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);text-align:left;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .25s var(--ease-out),border-color .25s,box-shadow .25s}.modeCard:hover{transform:translateY(-3px);border-color:#788cff73;box-shadow:0 20px 50px -26px #5064ffcc}.modeCard.climb{border-color:#ffc53d47;background:linear-gradient(135deg,rgba(255,197,61,.1),transparent 60%),var(--glass)}.modeCard.climb:hover{border-color:#ffc53d8c;box-shadow:0 20px 50px -26px var(--gold-glow)}.modeIcon{display:grid;flex:none;place-items:center;width:52px;height:52px;border-radius:16px;background:radial-gradient(circle at 35% 30%,#5a73ff73,#2439c626);box-shadow:inset 0 0 0 1px #788cff59;color:#c9d2ff}.climb .modeIcon{background:radial-gradient(circle at 35% 30%,#ffdc8266,#ffc53d14);box-shadow:inset 0 0 0 1px #ffc53d66;color:var(--gold-hi)}.modeIcon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.modeIcon .fill{fill:currentColor;stroke:none}.modeIcon .fill.coral{fill:var(--coral)}.modeIcon .fill.gold{fill:var(--gold);mix-blend-mode:screen}.modeText{display:grid;flex:1;min-width:0}.modeText b{font:700 17px/1.3 var(--display)}.modeText small{color:var(--muted);font-size:14px}.modeText em{color:var(--gold-hi);font-style:normal;font-weight:700}.modeArrow{color:var(--faint);font-size:22px;transition:transform .25s var(--ease-out),color .25s}.modeCard:hover .modeArrow{transform:translate(4px);color:var(--ink)}.panels{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px}.panel{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panelHead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.panelHead h2{font:700 18px/1.25 var(--display)}.panelHead span{flex:none;color:var(--faint);font-size:13px}.ranking{display:grid;gap:4px;margin:0;padding:0;list-style:none}.rankRow{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px 10px;border-radius:12px}.rankRow:nth-child(odd){background:#ffffff06}.rankRow.mine{background:#ffc53d24;box-shadow:inset 0 0 0 1px #ffc53d73}.rank{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--faint);font:700 13px/1 var(--display)}.podium .rank{color:#1f1203}.p1 .rank{background:linear-gradient(180deg,#ffe7a3,#f0b33a)}.p2 .rank{background:linear-gradient(180deg,#f1f1f4,#b9bcc8)}.p3 .rank{background:linear-gradient(180deg,#f3c6a0,#c27c4c)}.who{display:grid;min-width:0;overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.who small{color:var(--faint);font-size:12px;font-weight:600}.pts{font:800 16px/1 var(--display);font-variant-numeric:tabular-nums}.when{min-width:48px;color:var(--faint);font-size:12px;text-align:right}.boardEmpty{padding:18px 4px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{display:grid;gap:2px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#ffffff06}.stat b{font:800 clamp(22px,2.4vw,28px) / 1.05 var(--display);font-variant-numeric:tabular-nums}.stat b small{color:var(--faint);font-size:.55em}.stat span{color:var(--muted);font-size:13px}.wdlList{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}.wdl{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:12px;font-size:13px}.wdlName{display:grid;font-weight:700;line-height:1.2}.wdlName small{color:var(--faint);font-size:11px;font-weight:600}.wdlBar{display:flex;overflow:hidden;height:8px;border-radius:99px;background:#ffffff0f}.wdlBar i{flex-basis:0}.wdlBar .w{background:var(--coral)}.wdlBar .d{background:#ffffff59}.wdlBar .l{background:var(--gold)}.wdlNums{color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap}.foot{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;color:var(--faint);font-size:14px}.foot a{text-decoration:none;transition:color .2s}.foot a:hover{color:var(--gold)}.board{position:relative;width:100%;aspect-ratio:740 / 640;user-select:none;touch-action:manipulation;-webkit-user-select:none}.board:before{content:"";position:absolute;inset:6% 4% -2%;z-index:0;border-radius:40px;background:#020414bf;filter:blur(30px);transform:translateY(22px)}.backplate,.tokens,.cols{position:absolute;right:2.7027%;left:2.7027%}.backplate,.tokens{top:3.125%;bottom:3.125%;z-index:1}.backplate{border-radius:20px;background:radial-gradient(120% 70% at 50% 0%,rgba(70,90,220,.35),transparent 70%),linear-gradient(180deg,#0d1446,#070b2b)}.facade,.fx{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.facade{z-index:2;filter:drop-shadow(0 4px 3px rgba(0,0,0,.4))}.fx{z-index:3}.cols{top:-18%;bottom:0;z-index:4;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.colBtn{padding:0;border:0;border-radius:999px;background:transparent}.colBtn:disabled{cursor:default}.colBtn:focus-visible{outline:2px solid rgba(255,255,255,.75);outline-offset:-6px}.token{position:absolute;top:calc((5 - var(--r, 5)) * 100% / 6);left:calc(var(--c) * 100% / 7);width:calc(100% / 7);height:calc(100% / 6);will-change:transform}.token>i{position:absolute;inset:8.5%;transition:filter .6s ease .35s,opacity .6s ease .35s;border-radius:50%;background:radial-gradient(circle at 34% 28%,var(--t-hi) 0 5%,var(--t-mid) 36%,var(--t-lo) 80%,var(--t-deep) 100%);box-shadow:inset 0 -5px 10px #00000047,inset 0 4px 8px #ffffff4d}.token>i:before{content:"";position:absolute;inset:19%;border-radius:50%;background:radial-gradient(circle at 40% 30%,rgba(255,255,255,.16),transparent 62%);box-shadow:inset 0 3px 5px #0000003d,0 1.5px #ffffff4d}.token>i:after{content:"";position:absolute;top:11%;left:21%;width:32%;height:18%;border-radius:50%;background:#ffffff80;filter:blur(2.5px);transform:rotate(-28deg)}.coral{--t-hi: #ffd6ca;--t-mid: #ff5d57;--t-lo: #d22f42;--t-deep: #8b1530;--t-glow: var(--coral-glow);--t-ring: #ffb3a1}.gold{--t-hi: #fff8d8;--t-mid: #ffc53d;--t-lo: #e39400;--t-deep: #9d5a00;--t-glow: var(--gold-glow);--t-ring: #ffe7a0}.token.dim>i{opacity:.42;filter:saturate(.75)}.token.win>i{animation:winGlow .9s ease-in-out .7s infinite alternate}.token.hand{top:0;transform:translateY(-118%);transition:left .18s var(--ease-out);animation:handIn .3s var(--ease-spring) .34s both}.token.hand>i{box-shadow:inset 0 -5px 10px #00000047,inset 0 4px 8px #ffffff4d,0 12px 22px -6px #0000008c,0 0 26px -4px var(--t-glow);animation:bob 2.6s ease-in-out infinite}.colGlow{fill:#ffffff0e}.landing{fill:none;stroke-width:4;stroke-dasharray:9 8;opacity:.8;transform-box:fill-box;transform-origin:center;animation:spin 7s linear infinite}.landing.coral{stroke:var(--coral-hi)}.landing.gold{stroke:var(--gold-hi)}.lastDot{fill:#ffffffe6;filter:drop-shadow(0 0 4px rgba(255,255,255,.9));transform-box:fill-box;transform-origin:center;animation:popIn .4s var(--ease-spring) both}.hintMark circle{fill:none;stroke:#fff;stroke-width:4;stroke-dasharray:6 7;transform-box:fill-box;transform-origin:center;animation:spin 5s linear infinite,fadeIn .3s ease both}.hintMark path{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(255,255,255,.8));animation:nudge .9s ease-in-out infinite alternate}.winFx{--glow: var(--t-glow)}.winRing{fill:none;stroke:var(--t-ring);stroke-width:6;filter:drop-shadow(0 0 10px var(--t-glow));transform-box:fill-box;transform-origin:center;animation:ringIn .5s var(--ease-spring) .45s both,ringPulse 1.1s ease-in-out 1s infinite alternate}.winLine{fill:none;stroke:#ffffffeb;stroke-width:11;stroke-linecap:round;stroke-dasharray:calc(var(--len) * 1px + 1px);stroke-dashoffset:calc(var(--len) * 1px + 1px);filter:drop-shadow(0 0 12px var(--t-glow)) drop-shadow(0 0 3px #fff);animation:drawLine .55s var(--ease-out) .65s forwards}.stand{position:relative;height:30px;margin:0 5%}.stand:before,.stand:after{content:"";position:absolute;top:-6px;width:12%;height:34px;border-radius:0 0 10px 10px;background:linear-gradient(180deg,var(--board) 0%,var(--board-lo) 100%);clip-path:polygon(28% 0,72% 0,100% 100%,0 100%);box-shadow:inset 0 -3px #00000040}.stand:before{left:-3%}.stand:after{right:-3%}.play,.gate{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.arena{display:grid;grid-template-areas:"board players" "board side";grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:auto 1fr;align-items:start;gap:16px clamp(20px,3vw,40px);width:min(1240px,100%);margin:0 auto;padding:4px clamp(16px,3vw,32px) 32px}.players{position:relative;z-index:5;grid-area:players;display:flex;flex-direction:column;gap:12px}.versus{display:none}.boardCol{grid-area:board;display:grid;justify-items:center;gap:6px;min-width:0}.side{grid-area:side;display:grid;gap:12px;align-content:start}.boardWrap{width:min(100%,780px,calc(100dvh - 236px));min-width:min(100%,300px);padding-top:13%;container-type:inline-size}.pcard{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color .35s,box-shadow .35s,opacity .35s}.pcard.active{border-color:color-mix(in srgb,var(--t-mid) 60%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--t-mid) 30%,transparent),0 14px 40px -16px var(--t-glow)}.pcard.won{border-color:color-mix(in srgb,var(--t-mid) 75%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--t-mid) 18%,transparent),transparent 70%),var(--glass)}.pcard.away .pdisc{opacity:.55}.pdisc{position:relative;width:44px;height:44px}.pdisc i{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 34% 28%,var(--t-hi) 0 5%,var(--t-mid) 36%,var(--t-lo) 80%,var(--t-deep) 100%);box-shadow:inset 0 -3px 6px #00000047,inset 0 3px 5px #ffffff4d;color:#3c0a0a73;font:900 17px/1 var(--display);font-style:normal}.pcard.active .pdisc i{animation:discBreath 1.6s ease-in-out infinite}.pinfo{display:grid;min-width:0}.pinfo b{display:flex;align-items:center;gap:8px;overflow:hidden;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.youTag{padding:1px 7px;border-radius:99px;background:#ffffff1a;color:var(--muted);font-size:10px;font-style:normal;letter-spacing:.08em;text-transform:uppercase}.pinfo small{display:flex;align-items:center;gap:6px;overflow:hidden;color:var(--faint);font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.dot{flex:none;width:7px;height:7px;border-radius:50%;background:#ffffff40}.dot.on{background:#4ee39a;box-shadow:0 0 6px #4ee39a}.pscore{min-width:28px;font:800 22px/1 var(--display);font-variant-numeric:tabular-nums;text-align:right}.pstate{position:absolute;top:-9px;right:14px;padding:2px 9px;border-radius:99px;background:var(--t-mid);color:#2a0d12;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;animation:popIn .35s var(--ease-spring) both}.gold .pstate{color:#3a2300}.pstate:empty{display:none}.dots3{display:inline-flex;gap:3px;padding:3px 0}.dots3 i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:dotJump 1s ease-in-out infinite}.dots3 i:nth-child(2){animation-delay:.15s}.dots3 i:nth-child(3){animation-delay:.3s}.bubble{position:absolute;top:calc(100% + 10px);left:18px;z-index:6;max-width:calc(100% - 20px);padding:9px 14px;border-radius:4px 16px 16px;background:#f4f1ff;box-shadow:0 14px 34px -12px #000c;color:#1c1a40;font-size:14px;font-weight:700;animation:bubbleIn .4s var(--ease-spring) both}.emoteFloat{position:absolute;top:-6px;left:50%;z-index:7;font-size:34px;pointer-events:none;animation:floatUp 2.2s ease-out forwards}.gauge{display:flex;align-items:center;gap:12px;width:min(100%,780px,calc(100dvh - 236px));min-width:min(100%,300px)}.gaugeTrack{position:relative;flex:1;overflow:hidden;height:10px;border-radius:99px;background:linear-gradient(90deg,var(--gold-lo),var(--gold));box-shadow:inset 0 0 0 1px #ffffff1a}.gaugeCoral{position:absolute;top:0;bottom:0;left:0;background:linear-gradient(90deg,var(--coral-lo),var(--coral));box-shadow:4px 0 12px #ff5d5799;transition:width .7s var(--ease-out)}.gaugeMid{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#0a0e2899}.gaugeLabel{min-width:13em;color:var(--muted);font-size:13px;font-weight:700;text-align:right}.gauge.decided .gaugeLabel{color:var(--ink)}.underBoard{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;width:min(100%,780px,calc(100dvh - 236px));min-width:min(100%,300px);margin-top:4px}.statusPill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:99px;background:var(--glass);font-weight:800}.statusPill:before{content:"";width:10px;height:10px;border-radius:50%;background:#fff6}.statusPill.coral:before{background:var(--coral);box-shadow:0 0 10px var(--coral-glow)}.statusPill.gold:before{background:var(--gold);box-shadow:0 0 10px var(--gold-glow)}.tools{display:flex;flex-wrap:wrap;gap:6px}.tool{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px;border:1px solid var(--line);border-radius:99px;background:var(--glass-hi);color:var(--muted);font-size:14px;font-weight:700;transition:background .2s,color .2s,border-color .2s}.tool:hover:not(:disabled){border-color:var(--line-hi);color:var(--ink)}.tool:disabled{cursor:default;opacity:.4}.tool.on{border-color:#ffc53d73;color:var(--gold-hi)}.emotes{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:99px;background:var(--glass)}.emoteBtn{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:transparent;font-size:20px;transition:transform .2s var(--ease-spring)}.emoteBtn:hover{transform:scale(1.2)}.emoteBtn:active{transform:scale(.9)}.replayBar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:99px;background:var(--glass)}.replayBar input[type=range]{flex:1 1 120px;accent-color:var(--gold)}.replayCount{min-width:46px;color:var(--muted);font-size:13px;text-align:center}.infoCard{display:grid;gap:12px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:rise .5s var(--ease-out) both}.infoHead{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.infoHead h2{font:700 17px/1.25 var(--display)}.infoHead span{color:var(--faint);font-size:13px}.infoNote{color:var(--muted);font-size:14px}.infoNote b{color:var(--ink)}.keys{color:var(--faint);font-size:13px}.keys kbd{margin-right:2px}.levelMeter{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.levelMeter i{height:8px;border-radius:99px;background:#ffffff14}.levelMeter i.on{background:linear-gradient(90deg,var(--gold-lo),var(--gold));box-shadow:0 0 8px -2px var(--gold-glow)}.ladder{display:grid;gap:3px;margin:0;padding:0;list-style:none}.ladder li{display:grid;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:6px 10px;border-radius:12px;color:var(--faint);font-size:14px;font-weight:700}.floorNum{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#ffffff0d;font:700 12px/1 var(--display)}.ladder .done{color:var(--muted)}.ladder .done .floorMark{color:#4ee39a}.ladder .now{background:linear-gradient(90deg,#ffc53d33,#ffc53d0a);box-shadow:inset 0 0 0 1px #ffc53d73;color:var(--ink)}.ladder .now .floorNum{background:var(--gold);color:#3a2300}.ladder .now .floorMark{color:var(--gold);animation:beaconText 1.6s ease-in-out infinite}.floorWho small{color:var(--faint);font-weight:600}.roomCode{display:flex;justify-content:center;gap:8px;margin:4px 0}.roomCode span{display:grid;place-items:center;width:46px;height:56px;border:1px solid rgba(120,140,255,.35);border-radius:12px;background:linear-gradient(180deg,#3c58ef59,#121d7866);font:800 26px/1 var(--display);animation:popIn .45s var(--ease-spring) calc(var(--i) * 60ms) both}.linkBox{display:grid;gap:10px}.linkBox input{width:100%;height:44px;padding:0 14px;border:1px solid var(--line-hi);border-radius:12px;outline:none;background:#0000004d;color:var(--muted);font-size:14px}.linkActions{display:flex;flex-wrap:wrap;gap:8px}.waiting{display:flex;justify-content:center;gap:10px;padding:6px 0}.waiting i{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#ffd6ca 0 6%,var(--coral) 40%,var(--coral-lo));animation:hop 1.2s var(--ease-out) infinite}.waiting i:nth-child(2){background:radial-gradient(circle at 34% 28%,#fff8d8 0 6%,var(--gold) 40%,var(--gold-lo));animation-delay:.15s}.waiting i:nth-child(3){animation-delay:.3s}.result{display:grid;gap:16px;padding:20px 22px;border:1px solid var(--line);border-radius:24px;background:var(--glass);box-shadow:0 30px 70px -40px #000000e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:rise .55s var(--ease-spring) .5s both}.result.won{border-color:#ffc53d59}.result.lost{border-color:#ff5d5747}.resultHead{display:grid;gap:6px}.resultHead h2{font:800 clamp(26px,3vw,34px) / 1.05 var(--display);letter-spacing:-.03em}.result.won h2{background:linear-gradient(90deg,#fff6dc,var(--gold-hi) 35%,var(--gold) 65%,var(--coral-hi));-webkit-background-clip:text;background-clip:text;color:transparent}.result.lost h2{color:var(--coral-hi);text-shadow:0 0 30px rgba(255,93,87,.35)}.resultHead p{color:var(--muted)}.resultHead p b{color:var(--ink)}.tally{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:#00000038;font-weight:800}.tally span{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.tally .coral{color:var(--coral-hi)}.tally .gold{color:var(--gold-hi);text-align:right}.tally b{font:800 26px/1 var(--display)}.tally b i{color:var(--faint);font-style:normal}.gainBox{display:flex;align-items:center;gap:18px}.breakdown{display:grid;flex:1;gap:4px;margin:0;padding:0;list-style:none;font-size:14px}.breakdown li{display:flex;justify-content:space-between;gap:12px;padding-bottom:4px;border-bottom:1px dashed var(--line);color:var(--muted)}.breakdown b{color:var(--ink);font-variant-numeric:tabular-nums}.gain{min-width:100px;font:800 clamp(30px,3.6vw,42px) / 1 var(--display);letter-spacing:-.03em;text-align:right;background:linear-gradient(180deg,#fff6dc,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;animation:popIn .6s var(--ease-spring) .8s both}.resultActions{display:flex;flex-wrap:wrap;gap:8px}.resultActions .btn{height:44px;padding:0 18px}.saveForm,.gateForm{display:flex;flex-wrap:wrap;gap:10px}.saveForm .btn,.gateForm .btn{flex:none}.saveForm input,.gateForm input{flex:1 1 140px;min-width:0;height:48px;padding:0 16px;border:1px solid var(--line-hi);border-radius:999px;outline:none;background:#00000047;font-size:16px;transition:border-color .2s,box-shadow .2s}.saveForm input:focus,.gateForm input:focus{border-color:#ffc53db3;box-shadow:0 0 0 4px #ffc53d24}.saveForm input::placeholder,.gateForm input::placeholder{color:#e2e7ff4d}.saveForm .formError{flex-basis:100%}.codeInput{font:800 20px/1 var(--display)!important;letter-spacing:.3em;text-transform:uppercase}.gateBody{display:grid;place-items:start center;width:min(1240px,100%);margin:0 auto;padding:18px clamp(16px,3vw,32px) 40px}.gateGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(900px,100%)}.gateCard{display:grid;gap:14px;width:min(560px,100%);align-content:start;animation:rise .5s var(--ease-out) both}.gateGrid .gateCard{width:100%}.gateCard h1{font:800 clamp(24px,3vw,32px) / 1.1 var(--display);letter-spacing:-.03em}.adminForm{display:grid;gap:14px}.adminHead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.adminList{display:grid;gap:6px;margin:0;padding:0;list-style:none}.adminList li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;background:#ffffff08}.backLink{color:var(--muted);font-size:14px;text-decoration:none}.backLink:hover{color:var(--ink)}@keyframes handIn{0%{opacity:0;transform:translateY(-150%) scale(.85)}to{opacity:1;transform:translateY(-118%)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes winGlow{to{filter:brightness(1.28) saturate(1.15)}}@keyframes ringIn{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}@keyframes ringPulse{to{stroke-width:9;opacity:.75}}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes nudge{to{transform:translateY(10px)}}@keyframes fadeIn{0%{opacity:0}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.98)}}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes beacon{0%{box-shadow:0 0 0 0 var(--gold-glow)}80%,to{box-shadow:0 0 0 12px #ffc53d00}}@keyframes beaconText{50%{opacity:.35}}@keyframes fourDrop{0%{opacity:0;transform:translateY(-120%) rotate(-30deg)}55%{opacity:1;transform:translateY(0) rotate(0)}72%{transform:translateY(-14%)}86%{transform:translateY(0)}93%{transform:translateY(-4%)}to{transform:translateY(0)}}@keyframes discBreath{50%{transform:scale(1.07);box-shadow:inset 0 -3px 6px #00000047,inset 0 3px 5px #ffffff4d,0 0 18px var(--t-glow)}}@keyframes dotJump{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-4px);opacity:1}}@keyframes bubbleIn{0%{opacity:0;transform:translateY(-6px) scale(.9)}}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}15%{opacity:1;transform:translate(calc(-50% + var(--dx) * .3),-14px) scale(1.15)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),-90px) scale(1)}}@keyframes hop{0%,to{transform:translateY(0)}35%{transform:translateY(-14px)}60%{transform:translateY(0)}}@keyframes pulseRing{50%{box-shadow:0 0 0 6px #ffc53d26}}@media(max-width:980px){.hero{grid-template-columns:1fr;min-height:0}.heroArt{max-width:460px;order:-1}.modes,.panels{grid-template-columns:1fr}.arena{grid-template-areas:"players" "board" "side";grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:12px}.players{flex-direction:row;align-items:stretch;gap:8px}.players .pcard{flex:1;min-width:0}.versus{display:grid;flex:none;place-items:center;color:var(--faint);font:700 12px/1 var(--display)}.boardWrap,.gauge,.underBoard{width:min(100%,640px,calc((100dvh - 250px)*1.05))}.side{width:min(100%,640px);justify-self:center}.gateGrid{grid-template-columns:1fr}}@media(max-width:560px){.topbar{gap:8px}.brand{font-size:14px}.chipStat{min-width:0;padding:5px 10px}.levels{grid-template-columns:repeat(2,minmax(0,1fr))}.ctaRow .btn.big{width:100%}.pcard{grid-template-columns:auto minmax(0,1fr);gap:8px;padding:10px}.pdisc{width:34px;height:34px}.pscore{position:absolute;right:10px;bottom:8px;font-size:16px}.pinfo b{font-size:14px}.boardWrap,.gauge,.underBoard{width:100%}.gaugeLabel{min-width:0;font-size:12px}.underBoard{justify-content:center}.wdl{grid-template-columns:92px minmax(0,1fr)}.wdlNums{grid-column:2;font-size:12px}.roomCode span{width:40px;height:50px;font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.attract{transform:none}}