.gr-lobby{color:#17465e;grid-template-columns:minmax(0,1fr) 280px;gap:20px;max-width:1280px;padding:12px 0 0;display:grid}.gr-lobby .gr-topbar,.gr-lobby>.gr-error,.gr-lobby>.gr-footer{grid-column:1/-1;margin-bottom:0}.gr-breadcrumb{align-items:center;gap:9px;font-size:12px;display:flex}.gr-breadcrumb a{color:#409aa8}.gr-lobby .gr-topbar>span{display:none}.gr-lobby .gr-lobby-layout{display:contents}.gr-lobby .gr-hero{isolation:isolate;background:#e9f9fe;border:0;border-radius:19px;grid-column:1;min-height:272px;display:block;position:relative;overflow:hidden}.gr-hero-image{object-fit:cover;object-position:center;z-index:-2}.gr-lobby .gr-hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#e4f8fe80,#0000 67%);position:absolute;inset:0}.gr-lobby.gr-match-rush .gr-hero:after{background:linear-gradient(90deg,#fff5f6f5,#fff5f6bc 40%,#0000 73%)}.gr-lobby .gr-hero-copy{width:51%;padding:28px 26px 23px}.gr-lobby .gr-eyebrow{color:#129fab;letter-spacing:.1em;font-size:12px;font-weight:600}.gr-lobby .gr-hero h1{color:#17445c;margin:15px 0 13px;font-size:32px;font-weight:500;line-height:1.4}.gr-lobby .gr-hero h1 em{color:#169da5;white-space:nowrap}.gr-lobby.gr-match-rush .gr-hero h1 em{color:#d47b9b}.gr-lobby .gr-hero p{color:#557e96;max-width:315px;margin-bottom:18px;font-size:12px;line-height:1.85}.gr-hero-compact-copy{display:none}.gr-lobby .gr-hero-actions{gap:10px}.gr-lobby .gr-primary,.gr-create-dialog .gr-primary{background:linear-gradient(120deg,#13a8b4,#199eaa);border-color:#19a7b1;border-radius:12px;min-height:45px;font-size:14px;font-weight:500}.gr-lobby .gr-secondary{color:#397a96;background:#faffffdf;border-radius:12px;min-height:44px;font-size:14px}.gr-lobby .gr-hero-details{color:#648da3;gap:14px;margin-top:17px;font-size:12px}.gr-lobby-actions{grid-column:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.gr-lobby-action{color:#406a80;background:0 0;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:94px;padding:12px 6px;display:flex}.gr-lobby-action>span{color:#159fab;background:linear-gradient(145deg,#edfcfd,#d9f3f5);border-radius:15px;place-items:center;width:46px;height:46px;display:grid}.gr-lobby-action strong{white-space:nowrap;font-size:14px;font-weight:500}.gr-action-quick>span{color:#d5a12e;background:linear-gradient(145deg,#fffbed,#fff0be)}.gr-action-invite>span{color:#a381cb;background:linear-gradient(145deg,#fcf7ff,#ece2fa)}.gr-action-code>span{color:#5797c7;background:linear-gradient(145deg,#eff9ff,#deedfc)}.gr-lobby-action:hover:not(:disabled){box-shadow:none}.gr-lobby .gr-room-list{grid-column:1;min-width:0;scroll-margin-top:18px}.gr-room-filters{border-bottom:1px solid #e0ecf0;flex-wrap:wrap;gap:9px;margin-bottom:18px;padding-bottom:15px;display:flex}.gr-room-filters button{color:#7894a5;background:0 0;border:1px solid #0000;border-radius:12px;min-height:41px;padding:9px 15px;font-size:14px}.gr-room-filters .is-active{color:#138a96;background:#e8f6f7;border-bottom-color:#33a9b6}.gr-lobby .gr-section-title{margin-bottom:13px}.gr-lobby .gr-section-title .gr-eyebrow{display:none}.gr-lobby .gr-section-title h2{color:#224f65;margin:0;font-size:20px;font-weight:500}.gr-lobby .gr-section-title small{color:#528298;background:#e6f3f7;border-radius:20px;padding:3px 9px;font-size:12px}.gr-lobby .gr-round-button{color:#4e8299;border-color:#d6e9ef;width:34px;height:34px}.gr-room-search{color:#648a9e;background:#fbfefe;border:1px solid #d9e8ee;border-radius:12px;align-items:center;gap:9px;height:42px;margin:0 0 14px;padding:0 12px;display:flex}.gr-room-search input{color:#456f83;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:15px}.gr-room-search:focus-within{border-color:#1fa7b1}.gr-lobby .gr-room-card{background:#ffffffd9;border:1px solid #dce9ef;border-radius:17px;grid-template-columns:68px minmax(0,1fr) auto;gap:15px;min-width:0;padding:16px;display:grid}.gr-lobby .gr-room-card-icon{background:#f0f8fa;border:0;border-radius:17px;place-items:center;width:64px;height:64px;display:grid}.gr-room-card-icon .profile-avatar{width:58px;height:58px}.gr-lobby .gr-room-card h3{color:#28586c;overflow-wrap:anywhere;margin:3px 0 7px;font-size:16px;font-weight:500}.gr-lobby .gr-room-card p{color:#7496aa;gap:7px;font-size:12px}.gr-lobby .gr-room-tag{color:#7d9cae;font-size:12px}.gr-lobby .gr-room-card .gr-secondary{color:#1395a0;background:#e8f6f7;border:0;padding:9px 15px;font-size:14px}.gr-lobby .gr-empty{background:#fafdfe;border:1px dashed #cfe4ec;border-radius:18px;padding:45px 20px}.gr-lobby .gr-empty h3{color:#486f83;font-size:16px}.gr-lobby .gr-empty p{color:#809eae;font-size:15px}.gr-lobby .gr-lobby-side{flex-direction:column;grid-area:2/2/span 3;gap:16px;display:flex}.gr-about-box,.gr-ranking-box{background:#ffffffeb;border:1px solid #dceaf0;border-radius:17px;padding:19px 17px}.gr-lobby .gr-lobby-side h2{color:#27516a;margin:0;font-size:14px;font-weight:500}.gr-about-box h2{align-items:center;gap:12px;display:flex;margin-bottom:17px!important}.gr-about-box h2>svg{box-sizing:content-box;color:#15a4ae;background:#e8f7f7;border-radius:13px;padding:10px}.gr-about-box details{border-top:1px solid #e6edf1}.gr-about-box summary{cursor:pointer;color:#4a7188;align-items:center;gap:13px;padding:17px 3px;font-size:15px;list-style:none;display:flex}.gr-about-box summary::-webkit-details-marker{display:none}.gr-about-box summary>svg:last-child{margin-left:auto}.gr-about-box details[open] summary>svg:last-child{transform:rotate(90deg)}.gr-about-box p{color:#7696a8;margin:0 2px 15px;font-size:15px;line-height:1.95}.gr-ranking-box header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.gr-ranking-box h2>svg{color:#e7b32d}.gr-ranking-box button{color:#a184d2;background:0 0;border:0;padding:0;font-size:14px}.gr-ranking-box ol{margin:0;padding:0;list-style:none}.gr-ranking-box li{border-bottom:1px solid #e3edf1;align-items:center;gap:11px;min-width:0;padding:14px 1px;display:flex}.gr-rank-number{color:#1998a5;font-family:Outfit Variable,sans-serif;font-size:16px;font-weight:650}.gr-ranking-box .profile-avatar{flex:none;width:43px;height:43px}.gr-ranking-box li>div{min-width:0}.gr-ranking-box li strong{color:#315e72;overflow-wrap:anywhere;font-size:15px;font-weight:500;display:block}.gr-ranking-box li small{color:#819eae;margin-top:2px;font-size:12px;display:block}.gr-ranking-empty{text-align:center;color:#8faeb9;flex-direction:column;align-items:center;gap:8px;padding:22px 8px;font-size:15px;display:flex}.gr-ranking-empty strong{color:#578295;font-size:16px;font-weight:500}.gr-ranking-empty p{margin:0;line-height:1.9}.gr-ranking-caption{color:#94adba;margin:13px 0 0;font-size:12px}.gr-lobby .gr-footer{margin-top:15px;font-size:12px}.gr-seat-avatar>.profile-avatar{width:60px;height:60px}.gr-friends>div>.profile-avatar{flex:none;width:43px;height:43px}.gr-action-dialog{color:#28586e;width:min(440px,100vw - 28px);margin:auto;padding:27px}.gr-action-dialog-icon{color:#169faa;background:#e8f8fa;border-radius:17px;place-items:center;width:54px;height:54px;margin-bottom:14px;display:grid}.gr-action-dialog h2{margin:0 0 8px;font-size:23px}.gr-action-dialog>p{color:#7895a6;margin-bottom:18px;font-size:15px;line-height:1.8}.gr-action-dialog .gr-primary{background:linear-gradient(120deg,#13a8b4,#199eaa);border-radius:12px;width:100%;min-height:46px}.gr-code-form{gap:11px;display:grid}.gr-code-form label{font-size:15px}.gr-code-form input{letter-spacing:.1em;text-align:center;color:#325c74;background:#f7fcfd;border:1px solid #d2e6ed;border-radius:12px;width:100%;min-height:52px;padding:12px;font-size:18px}.gr-code-form input::placeholder{letter-spacing:0;color:#95adba;font-size:15px}.gr-invite-room-list{gap:9px;margin-bottom:16px;display:grid}.gr-invite-room{text-align:left;color:#3c6c80;background:#f8fcfd;border:1px solid #dbe9ef;border-radius:13px;align-items:center;gap:12px;min-width:0;padding:13px;display:flex}.gr-invite-room .profile-avatar{flex:none;width:44px;height:44px}.gr-invite-room>span{flex:1;min-width:0}.gr-invite-room strong,.gr-invite-room small{overflow-wrap:anywhere;display:block}.gr-invite-room strong{font-size:15px;font-weight:500}.gr-invite-room small{color:#8ba5b4;margin-top:4px;font-size:12px}.gr-invite-room-empty{text-align:center;color:#7b9ead;justify-items:center;gap:11px;padding:20px 6px 30px;display:grid}.gr-invite-room-empty strong{color:#537a8e;font-size:13px;font-weight:500}.gr-invite-room-empty p{margin:0;font-size:15px}.gr-create-dialog{color:#24536b;background:#fff;width:min(480px,100vw - 28px);margin:auto;padding:27px}.gr-create-dialog .gr-eyebrow{color:#129ca9;letter-spacing:0;margin-bottom:18px;font-size:12px;font-weight:500}.gr-create-dialog h2{z-index:1;color:#1f4b63;max-width:70%;margin:0 0 8px;font-size:27px;position:relative}.gr-create-dialog>p{z-index:1;color:#7f9aab;max-width:62%;margin-bottom:22px;font-size:15px;position:relative}.gr-dialog-art{width:160px;height:127px;position:absolute;top:49px;right:17px;overflow:hidden}.gr-dialog-art img{object-fit:contain;object-position:bottom right}.gr-create-dialog .gr-dialog-close{z-index:2;color:#567f99;width:44px;height:44px}.gr-create-dialog .gr-settings-form{gap:16px}.gr-create-dialog .gr-settings-form>label,.gr-create-dialog .gr-form-row>label,.gr-create-dialog legend{color:#456f86;font-size:15px;font-weight:500}.gr-create-dialog .gr-settings-form input:not([type=radio]):not([type=checkbox]),.gr-create-dialog select{color:#3c6780;background:#fdfefe;border:1px solid #d7e6ee;border-radius:11px;width:100%;min-height:44px;padding:10px 13px;font-size:15px}.gr-bots-note{color:#94a9b3;font-size:12px;font-weight:400;line-height:1.6}.gr-title-counter{text-align:right;color:#8fa8b8;margin-top:-4px;font-size:12px;font-weight:400;display:block}.gr-create-dialog .gr-visibility-options label{color:#658ba2;border-color:#d5e4ed;border-radius:12px;gap:5px;min-height:100px;padding:14px 13px}.gr-create-dialog .gr-visibility-options strong{font-size:14px}.gr-create-dialog .gr-visibility-options small{color:#7b9baa;font-size:14px}.gr-create-dialog .gr-visibility-options label.is-selected{color:#199aab;background:#f1fbfc;border-color:#42bac4}.gr-create-dialog .gr-visibility-options input{accent-color:#1699ab;width:16px;height:16px}.gr-create-dialog .gr-checkbox{background:#fbfdff;border-color:#d8e7ef;padding:13px}.gr-helper-icon{color:#f0b32d;flex:none}.gr-checkbox>span{flex:1;min-width:0}.gr-create-dialog .gr-checkbox strong{color:#386780;font-size:14px;font-weight:500}.gr-create-dialog .gr-checkbox small{color:#8ba6b8;font-size:12px}.gr-create-dialog .gr-checkbox input{-webkit-appearance:none;appearance:none;cursor:pointer;background:#d6e2e9;border:0;border-radius:20px;flex:none;order:3;width:38px;height:23px;margin:0;position:relative}.gr-create-dialog .gr-checkbox input:before{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #23435615}.gr-create-dialog .gr-checkbox input:checked{background:#20a7b2}.gr-create-dialog .gr-checkbox input:checked:before{transform:translate(15px)}.gr-create-share{color:#18a1af;background:linear-gradient(110deg,#eaf8fa,#f8fbff);border:1px solid #dcf0f4;border-radius:13px;align-items:center;gap:12px;padding:13px;display:flex}.gr-create-share strong,.gr-create-share small{display:block}.gr-create-share strong{color:#477a91;font-size:12px;font-weight:500}.gr-create-share small{color:#8da8b9;margin-top:3px;font-size:12px}.gr-create-share>svg{box-sizing:content-box;background:#d9f2f4;border-radius:12px;flex:none;padding:9px}.gr-create-dialog .gr-settings-form>.gr-primary{min-height:48px;font-size:15px}@media (min-width:1151px){.app-shell.app-shell-room:has(.gr-lobby){grid-template-columns:242px minmax(0,1fr);gap:0;max-width:1600px}.app-shell.app-shell-room:has(.gr-lobby)>.main-column{padding:13px 18px 24px 20px}}@media (min-width:761px) and (max-width:1250px){.gr-lobby{grid-template-columns:minmax(0,1fr)}.gr-lobby .gr-lobby-side{grid-area:auto/1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.gr-lobby .gr-hero-copy{width:66%;padding:22px 20px}.gr-lobby .gr-hero h1{font-size:clamp(20px,2.6vw,29px)}}@media (max-width:760px){.gr-lobby{padding:18px 13px 28px;display:block}.gr-lobby .gr-topbar{margin-bottom:17px}.gr-breadcrumb{gap:6px;font-size:12px}.gr-lobby .gr-hero{border-radius:18px;align-items:center;min-height:200px;display:flex}.gr-lobby .gr-hero-image{object-position:80% center}.gr-lobby .gr-hero:after{background:linear-gradient(90deg,#eaf9ff 0% 32%,#eaf9ffed 47%,#eaf9ff66 64%,#0000 82%)}.gr-lobby.gr-match-rush .gr-hero:after{background:linear-gradient(90deg,#fff4f8 0% 32%,#fff4f8ed 47%,#fff4f866 64%,#0000 82%)}.gr-lobby .gr-hero-copy{width:62%;padding:18px 10px 18px 18px}.gr-lobby .gr-hero .gr-eyebrow{gap:5px;font-size:12px}.gr-lobby .gr-hero .gr-eyebrow svg{width:14px;height:14px}.gr-lobby .gr-hero h1{margin:9px 0;font-size:clamp(18px,5vw,26px);line-height:1.45}.gr-lobby .gr-hero p{margin:0 0 10px;font-size:12px;line-height:1.7}.gr-hero-full-copy{display:none}.gr-hero-compact-copy{display:inline}.gr-lobby .gr-hero-details{gap:7px;margin-top:8px;font-size:12px}.gr-lobby .gr-hero-details svg{width:11px;height:11px}.gr-lobby .gr-hero-details>span:last-child{display:none}.gr-lobby-actions{gap:7px;margin:13px 0 20px}.gr-lobby-action{border-radius:13px;gap:7px;min-height:84px;padding:10px 3px}.gr-lobby-action>span{border-radius:13px;width:40px;height:40px}.gr-lobby-action>span>svg{width:23px;height:23px}.gr-lobby-action strong{font-size:14px}.gr-lobby .gr-room-list{margin-top:21px}.gr-room-filters{gap:3px}.gr-room-filters button{padding:8px 10px;font-size:14px}.gr-lobby .gr-section-title h2{font-size:18px}.gr-lobby .gr-room-card{grid-template-columns:52px minmax(0,1fr) auto;gap:11px;padding:12px}.gr-lobby .gr-room-card-icon{border-radius:12px;width:51px;height:51px}.gr-room-card-icon .profile-avatar{width:47px;height:47px}.gr-lobby .gr-room-card h3{font-size:16px}.gr-lobby .gr-room-card .gr-secondary{padding:8px 10px;font-size:14px}.gr-lobby .gr-room-card .gr-secondary svg{display:none}.gr-lobby .gr-room-tag,.gr-lobby .gr-room-card p{font-size:12px}.gr-lobby .gr-lobby-side{gap:14px;margin-top:22px}.gr-about-box,.gr-ranking-box{padding:18px}.gr-create-dialog{max-height:calc(100dvh - 24px);padding:23px 19px}.gr-action-dialog{padding:24px 19px}.gr-create-dialog h2{max-width:72%;font-size:23px}.gr-create-dialog>p{max-width:65%;font-size:15px}.gr-dialog-art{width:116px;height:105px;top:58px;right:9px}.gr-create-dialog .gr-visibility-options strong,.gr-create-dialog .gr-visibility-options small,.gr-create-dialog .gr-checkbox strong{font-size:14px}.gr-create-dialog .gr-checkbox small{font-size:12px}.gr-create-share{gap:8px;padding:11px}.gr-create-share strong,.gr-create-share small{font-size:12px}.gr-create-share>svg{padding:7px}}@media (prefers-reduced-motion:reduce){.gr-create-dialog .gr-checkbox input:before{transition:none}}.gr-lobby-action>span{background:0 0;border-radius:0;width:64px;height:58px}.gr-lobby-action>span img{object-fit:contain;width:auto;height:58px}.gr-mobile-game-back,.gr-lobby-tools{display:none}.gr-notification-bell{position:relative}.gr-notification-count{color:#fff;text-align:center;background:#ed83a6;border-radius:10px;min-width:16px;height:16px;padding:0 3px;font-size:12px;line-height:16px;position:absolute;top:0;right:0}.gr-info-sheet{margin:auto;padding:44px 18px 18px}.gr-info-sheet .gr-about-box,.gr-info-sheet .gr-ranking-box{background:0 0;border:0;padding:0}.gr-info-sheet .gr-about-box h2,.gr-info-sheet .gr-ranking-box h2{margin:0 0 14px;font-size:18px}.gr-info-sheet .gr-ranking-box h2{align-items:center;gap:8px;margin:0;font-size:16px;display:flex}.gr-info-sheet .gr-ranking-box h2>svg{flex:none}.gr-info-sheet .gr-ranking-box header>button{min-height:44px;padding:8px}.gr-invite-toast{z-index:60;bottom:max(16px, env(safe-area-inset-bottom));color:#168f9c;background:#fff;border:1px solid #bce2e7;border-radius:17px;align-items:center;gap:10px;width:min(500px,100vw - 24px);padding:13px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #315c7325}.gr-invite-toast>svg{flex:none}.gr-invite-toast>div{flex:1;min-width:0}.gr-invite-toast strong,.gr-invite-toast span{display:block}.gr-invite-toast strong{font-size:15px}.gr-invite-toast span{color:#6c91a3;font-size:12px}.gr-invite-toast a,.gr-invite-toast button{color:#168f9c;background:#edf9fa;border:0;border-radius:10px;justify-content:center;align-items:center;gap:4px;min-height:44px;padding:7px;font-size:14px;text-decoration:none;display:flex}.gr-invite-toast button{background:0 0;min-width:44px}@media (max-width:760px){.app-shell:has(.gr-lobby)>.main-column{width:100%;margin:0;padding:0}.gr-page.gr-lobby{width:100%;min-height:100dvh;padding:max(8px, env(safe-area-inset-top)) 12px max(8px, env(safe-area-inset-bottom));flex-direction:column;gap:0;display:flex;overflow:visible}.gr-lobby .gr-topbar{flex:none;min-height:44px;margin:0 0 8px}.gr-lobby .gr-breadcrumb{display:none}.gr-topbar .gr-mobile-game-back{align-items:center;gap:8px;min-height:44px;font-size:13px;display:flex}.gr-lobby-tools{align-items:center;gap:5px;display:flex}.gr-lobby-tools button,.gr-lobby-tools a{color:#618c9f;background:#fff;border:1px solid #dcebef;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.gr-lobby-tools button:nth-child(2){color:#d9ab3a}.gr-lobby .gr-hero{flex:none;height:148px;min-height:0}.gr-lobby .gr-hero-copy{width:64%;padding:12px 8px 12px 14px}.gr-lobby .gr-hero h1{margin:7px 0;font-size:clamp(22px,5vw,28px);line-height:1.35}.gr-lobby .gr-hero p{margin-bottom:5px;font-size:12px;line-height:1.5}.gr-lobby .gr-hero-details{margin-top:5px}.gr-lobby-actions{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.gr-lobby-action{flex-direction:row;gap:8px;min-height:64px;padding:8px}.gr-lobby-action>span{flex:none;width:42px;height:42px}.gr-lobby-action>span img{width:auto;height:42px}.gr-lobby-action strong{font-size:14px}.gr-lobby .gr-lobby-layout{flex:none;min-height:0;margin:0;display:block}.gr-lobby .gr-room-list{min-height:0;margin:0;display:block;overflow:visible}.gr-room-filters{flex-wrap:wrap;flex:none;gap:3px;margin:0 0 6px;padding:0 0 5px}.gr-room-filters button{min-height:44px;padding:7px 10px;font-size:14px}.gr-lobby .gr-section-title{flex:none;min-height:44px;margin:0 0 6px}.gr-lobby .gr-section-title h2{font-size:16px}.gr-lobby .gr-round-button{width:44px;height:44px}.gr-room-search{flex:none;height:44px;margin:0 0 8px}.gr-lobby .gr-rooms{flex:none;align-content:start;min-height:0;padding-bottom:4px;overflow:visible}.gr-lobby .gr-empty{flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:24px 12px;display:flex}.gr-lobby .gr-empty-icon{flex:none;width:46px;height:46px;margin-bottom:8px}.gr-lobby .gr-empty h3{text-align:center;margin:0 0 5px;font-size:16px}.gr-lobby .gr-empty p{margin:0 0 5px;font-size:15px}.gr-lobby .gr-empty .gr-text-button{min-height:44px;margin:0;font-size:14px}.gr-lobby .gr-room-card .gr-secondary{min-height:44px}.gr-lobby .gr-footer,.gr-lobby .gr-lobby-side{display:none}.gr-lobby>.gr-error{flex:none;margin:0 0 5px;padding:7px;font-size:15px}.gr-lobby>.gr-toast{z-index:40;margin:0;position:fixed;bottom:12px;left:12px;right:12px}.gr-info-sheet{width:100%;max-width:650px;max-height:min(78dvh,650px);padding:47px 22px max(22px, env(safe-area-inset-bottom));border-radius:23px 23px 0 0;margin:auto auto 0}.gr-info-sheet .gr-dialog-close{width:44px;height:44px;top:8px;right:10px}}@media (max-width:760px) and (max-height:650px){.gr-lobby .gr-hero{height:128px}}