/* AllChat: a shared chat bubble, a play button, and room for everyone. */
.arcade-body{background:#faf9f6}.arcade-shell{--a-ink:#241e30;--a-muted:#706b79;--a-border:#e5e0e9;--a-green:#e5dafb;background:#faf9f6}
.a-sidebar{background:#1c1825;color:#ddd5e9;border-color:#ffffff12}.a-brand{color:#f9f7ff;font-weight:850;letter-spacing:-1.3px;gap:10px}.brand-light{font-weight:650}.ac-brand-dot{color:#c7fa73}.a-logo,.a-sidebar .a-logo{width:40px;height:40px;border:0;background:transparent;transform:none;border-radius:12px;flex-shrink:0}.a-logo img{display:block;width:100%;height:100%}.a-nav-caption{color:#a39aad;font-size:10px}.a-nav{color:#bcb3cb;font-size:13px;min-height:44px}.a-nav:hover{background:#ffffff0b;color:#fff}.a-nav.selected{background:#b895ff20;color:#dbc6ff}.a-nav small{background:#b895ff26;color:#dbc6ff}.a-side-note{border-color:#ffffff18}.a-side-note strong{color:#f4effb}.a-side-note>span{color:#c7fa73}.a-side-note p{color:#b1a6c0}.a-side-note a{color:#dfceff}.a-account strong{color:#f5efff}.a-account small{color:#bdb1ce}.a-account button{color:#ddcff2}.a-sidebar .a-dark{background:#c7fa73;border-color:#c7fa73;color:#211b32}.a-topbar{background:#faf9f6}.a-breadcrumb{color:#6e647b;font-size:12px}.a-main{max-width:1600px}.a-dark{background:#7044c9;border-color:#7044c9;color:#fff}.a-dark:hover:not(:disabled){background:#5d33b1}.a-btn{font-size:12px;min-height:44px;border-radius:10px;font-weight:650}.a-text-link{font-size:12px}.a-kicker{font-size:10px;color:#76638d}.a-hero{grid-template-columns:1fr 1.05fr;gap:24px;padding:24px 0 32px}.a-hero-copy .a-kicker{color:#6e5689;font-size:10px;letter-spacing:1.1px;line-height:1.7;max-width:330px}.a-hero-copy .a-kicker i{background:#7044c9;flex-shrink:0}.a-hero-copy h1{font-size:clamp(52px,5.2vw,84px);font-weight:800;letter-spacing:-4px;line-height:1.03}.hero-play{font-family:inherit;font-weight:800;font-style:normal;color:#7545cf}.hero-play svg{stroke:#acd76d;bottom:-9px;stroke-width:4}.a-hero-copy>p{font-size:15px;line-height:1.8;color:#6b6375;max-width:380px;margin:32px 0 26px}.hero-footnote{font-size:10px;gap:14px;flex-wrap:wrap;color:#746c7b}.ac-hero-stage{border:1px solid #ddd1ec;background:#f0e9fa;border-radius:24px;overflow:hidden;min-width:0}.ac-stage-label,.ac-stage-footer{display:flex;align-items:center;gap:8px;padding:17px 20px;font-size:9px;font-weight:750;letter-spacing:1px;color:#655375}.ac-stage-label{border-bottom:1px solid #ded2ec}.ac-live-dot{width:6px;height:6px;border-radius:50%;background:#7545cf}.ac-hero-stage>img{display:block;width:100%;height:auto}.ac-stage-footer{justify-content:space-between;border-top:1px solid #ded2ec;font-size:8px}.a-marquee{font-size:11px;color:#6b6278;border-color:#ddd3e6}.a-marquee b{color:#8457c8}.a-section-title h2{font-weight:750}.a-card-content{background:#fffdfb}.a-card-content>p{font-size:12px}.a-card-meta{font-size:9px}.a-card-bottom>span{font-size:10px}.a-round-link{background:#ede5fa;color:#6234a6}.a-how{border-color:#ddd3e6}.a-how-step>span{color:#8358bd}.a-how-step p{font-size:12px;color:#706778}.a-footer{font-size:11px;color:#756b80}.pg-topbar{background:#1c1825}.pg-topbar nav a{color:#e2d5f3}.pg-practice-tag{background:#c7fa73;color:#211b32}.pg-channel-powered{font-weight:800;letter-spacing:-.6px}.brand-mark{background:none;box-shadow:none;transform:none}.brand-mark img{display:block;width:36px;height:36px}.a-brand:focus-visible,.a-nav:focus-visible,.a-btn:focus-visible,.a-text-link:focus-visible{outline:3px solid #9b6df0;outline-offset:4px}
@media(min-width:1600px){.a-hero{gap:50px}.ac-hero-stage{max-width:620px}.a-hero-copy h1{font-size:90px}}
@media(max-width:1100px) and (min-width:761px){.a-hero{grid-template-columns:1fr}.a-hero-copy>p{max-width:560px}.a-hero-copy h1{font-size:72px}.ac-hero-stage{max-width:600px}.a-main{padding:30px}.hero-footnote{margin-bottom:12px}}
@media(max-width:760px){.a-sidebar{background:#1c1825}.a-sidebar .a-brand>span:not(.a-logo){font-size:18px}.a-sidebar .a-logo{width:30px;height:30px}.a-sidebar .a-brand{gap:7px}.a-nav{font-size:12px;min-height:40px}.a-breadcrumb{font-size:10px}.a-main{padding:24px 18px}.a-hero{grid-template-columns:1fr;gap:30px;padding:10px 0}.a-hero-copy h1{font-size:62px;letter-spacing:-3px}.a-hero-copy .a-kicker{font-size:9px}.a-hero-copy>p{font-size:14px;margin:27px 0 24px}.a-actions .a-btn{font-size:12px}.a-text-link{font-size:12px}.hero-footnote{font-size:10px}.ac-hero-stage{border-radius:18px;width:100%;max-width:600px}.ac-stage-label{font-size:8px;padding:13px 15px}.ac-stage-footer{font-size:7px;padding:13px 12px;gap:8px}.a-marquee{font-size:9px;flex-wrap:wrap;justify-content:center;gap:12px;line-height:1.6}.a-section-title h2{font-size:25px}.a-section-title .a-text-link{font-size:10px}.a-card-content h3{font-size:18px}.a-card-content>p{font-size:12px}.a-card-meta{font-size:8px}.a-card-bottom>span{font-size:9px}.a-how .a-kicker{font-size:9px!important}.a-how-step h3{font-size:15px}.a-how-step p{font-size:12px}.a-footer{font-size:10px}.pg-topbar .a-brand{font-size:22px}.pg-topbar .a-logo{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.ac-hero-stage *{animation:none;transition:none}}
@media(max-width:760px){.a-sidebar{gap:12px}.a-sidebar>.a-brand{flex-shrink:0}.a-sidebar nav{flex:1;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#a887f0 transparent}.a-sidebar .a-nav{flex-shrink:0;white-space:nowrap}.a-sidebar .a-nav>span{flex-shrink:0}}

/* Keep the compact navigation independent of the brand's text sizing. */
.a-nav>.a-nav-label{width:auto;text-align:left;font-size:inherit;font-weight:inherit;min-width:0}
.a-hero-copy,.a-workspace{min-width:0}
@media(max-width:1000px) and (min-width:521px){
  .a-sidebar .a-nav{font-size:0;gap:0;padding:13px 0;min-width:0}
  .a-sidebar .a-nav>.a-nav-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .a-sidebar .a-nav>span:first-child{flex-shrink:0}
}
@media(max-width:520px){
  .a-sidebar{gap:12px;overflow:visible}
  .a-sidebar nav{overflow-x:auto;min-width:0;margin:0;align-self:stretch;align-items:center}
  .a-sidebar .a-nav{gap:6px;padding:8px 10px;min-height:44px;white-space:nowrap}
  .a-sidebar .a-nav:nth-child(4){display:flex}
  .a-sidebar .a-nav>.a-nav-label{font-size:12px}
  .a-sidebar .a-brand>span:not(.a-logo){display:none}
  .a-hero-copy h1{font-size:clamp(42px,11.5vw,60px);letter-spacing:-2.5px}
  .a-section-title{flex-wrap:wrap;gap:12px}
  .a-section-title .a-text-link{margin-top:0;text-align:left}
  .a-footer{flex-wrap:wrap}
}
@media(max-width:380px){
  .a-game-grid{grid-template-columns:minmax(0,1fr)}
  .a-topbar{gap:8px;padding:0 18px}
  .a-breadcrumb{max-width:120px}
}