:root{--header-height:124px;--nav-height:64px}.lobby-icon{width:32px;height:32px;flex:none}.room-tabs{position:fixed;z-index:50;left:50%;transform:translateX(-50%);bottom:0;width:min(calc(100% - 28px),620px);height:calc(56px + env(safe-area-inset-bottom));padding:5px 8px calc(5px + env(safe-area-inset-bottom));margin:0!important;border:2px solid var(--ink);border-radius:20px 20px 0 0;background:#fffdf4f5;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 -3px 20px #29244b15;backdrop-filter:blur(10px)}.room-tabs button{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;display:flex;gap:10px;justify-content:center;align-items:center;font-size:18px;padding:2px;position:relative;color:#8c7897}.room-tabs button[aria-current=page]{color:#ef6aa7}.room-tabs button[aria-current=page]:after{content:'';height:4px;background:#ee74b0;border-radius:6px;position:absolute;bottom:0;left:20%;right:20%}.room-tabs small{display:none}.room-tabs .lobby-icon{width:25px;height:25px}.topbar{padding:8px 16px;gap:7px;max-width:760px}.brand{font-size:20px;gap:7px}.brand-en,.header-note,.header-tools>[data-action=help]{display:none}.header-tools{gap:9px}.topbar .small{width:38px;height:38px}.brand-icon{width:29px;height:29px}.player-strip{display:grid;grid-template-columns:40px minmax(0,1fr) 62px 44px;grid-template-rows:18px 15px 12px;gap:0 8px;padding:7px 9px;border:2px solid var(--ink);border-radius:15px;min-height:61px;font-size:13px}.player-strip strong{grid-column:2;grid-row:1;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-grade{grid-column:2;grid-row:2;font-size:11px;color:#876a9d}.player-strip>[role=status]{grid-column:2;grid-row:3;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#637c76}.profile-avatar-button{grid-column:1;grid-row:1/4;padding:0!important;border:0!important;background:transparent!important;border-radius:12px!important}.player-avatar{width:38px;height:38px;border-radius:50%;display:inline-flex;overflow:hidden;flex-shrink:0;background:#fff3dd;border:1.5px solid #82749c;vertical-align:middle}.player-avatar img,.player-avatar svg{width:100%;height:100%;object-fit:cover}.player-strip>[data-save]{display:none}.ranking-entry{grid-column:3;grid-row:1/4;height:42px;display:flex;align-items:center;justify-content:center;gap:3px;background:#fff0c8!important;color:#252250!important;font-size:12px!important;padding:5px!important}.ranking-entry svg{width:19px;height:19px}.cloud-account-entry{grid-column:4;grid-row:1/4;width:44px;height:42px;padding:3px!important;font-size:10px!important}.audio-control .audio-hint{top:calc(100% + 92px)}body[data-scene=lobby]>footer{display:none}body[data-scene=lobby] main{min-height:0;max-width:650px}body[data-scene=lobby] .home,body[data-scene=lobby] .dark-lobby{height:calc(100dvh - var(--header-height) - var(--nav-height) - env(safe-area-inset-bottom));min-height:500px;display:flex;flex-direction:column;gap:9px;padding:8px 16px 12px;max-width:650px;margin:auto}.home .poster{position:relative;top:auto;align-self:stretch;min-height:110px;flex:1;display:flex;align-items:center;justify-content:center}.home .logo{position:absolute!important;height:0!important;width:100%!important;margin:0!important;top:0;pointer-events:none}.home .logo:before,.home .logo:after{display:none}.home .logo h1{font-size:1px!important;opacity:0;position:absolute;top:0}.home .poster>.cat-stage{width:clamp(130px,26dvh,215px);height:clamp(125px,25dvh,205px);margin:0}.home .poster>.bubble{position:absolute;right:0;top:5%;padding:7px 10px;min-height:0;font-size:10px;max-width:130px;margin:0;border:2px solid var(--ink);background:#fffdf5;transform:rotate(3deg)}.home .poster>.cat-stage .motion-toggle{display:none}.home .home-panel{display:contents}.home .current-challenge{border:2px solid var(--ink);padding:10px 12px 9px;border-radius:17px;box-shadow:0 4px 0 var(--ink);flex:none}.home .current-heading{margin:0 0 5px}.home .current-heading h2{font-size:16px}.home .current-heading>span{font-size:9px}.home .challenge-difficulty{margin:0 0 6px;font-size:10px;gap:6px}.home .challenge-difficulty .difficulty-stars i{font-size:13px}.home .current-challenge .big-button{min-height:62px;padding:9px 14px;border:2px solid var(--ink);border-radius:13px;box-shadow:0 4px 0 var(--ink)}.home .current-challenge .big-button strong{font-size:23px;line-height:1.2}.home .current-challenge .big-button small{font-size:9px;margin-top:4px;line-height:1.5}.home .current-challenge .arrow{font-size:27px}.home .current-challenge .career-progress.compact-progress{margin:7px 0 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;min-height:20px}.home .progress-inline{margin-top:6px!important}.lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:none}.lobby-tile{border:2px solid var(--ink);border-radius:15px;min-height:62px;text-align:left;padding:9px 10px;display:flex;align-items:center;gap:9px;background:#d8f4e8;box-shadow:0 3px 0 var(--ink);min-width:0}.lobby-tile:nth-child(2){background:#e9e0ff}.lobby-tile:nth-child(3){background:#fff0bf}.lobby-tile:nth-child(4){background:#ffdfec}.lobby-tile .lobby-icon{width:29px;height:29px;color:#735c98}.lobby-tile span{min-width:0;flex:1}.lobby-tile b{display:block;font-size:15px;white-space:nowrap}.lobby-tile small{font-size:9px;display:block;margin-top:4px;line-height:1.4;color:#796886}.lobby-tile em{font-style:normal;font-size:25px}.lobby-utilities{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:none}.lobby-utilities button{min-height:38px;padding:5px 9px;border:1.5px solid var(--ink);border-radius:12px;background:#fffdf5;font-size:12px;display:flex;align-items:center;justify-content:center;gap:7px}.lobby-utilities .lobby-icon{width:19px;height:19px}.dark-lobby .single-cube-hero{flex:1;min-height:175px;display:flex;align-items:center;justify-content:center;position:relative;flex-direction:column}.dark-lobby .magic-scene{width:280px;height:225px;--box-size:145px;max-height:100%}.dark-lobby .single-cube-hero p{margin:-12px 0 0;font-weight:800;letter-spacing:2px;font-size:18px}.dark-rank-strip{display:flex;align-items:center;gap:10px;border:1.5px solid #a594bc;border-radius:13px;padding:8px 12px;background:#302b40;flex:none}.dark-rank-strip .lobby-icon{color:#f3d49d;width:28px;height:28px}.dark-rank-strip b{font-size:15px}.dark-rank-strip small{display:block;color:#b6a4c7;font-size:10px;margin-top:4px}.dark-rank-strip button{margin-left:auto;border:0;background:transparent;color:#cfbce2;font-size:11px}.dark-lobby .ranked-primary{border:2px solid #171327;min-height:70px;border-radius:15px;background:#f384bb;color:#252250;padding:11px 18px;box-shadow:0 5px 0 #11101b;text-align:left;position:relative;flex:none}.ranked-primary b{display:block;font-size:26px}.ranked-primary small{font-size:11px;display:block;margin-top:4px}.ranked-primary em{position:absolute;right:20px;top:16px;font-size:30px;font-style:normal}.dark-lobby .lobby-tile{background:#302c40;border-color:#9d88b5;box-shadow:0 3px 0 #11101b;color:#f7eedc;min-height:70px}.dark-lobby .lobby-tile .lobby-icon{color:#e1b6db}.dark-lobby .lobby-tile small{color:#b6a4c5}.dark-lobby .lobby-utilities button{background:transparent;color:#e8dcf4;border-color:#887297}.dark-lobby .dark-pass{margin:0!important;min-height:36px;padding:5px 9px!important;font-size:11px;display:block;flex:none;border-radius:10px;box-shadow:none}.dark-lobby .dark-pass b{font-size:11px}body[data-room=dark] .room-tabs{background:#302a40f2;border-color:#8d769c}body[data-room=dark] .room-tabs button{color:#b5a0c6}body[data-room=dark] .room-tabs button[aria-current=page]{color:#fa9ecb}body[data-room=dark] .player-grade{color:#c6b2de}.tier-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tier-picker button{min-height:75px;border:2px solid var(--ink);border-radius:14px;background:#fff1c4;padding:10px;text-align:left}.tier-picker button.locked{background:#eeebef;color:#948b9b}.tier-picker b{font-size:20px;display:block}.tier-picker small{display:block;margin-top:5px;font-size:11px}
@media(min-width:850px){.topbar{max-width:1000px}body[data-scene=lobby] main{max-width:1000px}body[data-scene=lobby] .home{display:grid;max-width:960px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;align-content:center;gap:20px}.home .poster{grid-column:1;grid-row:1/4;height:100%;min-height:320px}.home .poster>.cat-stage{width:310px;height:310px}.home .current-challenge{grid-column:2}.home .lobby-grid,.home .lobby-utilities{grid-column:2}.dark-lobby{max-width:620px!important}.room-tabs{max-width:620px}}
@media(max-height:740px) and (max-width:849px){.topbar{padding:5px 12px;gap:5px}.topbar .small{width:32px;height:32px;font-size:19px}.brand{font-size:17px}.player-strip{grid-template-rows:15px 12px 10px;padding:5px 8px;min-height:50px}.player-avatar{width:32px;height:32px}.ranking-entry,.cloud-account-entry{height:37px}.home .poster>.cat-stage{width:145px;height:140px}.home .poster>.bubble{max-width:105px;font-size:9px}.lobby-tile{min-height:54px;padding:7px 9px}.lobby-tile small{font-size:9px}.home .current-heading h2{font-size:14px}.home .current-challenge .big-button{min-height:53px}.home .current-challenge .big-button strong{font-size:21px}.home .current-challenge{padding:8px 10px}.dark-lobby .magic-scene{width:235px;height:175px;--box-size:115px}.dark-lobby .single-cube-hero{min-height:150px}.dark-lobby .single-cube-hero p{font-size:15px}.dark-lobby .lobby-tile{min-height:60px}.dark-lobby .ranked-primary{min-height:60px}.dark-lobby .ranked-primary b{font-size:23px}.dark-rank-strip{padding:6px 10px}body[data-scene=lobby] .home,body[data-scene=lobby] .dark-lobby{min-height:460px;gap:7px;padding-top:5px;padding-bottom:7px}}
@media(max-height:620px) and (max-width:849px){body[data-scene=lobby] .home,body[data-scene=lobby] .dark-lobby{height:auto;min-height:calc(100dvh - var(--header-height) - 64px);padding-bottom:75px}.home .poster{min-height:105px}.home .poster>.cat-stage{width:110px;height:105px}.home .lobby-tile{min-height:48px}.home .lobby-tile .lobby-icon{width:23px;height:23px}.home .lobby-tile b{font-size:13px}}
/* Stretch the flex lobby cards across the phone, independent of the old grid's alignment. */
body[data-scene=lobby] .home,body[data-scene=lobby] .dark-lobby{align-items:stretch}.home .lobby-grid,.home .lobby-utilities,.home .current-challenge{width:100%}.home .home-panel{animation:none}.home .poster>.cat-stage{align-self:center}.home .poster>.bubble{pointer-events:none}
.lobby-tile b{font-size:16px}.lobby-tile small{font-size:11px}.home .current-challenge .big-button small{font-size:11px}.home .challenge-difficulty small{font-size:11px}.lobby-utilities button{font-size:13px}