: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}.table{position:fixed;inset:0;overflow:hidden}.hud{z-index:1;height:100%;padding:max(.8rem, env(safe-area-inset-top)) max(1.2rem, env(safe-area-inset-right)) max(.8rem, env(safe-area-inset-bottom)) max(1.2rem, env(safe-area-inset-left));position:relative}.topbar{z-index:5;top:max(.8rem, env(safe-area-inset-top));left:max(1.2rem, env(safe-area-inset-left));right:max(1.2rem, env(safe-area-inset-right));pointer-events:none;justify-content:space-between;display:flex;position:absolute}.topbar__left,.topbar__right{pointer-events:auto;align-items:center;gap:.6rem;display:flex}.room-pill{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:3rem;font-family:var(--display);letter-spacing:.04em;white-space:nowrap;border-radius:.9rem;align-items:center;gap:.6rem;padding:0 1.1rem;font-size:1.05rem;font-weight:500;display:flex}.room-pill .icon{width:1.1rem;height:1.1rem}.sq-btn{width:3rem;height:3rem}.arena{grid-template-columns:minmax(17rem,20rem) minmax(0,1fr);gap:1.2rem;height:100%;display:grid}.arena__board{min-width:0;min-height:0;position:relative}.players{flex-direction:column;justify-content:space-between;gap:1rem;min-height:0;padding:4.5rem 0 .4rem;display:flex}.seat{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e24db;border-radius:1.1rem;flex-direction:column;gap:.8rem;padding:1rem;display:flex;box-shadow:0 .6rem 1.6rem #00000080}.pcard{align-items:center;gap:.8rem;min-width:0;display:flex}.pcard__avatar{width:4.4rem;height:4.4rem;font-family:var(--display);border:3px solid #2f6fe8;border-radius:50%;flex:none;place-items:center;font-size:1.5rem;font-weight:700;display:grid;position:relative}.pcard--right .pcard__avatar{border-color:#d0343a}.pcard__avatar--w{color:#3a2400;background:radial-gradient(circle at 35% 30%,#fff1c8,#caa060)}.pcard__avatar--b{color:var(--gold);background:radial-gradient(circle at 35% 30%,#4a4a58,#101014)}.pcard__dot{border:2px solid #0c1030;border-radius:50%;width:1.05rem;height:1.05rem;position:absolute;bottom:.1rem;right:-.05rem}.pcard__dot--me{background:#2ecc71}.pcard__dot--rival{background:#e0414a}.pcard__dot--off{background:#6b7086}.pcard__body{flex-direction:column;gap:.35rem;min-width:0;display:flex}.pcard__name{align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;display:flex}.pcard__name span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.flag{border-radius:2px;flex:none;width:1.6rem;height:auto;box-shadow:0 0 0 1px #0006}.pcard__meta{color:var(--ink);font-size:1rem}.pcard--turn .pcard__name{color:var(--gold-2)}.clock{color:#e2e6ffcc;background:#060a1eeb;border:2px solid #3d8bff8c;border-radius:.8rem;flex-direction:column;align-items:center;gap:.3rem;padding:.4rem 1.1rem .6rem;display:flex}.clock--right{border-color:#e0414a99}.clock__time{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:3rem;font-weight:500;line-height:1.05}.clock__bar{background:#ffffff1a;border-radius:999px;width:100%;height:.35rem;overflow:hidden}.clock__bar span{border-radius:inherit;background:linear-gradient(90deg,#2ecc71,#f3c35b);height:100%;display:block}.clock--right .clock__bar span{background:linear-gradient(90deg,#f3c35b,#e0414a)}.clock--on{color:#fff;border-color:var(--neon);box-shadow:0 0 .7rem #3d8bffd9,inset 0 0 .7rem #3d8bff4d}.clock--right.clock--on{border-color:#ff4a55;box-shadow:0 0 .7rem #ff4a55d9,inset 0 0 .7rem #ff4a554d}.clock--low{color:#ffb0a8}.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)}.mk-last{fill:#f2c14e66}.mk-sel{fill:#7fd88a73}.mk-check{fill:#e0413a99}.mk-hint{fill:#3fa9ff80}.mk-hover{fill:#ffffff38}.mk-dot{fill:#1428188c}.mk-capture{fill:none;stroke:#14281899;stroke-width:9px}.mk-forced{fill:#ff8c2861;stroke:#ffaa3ce6;stroke-width:4px}.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}.coord text{fill:#f0cd7c;text-anchor:middle;dominant-baseline:central;font-family:Segoe UI,system-ui,sans-serif;font-size:34px}.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}.moves{flex:auto}.moves__list{font-variant-numeric:tabular-nums;margin:0;padding:0 .6rem .7rem;list-style:none;overflow-y:auto}.moves__list li{border-bottom:1px solid #ffffff0d;border-radius:.45rem;grid-template-columns:2.8rem 1fr 1fr;padding:.42rem .6rem;font-size:1.1rem;display:grid;position:relative}.moves__last{background:linear-gradient(90deg,#3d8bff73,#3d8bff33)!important}.moves__dot{background:#3fb4ff;border-radius:50%;width:.55rem;height:.55rem;margin-top:-.28rem;position:absolute;top:50%;right:.7rem;box-shadow:0 0 .4rem #3fb4ff}.moves__n{color:var(--dim)}.moves__empty{color:var(--dim);text-align:center;border:0!important;display:block!important}.moves__result{text-align:center;color:var(--gold);font-weight:800;display:block!important}.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}.actions{flex-direction:column;gap:.7rem;display:flex}.action{cursor:pointer;background:linear-gradient(#161e48eb,#0a0e26eb);border:1px solid #5a78dc73;border-radius:.9rem;align-items:center;gap:1rem;height:3.9rem;padding:0 1.4rem;font-size:1.15rem;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 .4rem 1rem #0006,inset 0 1px #ffffff0f}.action span{text-align:center;flex:1;margin-right:2.4rem}.action .icon{width:2rem;height:2rem;color:var(--gold)}.action:not(:disabled):hover{border-color:var(--gold);box-shadow:0 0 .9rem #f3c35b59}.action__badge{color:#2a1500;background:#ff9a1a;border-radius:50%;place-items:center;width:1.35rem;height:1.35rem;font-size:.78rem;font-style:normal;font-weight:800;display:grid;position:absolute;top:.55rem;left:2.7rem}.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-left:1px solid var(--line);visibility:hidden;background:#080b1ef5;flex-direction:column;gap:.9rem;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;right: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}.status{background:var(--panel-2);border:1px solid var(--gold);white-space:nowrap;pointer-events:none;border-radius:999px;padding:.4rem 1.1rem;font-weight:700;position:absolute;top:1.2rem;left:50%;transform:translate(-50%)}.status--notice{color:#ffc4bd;border-color:#e0574fb3;top:3.7rem}.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%)}@media (width<=1500px){.room-pill span:not(:first-child),.room-pill .icon{display:none}.arena{grid-template-columns:minmax(14rem,16rem) minmax(0,1fr);gap:.9rem}.seat{padding:.8rem}.pcard__avatar{width:3.4rem;height:3.4rem;font-size:1.2rem}.pcard__name{font-size:1.05rem}.clock__time{font-size:2.4rem}}@media (width<=900px),(aspect-ratio<=1){.hud{padding-left:.5rem;padding-right:.5rem}.topbar{left:.5rem;right:.5rem}.room-pill,.topbar__right .sq-btn:not(:last-child){display:none}.sq-btn{width:2.5rem;height:2.5rem}.arena{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr;gap:.4rem}.players{display:contents}.seat{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .6rem}.seat--rival{grid-row:1;margin:0 3rem}.arena__board{grid-row:2}.seat--me{flex-direction:row-reverse;grid-row:3}.pcard{gap:.45rem}.pcard__avatar{border-width:2px;width:2.3rem;height:2.3rem;font-size:.85rem}.pcard__name{font-size:.9rem}.pcard__meta,.flag{display:none}.clock{flex-direction:row;padding:.2rem .6rem}.clock__time{font-size:1.4rem}.clock__bar{display:none}.action{height:3.2rem;font-size:1rem}}