.header .header-actions{display:flex;align-items:center;justify-self:end;gap:10px;grid-column:3;grid-row:1;white-space:nowrap}.header-actions>.primary,.header-actions>.join-game-button{min-height:42px;padding:10px 15px;border-radius:12px;font-size:15px;line-height:1.4}.join-game-button{border:1px solid #cdb6ef;background:#f3eaff;color:#6020ae;font-weight:900;cursor:pointer}.join-game-button:hover{background:#e9dafa}.join-game-button:focus-visible,.join-dialog button:focus-visible{outline:3px solid #a47cdd;outline-offset:3px}
.join-dialog{position:fixed;width:min(460px,calc(100% - 28px));padding:38px 30px 25px;background:#fff;border:1px solid #dac8f4;border-radius:26px}.join-dialog h2{font:400 clamp(30px,6vw,40px)/1.1 Lilita,system-ui,sans-serif;margin:14px 0}.join-dialog p{font-size:15px;line-height:1.6;color:#6d5c80}.join-dialog label{display:block;font-weight:900;margin:20px 0 8px}.join-dialog input{width:100%;font-size:23px;font-weight:900;letter-spacing:2px;text-transform:uppercase;background:#f6f0fe;border:2px solid #d9c5f2;border-radius:14px;padding:15px 12px}.join-dialog form>.primary{width:100%;margin-top:10px}.join-dialog .join-close{position:absolute;right:12px;top:10px;width:40px;height:40px;border:0;border-radius:50%;font-size:28px;color:#6c527f;background:#f6f0fd;cursor:pointer}#join-game-error{min-height:24px;margin-bottom:0}#join-game-choices{display:grid;gap:8px;margin-top:12px}
.pm-code-box{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:14px;background:#ffffffc4;border:1px solid #ded0f3;border-radius:14px}.pm-code-box small{grid-column:1/-1;font-size:15px;color:#6d587f}.pm-challenge-bar .pm-join-code{font-weight:900;font-size:21px;letter-spacing:2px;color:#6725b2;background:#f9f5ff}.pm-challenge-bar>label input{width:100%;min-width:0}.pm-challenge-bar>label{min-width:0}
@media(max-width:1180px){.header{grid-template-columns:minmax(0,1fr) auto 44px;gap:12px}.header>.logo{width:190px}.header>.header-actions{grid-column:2}.header>.mobile-menu{display:grid;place-items:center;grid-column:3;grid-row:1;width:44px;height:44px;padding:10px;border:1px solid #e8dcf5;border-radius:12px;background:#f5effd;color:#6820c8}.header>.mobile-menu svg{width:22px;height:22px}.header>nav{display:none}.header.menu-open>nav{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:3px;max-height:calc(100dvh - 110px);overflow-y:auto;padding:12px;background:#fff;border:1px solid #e6dcef;border-radius:16px;box-shadow:0 15px 35px #2c0b651a;white-space:normal}.header.menu-open>nav>a,.header .nav-more>summary{justify-content:flex-start}.header .nav-more-panel{position:static;width:auto;box-shadow:none;border:0}.header.menu-open .nav-menu-bars{display:none}.header.menu-open .nav-menu-close{display:block}}
@media(max-width:600px){.header{grid-template-columns:minmax(0,1fr) 44px;gap:7px;min-height:100px}.header>.logo{width:174px}.header>.mobile-menu{grid-column:2}.header>.header-actions{grid-column:1/-1;grid-row:2;width:100%;justify-content:flex-end;margin-top:-5px}.header-actions>.primary,.header-actions>.join-game-button{min-height:38px;padding:8px 14px}.pm-code-box{grid-template-columns:1fr}.pm-code-box>button{width:100%}.join-dialog{padding:36px 22px 20px}}

.join-dialog .pm-kicker{color:#7634b5}.header-actions>.primary{white-space:nowrap}

.join-dialog #join-game-name{font-size:15px;letter-spacing:0;text-transform:none;font-weight:700}