:root{--8b-red-hi:#ee2a34;--8b-red:#b5121b;--8b-red-deep:#6c0710;--8b-red-ink:#3d0308;--8b-red-glow:#ff3b44;--8b-crack:#ff9a9a;--8b-ball-hi:#4a4d58;--8b-ball:#14151b;--8b-ball-lo:#020203;--8b-disc:#fff;--8b-disc-2:#d9dde6;--8b-disc-3:#9aa1b0;--8b-ink:#07080c;--8b-word:#fff;--8b-paper:#f6f4f1}@font-face{font-family:Barlow Condensed;font-weight:700;font-style:normal;font-display:swap;src:url(/assets/barlow-condensed-700-DaGEMUg9.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-weight:800;font-style:normal;font-display:swap;src:url(/assets/barlow-condensed-800-BiZCWpe1.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-weight:900;font-style:normal;font-display:swap;src:url(/assets/barlow-condensed-900-tVGrMplY.woff2)format("woff2")}@font-face{font-family:Public Sans;font-weight:500;font-style:normal;font-display:swap;src:url(/assets/public-sans-500-Haql0X6l.woff2)format("woff2")}@font-face{font-family:Public Sans;font-weight:700;font-style:normal;font-display:swap;src:url(/assets/public-sans-700-DU50lG6d.woff2)format("woff2")}@font-face{font-family:Public Sans;font-weight:800;font-style:normal;font-display:swap;src:url(/assets/public-sans-800-CjDJ0lmB.woff2)format("woff2")}:root{--b-red-hi:#ff3b44;--b-red:#e8222c;--b-red-mid:#b5121b;--b-deep:#6c0710;--b-deeper:#3d0308;--b-crack:#ff9a9a;--b-ink:#0c0d11;--b-ink-2:#17181d;--b-paper:#f6f4f1;--b-white:#fff;--hdr:72px;--wrap:1240px;--sans:"Public Sans", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--disp:"Barlow Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--ease:cubic-bezier(.2, .8, .2, 1);--cut:14px}:root,.theme-light{--bg:#fff;--bg-2:var(--b-paper);--panel:#fff;--panel-2:var(--b-paper);--field:#fff;--chalk:#0c0d11;--body:#2b2f38;--mute:#4b505c;--faint:#6b707c;--line-2:#cfcac3;--tint:12 13 17;--acc:#c8161f;--acc-rgb:200 22 31;--on-acc:#fff;--err:#b3141c;--ok:#1a7f37;--teal:var(--acc);--teal-2:var(--b-red-mid);--blue:#2457c5;--ball:#f6c915;--warn:#9a5200;--glow:0 0 0 1px #e8222c4d, 0 8px 30px -8px #e8222c73;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme-dark,body.page-play,body.page-lobby,body.page-admin,.site-header,.site-footer,.hero,.page-head,.cta-band,.mode--dark{--bg:var(--b-ink);--bg-2:#111218;--panel:var(--b-ink-2);--panel-2:#1d1f26;--field:#0c0d11;--chalk:#f4f2ef;--body:#d4d7de;--mute:#aeb3bf;--faint:#8a8f9c;--line-2:#fff3;--tint:255 255 255;--acc:#ff3b44;--acc-rgb:255 59 68;--on-acc:#fff;--err:#ff9a9a;--ok:#6fe0a0;--teal:var(--acc);--warn:#ffb454;--glow:0 0 0 1px #ff3b4466, 0 8px 30px -8px #ff3b4480;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body:not(.page-play){--line:#e4e0db}body.page-lobby,body.page-admin,.site-header,.site-footer,.hero,.page-head,.cta-band,.mode--dark{--line:#ffffff1a}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 12px);-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--chalk);font:500 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex;overflow-x:hidden}body.pfs-lock{overflow:hidden}main{flex:1 0 auto}img{max-width:100%;height:auto;display:block}a{color:var(--acc);text-underline-offset:3px}a:hover{color:var(--b-red-mid)}.theme-dark a:hover,body.page-play a:hover,body.page-lobby a:hover,body.page-admin a:hover,.site-footer a:hover{color:var(--b-red-hi)}h1,h2,h3{font-family:var(--disp);text-transform:uppercase;letter-spacing:.005em;margin:0;font-weight:900;line-height:.96}p{margin:0 0 1em}:focus-visible{outline:3px solid var(--acc);outline-offset:3px;border-radius:4px}.ico{fill:none;flex:none;width:1.25em;height:1.25em}.sskip{z-index:200;background:var(--b-red);color:#fff;border-radius:4px;padding:10px 16px;font-weight:700;transition:top .15s;position:absolute;top:-60px;left:12px}.sskip:focus{top:10px}.wrap{width:min(100% - 40px, var(--wrap));margin-inline:auto}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{font-family:var(--disp);letter-spacing:.2em;text-transform:uppercase;color:var(--acc);margin:0 0 14px;font-size:18px;font-weight:800}.slogo{color:var(--chalk);align-items:center;line-height:0;text-decoration:none;display:inline-flex}.slogo:hover{color:var(--chalk)}.slogo__lockup{aspect-ratio:466.85/172;width:auto;height:54px;transition:transform .35s var(--ease)}.slogo:hover .slogo__lockup{transform:translateY(-1px)rotate(-1deg)}.site-header{z-index:100;height:var(--hdr);background:var(--b-ink);color:#fff;border-bottom:1px solid #ffffff14;position:sticky;top:0}.site-header__in{justify-content:space-between;align-items:center;gap:16px;width:min(100% - 32px,1560px);height:100%;margin-inline:auto;display:flex}.site-nav{align-items:center;gap:6px;margin-left:auto;display:flex}.site-nav a:not(.sbtn){color:#c9ccd4;font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;padding:8px 12px;font-size:19px;font-weight:700;text-decoration:none;transition:color .2s;position:relative}.site-nav a:not(.sbtn):after{content:"";background:var(--b-red-hi);transform-origin:0;height:3px;transition:transform .25s var(--ease);position:absolute;bottom:2px;left:12px;right:12px;transform:scaleX(0)}.site-nav a:not(.sbtn):hover,.site-nav a[aria-current]{color:#fff}.site-nav a:not(.sbtn):hover:after,.site-nav a[aria-current]:after{transform:scaleX(1)}.site-nav__cta{margin-left:8px}.nav-toggle{appearance:none;color:#fff;cursor:pointer;background:0 0;border:2px solid #ffffff59;border-radius:4px;place-items:center;width:44px;height:44px;display:none}.nav-toggle .ico{width:24px;height:24px}@media (max-width:1060px){.site-nav a:not(.sbtn){padding:8px;font-size:17px}.site-nav a:not(.sbtn):after{left:8px;right:8px}}@media (max-width:820px){:root{--hdr:64px}.slogo__lockup{height:44px}.nav-toggle{display:grid}.site-nav{top:var(--hdr);background:var(--b-ink);border-bottom:4px solid var(--b-red);visibility:hidden;opacity:0;flex-direction:column;align-items:stretch;gap:2px;padding:12px 16px 20px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;left:0;right:0;transform:translateY(-8px)}.site-nav.is-open{visibility:visible;opacity:1;transform:none}.site-nav a:not(.sbtn){border-bottom:1px solid #ffffff14;padding:14px 12px;font-size:22px}.site-nav a:not(.sbtn):after{display:none}.site-nav__cta{margin:14px 0 0}}.sbtn{--h:48px;--cut:12px;appearance:none;height:var(--h);color:var(--chalk);font:800 19px/1 var(--disp);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;cursor:pointer;transition:background .2s, color .2s, box-shadow .2s, transform .15s var(--ease);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));background:0 0;border:0;justify-content:center;align-items:center;gap:10px;padding:0 26px;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 2px}.sbtn:hover{color:var(--chalk);background:rgb(var(--tint) / .08);transform:translateY(-1px)}.sbtn:active{transform:translateY(1px)}.sbtn:focus-visible{box-shadow:inset 0 0 0 3px var(--b-ink), inset 0 0 0 6px #fff;clip-path:none;outline:none}.theme-light .sbtn:focus-visible,body:not(.page-play):not(.page-lobby):not(.page-admin) main .sbtn:focus-visible{box-shadow:inset 0 0 0 3px #fff, inset 0 0 0 6px var(--b-ink)}.sbtn--go{background:linear-gradient(180deg, var(--b-red-hi), var(--b-red) 40%, var(--b-red-mid));color:#fff;box-shadow:inset 0 1px 0 var(--b-crack)}.sbtn--go:hover{background:linear-gradient(180deg, #ff5a62, var(--b-red-hi) 40%, var(--b-red));color:#fff}.sbtn--lg{--h:56px;--cut:14px;padding:0 32px;font-size:21px}.sbtn--sm{--h:38px;--cut:9px;padding:0 18px;font-size:16.5px}.sbtn[disabled],.sbtn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.linkbtn{appearance:none;color:var(--mute);font:inherit;text-align:left;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin:0;padding:0;text-decoration:underline}.linkbtn:hover{color:var(--chalk)}.btn-light.sbtn{color:var(--b-ink);box-shadow:none;background:#fff}.btn-dark.sbtn{background:var(--b-ink);color:#fff;box-shadow:none}.site-footer{background:var(--b-ink);color:var(--mute);border-top:6px solid var(--b-red);margin-top:0}.site-footer__in{width:min(100% - 40px, var(--wrap));grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;margin-inline:auto;padding:60px 0 32px;display:grid}.site-footer .slogo__lockup{height:56px;margin-bottom:4px}.site-footer__brand p{color:var(--mute);max-width:36ch;margin:16px 0 0;font-size:15px}.site-footer__col{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.site-footer__col h2{letter-spacing:.14em;color:#fff;margin-bottom:6px;font-size:18px;font-weight:800}.site-footer__col a,.site-footer__col .linkbtn{color:var(--mute);font-size:15px;text-decoration:none}.site-footer__col a:hover,.site-footer__col .linkbtn:hover{color:#fff}.site-footer__col .linkbtn{text-decoration:none}.site-footer__base{width:min(100% - 40px, var(--wrap));color:var(--faint);border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;margin-inline:auto;padding:20px 0 30px;font-size:13.5px;display:flex}@media (max-width:720px){.site-footer__in{grid-template-columns:1fr 1fr}.site-footer__brand{grid-column:1/-1}}body.page-play .site-footer,body.page-lobby .site-footer{margin-top:48px}.page-head{isolation:isolate;color:var(--chalk);margin-bottom:clamp(28px,4vw,48px);padding:clamp(40px,6vw,72px) 0 clamp(30px,4.5vw,52px);position:relative}.page-head:before{content:"";z-index:-1;background:var(--b-ink);border-bottom:8px solid var(--b-red);width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.page-head:after{content:"";z-index:-1;background:linear-gradient(180deg, var(--b-red-mid), var(--b-deep));transform-origin:top;opacity:.9;width:min(34vw,420px);position:absolute;top:0;bottom:0;right:calc(50% - 50vw);transform:skew(-14deg)}.page-head h1{color:#fff;max-width:18ch;font-size:clamp(44px,6.4vw,84px)}.page-head p{color:#c9ccd4;max-width:62ch;margin:16px 0 0;font-size:18px}.page-head[style]{padding-top:clamp(40px,6vw,72px)!important}.lb.wrap,.wrap.lb{padding-top:0!important}.draft{color:var(--warn);background:#ffb4541a;border:1px solid #ffb45480;align-items:center;gap:8px;margin-top:18px;padding:6px 14px;font-size:14px;font-weight:700;display:inline-flex}.draft:before{content:"";background:var(--warn);width:8px;height:8px;transform:rotate(45deg)}.prose{max-width:74ch;padding-bottom:24px}.prose h2{border-top:4px solid var(--b-ink);margin:2em 0 .5em;padding-top:.9em;font-size:34px}.prose h2:first-child{border-top:0;margin-top:0;padding-top:0}.prose h3{margin:1.6em 0 .4em;font-size:24px}.prose p,.prose li{color:var(--body)}.prose ul{margin:0 0 1em;padding-left:1.2em}.prose li{margin-bottom:.4em}.prose li::marker{color:var(--b-red)}.prose table{border-collapse:collapse;width:100%;margin:1em 0 1.6em;font-size:15px;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 14px}.prose th{color:var(--chalk);font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;background:var(--b-paper);border-bottom:2px solid var(--b-ink);font-size:16px;font-weight:800}.prose td{color:var(--body)}.prose .smeta{color:var(--mute);font-size:14px}.toc{flex-wrap:wrap;gap:8px;margin:0 0 32px;padding:0;list-style:none;display:flex}.toc a{border:2px solid var(--b-ink);color:var(--chalk);font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;padding:6px 14px;font-size:16px;font-weight:700;text-decoration:none;display:block}.toc a:hover{background:var(--b-ink);color:#fff}.adslot{--w:var(--w-d);--h:var(--h-d);text-align:center;width:100%;max-width:100%;margin:0 auto;display:none}.adslot[data-reserve]{display:var(--on-d)}@media (max-width:1099px){.adslot{--w:var(--w-t);--h:var(--h-t)}.adslot[data-reserve]{display:var(--on-t)}}@media (max-width:767px){.adslot{--w:var(--w-m);--h:var(--h-m)}.adslot[data-reserve]{display:var(--on-m)}}html.no-ads .adslot{display:none!important}.adslot__box{width:var(--w);height:var(--h);contain:layout paint size;border-radius:10px;max-width:100%;margin-inline:auto;position:relative;overflow:hidden}.adslot[data-state=placeholder] .adslot__box{border:1px dashed rgb(var(--tint) / .16);background:repeating-linear-gradient(135deg, rgb(var(--tint) / .025) 0 10px, transparent 10px 20px)}.adslot[data-state=placeholder] .adslot__box:after{content:attr(data-label);color:var(--faint);letter-spacing:.06em;place-items:center;font-size:11.5px;display:grid;position:absolute;inset:0}.adslot__box>ins,.adslot__box>iframe{max-width:100%;display:block}.consent{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:150;pointer-events:none;justify-content:center;display:flex;position:fixed}.consent__card{pointer-events:auto;background:var(--b-ink);color:#fff;border-top:4px solid var(--b-red);width:min(100%,900px);animation:consent-in .4s var(--ease) both;--chalk:#f4f2ef;--mute:#c9ccd4;--tint:255 255 255;--acc:#ff3b44;grid-template-columns:1fr auto;align-items:center;gap:14px 24px;padding:18px 22px;display:grid;box-shadow:0 24px 70px #0000008c}.consent__card h2{color:#fff;margin-bottom:6px;font-size:22px}.consent__card p{color:#c9ccd4;margin:0;font-size:14.5px;line-height:1.5}.consent__card a{color:#fff}.consent__row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@keyframes consent-in{0%{opacity:0;transform:translateY(14px)}}@media (max-width:720px){.consent__card{grid-template-columns:1fr;padding:14px}.consent__row{justify-content:stretch}.consent__row .sbtn{flex:auto}}.modal{z-index:180;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0d11b8;place-items:center;padding:16px;animation:.2s both fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal__card{background:var(--panel);width:min(100%,560px);max-height:calc(100dvh - 32px);color:var(--chalk);border-top:6px solid var(--b-red);border-radius:4px;padding:28px;overflow:auto;box-shadow:0 30px 90px #0009}.modal__card h2{margin-bottom:10px;font-size:34px}.modal__card>p{color:var(--mute);font-size:15px}.pref{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:6px 18px;padding:16px 0;display:grid}.pref h3{font-size:22px}.pref p{color:var(--mute);grid-column:1;margin:0;font-size:14px;line-height:1.5}.modal__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.switch{appearance:none;border:2px solid var(--faint);cursor:pointer;background:0 0;border-radius:999px;flex:none;grid-area:1/2/span 2;width:56px;height:30px;padding:0;transition:background .2s,border-color .2s;position:relative}.switch:after{content:"";background:var(--faint);width:20px;height:20px;transition:transform .22s var(--ease), background .2s;border-radius:50%;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--b-red);border-color:var(--b-red)}.switch[aria-checked=true]:after{background:#fff;transform:translate(26px)}.switch[aria-disabled=true]{opacity:.6;cursor:not-allowed}.switch:focus-visible{outline-offset:3px;border-radius:999px}.hero{background:var(--b-ink);color:#fff;isolation:isolate;padding:clamp(36px,4.4vw,56px) 0 clamp(52px,6vw,84px);position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:linear-gradient(180deg, var(--b-red-hi), var(--b-red-mid) 60%, var(--b-deep));opacity:.96;width:760px;height:calc(100% + 80px);position:absolute;top:-40px;right:-80px;transform:skew(-14deg)}.hero:after{content:"";background:var(--b-red);height:10px;position:absolute;bottom:0;left:0;right:0}.hero__bg{display:none}.hero__in{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:20px;display:grid}.hero .eyebrow{color:#fff;opacity:.85;margin-bottom:18px}.hero h1{letter-spacing:-.005em;color:#fff;font-size:clamp(54px,7.4vw,104px);line-height:.92}.hero h1 em{color:var(--b-red-hi);font-style:normal;display:block}.lede{color:var(--mute);max-width:52ch;margin:22px 0 28px;font-size:clamp(17px,1.5vw,19px)}.hero .lede{color:#c9ccd4;max-width:520px;margin:26px 0 30px}.hero__cta{flex-wrap:wrap;gap:14px;display:flex}.hero .hero__cta .sbtn:not(.sbtn--go){color:#fff}.hero__facts{color:#e8e9ee;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;gap:8px 22px;margin:34px 0 0;padding:0;font-size:18px;font-weight:700;list-style:none;display:flex}.hero__facts li{align-items:center;gap:9px;display:inline-flex}.hero__facts li:before{content:"";background:var(--b-red-hi);flex:none;width:9px;height:9px;transform:rotate(45deg)}@media (min-width:1101px){.hero__facts{white-space:nowrap;flex-wrap:nowrap}}.hero__art{height:640px;position:relative}.hero__ball{aspect-ratio:1;filter:drop-shadow(0 40px 40px #00000080);width:min(520px,100%);height:auto;position:absolute;top:-20px;right:-10px}.shot{background:#000;border-radius:12px;margin:0;position:relative;overflow:hidden;box-shadow:0 30px 60px -20px #00000073,0 0 0 1px #0003}.shot img{width:100%;height:auto}.shot--hero{border:4px solid #fff;border-radius:12px;width:330px;position:absolute;bottom:-10px;left:-70px;transform:rotate(-4deg)}.shot--phone{display:none}@media (max-width:1100px){.hero__art{height:560px}.hero__ball{width:440px}.shot--hero{width:280px;left:-20px}}@media (max-width:920px){.hero{padding:30px 0 52px}.hero:before{width:420px;height:420px;top:-80px;right:-200px}.hero__in{grid-template-columns:1fr}.hero__copy{flex-direction:column;display:flex}.hero__art{order:-1;height:250px;margin:0 0 6px}.hero__ball{width:270px;margin-right:-135px;top:0;right:50%}.shot--hero{display:none}.hero h1{font-size:clamp(46px,13vw,66px)}.hero__facts{flex-direction:column;gap:8px}}.section{padding:clamp(60px,7vw,96px) 0 0}.section:last-of-type{padding-bottom:clamp(60px,7vw,96px)}.section--paper,#how,#screens{background:var(--b-paper);margin-top:clamp(60px,7vw,96px);padding-top:clamp(60px,7vw,96px);padding-bottom:clamp(60px,7vw,96px)}.section__head{max-width:72ch;margin-bottom:clamp(26px,4vw,44px)}.section__head h2{text-wrap:balance;font-size:clamp(44px,5.6vw,64px)}.section__head p{color:var(--mute);max-width:520px;margin:14px 0 0;font-size:18px}.tag{height:24px;font:800 14px/1 var(--disp);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line-2);color:var(--mute);vertical-align:middle;border-radius:2px;align-items:center;padding:0 9px;display:inline-flex}.tag--live{color:#fff;background:var(--b-red);border-color:#0000}.tag--soon{color:var(--warn);border-color:currentColor}.bento{grid-template-columns:1.25fr 1fr;grid-auto-rows:auto;gap:22px;display:grid}.mode{border:2px solid var(--b-ink);color:var(--b-ink);transition:transform .25s var(--ease), box-shadow .25s;background:#fff;border-radius:6px;flex-direction:column;gap:10px;padding:30px;display:flex;position:relative;overflow:hidden}.mode:hover{transform:translateY(-3px);box-shadow:0 18px 40px -22px #0c0d1180}.mode__ico{background:var(--b-ink);color:#fff;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%);place-items:center;width:40px;height:40px;display:grid}.mode--multi .mode__ico{background:var(--b-red)}.mode__ico .ico{width:22px;height:22px}.mode h3{flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:36px;display:flex}.mode p{color:#444;max-width:46ch;margin:0 0 12px}.mode .sbtn{align-self:flex-start;margin-top:auto}.mode--free{background:var(--b-ink);color:#fff;border-color:var(--b-ink);--chalk:#f4f2ef;--tint:255 255 255;background-image:linear-gradient(0deg, #0c0d11fa 30%, #0c0d11c7 58%, #0c0d1140 100%), var(--bg-img);background-position:top;background-size:cover;grid-row:span 2;justify-content:flex-end;min-height:420px}.mode--free .mode__ico{background:var(--b-red)}.mode--free h3{font-size:clamp(44px,5vw,60px)}.mode--free p{color:#c9ccd4;font-size:18px}.mode--challenge{background:var(--b-paper);border-color:var(--b-paper);flex-direction:row;grid-column:1/-1;align-items:center;gap:22px;padding:22px 30px}.mode--challenge>div:last-child{flex:1}.mode--challenge h3{font-size:30px}.mode--challenge p{margin:0}@media (max-width:900px){.bento{grid-template-columns:1fr 1fr}.mode--free{grid-area:auto/1/auto/-1;min-height:340px}}@media (max-width:600px){.bento{grid-template-columns:1fr}.mode{padding:24px}.mode--challenge{flex-direction:column;align-items:flex-start}}.community{background:var(--b-ink);color:#fff;--chalk:#f4f2ef;--mute:#c9ccd4;--tint:255 255 255;--acc:#ff3b44;--line:#ffffff1f;--line-2:#ffffff40;border-radius:6px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:36px;padding:clamp(28px,4vw,52px);display:grid;position:relative;overflow:hidden}.community:before{content:"";background:linear-gradient(180deg, var(--b-red-mid), var(--b-deep));opacity:.9;width:40%;position:absolute;top:-20px;bottom:-20px;right:-60px;transform:skew(-14deg)}.community>*{position:relative}.community h3{margin-bottom:14px;font-size:clamp(36px,4vw,52px)}.community p{color:#c9ccd4;max-width:52ch}.community a:not(.sbtn){color:#fff}.rack{width:100%;max-width:280px;margin-inline:auto}.stats[hidden],[data-stats-panel][hidden]{display:none}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px;display:grid}.stat{background:rgb(var(--tint) / .08);border-left:4px solid var(--b-red);padding:16px 18px}.stat b{font:900 40px/1 var(--disp);font-variant-numeric:tabular-nums;display:block}.stat span{color:var(--mute);font-size:14px}.board{gap:6px;margin:0;padding:0;list-style:none;display:grid}.board li{background:rgb(var(--tint) / .08);font-variant-numeric:tabular-nums;grid-template-columns:28px 1fr auto;gap:10px;padding:10px 14px;display:grid}@media (max-width:820px){.community{grid-template-columns:1fr}.rack{max-width:200px}.community:before{width:60%;right:-120px}}.steps{counter-reset:s;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;list-style:none;display:grid;position:relative}.steps li{counter-increment:s;border-top:4px solid var(--b-ink);padding:22px 28px 0 0;position:relative}.steps li:before{content:counter(s);font:900 110px/.8 var(--disp);color:var(--b-red);margin-bottom:14px;display:block}.steps h3{margin-bottom:8px;font-size:30px}.steps p{color:#444;margin:0;font-size:16px}@media (max-width:860px){.steps{grid-template-columns:1fr 1fr;row-gap:36px}}@media (max-width:520px){.steps{grid-template-columns:1fr}.steps li:before{font-size:84px}}.rules-note{border-left:6px solid var(--b-red);color:var(--body);background:#fff;max-width:80ch;margin-top:36px;padding:18px 22px}.rules-note .sbtn{margin:0 8px 8px 0}.swhy{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.swhy>div{border-bottom:1px solid var(--line);grid-template-columns:1fr;align-content:start;gap:6px;padding:30px 30px 30px 0;display:grid}.swhy .ico{background:var(--b-ink);color:#fff;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%);width:40px;height:40px;margin-bottom:6px;padding:9px}.swhy>div:first-child .ico,.swhy>div:nth-child(6) .ico{background:var(--b-red)}.swhy h3{font-size:28px}.swhy p{color:var(--mute);margin:0;font-size:16px}@media (max-width:960px){.swhy{grid-template-columns:1fr 1fr}}@media (max-width:620px){.swhy{grid-template-columns:1fr}}.gallery{grid-template-columns:repeat(6,1fr);gap:20px;display:grid}.gallery .shot{aspect-ratio:5/3;transition:transform .45s var(--ease)}.gallery .shot img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.gallery .shot:hover{transform:translateY(-3px)}.gallery figcaption{font:800 17px/1 var(--disp);text-transform:uppercase;letter-spacing:.1em;color:#fff;background:linear-gradient(#0000,#0c0d11d9);padding:40px 18px 12px;position:absolute;bottom:0;left:0;right:0}.gallery .g1{aspect-ratio:1100/661;grid-column:span 4}.gallery .g5{aspect-ratio:auto;grid-column:span 2}.gallery .g5 img{object-position:center 30%}.gallery .g2,.gallery .g3,.gallery .g4{grid-column:span 2}@media (max-width:760px){.gallery{grid-template-columns:1fr 1fr}.gallery .g1{grid-column:1/-1}.gallery .g5{grid-area:2/1/span 2}.gallery .g2,.gallery .g3,.gallery .g4{aspect-ratio:auto;grid-column:2}.gallery figcaption{font-size:15px}}.planned{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.planned>div{border:2px solid var(--b-ink);background:#fff;border-radius:6px;align-content:start;gap:8px;padding:28px;display:grid}.planned .ico{background:var(--b-ink);color:#fff;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%);width:40px;height:40px;padding:9px}.planned>div:nth-child(2) .ico{background:var(--b-red)}.planned h3{flex-wrap:wrap;align-items:center;gap:10px;font-size:32px;display:flex}.planned p{color:#444;margin:0;font-size:16px}@media (max-width:760px){.planned{grid-template-columns:1fr}}.cta-band{background:var(--b-red);color:#fff;--chalk:#fff;--mute:#ffe3e3;--tint:255 255 255;--acc:#fff;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 40px;padding:clamp(36px,5vw,70px) clamp(28px,5vw,64px);display:flex;position:relative;overflow:hidden}.cta-band:before{content:"";background:var(--b-red-mid);opacity:.55;width:34%;position:absolute;top:0;bottom:0;right:-60px;transform:skew(-14deg)}.cta-band>*{position:relative}.cta-band h2{text-wrap:balance;color:#fff;max-width:14ch;font-size:clamp(44px,6vw,72px)}.cta-band p{color:#ffe3e3;max-width:52ch;margin:14px 0 0}.cta-band .sbtn{color:#fff}.cta-band .sbtn--go{color:var(--b-ink);box-shadow:none;background:#fff}.cta-band .sbtn--go:hover{background:var(--b-paper);color:var(--b-ink)}.cta-band .sbtn:not(.sbtn--go){background:var(--b-ink);box-shadow:none}.cta-band .sbtn:not(.sbtn--go):hover{color:#fff;background:#000}.ad-row{justify-content:center;padding-top:56px;display:flex}.play{width:min(100% - 24px,1560px);margin:0 auto;padding:12px 0 0}.play-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:22px;display:grid}.gamecol{width:min(100%, max(960px, calc((100svh - var(--hdr) - 106px) * 1.667)));margin-inline:auto}.hudbar{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--line);border-radius:16px;align-items:center;gap:10px 18px;min-height:56px;margin-bottom:8px;padding:6px 8px 6px 14px;display:flex}.hb-players{flex:auto;align-items:center;gap:10px;min-width:150px;display:flex}.hb-p{border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;min-width:0;padding:4px 12px 4px 4px;transition:border-color .25s,background .25s;display:flex}.hb-p[data-on=true]{border-color:rgb(var(--acc-rgb) / .55);background:rgb(var(--acc-rgb) / .08);box-shadow:0 0 18px -6px var(--teal)}.hb-av{width:32px;height:32px;font:800 12px/1 var(--sans);background:var(--b-red);color:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.hb-p--opp .hb-av{color:#fff;background:#2a2d36}.hb-txt{flex-direction:column;min-width:0;line-height:1.15;display:flex}.hb-txt b{white-space:nowrap;text-overflow:ellipsis;max-width:22ch;font-size:15px;overflow:hidden}.hb-p{flex:0 auto}.hb-txt small{color:var(--mute);white-space:nowrap;font-size:12.5px}.hb-vs{color:var(--faint);font-size:13px;font-weight:700}.hb-meta{white-space:nowrap;text-align:right;flex-direction:column;align-items:flex-end;margin-left:auto;line-height:1.2;display:flex}.hb-meta b{font-size:14px}.hb-meta small{color:var(--mute);font-size:12.5px}.hb-actions{flex:none;gap:6px;display:flex}.hb-brand{letter-spacing:-.02em;flex:auto;align-items:center;gap:10px;font-size:17px;font-weight:800;display:none}.hudbar[data-mode=menu] .hb-brand{display:inline-flex}.hudbar[data-mode=menu] .hb-players{display:none}.hb-turn.is-link{cursor:pointer;border-color:var(--line-2)}.hb-turn.is-link:hover{background:rgb(var(--acc-rgb) / .14);border-color:rgb(var(--acc-rgb) / .5)}.hb-turn.is-link:after{content:"›";color:var(--teal);font-size:17px;line-height:1}.ibtn{appearance:none;border:1px solid var(--line);background:rgb(var(--tint) / .04);height:40px;color:var(--chalk);font:650 14px/1 var(--sans);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:0 14px;text-decoration:none;transition:background .2s,border-color .2s,color .2s,transform .15s;display:inline-flex}.ibtn:hover{background:rgb(var(--tint) / .12);border-color:var(--line-2);color:#fff}.ibtn:active{transform:scale(.96)}.ibtn[aria-pressed=true].is-off{color:var(--warn)}.ibtn .ico{width:20px;height:20px}.stage{aspect-ratio:5/3;border:1px solid var(--line-2);width:100%;box-shadow:0 30px 80px -30px #000000e6, 0 0 0 5px rgb(var(--tint) / .03);touch-action:manipulation;background:#070d0b;border-radius:16px;position:relative;overflow:hidden;container-type:size}.stage canvas#game{background:#070d0b}.stage__loading{z-index:5;color:var(--mute);background:radial-gradient(500px 300px at 50% 40%,#0d2a22,#060d0b);place-content:center;justify-items:center;gap:14px;transition:opacity .4s;display:grid;position:absolute;inset:0}.stage__loading.is-done{opacity:0;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.stage__exit{z-index:30;display:none;position:absolute;top:8px;left:8px}.stage.is-fs .stage__exit{display:inline-flex}.stage.is-fs .brand{left:60px}:is(.stage:fullscreen,.stage.is-pfs){aspect-ratio:auto;border:0;border-radius:0;width:100vw;height:100dvh;max-height:none}.stage.is-pfs{z-index:400;position:fixed;inset:0}.stage:fullscreen{width:100%;height:100%}.side{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start;gap:16px 18px;display:grid}.side--play{grid-template-columns:300px minmax(0,1fr) 300px}.side__cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));align-items:start;gap:16px;display:grid}@media (max-width:1099px){.side--play{grid-template-columns:minmax(0,1fr)}}.scard{background:linear-gradient(160deg, var(--panel-2), var(--panel));border:1px solid var(--line);border-radius:20px;padding:20px 22px}.scard h2{letter-spacing:-.02em;margin-bottom:12px;font-size:18px}.keys{color:var(--body);gap:10px;margin:0;padding:0;font-size:14.5px;list-style:none;display:grid}.keys li{grid-template-columns:92px 1fr;align-items:baseline;gap:10px;display:grid}.keys b{color:var(--chalk);font-weight:700}.keys kbd{font:700 12px/1 var(--sans);background:rgb(var(--tint) / .1);border:1px solid var(--line);border-radius:6px;padding:3px 7px}.play-lower{gap:28px;padding-top:28px;display:grid}.play-lower .ad-row{padding-top:0}.play-text{grid-template-columns:repeat(3,1fr);gap:20px 40px;display:grid}.play-text h2{margin-bottom:8px;font-size:20px}.play-text p{color:var(--mute);margin:0;font-size:15.5px}@media (max-width:1099px){.play-text{grid-template-columns:1fr}}@media (max-width:767px){.play{width:min(100% - 12px,1560px)}.gamecol{width:100%;min-width:0}.stage{aspect-ratio:auto;height:max(540px, calc(100svh - var(--hdr) - 120px))}.hudbar{padding:6px}.hb-meta,.hb-actions .ibtn span{display:none}.hb-actions .ibtn{justify-content:center;width:42px;height:42px;padding:0}.hb-vs{display:none}.hb-txt b{max-width:8ch}.hbar-turn{order:3}}.hb-turn{background:rgb(var(--tint) / .06);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;height:32px;padding:0 14px;font-size:13.5px;font-weight:650;display:inline-flex}.hb-turn i{background:var(--faint);border-radius:50%;width:8px;height:8px}.hb-turn[data-turn="0"] i{background:var(--teal);box-shadow:0 0 10px var(--teal)}.hb-turn[data-turn="1"] i{background:var(--blue);box-shadow:0 0 10px var(--blue)}@media (max-width:767px){.hudbar{flex-wrap:wrap}.hb-turn{display:none}.hudbar[data-mode=menu] .hb-brand{flex:100%}}.mobile-turn{display:none}.lobby{text-align:left;padding:clamp(40px,7vw,90px) 0 0;position:relative}.lobby__panel{border:1px solid var(--line-2);background:radial-gradient(700px 360px at 100% 0, rgb(var(--acc-rgb) / .16), transparent 70%), var(--panel);border-radius:32px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:40px;padding:clamp(28px,5vw,64px);display:grid;position:relative;overflow:hidden}.lobby h1{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(34px,5.4vw,60px)}.lobby .lede{max-width:50ch}.lobby__list{gap:10px;margin:28px 0 0;padding:0;list-style:none;display:grid}.lobby__list li{color:var(--body);align-items:baseline;gap:12px;display:flex}.lobby__list li:before{content:"";background:var(--teal);border-radius:50%;flex:none;width:8px;height:8px;transform:translateY(-1px)}@media (max-width:820px){.lobby__panel{grid-template-columns:1fr}}.lost{text-align:center;padding:clamp(60px,10vw,120px) 0 clamp(40px,6vw,80px)}.lost svg{filter:drop-shadow(0 18px 18px #0c0d114d);width:120px;height:120px;margin:0 auto 22px}.lost h1{font-size:clamp(54px,9vw,112px)}.lost p{color:var(--mute);max-width:46ch;margin:18px auto 30px;font-size:18px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.shot--hero{transform:none}.hero__art:before{display:none}}.hb-actions .ibtn span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hb-actions .ibtn{justify-content:center;width:42px;height:42px;padding:0}.hb-players{min-width:0}@media (min-width:1400px){.hb-actions .ibtn span{clip-path:none;width:auto;height:auto;position:static;overflow:visible}.hb-actions .ibtn{width:auto;height:auto;padding:0 14px}}.page-play #hud .mbar .pcard,.page-match #hud .mbar .pcard{display:none}.page-play #hud .mbar,.page-match #hud .mbar{justify-content:center;gap:10px;width:auto;max-width:calc(100% - 16px);display:flex}.page-play #hud .mcenter,.page-match #hud .mcenter{flex-direction:row;align-items:center;gap:10px;min-width:0;padding-right:0}.page-play #hud .mcenter .meta{align-items:center}.page-play #hud .stack,.page-match #hud .stack{top:calc(54px + env(safe-area-inset-top))}@media (max-width:767px){.page-play #hud .mbar .iconbtn{position:static}.page-play #hud .stack,.page-match #hud .stack{top:calc(48px + env(safe-area-inset-top))}.hb-players{flex:100%}.hb-p{flex:1 1 0;gap:8px;min-width:0;padding-right:8px}.hb-txt b{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;max-width:none;font-size:14px}.hb-txt small{text-overflow:ellipsis;max-width:100%;font-size:11.5px;overflow:hidden}.page-play .hb-actions{margin-left:auto}}*{scrollbar-width:thin;scrollbar-color:rgb(var(--acc-rgb) / .5) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:rgb(var(--acc-rgb) / .45);background-clip:content-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgb(var(--acc-rgb) / .8);background-clip:content-box}html{scrollbar-color:rgb(var(--acc-rgb) / .5) var(--bg)}html::-webkit-scrollbar-track{background:var(--bg)}.play-choose{width:min(100%,620px)}.play-choose>p{color:var(--mute);margin-bottom:18px;font-size:15px}.play-opts{grid-template-columns:1fr 1fr;gap:14px;display:grid}.play-opt{min-height:176px;color:var(--chalk);background:var(--panel);border:2px solid var(--chalk);transition:transform .2s var(--ease), box-shadow .2s, background .2s, color .2s;border-radius:6px;flex-direction:column;gap:14px;padding:22px;text-decoration:none;display:flex}.play-opt:hover,.play-opt:focus-visible{background:var(--b-ink);color:#fff;border-color:var(--b-ink);transform:translateY(-2px);box-shadow:0 14px 34px -14px #e8222c99}.play-opt__ico{color:#fff;background:linear-gradient(180deg, var(--b-red-hi), var(--b-red) 40%, var(--b-red-mid));clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%);place-items:center;width:48px;height:48px;display:grid}.play-opt__ico .ico{width:26px;height:26px}.play-opt__txt{flex-direction:column;gap:6px;display:flex}.play-opt__txt strong{font:900 30px/1 var(--disp);text-transform:uppercase;letter-spacing:.01em}.play-opt__txt span:last-child{color:var(--mute);font-size:14px;line-height:1.5}.play-opt:hover .play-opt__txt span:last-child,.play-opt:focus-visible .play-opt__txt span:last-child{color:#c9ccd4}.play-choose .modal__actions{margin-top:16px}@media (max-width:560px){.play-opts{grid-template-columns:1fr}.play-opt{min-height:0}}.prose--wide{max-width:78ch}.prose .callout{border:1px solid var(--line-2);background:rgb(var(--tint) / .05);color:var(--body);border-radius:16px;margin:1.4em 0;padding:16px 20px}.prose .callout b{color:var(--chalk)}.prose dl{margin:0 0 1.4em}.prose dt{color:var(--chalk);margin-top:1.1em;font-weight:700}.prose dd{color:var(--body);margin:.25em 0 0}.prose ol{margin:0 0 1em;padding-left:1.3em}.prose ol li{color:var(--body);margin-bottom:.5em}.prose kbd{font:600 .85em var(--sans);border:1px solid var(--line-2);background:rgb(var(--tint) / .06);color:var(--chalk);border-bottom-width:2px;border-radius:6px;padding:1px 7px}.rel{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:8px 0 0;display:grid}.rel a{border:1px solid var(--line);background:rgb(var(--tint) / .03);color:var(--chalk);border-radius:16px;padding:16px 18px;font-weight:650;text-decoration:none;display:block}.rel a span{color:var(--mute);margin-top:4px;font-size:14.5px;font-weight:400;display:block}.rel a:hover{border-color:var(--line-2);color:var(--teal)}.lb-intro{max-width:78ch;margin:36px 0 0;padding-top:8px}.lb-intro h2{margin:1.6em 0 .5em;font-size:22px}.lb-intro p,.lb-intro li{color:var(--body)}.stage__loading{background:radial-gradient(500px 300px at 50% 40%,#3a0a10,#0c0d11)}.stage__loading svg{width:72px;height:72px;animation:none}.hudbar{border-style:solid;border-width:0 0 0 4px;border-color:var(--b-red);background:var(--b-ink-2);border-radius:8px}.hb-brand{font:900 24px/1 var(--disp);text-transform:uppercase;letter-spacing:.02em}.hb-brand svg{width:34px;height:34px}.ibtn{text-transform:none;border-radius:4px}.hb-p{border-radius:4px}.hb-turn{background:rgb(var(--tint) / .06);border-radius:4px}.scard{border-radius:6px}.scard h2{letter-spacing:.01em;font-size:26px}.page-play .hudbar{border-radius:14px;flex-wrap:nowrap;align-items:center;gap:8px 14px;min-height:52px;margin-bottom:8px;padding:4px 8px 4px 12px}.page-play .hb-mode{flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.page-play .hb-logo{flex:none;width:30px;height:30px}.page-play .hb-modetxt{flex-direction:column;min-width:0;line-height:1.15;display:flex}.page-play .hb-modetxt b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.page-play .hb-modetxt small{color:var(--mute);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.page-play .hb-players{flex:0 auto;gap:6px;display:none}.page-play .hudbar[data-mode=match] .hb-players,.page-match .hb-players{display:flex}.page-play .hb-turn{display:none}.page-play .hudbar[data-mode=match] .hb-turn,.page-match .hb-turn{display:inline-flex}.page-play .hb-actions{gap:4px;margin-left:auto}.page-play .hb-actions .ibtn{height:40px}.page-play .hudbar[data-mode=menu] [data-act=restart],.page-play .hudbar[data-mode=menu] [data-act=change-mode],.page-match .ibtn--mode{display:none}.page-play .hb-actions .ibtn--mode{border-color:var(--line-2)}body[data-view=game] .hb-logo{display:none}.hb-p--you .hb-av,.hb-p--opp .hb-av{font-size:11px}@media (max-width:1099px){.page-play .hudbar{flex-wrap:wrap}}.page-play .hb-actions .ibtn:not(.ibtn--mode):not(.ibtn--leave){justify-content:center;width:40px;padding:0}.page-play .hb-actions .ibtn:not(.ibtn--mode):not(.ibtn--leave) span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page-play .hb-actions .ibtn--mode,.page-play .hb-actions .ibtn--leave{width:auto;padding:0 12px}.page-play .hb-actions .ibtn--mode span,.page-play .hb-actions .ibtn--leave span{clip-path:none;width:auto;height:auto;position:static;overflow:visible}.page-play .hb-modetxt{flex:none;max-width:280px}.gamecol{width:min(100%, max(960px, calc((100svh - var(--hdr) - 130px) * 1.667)))}@media (max-width:767px){.page-play .hudbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"mode actions""players turn";gap:0 8px;padding:4px 6px;display:grid}.page-play .hudbar[data-mode=match]{row-gap:6px}.page-play .hb-mode{flex:none;grid-area:mode}.page-play .hb-modetxt{flex:auto;min-width:0;max-width:none}.page-play .hb-players{grid-area:players;min-width:0}.page-play .hb-turn{grid-area:turn;height:30px;padding:0 10px;font-size:12.5px}.page-play .hb-actions{grid-area:actions;gap:2px;margin:0}.page-play .hb-actions .ibtn{height:36px}.page-play .hb-actions .ibtn:not(.ibtn--mode):not(.ibtn--leave){width:34px}.page-play .hb-actions .ibtn--mode span,.page-play .hb-actions .ibtn--leave span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.page-play .hb-actions .ibtn--mode,.page-play .hb-actions .ibtn--leave{justify-content:center;width:34px;padding:0}.page-play .hb-p{flex:1 1 0;gap:6px;padding:3px 6px 3px 3px}.page-play .hb-av{width:28px;height:28px}.page-play .hb-txt b{white-space:nowrap;text-overflow:ellipsis;max-width:none;font-size:13px;overflow:hidden}.page-play .hb-p .hb-txt small,.page-play .hb-p .hb-av{display:none}.page-play .hb-txt small{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.page-play .mhud{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"mode clock actions""players players turn";row-gap:6px}.page-play .mhud .hb-clock{grid-area:clock;align-self:center}}.page-play #hud .brand,.page-play #hud .tools,.page-play #hud .stack{display:none!important}@media (min-width:900px){.page-play #hud[data-mode=practice] .tools{left:12px;right:auto;display:flex!important}.page-play #hud[data-mode=practice] .tools>:not(.seg){display:none!important}.page-play #hud[data-mode=practice] .pbar{top:46px}}.page-play #hud .mbar,.page-play #hud[data-mode=practice] .mbar{width:auto;top:8px;left:auto;right:10px;transform:none;display:block!important}.page-play #hud .mbar>:not(#pausebtn){display:none!important}.page-play #hud .mbar #pausebtn{display:grid!important}.page-play #hud .pbar{top:8px}.notes{background:rgb(var(--tint) / .03);height:40px;color:var(--mute);border:1px solid #0000;border-radius:12px;flex-wrap:nowrap;align-items:center;gap:4px 12px;margin-top:8px;padding:0 12px;font-size:14px;display:flex;position:relative;overflow:hidden}.notes .banner{min-width:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:1;font:700 14.5px/1.25 var(--sans);text-align:left;color:var(--chalk);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;flex:0 auto;padding:0;display:none;overflow:hidden;transform:none}.notes .banner.show{animation:.28s noteIn;display:block}.notes .banner[data-kind=foul]{color:#ffb0a4}.notes .banner[data-kind=good]{color:var(--teal)}.notes .lastline{opacity:0;min-width:0;font:500 13px/1.25 var(--sans);color:var(--mute);text-shadow:none;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;flex:0 auto;overflow:hidden}.notes .lastline.show{opacity:1}.notes:has(.banner[data-kind=foul].show){background:#ff5a4612;border-color:#ff6a5473}.notes:has(.banner[data-kind=good].show){border-color:#4ee08a59}.notes #toasts{z-index:auto;flex-flow:row;justify-content:flex-end;gap:8px;width:auto;max-width:55%;margin-left:auto;position:static}.notes .toast{box-shadow:none;border-radius:999px;padding:4px 12px 4px 6px;transform:none}.notes .toast .ticon{width:26px;height:26px}.notes .toast .ticon svg{width:16px;height:16px}.notes .toast .ttxt{flex-direction:row;align-items:center;gap:8px}.notes .toast .ttxt em,.notes .toast small{display:none}.notes .toast .ttxt b{white-space:nowrap;font-size:13px}.notes .toast.out{transform:none}.stage .notes{z-index:15;background:#050c0ab3;border-radius:0;margin:0;position:absolute;bottom:0;left:0;right:0}@keyframes noteIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (max-width:767px){.notes{flex-wrap:wrap;align-content:center;height:46px;padding:0 10px;font-size:13px}.notes .banner{white-space:normal;font-size:13px;display:none}.notes .banner.show{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.notes #toasts{max-width:100%}}.screen.picker{background:radial-gradient(ellipse at 50% 30%, var(--panel-2), var(--bg) 80%);place-items:start center;padding:22px 20px}.pk{flex-direction:column;gap:16px;width:min(100%,1040px);margin:auto;display:flex}.pk-title{font:800 22px/1.1 var(--font);letter-spacing:.04em;text-align:center;margin:0}.pk-grid{grid-template-columns:1.25fr 1fr 1.25fr;align-items:stretch;gap:14px;display:grid}.pk-card{background:linear-gradient(180deg, rgb(var(--tint) / .07), rgb(var(--tint) / .02));border:1px solid var(--line-2);border-radius:18px;flex-direction:column;gap:12px;min-width:0;padding:18px;display:flex}.pk-card h2{font:800 18px/1.1 var(--font);letter-spacing:.02em;margin:0}.pk-card>p{color:var(--mute);font:500 13.5px/1.4 var(--font);margin:0}.pk-card .mbtn{justify-content:space-between;width:100%;height:46px;margin-top:auto}.pk-card .segc.big .segb{height:44px}.pk-card .lvl-desc{min-height:0}.pk-drills{gap:8px;display:grid}.pk-drill{appearance:none;text-align:left;border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;font-family:var(--font);background:#00000040;border-radius:12px;align-items:center;gap:12px;padding:9px 12px;transition:border-color .2s,background .2s;display:flex}.pk-drill:hover,.pk-drill:focus-visible{border-color:rgb(var(--acc-rgb) / .6);background:rgb(var(--acc-rgb) / .08);outline:none}.pk-drill i{width:26px;height:26px;font:800 12px/1 var(--font);background:rgb(var(--acc-rgb) / .18);color:var(--accent);border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid}.pk-drill span{flex-direction:column;gap:3px;min-width:0;display:flex}.pk-drill b{font:700 13.5px/1.1 var(--font)}.pk-drill small{font:500 11.5px/1.25 var(--font);color:var(--dim)}.pk-foot{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:12px;display:flex}.pk-foot .tfield{width:220px}.pk-foot .tfield input,.pk-foot .mbtn.ghost{height:42px}@container (height<=640px){.screen.picker{padding:12px}.pk{gap:10px}.pk-title{font-size:18px}.pk-card{gap:9px;padding:14px}.pk-card>p{font-size:12.5px}.pk-drill{padding:6px 10px}.pk-drill small,.bars{display:none}}@media (max-width:899px){.pk-grid{grid-template-columns:1fr}.play-grid .stage:has(.screen.picker){aspect-ratio:auto;height:auto;min-height:max(540px, calc(100svh - var(--hdr) - 120px));overflow:visible;container-type:normal}.stage:has(.screen.picker) #ui{position:relative;inset:auto}.stage:has(.screen.picker) .screen.picker{position:relative;inset:auto}.stage:has(.screen.picker) #game{visibility:hidden}}.avatar{box-shadow:0 0 0 1.5px rgb(var(--tint) / .25);border-radius:50%;flex:none;line-height:0;display:inline-block}.avatar svg{border-radius:50%}[hidden]{display:none!important}.site-header__in{gap:12px}.site-header__r{align-items:center;gap:8px;display:flex}.site-auth{align-items:center;gap:6px;min-height:38px;display:flex}.site-auth[data-state=loading]{visibility:hidden}.authlink{color:var(--mute);border-radius:999px;padding:8px 12px;font-size:15px;font-weight:650;text-decoration:none}.usermenu{position:relative}.usermenu__btn{appearance:none;border:1px solid var(--line-2);background:rgb(var(--tint) / .05);height:40px;color:var(--chalk);font:700 14.5px/1 var(--sans);cursor:pointer;border-radius:999px;align-items:center;gap:9px;padding:0 14px 0 6px;display:inline-flex}.usermenu__btn:hover{background:rgb(var(--tint) / .12)}.usermenu__name{text-overflow:ellipsis;white-space:nowrap;max-width:14ch;overflow:hidden}.usermenu__pop{background:var(--panel);border:1px solid var(--line-2);z-index:120;border-radius:6px;min-width:190px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 24px 60px #000000a6}.usermenu__pop a,.usermenu__pop button{appearance:none;text-align:left;color:var(--chalk);font:600 15px/1 var(--sans);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:12px 14px;text-decoration:none}.usermenu__pop a:hover,.usermenu__pop button:hover{background:rgb(var(--tint) / .09);color:var(--teal)}@media (max-width:820px){.site-nav{z-index:90}.usermenu__name{display:none}.usermenu__btn{padding:0 6px}.authreg{display:none}}.authpage{padding:clamp(32px,6vw,72px) 0 0}.authgrid{grid-template-columns:minmax(0,440px) minmax(0,1fr);justify-content:center;align-items:center;gap:clamp(28px,6vw,96px);display:grid}.authcard,.card{background:linear-gradient(160deg, var(--panel-2), var(--panel));border:1px solid var(--line-2);border-radius:6px;padding:clamp(22px,3.4vw,36px);box-shadow:0 30px 80px -30px #000c}.authcard h1{margin-bottom:8px;font-size:clamp(28px,4vw,38px)}.authcard .sub{color:var(--mute);margin:0 0 22px}.authside h2{text-wrap:balance;max-width:16ch;font-size:clamp(26px,3.6vw,40px)}.authside ul{color:var(--body);gap:12px;margin:22px 0 0;padding:0;list-style:none;display:grid}.authside li{align-items:baseline;gap:12px;display:flex}.authside li:before{content:"";background:var(--teal);border-radius:50%;flex:none;width:8px;height:8px;transform:translateY(-1px)}.authside .rack{max-width:220px;margin:28px 0 0}@media (max-width:860px){.authgrid{grid-template-columns:1fr}.authside{display:none}}.form{gap:16px;display:grid}.field{gap:6px;display:grid}.field>label{color:var(--chalk);font-size:14.5px;font-weight:650}.input{border:1px solid var(--line-2);background:var(--field);width:100%;height:48px;color:var(--chalk);font:500 16px/1 var(--sans);border-radius:4px;padding:0 16px;transition:border-color .2s,box-shadow .2s}textarea.input{resize:vertical;height:auto;min-height:104px;padding:12px 16px;line-height:1.5}.input::placeholder{color:var(--faint)}.input:focus-visible{border-color:var(--teal);box-shadow:0 0 0 3px rgb(var(--acc-rgb) / .22);outline:none}.input[aria-invalid=true]{border-color:var(--err)}.field__hint{color:var(--faint);font-size:13.5px}.field__err{color:var(--err);min-height:0;font-size:13.5px}.field__err:empty{display:none}.pwwrap{position:relative}.pwwrap .input{padding-right:72px}.pwshow{background:rgb(var(--tint) / .08);height:32px;color:var(--mute);font:650 13px/1 var(--sans);cursor:pointer;border:0;border-radius:10px;padding:0 12px;position:absolute;top:8px;right:8px}.pwshow:hover{color:var(--chalk)}.meter{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px;display:grid}.meter i{background:rgb(var(--tint) / .1);border-radius:99px;height:5px;transition:background .25s}.meter[data-s="1"] i:nth-child(-n+1){background:#ff6b6b}.meter[data-s="2"] i:nth-child(-n+2){background:var(--warn)}.meter[data-s="3"] i:nth-child(-n+3){background:#b6e04a}.meter__label{color:var(--mute);min-height:18px;margin-top:4px;font-size:13px}.notice{border:1px solid var(--line-2);background:rgb(var(--tint) / .05);color:var(--body);border-radius:6px;padding:14px 16px;font-size:15px}.notice--err{color:var(--err);background:#ff5a5a14;border-color:#b3141c80}.notice--ok{border-color:rgb(var(--acc-rgb) / .5);background:rgb(var(--acc-rgb) / .08);color:var(--ok)}.notice:empty{display:none}.formfoot{color:var(--mute);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:4px;font-size:14.5px;display:flex}.formfoot a{color:var(--teal)}.sbtn.is-busy{opacity:.7;pointer-events:none}.sbtn--danger{color:var(--err);border-color:#b3141c80}.sbtn--danger:hover{border-color:var(--err);color:#fff;background:#ff5a5a24}.sbtn--block{width:100%}.statebox{text-align:center;justify-items:center;gap:14px;padding:8px 0;display:grid}.statebox .ico{width:54px;height:54px;color:var(--teal)}.statebox h2{font-size:26px}.statebox p{color:var(--mute);max-width:40ch;margin:0}.toggle{cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:12px 0;display:grid}.toggle__txt{gap:2px;display:grid}.toggle__txt b{font-size:15px;font-weight:650}.toggle__txt small{color:var(--mute);font-size:13.5px;line-height:1.45}.select{position:relative}.select__btn{appearance:none;border:1px solid var(--line-2);background:var(--field);width:100%;height:46px;color:var(--chalk);font:600 15px/1 var(--sans);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:0 14px 0 16px;display:flex}.select__btn:hover{border-color:rgb(var(--tint) / .4)}.select__btn .ico{width:18px;height:18px;color:var(--mute);transition:transform .2s}.select__btn[aria-expanded=true] .ico{transform:rotate(180deg)}.select__list{z-index:60;background:var(--panel);border:1px solid var(--line-2);border-radius:6px;max-height:260px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 20px 50px #000000b3}.select__list li{cursor:pointer;color:var(--chalk);border-radius:9px;padding:11px 12px;font-size:15px}.select__list li:hover,.select__list li:focus{background:rgb(var(--tint) / .1);outline:none}.select__list li[aria-selected=true]{color:var(--teal);font-weight:700}.toasts{z-index:300;top:calc(var(--hdr) + 12px);pointer-events:none;gap:8px;width:min(380px,100vw - 28px);display:grid;position:fixed;right:14px}.toast{pointer-events:auto;background:var(--panel);border:1px solid var(--line-2);animation:toast-in .25s var(--ease) both;border-radius:6px;padding:13px 16px;font-size:15px;box-shadow:0 16px 50px #0009}.toast--ok{border-color:rgb(var(--acc-rgb) / .55)}.toast--err{border-color:#ff7a7a99}.toast--challenge{border-color:#f6c9158c;gap:10px;display:grid}.toast--challenge .row{gap:8px;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.modal__actions .sbtn{--h:44px}.modal__card .form{margin-top:14px}.acct{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,40px);padding:clamp(28px,5vw,56px) 0 0;display:grid}.acct__nav{top:calc(var(--hdr) + 16px);gap:4px;display:grid;position:sticky}.acct__nav a{color:var(--mute);border-radius:12px;padding:11px 14px;font-weight:650;text-decoration:none;display:block}.acct__nav a:hover{color:var(--chalk);background:rgb(var(--tint) / .07)}.acct__main{gap:20px;min-width:0;display:grid}.acct h1{margin-bottom:4px;font-size:clamp(30px,4.4vw,46px)}.card h2{margin-bottom:4px;font-size:22px}.card>.sub{color:var(--mute);margin:0 0 18px;font-size:15px}.card--danger{border-color:#ff7a7a59}.avgrid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;display:grid}.avpick{appearance:none;background:rgb(var(--tint) / .04);cursor:pointer;border:2px solid #0000;border-radius:6px;place-items:center;padding:8px;display:grid}.avpick:hover{background:rgb(var(--tint) / .1)}.avpick[aria-checked=true]{border-color:var(--teal);background:rgb(var(--acc-rgb) / .1);box-shadow:0 0 18px -4px var(--teal)}.bio-count{text-align:right;color:var(--faint);font-size:13px}.row-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kv{grid-template-columns:auto 1fr;gap:6px 18px;margin:0 0 14px;font-size:15px;display:grid}.kv dt{color:var(--mute)}.kv dd{overflow-wrap:anywhere;margin:0}@media (max-width:820px){.acct{grid-template-columns:1fr}.acct__nav{gap:4px;padding-bottom:4px;display:flex;position:static;overflow-x:auto}.acct__nav a{white-space:nowrap}}.prof{gap:22px;padding:clamp(28px,5vw,56px) 0 0;display:grid}.prof__head{border:1px solid var(--line-2);background:radial-gradient(600px 220px at 85% -20%, rgb(var(--acc-rgb) / .14), transparent 70%), linear-gradient(160deg, var(--panel-2), var(--panel));border-radius:6px;align-items:center;gap:clamp(16px,3vw,28px);padding:clamp(22px,4vw,36px);display:flex}.prof__head h1{overflow-wrap:anywhere;font-size:clamp(30px,5vw,52px)}.prof__head p{color:var(--mute);margin:6px 0 0}.prof__bio{white-space:pre-wrap;overflow-wrap:anywhere;max-width:60ch;color:var(--body)!important;margin-top:10px!important}.statgrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.badges{flex-wrap:wrap;gap:8px;display:flex}.badge{border:1px solid var(--line-2);color:var(--warn);background:#f6c91514;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:650}.empty{text-align:center;color:var(--mute);border:1px dashed var(--line-2);border-radius:6px;padding:28px 18px}.empty b{color:var(--chalk);margin-bottom:4px;font-size:17px;display:block}.empty .sbtn{margin-top:14px}.mlist{gap:8px;margin:0;padding:0;list-style:none;display:grid}.mlist li{background:rgb(var(--tint) / .05);border-radius:6px;grid-template-columns:minmax(70px,auto) 1fr auto auto;align-items:center;gap:12px;padding:12px 16px;display:grid}.res{font-weight:800}.lb{padding:clamp(28px,5vw,56px) 0 0}.tabs{border:1px solid var(--line);background:rgb(var(--tint) / .05);border-radius:999px;flex-wrap:wrap;gap:4px;margin:22px 0 18px;padding:5px;display:inline-flex}.tabs button{appearance:none;color:var(--mute);font:700 14.5px/1 var(--sans);cursor:pointer;background:0 0;border:0;border-radius:999px;height:40px;padding:0 18px}.tabs button:hover{color:var(--chalk)}.lbtable{gap:6px;display:grid}.lbrow{background:rgb(var(--tint) / .05);font-variant-numeric:tabular-nums;border:1px solid #0000;border-radius:6px;grid-template-columns:44px minmax(0,1fr) repeat(3,minmax(70px,auto));align-items:center;gap:12px;padding:10px 16px;display:grid}.lbrow--head{color:var(--faint);background:0 0;padding-block:0;font-size:13px}.lbrow .rank{color:var(--mute);font-weight:800}.lbrow:nth-child(3) .rank{color:#cfd8dc}.lbrow:nth-child(4) .rank{color:#e0955a}.lbrow .who{min-width:0;color:var(--chalk);align-items:center;gap:12px;font-weight:700;text-decoration:none;display:flex}.lbrow .who span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lbrow .c{text-align:right}.lbrow .c.main{font-weight:800}@media (max-width:600px){.lbrow{grid-template-columns:30px minmax(0,1fr) auto auto;gap:8px;padding-inline:10px}.lbrow .c.opt{display:none}}.community .stat--zero b{color:var(--mute)}.community .board li a{color:var(--chalk);font-weight:650;text-decoration:none}.community .board li a:hover{color:var(--teal)}.community .board li{align-items:center}.board--rating li{grid-template-columns:28px 1fr auto}body.page-lobby main{padding-bottom:0}.lobbyx{width:min(100% - 24px,1560px);margin:0 auto;padding:14px 0 0}.lbar{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-bottom:12px;display:flex}.lbar h1{font-size:clamp(24px,3vw,32px)}.conn{border:1px solid var(--line-2);height:30px;color:var(--mute);border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:650;display:inline-flex}.conn i{background:var(--faint);border-radius:50%;width:8px;height:8px}.conn[data-s=open]{color:var(--teal)}.conn[data-s=open] i{background:var(--teal);box-shadow:0 0 10px var(--teal)}.conn[data-s=connecting] i,.conn[data-s=retry] i{background:var(--warn);animation:1.2s infinite pulse}.conn[data-s=closed]{color:#ffb0b0}.conn[data-s=closed] i{background:#ff7a7a}@keyframes pulse{50%{opacity:.3}}.lbar__sp{flex:1}.lnotice{margin-bottom:12px}.lcols{height:calc(100svh - var(--hdr) - 118px);grid-template-columns:minmax(250px,300px) minmax(0,1fr) minmax(280px,340px);gap:14px;min-height:520px;display:grid}.lcol{border:1px solid var(--line);background:linear-gradient(170deg, var(--panel-2), var(--panel));border-radius:20px;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.lcol__h{justify-content:space-between;align-items:center;gap:10px;padding:14px 16px 10px;display:flex}.lcol__h h2{letter-spacing:-.02em;font-size:17px}.lcol__h .cnt{color:var(--mute);font-size:13px;font-weight:650}.lcol__scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:0 10px 12px;overflow:auto}.lsearch{gap:8px;padding:0 12px 8px;display:grid}.lsearch .input{height:42px;font-size:15px}.lfilters{flex-wrap:wrap;gap:6px;display:flex}.chip{appearance:none;border:1px solid var(--line-2);height:30px;color:var(--mute);font:650 13px/1 var(--sans);cursor:pointer;background:0 0;border-radius:999px;padding:0 12px}.chip:hover{color:var(--chalk)}.chip[aria-pressed=true]{color:var(--teal);border-color:rgb(var(--acc-rgb) / .6);background:rgb(var(--acc-rgb) / .1)}.pl{appearance:none;text-align:left;width:100%;color:var(--chalk);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.pl:hover,.pl[aria-expanded=true]{background:rgb(var(--tint) / .07);border-color:var(--line)}.pl__n{min-width:0;line-height:1.2;display:grid}.pl__n b{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:15px;display:flex;overflow:hidden}.pl__n small{color:var(--mute);align-items:center;gap:6px;font-size:12.5px;display:flex}.pl__r{font-variant-numeric:tabular-nums;color:var(--mute);font-size:14px;font-weight:800}.dot{background:var(--faint);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot--available{background:var(--teal);box-shadow:0 0 8px var(--teal)}.dot--playing{background:var(--ball)}.dot--away{background:var(--faint)}.star{color:var(--ball);font-size:13px}.role{color:#9ccfff;background:#3ba4ff2e;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:800}.ppanel{border:1px solid var(--line-2);background:#0000004d;border-radius:16px;gap:10px;margin:2px 4px 8px;padding:14px;display:grid}.ppanel__h{align-items:center;gap:12px;display:flex}.ppanel__h b{font-size:17px}.ppanel__h small{color:var(--mute);display:block}.pstats{text-align:center;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.pstats div{background:rgb(var(--tint) / .05);border-radius:10px;padding:8px 4px}.pstats b{font-size:16px;display:block}.pstats span{color:var(--mute);font-size:12px}.pacts{grid-template-columns:1fr 1fr;gap:6px;display:grid}.pacts .sbtn{--h:36px;padding:0 10px;font-size:13.5px}.pacts .sbtn--go{grid-column:1/-1}.tgrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:4px 4px 8px;display:grid}.tcard{border:1px solid var(--line-2);transition:transform .2s var(--ease), border-color .2s;background:radial-gradient(120% 90% at 50% 120%,#13805f8c,#07382bd9 60%),#07261d;border-radius:20px;gap:12px;padding:14px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #4b2d148c,0 14px 34px -18px #000c}.tcard:hover{border-color:rgb(var(--acc-rgb) / .55);transform:translateY(-2px)}.tcard--mine{border-color:var(--teal);box-shadow:inset 0 0 0 5px #4b2d148c, 0 0 0 1px var(--teal), 0 0 34px -6px rgb(var(--acc-rgb) / .55)}.tcard__top{justify-content:space-between;align-items:center;gap:8px;padding:6px 8px 0;display:flex}.tcard__name{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:800;overflow:hidden}.tstate{height:24px;color:var(--chalk);border:1px solid var(--line-2);background:#0006;border-radius:99px;flex:none;align-items:center;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.tstate[data-s=waiting]{color:var(--warn);border-color:#ffb45480}.tstate[data-s=ready]{color:var(--teal);border-color:rgb(var(--acc-rgb) / .6)}.tstate[data-s=in_progress]{color:#9ccfff;border-color:#3ba4ff99}.tseats{grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;padding:0 8px;display:grid}.seat{text-align:center;justify-items:center;gap:4px;min-width:0;font-size:13px;display:grid}.seat b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.seat small{color:#b8d6cb}.seat--empty .avatar{opacity:.35;filter:grayscale()}.seat__open{border:2px dashed rgb(var(--tint) / .4);width:36px;height:36px;color:var(--mute);border-radius:50%;place-items:center;font-weight:800;display:grid}.vs{color:#ffffff80;font-size:13px;font-weight:800}.tmeta{color:#b8d6cb;justify-content:space-between;gap:8px;padding:0 8px;font-size:12.5px;display:flex}.tacts{flex-wrap:wrap;gap:8px;padding:0 4px 4px;display:flex}.tacts .sbtn{--h:38px;flex:auto;font-size:14px}.tcode{color:var(--chalk);align-items:center;gap:8px;padding:0 8px;font-size:13px;display:flex}.tcode code{letter-spacing:.12em;-webkit-user-select:all;user-select:all;background:#0006;border-radius:8px;padding:6px 10px;font:800 15px/1 ui-monospace,Menlo,monospace}.ctools{flex-wrap:wrap;gap:8px;padding:0 12px 10px;display:flex}.ctools .sbtn{--h:40px;padding:0 18px;font-size:14px}.starting{border:1px solid rgb(var(--acc-rgb) / .6);background:rgb(var(--acc-rgb) / .1);border-radius:16px;align-items:center;gap:12px;margin:4px 8px 10px;padding:14px 16px;font-weight:700;display:flex}.starting svg{width:26px;height:26px;animation:1.6s linear infinite spin}.chatlog{overscroll-behavior:contain;flex-direction:column;flex:1;gap:2px;min-height:0;padding:4px 12px 8px;display:flex;overflow:auto}.msg{overflow-wrap:anywhere;border-radius:10px;padding:6px 8px;font-size:14.5px;line-height:1.4;position:relative}.msg:hover{background:rgb(var(--tint) / .05)}.msg__h{align-items:baseline;gap:8px;display:flex}.msg__u{color:var(--teal);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:13.5px;font-weight:800}.msg__u[data-self=true]{color:var(--ball)}.msg__t{color:var(--faint);font-size:11.5px}.msg__b{color:#d6e8e1;white-space:pre-wrap}.msg__tools{gap:2px;display:none;position:absolute;top:2px;right:4px}.msg:hover .msg__tools,.msg:focus-within .msg__tools{display:flex}.msg__tools button{appearance:none;background:var(--panel);color:var(--mute);cursor:pointer;border:0;border-radius:8px;width:28px;height:26px;font-size:12px}.msg__tools button:hover{color:var(--chalk);background:#163329}.msg--sys{color:var(--faint);text-align:center;font-size:13px;font-style:italic}.unread{z-index:5;background:var(--teal);color:#02130e;height:32px;font:800 13px/1 var(--sans);cursor:pointer;border:0;border-radius:99px;padding:0 14px;position:absolute;bottom:92px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.cform{border-top:1px solid var(--line);gap:6px;padding:10px 12px 12px;display:grid;position:relative}.cform__row{gap:6px;display:flex}.cform .input{height:42px;font-size:15px}.cform .ibtn{justify-content:center;width:44px;height:42px;padding:0;font-size:20px}.cerr{color:#ff9a9a;min-height:0;font-size:13px}.cerr:empty,.ltabs{display:none}.teaser{border:1px solid var(--line-2);background:radial-gradient(700px 300px at 90% -20%, rgb(var(--acc-rgb) / .14), transparent 70%), linear-gradient(160deg, var(--panel-2), var(--panel));border-radius:28px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:30px;padding:clamp(24px,4vw,48px);display:grid}.teaser h1{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(34px,5vw,58px)}.teaser .ghost-tables{opacity:.85;pointer-events:none;-webkit-user-select:none;user-select:none;gap:10px;display:grid}.teaser .ghost-tables .tcard{filter:saturate(.8)}@media (max-width:900px){.teaser{grid-template-columns:1fr}}@media (max-width:1099px){.lobbyx{width:min(100% - 16px,1560px)}.ltabs{border:1px solid var(--line);background:#00000040;border-radius:999px;gap:4px;margin-bottom:10px;padding:5px;display:flex}.ltabs button{appearance:none;color:var(--mute);font:700 14.5px/1 var(--sans);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;height:42px;position:relative}.ltabs button[aria-selected=true]{background:rgb(var(--acc-rgb) / .16);color:var(--teal);box-shadow:inset 0 0 0 1px rgb(var(--acc-rgb) / .5)}.ltabs .badge-dot{background:var(--ball);border-radius:50%;width:9px;height:9px;position:absolute;top:8px;right:14px}.lcols{height:auto;min-height:0;display:block}.lcol{height:calc(100svh - var(--hdr) - 190px);min-height:440px;display:none}.lcols[data-tab=tables] .lcol--tables,.lcols[data-tab=players] .lcol--players,.lcols[data-tab=chat] .lcol--chat{display:flex}}.soonmatch{text-align:center;justify-items:center;gap:10px;padding:clamp(50px,10vw,120px) 0 0;display:grid}.soonmatch h1{letter-spacing:-.04em;text-wrap:balance;max-width:18ch;font-size:clamp(32px,5.4vw,60px)}.soonmatch p{color:var(--mute);max-width:52ch;font-size:18px}.soonmatch .hero__cta{justify-content:center;margin-top:12px}.site-header__r{order:3}.toggle--bar{gap:10px;padding:0}.toggle--bar small{display:none}.chatlog--compact .msg{padding-block:2px;font-size:14px}.mlist__d{font-variant-numeric:tabular-nums;text-align:right;min-width:3ch}.mlist__opp a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2)}@media (max-width:520px){.mlist li{grid-template-columns:1fr auto}.mlist li small{grid-column:1/-1}}.page-lobby .lobbyx{padding-top:18px}.page-lobby .lbar{flex-wrap:nowrap;gap:10px 14px;min-height:44px;margin-bottom:14px}.page-lobby .lbar h1{letter-spacing:-.035em;flex:none;line-height:1}.page-lobby .conn{white-space:nowrap;background:#00000038;flex:none}.page-lobby .conn[data-s=open]{border-color:rgb(var(--acc-rgb) / .35)}.page-lobby .toggle--bar{cursor:pointer;flex:none;grid-template-columns:auto auto;align-items:center;display:inline-grid}.page-lobby .toggle--bar b{color:var(--mute);white-space:nowrap;font-size:14px;font-weight:650}.page-lobby .lcols{grid-template-columns:minmax(290px,340px) minmax(0,1fr) minmax(300px,360px);gap:16px}.page-lobby .lcol{box-shadow:0 18px 44px -28px #000000e6}.page-lobby .lcol__h{min-height:56px;padding:16px 18px 12px}.page-lobby .lcol__h h2{font-size:17px;line-height:1.2}.page-lobby .lcol__h .cnt{white-space:nowrap;background:rgb(var(--tint) / .07);border-radius:999px;flex:none;align-items:center;height:24px;padding:0 10px;font-size:12.5px;display:inline-flex}.page-lobby .lcol__scroll{scrollbar-gutter:stable;padding:0 10px 14px}.page-lobby .lsearch{padding:0 14px 10px}.page-lobby .lfilters{flex-wrap:nowrap}.page-lobby .chip{white-space:nowrap;flex:none}.page-lobby .ctools{padding:0 18px 14px}.page-lobby .ctools .sbtn,.page-lobby .pacts .sbtn,.page-lobby .tacts .sbtn{white-space:nowrap}.page-lobby .pl{grid-template-columns:36px minmax(0,1fr) auto;gap:12px;padding:8px 10px}.page-lobby .pl__n{grid-template-columns:minmax(0,1fr);gap:3px}.page-lobby .pl__n b{white-space:nowrap;align-items:center;gap:6px;min-width:0;font-size:15px;display:flex;overflow:visible}.page-lobby .pl__name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.page-lobby .pl__you{color:var(--faint);flex:none;font-weight:600}.page-lobby .pl__n small{white-space:nowrap}.page-lobby .pl__r{text-align:center;background:rgb(var(--tint) / .07);border-radius:999px;flex:none;min-width:48px;padding:4px 9px;font-size:13.5px;line-height:1.2}.page-lobby .star{flex:none}.page-lobby .role{white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;color:#9ccfff;background:#3ba4ff29;border-radius:999px;flex:none;align-items:center;padding:3px 7px;font-size:10.5px;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1px #3ba4ff59}.page-lobby .role[data-role=moderator]{background:rgb(var(--acc-rgb) / .12);color:var(--teal);box-shadow:inset 0 0 0 1px rgb(var(--acc-rgb) / .35)}.page-lobby .ppanel{gap:12px;margin:4px 2px 10px;padding:16px}.page-lobby .ppanel__h>div{min-width:0}.page-lobby .ppanel__h b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.page-lobby .pacts .sbtn:only-child{grid-column:1/-1}.page-lobby .pacts .sbtn{text-align:center;justify-content:center}.page-lobby .lcol .empty{text-align:center;border:1px dashed var(--line-2);color:var(--mute);background:#00000024;border-radius:16px;justify-items:center;gap:6px;padding:28px 18px;font-size:14.5px;line-height:1.5;display:grid}.page-lobby .lcol .empty b{color:var(--chalk);font-size:16px}.page-lobby .tgrid{grid-template-columns:repeat(auto-fill,minmax(290px,400px));justify-content:start;gap:14px;padding:2px 4px 10px}.page-lobby .tcard__top{gap:10px}.page-lobby .tcard__name{min-width:0}.page-lobby .tmeta span,.page-lobby .tacts .sbtn{white-space:nowrap}.page-lobby .lcol--tables .lcol__scroll{padding-inline:14px}.page-lobby .chatlog{gap:1px;padding:2px 10px 10px}.page-lobby .msg{padding:7px 10px}.page-lobby .msg__h{align-items:center;gap:8px;min-width:0}.page-lobby .msg__u{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:0 auto;min-width:0;overflow:hidden}.page-lobby .msg__t{white-space:nowrap;flex:none;margin-left:auto}.page-lobby .cform{gap:8px;padding:12px 14px 14px}.page-lobby .cform .input{flex:1;min-width:0}.page-lobby .cform__row{align-items:center;gap:8px}.page-lobby .cform .ibtn{flex:none}.page-lobby .cform .sbtn{white-space:nowrap;flex:none}@media (max-width:1099px){.page-lobby .ltabs{margin-bottom:12px}.page-lobby .lcol{height:calc(100svh - var(--hdr) - 200px);min-height:460px}.page-lobby .lcols{grid-template-columns:none}.page-lobby .tgrid{grid-template-columns:1fr}}@media (max-width:480px){.page-lobby .lobbyx{padding-top:12px}.page-lobby .lbar{gap:8px 10px}.page-lobby .lbar h1{font-size:26px}.page-lobby .conn{padding:0 10px}.page-lobby .lbar__sp{flex:1 1 0;min-width:0}.page-lobby .lcol__h{padding:14px 14px 10px}.page-lobby .lsearch{padding-inline:12px}.page-lobby .ctools{padding-inline:14px}.page-lobby .ctools .sbtn{flex:1;padding:0 12px}.page-lobby .lfilters .chip{flex:1}.page-lobby .lcol__scroll{padding-inline:8px}.page-lobby .pacts{grid-template-columns:1fr 1fr}.page-lobby .cform{padding:10px 12px 12px}}:is(main:has(>#app>.authpage),main:has(>#app>.acct),main:has(>#app>.prof),main:has(>.wrap.lb)){background:var(--b-paper);padding-bottom:72px}.authcard,#app .card{border:2px solid var(--b-ink);border-top:6px solid var(--b-red);background:#fff;border-radius:6px;box-shadow:0 24px 50px -30px #0c0d1180}.authcard h1{font-size:clamp(40px,5vw,56px)}.authside h2{max-width:12ch;font-size:clamp(44px,5.4vw,72px);line-height:.94}.authside li:before{background:var(--b-red);border-radius:0;transform:rotate(45deg)}.field>label{font:800 15px/1 var(--disp);text-transform:uppercase;letter-spacing:.1em}.input{border:2px solid var(--b-ink);border-radius:4px}.input:hover{border-color:var(--b-red-mid)}.input:focus-visible{border-color:var(--b-red);box-shadow:0 0 0 3px #e8222c40}.pwshow{background:var(--b-paper);border-radius:3px}.meter i{background:rgb(var(--tint) / .12);border-radius:0}.meter[data-s="4"] i{background:var(--ok)}.notice{border-left:5px solid var(--b-ink);background:var(--b-paper);color:var(--body);border-radius:4px}.notice--err{border-left-color:var(--err);color:#6e0a10;background:#fdeeee;border-color:#0000}.notice--ok{border-left-color:var(--ok);color:#11502a;background:#eaf6ee;border-color:#0000}.sbtn--danger{color:var(--err)}.sbtn--danger:hover{background:var(--err);color:#fff}.statebox .ico{color:var(--b-red)}.acct__nav a{font:800 18px/1 var(--disp);text-transform:uppercase;letter-spacing:.08em;border-left:4px solid #0000;border-radius:0}.acct__nav a:hover{border-left-color:var(--b-red);color:var(--chalk);background:0 0}.acct h1,.lb h1{font-size:clamp(44px,5.4vw,72px)}.avpick{border-radius:6px}.avpick[aria-checked=true]{border-color:var(--b-red);box-shadow:none;background:#e8222c14}.prof__head{background:var(--b-ink);color:#fff;border:0;border-bottom:8px solid var(--b-red);--chalk:#f4f2ef;--mute:#c9ccd4;--body:#d4d7de;--tint:255 255 255;border-radius:6px;position:relative;overflow:hidden}.prof__head:after{content:"";background:linear-gradient(180deg, var(--b-red-mid), var(--b-deep));opacity:.85;z-index:0;width:240px;position:absolute;top:0;bottom:0;right:-40px;transform:skew(-14deg)}.prof__head>*{z-index:1;position:relative}.prof__head h1{color:#fff;font-size:clamp(44px,6vw,76px)}.stat{border-radius:0}.main .stat,.statgrid .stat,.acct .stat,.prof .stat{border:2px solid var(--b-ink);border-left:6px solid var(--b-red);background:#fff}.badges .badge{background:var(--b-ink);color:#fff;font:800 15px/1 var(--disp);text-transform:uppercase;letter-spacing:.08em;border:0;border-radius:2px;padding:8px 12px}#app .empty{border:2px dashed var(--faint);border-radius:6px}.mlist li{border:1px solid var(--line);background:#fff;border-radius:4px}.res--w{color:var(--ok)}.res--l{color:var(--err)}.tabs{border:0;border-bottom:3px solid var(--b-ink);background:0 0;border-radius:0;gap:0;padding:0}.tabs button{height:48px;font:800 19px/1 var(--disp);text-transform:uppercase;letter-spacing:.07em;color:var(--mute);border-radius:0}.tabs button:hover{color:var(--chalk);background:rgb(var(--tint) / .05)}.tabs button[aria-selected=true]{background:var(--b-ink);color:#fff;box-shadow:none}.lbrow{border:1px solid var(--line);background:#fff;border-radius:4px}.lbrow:hover{border-color:var(--b-ink)}.lbrow--head{font:800 15px/1 var(--disp);text-transform:uppercase;letter-spacing:.12em;background:0 0;border:0}.lbrow .rank{font:900 28px/1 var(--disp);color:var(--b-ink)}.lbrow:nth-child(2) .rank{color:var(--b-red)}.lbrow:nth-child(3) .rank,.lbrow:nth-child(4) .rank{color:var(--b-ink)}.lbrow .who:hover{color:var(--b-red)}.lbrow .c.main{font:900 26px/1 var(--disp)}.lb-intro h2{font-size:34px}.usermenu__btn{border-radius:4px}.authlink{font:700 19px/1 var(--disp);text-transform:uppercase;letter-spacing:.06em;color:#c9ccd4;border-radius:0}.authlink:hover{color:#fff;background:0 0}.usermenu__pop{border-top:4px solid var(--b-red);border-radius:4px}.usermenu__pop a,.usermenu__pop button{border-radius:2px}.select__btn{border-radius:4px}.toast{border-left:5px solid var(--b-red);border-radius:4px}.toast--ok{border-left-color:var(--ok)}.stage{--bg:#05100d;--panel:#0b1f19;--panel-2:#0f2820;--field:#07140f;--chalk:#eaf6f1;--body:#c4dad2;--mute:#93b0a5;--faint:#5f7d72;--line:#a0ffe61c;--line-2:#a0ffe633;--tint:160 255 230;--acc:#1df2c0;--acc-rgb:29 242 192;--teal:#1df2c0;--teal-2:#0fb892;--warn:#ffb454;--err:#ff9a9a;--ok:#6fe0a0;--sans:"Avenir Next", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;font:400 16px/1.6 var(--sans);color:var(--chalk);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:auto}.stage h1,.stage h2,.stage h3{font-family:var(--sans);text-transform:none;letter-spacing:-.025em;font-weight:800;line-height:1.12}.stage .card{background:linear-gradient(160deg, var(--panel-2), var(--panel));border:1px solid var(--line-2);border-radius:26px;padding:clamp(22px,3.4vw,36px);box-shadow:0 30px 80px -30px #000c}.stage .card h2{margin-bottom:4px;font-size:22px}.stage a{color:var(--teal)}