:root{--ink:#f4f1ea;--dim:#e2e4f5b8;--panel:#0c102ad1;--panel-2:#161c42e6;--line:#a0b4ff47;--gold:#f3c35b;--gold-2:#ffe7a0;--neon:#3d8bff;--danger:#e0574f;--display:"Oswald", "Arial Narrow", system-ui, sans-serif;--script:"Great Vibes", "Brush Script MT", cursive;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--ink);-webkit-tap-highlight-color:transparent;background:#140a2e;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}.dim{color:var(--dim);margin:0}.error{color:#ff9a8f;margin:0}.row{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.backdrop{z-index:0;background:#1a0f3a;position:fixed;inset:0;overflow:hidden}.backdrop__art{background:url(/backgrounds/fondo.webp) 50%/cover no-repeat;position:absolute;inset:0}.backdrop__shade{background:radial-gradient(55% 60% at 50% 58%,#0000 40%,#08041473 100%),linear-gradient(#08041859,#0000 22% 80%,#0804148c);position:absolute;inset:0}.cta{color:#2a1a00;cursor:pointer;background:linear-gradient(#ffd978,#d4912a);border:0;border-radius:999px;padding:.7rem 1.3rem;font-weight:800;box-shadow:0 .3rem 1rem #ffaa3c40}.cta--ghost{border:1px solid var(--line);color:var(--ink);box-shadow:none;background:#ffffff0a;font-weight:600}.cta--small{padding:.4rem .9rem;font-size:.9rem}.sq-btn{border:1px solid var(--line);background:var(--panel);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:.8rem;place-items:center;width:2.9rem;height:2.9rem;transition:border-color .15s,box-shadow .15s;display:grid}.sq-btn:hover{border-color:var(--gold);box-shadow:0 0 .8rem #f3c35b59}.sq-btn--small{border-radius:.5rem;width:2rem;height:2rem}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.35rem;height:1.35rem}.sq-btn--small .icon{width:1rem;height:1rem}.seg{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.seg__opt,.level{border:1px solid var(--line);cursor:pointer;background:#ffffff08;border-radius:.7rem;padding:.6rem .5rem}.seg__opt--on,.level--on{border-color:var(--gold);background:#f3c35b24}.levels{gap:.4rem;display:grid}.level{text-align:left;flex-direction:column;gap:.15rem;display:flex}.level span{color:var(--dim);font-size:.85rem}.field{color:var(--dim);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}input{border:1px solid var(--line);color:var(--ink);font:inherit;background:#00000059;border-radius:.6rem;padding:.6rem .8rem}.join{gap:.5rem;display:flex}.join input{letter-spacing:.2em;text-transform:uppercase;flex:1;min-width:0}.rooms{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.rooms li{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.hub{--hub-ink:#0a0c2a;--hub-panel:#101440b8;--hub-panel-2:#161a5099;--hub-line:#788cff38;--hub-line-strong:#96aaff73;--hub-purple:#6d3df5;--hub-purple-2:#4a22c9;--hub-gold:#ffc531;--hub-gold-2:#e39a12;--hub-green:#22c55e;--hub-green-2:#15803d;--hub-blue:#4f8cff;--hub-text:#f4f1ff;--hub-dim:#dce0ffb8;--hub-radius:1rem;--hub-tabs:4.3rem;overscroll-behavior:contain;color:var(--hub-text);background:linear-gradient(180deg, #0a0828db 0%, #06061ef0 100%), var(--tex-dashboard,url(/backgrounds/dashboard.webp)) center / cover no-repeat, linear-gradient(180deg, #0f0c3a 0%, #090a2a 55%, #05061a 100%);padding:0 0 calc(env(safe-area-inset-bottom,0px) + var(--hub-tabs));scroll-behavior:smooth;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.hub button,.hub a{-webkit-tap-highlight-color:transparent}.hub__top{z-index:21;padding:calc(env(safe-area-inset-top,0px) + .5rem) .8rem .5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hub-line);background:linear-gradient(#080824f5,#080824d1);align-items:center;gap:.6rem;display:flex;position:sticky;top:0}.hub__burger{border:1px solid var(--hub-line);background:var(--hub-panel);width:2.5rem;height:2.5rem;color:var(--hub-text);font:inherit;cursor:pointer;border-radius:.8rem;font-size:1.1rem;display:none}.hub__logo{color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;min-width:0;padding:0;display:flex}.hub__logo-img{filter:drop-shadow(0 3px 8px #0009);width:3rem;height:auto}.hub__logo-text{flex-direction:column;line-height:1;display:flex}.hub__logo-text strong{letter-spacing:-.01em;color:#fff;font-size:1.45rem;font-weight:900}.hub__logo-text em{background:linear-gradient(90deg,#b48cff,#7c4dff);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hub__logo-text small{letter-spacing:.18em;text-transform:uppercase;color:var(--hub-dim);margin-top:.25rem;font-size:.56rem;font-weight:700}.hub__nav{align-items:center;gap:.25rem;margin-left:.6rem;display:none}.hub__nav-item{color:var(--hub-text);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.86rem;font-weight:700;display:inline-flex}.hub__nav-item:hover{border-color:var(--hub-line);background:var(--hub-panel-2)}.hub__nav-item--on{background:linear-gradient(180deg, var(--hub-purple), var(--hub-purple-2));border-color:#a078ff80;box-shadow:0 4px 16px #6d3df573}.hub__right{align-items:center;gap:.5rem;margin-left:auto;display:flex}.hub__score{background:var(--hub-panel);color:var(--hub-text);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;border:1px solid #ffc53166;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .35rem .3rem .5rem;font-weight:800;display:inline-flex}.hub__score-coin{filter:drop-shadow(0 0 6px #ffc53199);font-size:1rem}.hub__score-num{font-size:.95rem}.hub__score-num--dim,.hub__score-sep{opacity:.6;font-size:.78rem}.hub__score-plus{background:linear-gradient(180deg, var(--hub-green), var(--hub-green-2));color:#fff;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;margin-left:.15rem;font-size:1rem;line-height:1;display:grid}.hub__install{display:contents}.hub__bell-wrap,.hub__more-wrap{position:relative}.hub__bell,.hub__gear{border:1px solid var(--hub-line);background:var(--hub-panel);width:2.5rem;height:2.5rem;color:var(--hub-text);font:inherit;cursor:pointer;border-radius:50%;place-items:center;font-size:1.05rem;display:grid;position:relative}.hub__gear{display:none}.hub__bell-dot{width:.55rem;height:.55rem;box-shadow:0 0 0 2px var(--hub-ink);background:#ff3b5c;border-radius:50%;position:absolute;top:.35rem;right:.45rem}.hub__user{flex-direction:column;align-items:flex-start;gap:.1rem;display:flex}.hub__user-btn{color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;display:flex}.hub__avatar{border:2px solid var(--hub-blue);color:#fff;border-radius:50%;place-items:center;width:2.6rem;height:2.6rem;font-size:.85rem;font-weight:900;display:grid;overflow:hidden;box-shadow:0 0 0 2px #4f8cff40,0 4px 12px #00000080}.hub__avatar img{object-fit:cover;width:100%;height:100%}.hub__user-meta{flex-direction:column;min-width:0;line-height:1.15;display:none}.hub__user-name{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;font-size:.86rem;font-weight:800;overflow:hidden}.hub__user-plan{text-transform:capitalize;color:#8fb4ff;font-size:.66rem;font-weight:700}.hub__upgrade{color:var(--hub-gold);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.15rem;padding:0 0 0 3.1rem;font-size:.66rem;font-weight:800;display:none}.hub__upgrade:hover,.hub__upgrade:focus-visible{outline:none;text-decoration:underline}.hub__pop{z-index:22;border:1px solid var(--hub-line-strong);background:#0e0e34fa;border-radius:.9rem;flex-direction:column;width:17rem;max-width:calc(100vw - 1.6rem);padding:.4rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 16px 40px #0000008c}.hub__pop-item{color:var(--hub-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.6rem;flex-direction:column;gap:.1rem;padding:.6rem .7rem;text-decoration:none;display:flex}.hub__pop-item:hover{background:#ffffff12}.hub__pop-item strong{font-size:.88rem}.hub__pop-item small{color:var(--hub-dim);font-size:.7rem}.hub__pop-item--out strong{color:#ff8a9a}.hub__pop-empty{color:var(--hub-dim);text-align:center;margin:0;padding:.7rem;font-size:.82rem}.hub__veil{z-index:20;position:fixed;inset:0}.hub__body{flex:1 0 auto;align-items:flex-start;gap:1rem;padding:.8rem;display:flex}.hub__side{flex-direction:column;flex-shrink:0;gap:1rem;width:14rem;display:none;position:sticky;top:4.6rem}.hub__stats{border:1px solid var(--hub-line);border-radius:var(--hub-radius);background:var(--hub-panel);gap:.6rem;padding:.7rem .8rem;display:flex}.hub__stat{flex:1;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:.4rem;min-width:0;display:grid}.hub__stat strong{font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:900;line-height:1}.hub__stat small{color:var(--hub-dim);white-space:nowrap;grid-column:1/-1;margin-top:.15rem;font-size:.66rem}.hub__stat-dot{background:var(--hub-green);border-radius:50%;width:.6rem;height:.6rem;animation:1.6s ease-in-out infinite hub-stat-pulse;box-shadow:0 0 0 3px #22c55e33}.hub__stat-ico{font-size:.95rem;line-height:1}@keyframes hub-stat-pulse{0%,to{box-shadow:0 0 0 3px #22c55e33}50%{box-shadow:0 0 0 6px #22c55e14}}@media (prefers-reduced-motion:reduce){.hub__stat-dot{animation:none}}.hub__stats--top{margin-bottom:.7rem}.hub__side-nav{border:1px solid var(--hub-line);border-radius:var(--hub-radius);background:var(--hub-panel);flex-direction:column;gap:.2rem;padding:.5rem;display:flex}.hub__side-item{color:var(--hub-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.7rem;align-items:center;gap:.6rem;padding:.65rem .8rem;font-size:.9rem;font-weight:700;text-decoration:none;display:flex}.hub__side-item:hover{background:#ffffff0f}.hub__side-item--on{background:linear-gradient(180deg, var(--hub-purple), var(--hub-purple-2));box-shadow:0 4px 16px #6d3df566}.hub__side-ico{text-align:center;width:1.4rem;font-size:1rem}.hub__main{flex-direction:column;flex:1;gap:1rem;min-width:0;display:flex}.hero{border:1px solid var(--hub-line-strong);background:radial-gradient(1.1rem 1.1rem at 14% 22%,#ffcd78d9,#0000 65%),radial-gradient(.8rem .8rem at 30% 78%,#8cbeffa6,#0000 65%),radial-gradient(1.3rem 1.3rem at 50% 12%,#c896ff99,#0000 65%),radial-gradient(.9rem .9rem at 68% 70%,#ffcd7880,#0000 65%),radial-gradient(1.2rem 1.2rem at 84% 28%,#8cbeff8c,#0000 65%),radial-gradient(.7rem .7rem at 94% 82%,#c896ff80,#0000 65%),radial-gradient(65% 90% at 88%,#502e9680,#0000 72%),linear-gradient(115deg,#120b3a 0%,#1a1050 45%,#0a0828 100%);border-radius:1.2rem;flex-wrap:wrap;align-items:center;gap:1rem;min-height:12.5rem;padding:1rem 1rem .9rem;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000073,inset 0 0 0 1px #ffffff0a}.hero:after{content:"";pointer-events:none;background:radial-gradient(60% 40% at 20% 0,#7c4dff47,#0000 70%);position:absolute;inset:0}.hero__content{z-index:1;flex-direction:column;flex:16rem;gap:.35rem;min-width:0;display:flex;position:relative}.hero__kicker{letter-spacing:.16em;text-transform:uppercase;color:#c9a3ff;align-self:flex-start;align-items:center;gap:.35rem;font-size:.66rem;font-weight:900;display:inline-flex}.hero__kicker img{object-fit:contain;width:1.1rem;height:1.1rem}.hero__title{flex-direction:column;gap:.15rem;margin:.1rem 0 0;display:flex}.hero__title-line1{letter-spacing:-.01em;background:linear-gradient(#fff3d0 0%,#f0c860 35%,#d4a832 70%,#a97c22 100%);color:#0000;filter:drop-shadow(0 8px 18px #0000008c);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.3rem,8vw,3.8rem);font-weight:900;line-height:1;display:block}.hero__title-line2{letter-spacing:.3em;text-transform:uppercase;color:#f0e6ff;opacity:.92;font-size:clamp(1.05rem,3.2vw,1.55rem);font-weight:800;display:block}.hero__sub{text-shadow:0 2px 8px #000000b3;max-width:24rem;margin:.2rem 0 0;font-size:clamp(.9rem,2.6vw,1.1rem);font-weight:600;line-height:1.3}.hero__feats{flex-wrap:wrap;gap:.4rem 1.2rem;margin:auto 0 0;padding:.6rem 0 0;list-style:none;display:flex}.hero__apk{color:var(--hub-text);background:linear-gradient(#22c55e47,#15803d47);border:1px solid #22c55e8c;border-radius:999px;align-items:center;gap:.6rem;margin-top:.8rem;padding:.5rem .9rem .5rem .7rem;text-decoration:none;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex;box-shadow:0 6px 18px #00000059}.hero__apk:hover,.hero__apk:focus-visible{filter:brightness(1.08);outline:none;transform:translateY(-1px);box-shadow:0 10px 24px #00000073}.hero__apk-ico{font-size:1.4rem;line-height:1}.hero__apk-text{flex-direction:column;line-height:1.15;display:flex}.hero__apk-text strong{font-size:.86rem;font-weight:800}.hero__apk-text small{color:var(--hub-dim);font-size:.66rem}.hero__apk-arrow{color:var(--hub-green);margin-left:.2rem;font-size:1.1rem}@media (prefers-reduced-motion:reduce){.hero__apk:hover,.hero__apk:focus-visible{transform:none}}.hero__feats li{text-shadow:0 2px 6px #000000b3;align-items:center;gap:.45rem;font-size:.72rem;font-weight:600;line-height:1.2;display:flex}.hero__feat-ico{background:#7c4dff59;border:1px solid #b48cff66;border-radius:.5rem;place-items:center;width:1.9rem;height:1.9rem;font-size:.95rem;display:grid}.hero__showcase{z-index:1;flex:none;align-items:center;gap:1.1rem;margin-left:auto;display:none;position:relative}.hero__showcase-tiles{flex-shrink:0;place-items:center;width:9.5rem;height:6.5rem;display:grid;position:relative}.hero__showcase-tile{filter:drop-shadow(0 10px 18px #0000008c);grid-area:1/1}.hero__showcase-tile--back{opacity:.9;transform:rotate(-14deg)translate(-.9rem,.3rem)}.hero__showcase-tile--front{transform:rotate(11deg)translate(.8rem,-.4rem)}.hero__showcase-text{text-align:right;flex-direction:column;align-items:flex-end;gap:.6rem;display:flex}.hero__showcase-quote{color:#f3d9ff;text-shadow:0 2px 10px #0009;white-space:nowrap;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.2rem;font-style:italic;font-weight:600;line-height:1.15}.hero__showcase-badge{letter-spacing:.02em;color:#ffd98a;text-transform:uppercase;white-space:nowrap;background:#140c328c;border:1px solid #ffc53173;border-radius:.7rem;align-items:center;gap:.45rem;margin:0;padding:.5rem .85rem;font-size:.7rem;font-weight:800;line-height:1.3;display:flex}.hero__showcase-badge img{object-fit:contain;flex-shrink:0;width:1.15rem;height:1.15rem}.modes{flex-direction:column;gap:.7rem;scroll-margin-top:4.8rem;display:flex}.modes__head{flex-wrap:wrap;align-items:baseline;gap:.6rem .9rem;display:flex}.modes__title{letter-spacing:.01em;text-transform:uppercase;margin:0;font-size:1.35rem;font-weight:900}.modes__sub{color:var(--hub-dim);flex:12rem;margin:0;font-size:.8rem}.modes__online{border:1px solid var(--hub-line);background:var(--hub-panel);white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.74rem;font-weight:700;display:inline-flex}.modes__online-dot{background:var(--hub-green);width:.55rem;height:.55rem;box-shadow:0 0 8px var(--hub-green);border-radius:50%;display:inline-block}.modes__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem;display:grid}.mode{--mode-a:#1f3f8f;--mode-b:#0e1a4a;--mode-glow:#4f8cff59;border:1px solid var(--hub-line-strong);border-radius:var(--hub-radius);background:radial-gradient(70% 50% at 50% 0%, var(--mode-glow), transparent 70%), linear-gradient(180deg, var(--mode-a) 0%, var(--mode-b) 100%);flex-direction:column;grid-column:span 3;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}.mode:hover{border-color:#ffc53199;transform:translateY(-3px);box-shadow:0 16px 36px #00000080,0 0 0 1px #ffc53140}.mode--maracucha{--mode-a:#4a1f8f;--mode-b:#1c0d45;--mode-glow:#ff783c59}.mode--match{--mode-a:#3c2a12;--mode-b:#14102a;--mode-glow:#ffc53166}.mode--rotation{--mode-a:#123c78;--mode-b:#0b1638;--mode-glow:#4fb4ff66}.mode--secure{--mode-a:#10285e;--mode-b:#0a1230;--mode-glow:#3c82ff73}.mode__art{background:linear-gradient(180deg, #0000 40%, var(--mode-b) 100%), url(/backgrounds/dashboard.webp) center 30% / cover no-repeat;place-items:center;height:6.2rem;padding:.6rem;display:grid}.mode__body{flex-direction:column;flex:1;gap:.35rem;padding:.2rem .7rem .7rem;display:flex}.mode--locked .mode__art,.mode--locked .mode__blurb,.mode--locked .mode__meta{opacity:.55;filter:saturate(.6)}.mode__lock{opacity:.9;font-size:.85em}.mode--locked .mode__cta{color:#e9e9f2;background:linear-gradient(#4a4a5a,#33333f)}.mode__name{letter-spacing:.03em;text-transform:uppercase;text-align:center;text-shadow:0 2px 8px #0009;justify-content:center;align-items:center;gap:.3rem;margin:0;font-size:1.05rem;font-weight:900;display:flex}.mode__crown{object-fit:contain;width:1.1rem;height:1.1rem}.mode__blurb{color:var(--hub-dim);text-align:center;margin:0;font-size:.74rem;line-height:1.35}.mode__meta{flex-direction:column;gap:.25rem;margin:auto 0 0;padding:.4rem 0 0;font-size:.72rem;font-weight:600;list-style:none;display:flex}.mode__meta li{flex-wrap:wrap;align-items:center;gap:.3rem;line-height:1.25;display:flex}.mode__meta b{white-space:nowrap;color:var(--hub-gold)}.mode__tag--high b{color:#8fb4ff}.mode__tag--good b{color:#7ff0a4}.mode__cta{background:linear-gradient(180deg, var(--hub-gold), var(--hub-gold-2));color:#1a1206;font:inherit;letter-spacing:.06em;cursor:pointer;touch-action:manipulation;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;margin-top:.5rem;padding:.65rem .8rem;font-size:.92rem;font-weight:900;display:flex;box-shadow:0 6px 16px #ffc53159}.mode__cta span{font-size:1.2rem;line-height:0}.mode__cta:hover{filter:brightness(1.06)}.mode__cta--enter{background:linear-gradient(180deg, var(--hub-purple), var(--hub-purple-2));color:#fff;box-shadow:0 6px 16px #6d3df573}.hub__tabs{z-index:21;height:calc(var(--hub-tabs) + env(safe-area-inset-bottom,0px));padding:.35rem .4rem calc(env(safe-area-inset-bottom,0px) + .35rem);border-top:1px solid var(--hub-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080824f5;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.hub__tab{color:var(--hub-dim);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:.9rem;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;font-size:.66rem;font-weight:700;display:flex}.hub__tab span{font-size:1.25rem;line-height:1}.hub__tab--on{color:#fff;background:linear-gradient(180deg, var(--hub-purple), var(--hub-purple-2));box-shadow:0 4px 16px #6d3df573}@media (width<=47.99rem){.hub__pop--more{top:auto;right:.8rem;bottom:calc(env(safe-area-inset-bottom,0px) + var(--hub-tabs) + .5rem);position:fixed}}.hub__drawer{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04041499;position:fixed;inset:0}.hub__drawer-panel{width:min(17rem,85vw);height:100%;padding:calc(env(safe-area-inset-top,0px) + 4.4rem) .8rem 1rem;border-right:1px solid var(--hub-line-strong);background:#0a0a28fa;flex-direction:column;gap:1rem;animation:.18s ease-out hub-drawer-in;display:flex;overflow-y:auto;box-shadow:12px 0 40px #00000080}@keyframes hub-drawer-in{0%{transform:translate(-100%)}}@media (width<=47.99rem){.hub__logo{flex:auto;min-width:0;overflow:hidden}.hub__logo-text strong{font-size:1.15rem}.hub__logo-text small{display:none}.hub__logo-img{flex-shrink:0;width:2.6rem}.hub__score{gap:.25rem;padding-left:.4rem}.hub__score-num{font-size:.86rem}.hub__resume{gap:.5rem .7rem}.hub__resume-text{flex:10rem}.hub__resume-actions{flex:100%}.hub__resume-btn,.hub__resume-leave{flex:1}.hero__sub{font-size:.92rem}.mode__name{letter-spacing:.02em;font-size:1rem}.mode__crown{width:.9rem;height:.9rem}.mode__blurb{font-size:.68rem}.mode__meta{gap:.2rem;font-size:.7rem}.mode__meta li{gap:.22rem}.mode__body{padding:.2rem .5rem .55rem}.mode__cta{padding:.55rem .5rem;font-size:.82rem}.mode__art{height:5.4rem}.kart{width:4.2rem;height:4.2rem}}@media (width<=24rem){.modes__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode{grid-column:span 1}.hub__score-num--dim,.hub__score-sep{display:none}}@media (width>=48rem){.hub{--hub-tabs:0rem}.hub__tabs{display:none}.hub__nav{display:inline-flex}.hub__burger,.hub__gear{place-items:center;display:grid}.hub__user-meta{display:flex}.hub__upgrade{display:inline-flex}.hub__top{padding-left:1rem;padding-right:1rem}.hub__body{padding:1rem}.hero{min-height:15rem;padding:1.3rem 1.4rem 1.1rem}.hero__showcase{display:flex}.hero__feats li{font-size:.78rem}.modes__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mode{grid-column:span 1}}@media (width>=48rem) and (width<=63.99rem){.hub__logo-text,.hub__user-meta,.hub__upgrade{display:none}.hub__nav{gap:.1rem;margin-left:.2rem}.hub__nav-item{padding:.45rem .7rem;font-size:.8rem}}.hub__logo-text small{white-space:nowrap}@media (width>=80rem){.hub__burger,.hub__stats--top{display:none}.hub__side{display:flex}.hub__body{padding:1rem 1.2rem}.hero{min-height:22rem}.hero__title-line1{font-size:clamp(3rem,4.2vw,4.4rem)}.mode__art{height:7.5rem}.mode__body{padding:.3rem .9rem .9rem}.mode__blurb{font-size:.8rem}.mode__meta{font-size:.76rem}}@media (height<=34rem) and (orientation:landscape){.hub__top{padding-top:calc(env(safe-area-inset-top,0px) + .3rem);padding-bottom:.3rem}.hub__logo-img{width:2.4rem}.hero{gap:.3rem;min-height:13.5rem;padding:.7rem 1rem .6rem}.hero__sub{font-size:.9rem}.hero__feats{gap:.3rem .9rem;padding-top:.25rem}.hero__feats li{font-size:.7rem}.hero__feat-ico{width:1.6rem;height:1.6rem}.hero__title-line1{font-size:clamp(1.9rem,8vw,2.6rem)}.hero__title-line2{letter-spacing:.22em;font-size:clamp(.85rem,4vw,1.1rem)}.mode__art{height:5rem}.mk__card{gap:.55rem;max-height:calc(100vh - 1rem);padding:.8rem .9rem .7rem}.mk__art{width:3.8rem;height:3.8rem}.mk__art .kart{width:3rem;height:3rem}.mk__detail{display:none}}.hub{font-family:system-ui,-apple-system,Segoe UI,sans-serif}.hub__user-btn{cursor:default}.hub__side .hub__stats,.hub__drawer-panel .hub__stats{flex-direction:column;gap:.7rem}.hub__side .hub__stat,.hub__drawer-panel .hub__stat{grid-template-columns:1.2rem auto 1fr}.hub__side .hub__stat small,.hub__drawer-panel .hub__stat small{grid-column:auto;margin:0;font-size:.74rem}.hub__pop-item{text-decoration:none}.mode--bot{--mode-a:#4a1f8f;--mode-b:#1c0d45;--mode-glow:#ff783c59}.mode--online{--mode-a:#3c2a12;--mode-b:#14102a;--mode-glow:#ffc53166}.mode--join{--mode-a:#123c78;--mode-b:#0b1638;--mode-glow:#4fb4ff66}.mode--local{--mode-a:#10285e;--mode-b:#0a1230;--mode-glow:#3c82ff73}.mode__art{background:linear-gradient(180deg, #00000040 0%, var(--mode-b) 100%), radial-gradient(60% 70% at 50% 60%, var(--mode-glow), transparent 70%), url(/backgrounds/fondo.webp) center / cover no-repeat;justify-content:center;align-items:flex-end;gap:0;display:flex}.mode__art img{object-fit:contain;filter:drop-shadow(0 8px 14px #000000a6);max-width:45%;height:88%}.mode__art img+img{height:78%;margin-left:-.8rem}.mode__cta--enter{color:#fff}.hero__showcase-tile{object-fit:contain;height:7.5rem}.hero__showcase-tile--back{height:8.5rem}.games-pick{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-bottom:.6rem;display:grid}.games-pick__opt,.rules-pick__opt{border:1px solid var(--hub-line-strong);border-radius:var(--hub-radius);background:var(--hub-panel);color:var(--hub-text);text-align:left;cursor:pointer;align-items:center;gap:.7rem;padding:.65rem .9rem;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.games-pick__opt:hover,.rules-pick__opt:hover{border-color:#ffc53199}.games-pick__opt--on,.rules-pick__opt--on{border-color:var(--hub-gold);background:linear-gradient(#6d3df58c,#4a22c98c);box-shadow:0 0 0 1px #ffc53159,0 8px 20px #00000059}.games-pick__opt>img{filter:drop-shadow(0 4px 6px #0009);height:2.6rem}.games-pick__opt strong,.rules-pick__opt strong{letter-spacing:.02em;font-size:1.05rem;font-weight:900;display:block}.games-pick__opt small,.rules-pick__opt small{color:var(--hub-dim);font-size:.74rem;display:block}.games-pick__discs{flex-shrink:0;width:3.1rem;height:2.6rem;position:relative}.games-pick__discs .checker{width:1.9rem;height:1.9rem;position:absolute}.games-pick__discs .checker:first-child{top:0;left:0}.games-pick__discs .checker:last-child{bottom:0;right:0}.rules-pick{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:.8rem;display:grid}.rules-pick__opt{flex-direction:column;align-items:flex-start;gap:.15rem;padding:.55rem .8rem}.rules-pick__opt strong{font-size:.92rem}@media (width<=47.99rem){.rules-pick{grid-template-columns:1fr}.games-pick__opt small{display:none}}.mode__discs{align-items:center;gap:.3rem;height:100%;display:flex}.mode__discs .checker{width:3.4rem;height:3.4rem;box-shadow:0 8px 14px #0009}.mode__discs .checker img{width:62%;max-width:none;height:62%;margin:0}.hub-modal__crown{align-self:center;width:3.2rem}.hub-modal__perks{text-align:left;font-size:.9rem}.hub-modal__link{text-align:center;text-decoration:none;display:block}.hub-modal__variant{text-align:center;color:var(--gold);letter-spacing:.04em;margin:-.4rem 0 0;font-weight:700}.modal.hub-modal{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040414b8;position:fixed}.hub-modal__card{align-items:stretch;width:min(100%,28rem);max-height:calc(100vh - 2rem);position:relative;overflow-y:auto}.hub-modal__card h2,.hub-modal__card>.dim{text-align:center}.hub-modal__card>.cta{padding:.85rem 1.3rem;font-size:1.05rem}.hub-modal__card .field{text-align:left}.hub-modal__close{cursor:pointer;background:#ffffff0f;border:1px solid #96aaff59;border-radius:50%;width:2.1rem;height:2.1rem;position:absolute;top:.7rem;right:.7rem}.seg__opt{justify-content:center;align-items:center;gap:.35rem;display:flex}.seg__opt img{height:1.6rem}.board2d{touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.stage{transform-origin:50%;filter:drop-shadow(0 18px 26px #0009);position:absolute;top:50%;left:50%}.stage__grid{position:absolute;inset:0;overflow:visible}.piece{pointer-events:none;filter:drop-shadow(0 6px 5px #0000008c);transition:left .28s cubic-bezier(.2,.7,.3,1),top .28s cubic-bezier(.2,.7,.3,1);position:absolute}.piece--sel{filter:drop-shadow(0 0 10px #ffdc78f2)drop-shadow(0 6px 5px #0000008c)}.piece--drag{filter:drop-shadow(0 22px 14px #00000080)}.checker{border-radius:50%;place-items:center;display:grid}.checker--w{background:radial-gradient(circle,#0000 52%,#78582859 54%,#0000 57%),radial-gradient(circle,#0000 30%,#7858284d 32%,#0000 35%),radial-gradient(circle at 38% 32%,#fffaf0 0%,#f1e2c2 45%,#cdb07c 100%);box-shadow:inset 0 -6px 10px #6e4c1e73,inset 0 4px 6px #fffc,0 0 0 3px #8a6a3a}.checker--b{background:radial-gradient(circle,#0000 52%,#ffd28c2e 54%,#0000 57%),radial-gradient(circle,#0000 30%,#ffd28c26 32%,#0000 35%),radial-gradient(circle at 38% 32%,#6b4a3e 0%,#2e1c16 50%,#140b08 100%);box-shadow:inset 0 -6px 10px #0009,inset 0 4px 6px #ffdcbe40,0 0 0 3px #0b0604}.checker img{object-fit:contain;filter:drop-shadow(0 2px 3px #0009);width:62%;height:62%}.checker.piece--sel{box-shadow:0 0 0 5px #ffdc78f2,0 0 24px #ffdc78cc}.panel-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e24e0;border-radius:1rem;flex-direction:column;min-height:0;display:flex;overflow:hidden;box-shadow:0 .6rem 1.6rem #00000080}.panel-card__head{justify-content:space-between;align-items:center;gap:.5rem;padding:.9rem 1rem .5rem;display:flex}.panel-card__head h3{font-family:var(--display);color:var(--gold);margin:0;font-size:1.35rem;font-weight:500}.chip-btn{cursor:pointer;background:#3d8bff33;border:1px solid #3d8bff99;border-radius:.45rem;padding:.3rem .8rem;font-size:.9rem}.chat{flex:auto}.tabs{gap:.3rem;display:flex}.tabs button{border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:.5rem;padding:.35rem 1.1rem}.tabs .tabs__on{background:linear-gradient(#2f6fe8,#1a47b4);border-color:#4a85ff;font-weight:700}.chat__list{flex-direction:column;flex:1;gap:.7rem;margin:0;padding:.3rem .9rem;list-style:none;display:flex;overflow-y:auto}.chat__empty{color:var(--dim);text-align:center;margin:auto}.chat__msg{align-items:flex-start;gap:.6rem;display:flex}.chat__avatar{background:#3a4170;border-radius:50%;flex:none;place-items:center;width:2.2rem;height:2.2rem;font-size:.8rem;font-weight:800;display:grid}.chat__avatar--w{color:#3a2400;background:radial-gradient(circle at 35% 30%,#fff1c8,#caa060)}.chat__avatar--b{color:var(--gold);background:radial-gradient(circle at 35% 30%,#4a4a58,#101014)}.chat__who{font-size:.92rem;font-weight:700}.chat__who time{color:var(--dim);margin-left:.3rem;font-size:.75rem;font-weight:400}.chat__text{overflow-wrap:anywhere;font-size:.95rem}.emoji-grid{flex:1;grid-template-columns:repeat(6,1fr);align-content:start;gap:.3rem;padding:.6rem;display:grid}.emoji-grid button{cursor:pointer;background:#ffffff0d;border:0;border-radius:.5rem;padding:.35rem;font-size:1.4rem}.chat__form{gap:.4rem;padding:.6rem;display:flex}.chat__form input{border-radius:.7rem;flex:1;min-width:0}.chat__send{width:2.6rem;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:.7rem;place-items:center;display:grid}.drawer-scrim{z-index:8;background:#02020c73;position:fixed;inset:0}.drawer{z-index:9;width:min(24rem,92vw);padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));border-right:1px solid var(--line);visibility:hidden;background:#080b1ef5;flex-direction:column;gap:.9rem;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:1rem 0 2.5rem #0000008c}.drawer--open{visibility:visible;transform:none}.drawer__head{justify-content:space-between;align-items:center;display:flex}.drawer__head h3{font-family:var(--display);color:var(--gold);margin:0;font-size:1.5rem;font-weight:500}.drawer .moves,.drawer .chat{flex:auto;min-height:10rem}.drawer__more{border-top:1px solid var(--line);flex-direction:column;gap:.2rem;padding-top:.4rem;display:flex}.drawer__more button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.5rem;padding:.6rem .8rem}.drawer__more button:hover{background:#ffffff12}.toast{z-index:4;background:var(--panel-2);border:1px solid var(--gold);white-space:nowrap;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .8rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.modal{z-index:6;background:#04021073;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.card{text-align:center;background:#0e102cf2;border:1px solid #f3c35b8c;border-radius:1.2rem;flex-direction:column;align-items:center;gap:.8rem;width:min(100%,26rem);padding:1.5rem 1.3rem;display:flex;box-shadow:0 1.5rem 3rem #0000008c,0 0 2rem #f3c35b1f}.card--left{text-align:left}.card h2{font-family:var(--display);letter-spacing:.03em;color:var(--gold);margin:0;font-size:2rem}.card .crown{width:3.4rem}.code{font-family:var(--display);letter-spacing:.3em;color:var(--gold);font-size:2.4rem}.help{color:var(--dim);gap:.5rem;margin:0;padding-left:1.1rem;display:grid}.promo{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.promo__piece{border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:.8rem;width:3.8rem;height:3.8rem;padding:.25rem}.promo__piece img{object-fit:contain;width:100%;height:100%}.promo__piece:hover{border-color:var(--gold)}.result-pill{z-index:4;border:1px solid var(--gold);background:var(--panel-2);cursor:pointer;border-radius:999px;padding:.45rem 1rem;font-weight:700;position:absolute;top:5.5rem;left:50%;transform:translate(-50%)}a.hub__logo,a.hub__logo:hover{color:inherit;text-decoration:none}.table{--t-bg:#14071f;--t-panel:#240e36e6;--t-panel-2:#2a1140;--t-line:#d9b25f66;--t-ink:#f6eedf;--t-dim:#bba5d4;--t-gold:#e3bf6a;--t-gold-rgb:227, 191, 106;--t-acc:#b45cff;--t-acc-rgb:180, 92, 255;--t-red:#e5484d;--board-ratio:996 / 1004;--board-k:.992;background:linear-gradient(118deg, transparent 58%, rgba(var(--t-gold-rgb), .07) 66%, transparent 74%), radial-gradient(130% 90% at 50% 0%, #3b1458 0%, #1e0a2e 48%, var(--t-bg) 78%);color:var(--t-ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:fixed;inset:0;overflow:hidden}.table .icon{width:1.4rem;height:1.4rem}.table .hud{--pad:.6rem;--gap:.6rem;--board-w:min(calc((100dvh - 2 * var(--pad)) * var(--board-k)), 58vw);gap:var(--gap);height:100%;padding:max(var(--pad), env(safe-area-inset-top)) max(var(--pad), env(safe-area-inset-right)) max(var(--pad), env(safe-area-inset-bottom)) max(var(--pad), env(safe-area-inset-left));grid-template-columns:minmax(0, 1fr) minmax(0, 1.5fr) var(--board-w);grid-template-rows:auto auto auto auto minmax(0,1fr) auto;grid-template-areas:"head head board""rival rival board""me me board""turn recent board"". .board""act act board";display:grid;position:relative}.table .panel{display:none}.table .head{grid-area:head}.table .seat--rival{grid-area:rival}.table .seat--me{grid-area:me}.table .arena__board{grid-area:board;min-width:0;min-height:0;position:relative}.table .turn{grid-area:turn}.table .recent{grid-area:recent}.table .actbar-wrap{grid-area:act}.table .head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.table .head__title{text-align:center;min-width:0}.table .head__title h1{color:#f2d79e;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.15rem;font-weight:700;overflow:hidden}.table .head__title p{color:var(--t-dim);white-space:nowrap;text-overflow:ellipsis;margin:.1rem 0 0;font-size:.85rem;overflow:hidden}.table .head__tools{gap:.2rem;display:flex}.table .icon-btn{width:2.5rem;height:2.5rem;color:var(--t-gold);cursor:pointer;background:0 0;border:0;border-radius:.7rem;place-items:center;font-size:1.1rem;display:grid}.table .icon-btn:hover{background:#ffffff12}.table .head .icon--back{width:1.6rem;height:1.6rem}.table .head__full{display:none}.table .seat{border:1px solid var(--t-line);background:var(--t-panel);border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.75rem;min-width:0;padding:.6rem .75rem;display:grid}.table .seat__avatar{border:2px solid var(--t-gold);border-radius:50%;place-items:center;width:3.2rem;height:3.2rem;font-size:1.1rem;font-weight:800;display:grid;position:relative}.table .seat__avatar img{object-fit:contain;width:62%;height:62%}.table .seat__avatar--w{color:#2a1140;background:radial-gradient(circle at 35% 30%,#fbf4e6,#cbb89a)}.table .seat__avatar--b{color:var(--t-ink);background:radial-gradient(circle at 35% 30%,#4a2a66,#150720)}.table .seat__dot{border:2px solid var(--t-bg);background:#2ecc71;border-radius:50%;width:.85rem;height:.85rem;position:absolute;bottom:0;right:-.05rem}.table .seat__dot--off{background:#6b7a8c}.table .seat__who{min-width:0}.table .seat__name{white-space:nowrap;text-overflow:ellipsis;font-size:1.15rem;font-weight:700;overflow:hidden}.table .seat__meta{color:var(--t-gold);align-items:center;gap:.45rem;margin-top:.15rem;font-size:.92rem;display:flex}.table .seat__meta span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.table .seat .flag{flex:none;width:1.4rem}.table .captured{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.6rem;align-items:center;min-width:0;max-width:13rem;padding:.2rem .3rem;display:flex}.table .captured:not(:disabled):hover{border-color:var(--t-line);background:#ffffff0d}.table .captured:disabled{opacity:1;cursor:default}.table .captured__pieces{align-items:center;min-width:0;display:flex;overflow:hidden}.table .captured__piece{filter:drop-shadow(1px 1px 1px #0009);flex:none;width:auto;height:1.7rem;margin-left:-.75rem}.table .captured__piece[data-side=b]{filter:drop-shadow(0 0 1px #ffecc8cc)drop-shadow(1px 1px 1px #0009)}.table .captured__piece:first-child{margin-left:0}.table .captured__piece--group{margin-left:-.2rem}.table .captured__piece--P{height:1.35rem}.table .captured__disc{width:1.2rem;height:1.2rem;box-shadow:none!important}.table .captured__n{color:var(--t-dim);margin-left:.3rem;font-weight:700}.table .captured__lead{border:1px solid var(--t-line);color:var(--t-dim);background:#ffffff0f;border-radius:.45rem;flex:none;margin-left:.4rem;padding:.15rem .45rem;font-size:.85rem;font-weight:700}.table .clock{border:1.5px solid rgba(var(--t-gold-rgb), .75);color:#f6eedfe6;background:#12051ce0;border-radius:.8rem;flex-direction:column;gap:.35rem;min-width:6.4rem;padding:.35rem .9rem .5rem;display:flex}.table .clock__time{text-align:center;font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:700;line-height:1.05}.table .clock__bar{background:#ffffff1a;border-radius:999px;height:.28rem;overflow:hidden}.table .clock__bar span{border-radius:inherit;background:var(--t-gold);height:100%;display:block}.table .clock--on{color:#fff;border-color:var(--t-acc);box-shadow:0 0 .9rem rgba(var(--t-acc-rgb), .55), inset 0 0 .6rem rgba(var(--t-acc-rgb), .2)}.table .clock--on .clock__bar span{background:var(--t-acc)}.table .clock--low{color:#ffb0a8}.table .stage{filter:drop-shadow(0 12px 22px #00000073)}.table .sq-light{fill:#ece3e6}.table .sq-dark{fill:#4e2a72}.table .sq-veins{opacity:.45;mix-blend-mode:soft-light;pointer-events:none}.table .coord text{fill:#e6d6f2;text-anchor:middle;dominant-baseline:central;font-size:26px}.table .coord--inside text{font-size:30px;font-weight:700}.table .coord--inside .on-dark{fill:#ece3e6}.table .coord--inside .on-light{fill:#4e2a72}.table .piece{filter:drop-shadow(0 4px 4px #0006)}.table .piece--sel{filter:drop-shadow(0 0 8px rgba(var(--t-acc-rgb), .9)) drop-shadow(0 4px 4px #0006)}.table .mk-last{fill:rgba(var(--t-acc-rgb), .5)}.table .mk-sel{fill:rgba(var(--t-acc-rgb), .55);stroke:#d49bff;stroke-width:6px}.table .sq-frame{fill:none;stroke:var(--t-gold);stroke-width:5px}.table .mk-check{fill:#e5484d99}.table .mk-hint{fill:rgba(var(--t-gold-rgb), .55)}.table .mk-hover{fill:#ffffff40}.table .mk-dot{fill:#1e082e61}.table .mk-capture{fill:none;stroke:#1e082e73;stroke-width:9px}.table .mk-forced{fill:#ff8c2861;stroke:#ffaa3ce6;stroke-width:4px}.table .turn,.table .recent{border:1px solid var(--t-line);background:var(--t-panel);border-radius:1rem;min-width:0}.table .turn{align-items:center;gap:.8rem;padding:.7rem .9rem;display:flex}.table .turn>div{flex-direction:column;min-width:0;display:flex}.table .turn strong{white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;overflow:hidden}.table .turn span{color:#c9a6f0;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.table .turn__dot{width:.95rem;height:.95rem;box-shadow:0 0 0 3px rgba(var(--t-acc-rgb), .35), 0 0 .8rem rgba(var(--t-acc-rgb), .8);background:#fff;border-radius:50%;flex:none}.table .turn--rival .turn__dot{box-shadow:none;background:#6e5a84}.table .turn--alert .turn__dot{background:var(--t-red);box-shadow:0 0 .8rem #e5484dcc}.table .turn--end .turn__dot{background:var(--t-gold);box-shadow:0 0 .8rem rgba(var(--t-gold-rgb), .7)}.table .recent{flex-direction:column;gap:.45rem;padding:.55rem .7rem;display:flex}.table .recent__head{color:var(--t-dim);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.table .recent__head .icon{width:1.1rem;height:1.1rem}.table .recent__head span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.table .recent__head button{color:var(--t-gold);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:.1rem;padding:0;font-size:.85rem;display:flex}.table .recent__head button .icon{width:.95rem;height:.95rem}.table .recent__list{gap:.35rem;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.table .recent__list li{border:1px solid var(--t-line);white-space:nowrap;background:#ffffff0a;border-radius:.5rem;align-items:center;gap:.3rem;padding:.3rem .5rem;font-size:.9rem;display:flex}.table .recent__list .recent__last{border-color:rgba(var(--t-acc-rgb), .6);background:rgba(var(--t-acc-rgb), .18)}.table .recent__list .recent__empty{color:var(--t-dim);background:0 0;border:0}.table .recent__n{color:var(--t-dim)}.table .san{align-items:center;gap:.1rem;display:inline-flex}.table .san__piece{font-size:1.15em;font-weight:400;line-height:1}.table .actbar{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.table .act{border:1px solid var(--t-line);min-width:0;color:var(--t-gold);cursor:pointer;background:linear-gradient(#33154b,#220c33);border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.7rem .3rem;font-size:.95rem;font-weight:600;display:flex;position:relative}.table .act .icon{width:1.7rem;height:1.7rem;color:var(--t-gold)}.table .act:not(:disabled):hover{border-color:rgba(var(--t-acc-rgb), .6)}.table .act--hint{border-color:rgba(var(--t-acc-rgb), .8);box-shadow:0 0 1rem rgba(var(--t-acc-rgb), .35);background:linear-gradient(#5a2391,#3a125f)}.table .act--hint .icon{color:#f2d79e}.table .act--resign{background:linear-gradient(#5a1a20,#3d1116);border-color:#e5484d8c}.table .act--resign .icon{color:#ff5a5f;fill:#ff5a5f}.table .act__badge{background:var(--t-acc);color:#fff;border-radius:999px;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;font-size:.75rem;font-style:normal;font-weight:800;display:grid;position:absolute;top:.4rem;right:.6rem}.table .panel{border:1px solid var(--t-line);background:var(--t-panel);border-radius:1.1rem;flex-direction:column;gap:.9rem;min-height:0;padding:.9rem}.table .panel__tabs{border-bottom:1px solid var(--t-line);gap:.3rem;display:flex}.table .panel__tabs button{color:var(--t-dim);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.6rem .8rem;display:flex}.table .panel__tabs button .icon{width:1.15rem;height:1.15rem}.table .panel__tabs .is-on{color:var(--t-gold);border-bottom-color:var(--t-gold)}.table .panel .moves,.table .panel .chat,.table .panel .info{flex:auto;min-height:8rem}.table .panel__cards{gap:.8rem;display:grid}.table .mini{border:1px solid var(--t-line);color:var(--t-ink);text-align:left;background:#ffffff08;border-radius:.9rem;flex-direction:column;gap:.5rem;padding:.8rem;display:flex}.table .mini header{align-items:center;gap:.5rem;font-size:.95rem;display:flex}.table .mini header .icon{width:1.15rem;height:1.15rem;color:var(--t-dim)}.table .mini__row{background:#0003;border-radius:.6rem;justify-content:space-between;align-items:center;gap:.6rem;padding:.45rem .6rem;display:flex}.table .mini__row>span{font-weight:600}.table .mini--hint{cursor:pointer;flex-direction:row;align-items:center;gap:.8rem}.table .mini--hint>span:nth-child(2){flex-direction:column;flex:1;gap:.15rem;display:flex}.table .mini--hint small{color:var(--t-dim)}.table .mini__bulb{background:rgba(var(--t-gold-rgb), .15);width:2.6rem;height:2.6rem;color:var(--t-gold);border-radius:.7rem;place-items:center;display:grid}.table .moves{border:1px solid var(--t-line);border-radius:.8rem;flex-direction:column;min-height:0;display:flex;overflow:hidden}.table .moves__list{flex:1;overflow-y:auto}.table .moves__row{font-variant-numeric:tabular-nums;border-bottom:1px solid #ffffff0a;grid-template-columns:3rem 1fr 1fr;align-items:center;padding:.45rem .9rem;display:grid}.table .moves__row--head{color:var(--t-dim);background:#ffffff08;font-size:.85rem}.table .moves__last{background:rgba(var(--t-acc-rgb), .3);box-shadow:inset 3px 0 0 var(--t-acc)}.table .moves__n{color:var(--t-dim)}.table .moves__empty,.table .moves__result{text-align:center;color:var(--t-dim);margin:.8rem}.table .moves__result{color:var(--t-ink);font-weight:800}.table .info{overflow-y:auto}.table .info h3{margin:0 0 .2rem}.table .info .help{margin-top:.8rem}.table .drawer{border-right:0;border-left:1px solid var(--t-line);background:#1a0928f7;left:auto;right:0;transform:translate(105%);box-shadow:-1rem 0 2.5rem #0000008c}.table .drawer--open{transform:none}.table .drawer__head h3{color:var(--t-ink);font-family:inherit;font-weight:700}.table .drawer__more{border-top-color:var(--t-line)}.table .panel-card{border-color:var(--t-line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.table .card{border-color:rgba(var(--t-gold-rgb), .6);box-shadow:0 1.5rem 3rem #0000008c, 0 0 2rem rgba(var(--t-acc-rgb), .12);background:#1e0a2ef7}.table .card h2{color:#f2d79e;font-family:inherit;font-weight:800}.table .toast,.table .result-pill{border-color:rgba(var(--t-acc-rgb), .6);background:var(--t-panel-2)}@media (aspect-ratio<=1){.table .hud{--board-ratio:1;grid-template:"head head"". ."minmax(0,1fr)"rival rival""board board"minmax(0,auto)"me me""turn recent""act act"/minmax(0,1fr) minmax(0,1.6fr)}.table .arena__board{width:calc(100% + 2 * var(--pad));margin:0 calc(-1 * var(--pad));aspect-ratio:var(--board-ratio);justify-self:center;max-height:100%}}@media (width>=75rem) and (height>=36rem) and (aspect-ratio>=1){.table .hud{--pad:1rem;--gap:1rem;--head-h:3.4rem;--seat-h:5.4rem;--board-w:min(calc((100dvh - 2 * var(--pad) - var(--head-h) - 2 * var(--seat-h) - 3 * var(--gap)) * var(--board-k)), calc(100vw - 24rem - var(--gap) - 2 * var(--pad)));grid-template-columns:minmax(24rem, 1fr) var(--board-w);grid-template-rows:var(--head-h) var(--seat-h) minmax(0, 1fr) var(--seat-h);grid-template-areas:"turn head""panel rival""panel board""panel me"}.table .panel{grid-area:panel;display:flex}.table .recent,.table .actbar-wrap{display:none}.table .head__full{display:grid}.table .head__title{text-align:left}.table .head__title h1{font-size:1.35rem}}@media (height<=30rem) and (aspect-ratio>=1){.table .hud{--pad:.4rem;--gap:.4rem}.table .head__title h1{font-size:.95rem}.table .head__title p{font-size:.72rem}.table .icon-btn{width:2rem;height:2rem}.table .seat{border-radius:.8rem;gap:.5rem;padding:.3rem .5rem}.table .seat__avatar{width:2.2rem;height:2.2rem;font-size:.85rem}.table .seat__name{font-size:.92rem}.table .seat__meta{margin-top:0;font-size:.75rem}.table .seat .flag{width:1.1rem}.table .captured__piece{height:1.45rem}.table .captured__piece--P{height:1.15rem}.table .clock{gap:.2rem;min-width:4.8rem;padding:.2rem .55rem .3rem}.table .clock__time{font-size:1.3rem}.table .turn{border-radius:.8rem;gap:.55rem;padding:.4rem .6rem}.table .turn strong{font-size:.88rem}.table .turn span{font-size:.72rem}.table .turn__dot{width:.7rem;height:.7rem}.table .recent{border-radius:.8rem;gap:.3rem;padding:.35rem .5rem}.table .recent__head,.table .recent__head button{font-size:.72rem}.table .recent__list li{padding:.15rem .35rem;font-size:.75rem}.table .act{border-radius:.8rem;flex-direction:row;gap:.4rem;padding:.45rem .3rem;font-size:.8rem}.table .act .icon{width:1.15rem;height:1.15rem}.table .act__badge{top:-.3rem;right:-.2rem}}@media (aspect-ratio<=1) and (width<=32rem){.table .hud{--pad:.5rem;--gap:.5rem}.table .seat{gap:.55rem;padding:.5rem .6rem}.table .seat__avatar{width:2.6rem;height:2.6rem;font-size:.95rem}.table .seat__name{font-size:1rem}.table .seat__meta{font-size:.8rem}.table .captured{max-width:7.5rem;padding:.15rem}.table .captured__piece{height:1.45rem;margin-left:-.68rem}.table .captured__piece:first-child{margin-left:0}.table .captured__piece--group{margin-left:-.25rem}.table .captured__piece--P{height:1.15rem}.table .clock{min-width:5.2rem;padding:.3rem .6rem .4rem}.table .clock__time{font-size:1.5rem}.table .turn{gap:.55rem;padding:.55rem .7rem}.table .turn>div{gap:.1rem}.table .turn span{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.table .recent__head>.icon{display:none}.table .turn strong{font-size:.95rem}.table .turn span{font-size:.75rem}.table .recent{padding:.5rem .55rem}.table .recent__head span{font-size:.78rem}.table .recent__list li{padding:.2rem .35rem;font-size:.78rem}.table .recent__list li:nth-child(-n+1):not(:only-child):not(.recent__last){display:none}.table .act{padding:.55rem .2rem;font-size:.82rem}.table .act .icon{width:1.4rem;height:1.4rem}}@media (aspect-ratio<=1) and (height<=46rem){.table .hud{--pad:.4rem;--gap:.35rem}.table .icon-btn{width:2.1rem;height:2.1rem}.table .head__title h1{font-size:1rem}.table .head__title p{margin-top:0;font-size:.75rem}.table .seat{border-radius:.8rem;padding:.3rem .5rem}.table .seat__avatar{width:2.2rem;height:2.2rem;font-size:.85rem}.table .seat__name{font-size:.92rem}.table .seat__meta{margin-top:0;font-size:.72rem}.table .clock{gap:.15rem;min-width:4.6rem;padding:.15rem .5rem .25rem}.table .clock__time{font-size:1.25rem}.table .turn,.table .recent{border-radius:.8rem;padding:.35rem .5rem}.table .turn strong{font-size:.85rem}.table .turn span{-webkit-line-clamp:1;font-size:.7rem}.table .turn__dot{width:.7rem;height:.7rem}.table .recent{gap:.25rem}.table .recent__list li{padding:.1rem .3rem;font-size:.72rem}.table .act{border-radius:.8rem;flex-direction:row;gap:.35rem;padding:.45rem .2rem;font-size:.78rem}.table .act .icon{width:1.1rem;height:1.1rem}.table .act__badge{top:-.3rem;right:-.2rem}}@keyframes piece-land-a{0%,55%{transform:none}75%{transform:scale(1.12)translateY(-4%)}to{transform:none}}@keyframes piece-land-b{0%,55%{transform:none}75%{transform:scale(1.12)translateY(-4%)}to{transform:none}}.table .piece--land-a{animation:.5s ease-out piece-land-a}.table .piece--land-b{animation:.5s ease-out piece-land-b}@keyframes piece-shake-a{0%,to{transform:none}20%{filter:drop-shadow(0 0 8px #e5484df2);transform:translate(-9%)rotate(-5deg)}40%{filter:drop-shadow(0 0 8px #e5484df2);transform:translate(8%)rotate(4deg)}60%{filter:drop-shadow(0 0 6px #e5484dcc);transform:translate(-6%)rotate(-3deg)}80%{transform:translate(3%)}}@keyframes piece-shake-b{0%,to{transform:none}20%{filter:drop-shadow(0 0 8px #e5484df2);transform:translate(-9%)rotate(-5deg)}40%{filter:drop-shadow(0 0 8px #e5484df2);transform:translate(8%)rotate(4deg)}60%{filter:drop-shadow(0 0 6px #e5484dcc);transform:translate(-6%)rotate(-3deg)}80%{transform:translate(3%)}}.table .piece--shake-a{animation:.42s ease-in-out piece-shake-a}.table .piece--shake-b{animation:.42s ease-in-out piece-shake-b}@keyframes land-ripple{0%{opacity:.95;transform:scale(.35)}to{opacity:0;transform:scale(1.25)}}.table .mk-land{fill:none;stroke:var(--t-acc);stroke-width:7px;transform-box:fill-box;transform-origin:50%;opacity:0;pointer-events:none;animation:.6s ease-out .22s both land-ripple}.table .mk-land--capture{stroke:var(--t-gold);stroke-width:9px}.ghost{z-index:60;pointer-events:none;filter:drop-shadow(0 8px 10px #00000080);will-change:transform, opacity;position:fixed}.ghost img{width:100%;height:100%;display:block}@keyframes captured-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.table .captured__piece,.table .captured__disc{animation:.25s ease-out .7s both captured-in}@media (prefers-reduced-motion:reduce){.table .piece--land-a,.table .piece--land-b,.table .mk-land,.table .piece--shake-a,.table .piece--shake-b,.table .captured__piece,.table .captured__disc{animation:none}}.table .capdetail{gap:1rem}.table .capdetail__side{border:1px solid var(--t-line);background:#0003;border-radius:.9rem;width:100%;padding:.8rem}.table .capdetail__side header{justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.5rem;display:flex}.table .capdetail__side header strong{font-size:1.05rem}.table .capdetail__side header span{color:var(--t-gold);font-weight:700}.table .capdetail__side header em{border:1px solid var(--t-line);border-radius:.4rem;margin-left:.5rem;padding:.1rem .4rem;font-style:normal}.table .capdetail ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.table .capdetail li{background:#ffffff0a;border-radius:.5rem;grid-template-columns:2.4rem 1fr auto 3.5rem;align-items:center;gap:.6rem;padding:.3rem .4rem;display:grid}.table .capdetail li img{object-fit:contain;filter:drop-shadow(1px 2px 2px #0009);width:100%;height:2.1rem}.table .capdetail li .checker{justify-self:center;width:1.8rem;height:1.8rem}.table .capdetail li b{font-size:1.05rem}.table .capdetail li small{color:var(--t-dim);text-align:right}