/* Generated from assets/lobby/lobby-layout.json. Do not edit by hand. */
.lobby-artboard { aspect-ratio: 941 / 1672; container-type: inline-size; }
.lobby-frame-art { position: absolute; left: 3.18810%; top: 2.45215%; width: 93.62380%; height: 95.09569%; right: auto; bottom: auto; margin: 0; transform: none; }
.lobby-title-plaque { position: absolute; left: 22.74176%; top: 3.70813%; width: 54.51647%; height: 6.10048%; right: auto; bottom: auto; margin: 0; transform: none; }
.lobby-brand-line { position: absolute; left: 28.69288%; top: 9.44976%; width: 42.61424%; height: 1.61483%; right: auto; bottom: auto; margin: 0; transform: none; }
.lobby-main-title { position: absolute; left: 17.53454%; top: 12.38038%; width: 64.82465%; height: 10.22727%; right: auto; bottom: auto; margin: 0; }
.lobby-main-subtitle { position: absolute; left: 25.92986%; top: 22.36842%; width: 48.14028%; height: 2.99043%; right: auto; bottom: auto; margin: 0; transform: none; }
.lobby-main-stamp { position: absolute; left: 78.10840%; top: 19.07895%; width: 6.16366%; height: 3.64833%; right: auto; bottom: auto; margin: 0; transform: none; }
.hero-crane { position: absolute; left: 26.78002%; top: 28.94737%; width: 16.25930%; height: 14.71292%; right: auto; bottom: auto; margin: 0; transform: rotate(-13deg); }
.hero-plum { position: absolute; left: 41.87035%; top: 28.05024%; width: 16.25930%; height: 14.71292%; right: auto; bottom: auto; margin: 0; transform: none; }
.hero-moon { position: absolute; left: 56.96068%; top: 28.94737%; width: 16.25930%; height: 14.71292%; right: auto; bottom: auto; margin: 0; transform: rotate(13deg); }
.main-profile-frame { position: absolute; left: 4.46334%; top: 43.54067%; width: 91.07333%; height: 11.24402%; right: auto; bottom: auto; margin: 0; transform: none; }
.main-stat-coins { position: absolute; left: 17.00319%; top: 45.33493%; width: 31.88098%; height: 4.66507%; right: auto; bottom: auto; margin: 0; transform: none; font-size: 6.80128cqw; }
.main-stat-record { position: absolute; left: 62.16791%; top: 45.33493%; width: 23.37938%; height: 4.66507%; right: auto; bottom: auto; margin: 0; transform: none; font-size: 5.52604cqw; }
.fairness-copy { position: absolute; left: 22.74176%; top: 50.47847%; width: 54.51647%; height: 2.57177%; right: auto; bottom: auto; margin: 0; transform: none; }
.main-menu-screen .lobby-menu-solo { position: absolute; left: 4.78215%; top: 56.10048%; width: 90.43571%; height: 10.40670%; right: auto; bottom: auto; margin: 0; transform: none; }
.solo-title { position: absolute; left: 30.28693%; top: 57.53589%; width: 39.42614%; height: 5.26316%; right: auto; bottom: auto; margin: 0; transform: none; }
.solo-subtitle { position: absolute; left: 35.60043%; top: 62.79904%; width: 28.79915%; height: 2.69139%; right: auto; bottom: auto; margin: 0; transform: none; }
.solo-arrow { position: absolute; left: 81.40276%; top: 58.97129%; width: 8.18278%; height: 4.60526%; right: auto; bottom: auto; margin: 0; transform: none; }
.main-menu-screen .lobby-menu-online { position: absolute; left: 4.78215%; top: 67.76316%; width: 90.43571%; height: 10.40670%; right: auto; bottom: auto; margin: 0; transform: none; }
.online-title { position: absolute; left: 28.16153%; top: 69.19856%; width: 43.67694%; height: 5.26316%; right: auto; bottom: auto; margin: 0; transform: none; }
.online-subtitle { position: absolute; left: 35.60043%; top: 74.46172%; width: 28.79915%; height: 2.69139%; right: auto; bottom: auto; margin: 0; transform: none; }
.online-arrow { position: absolute; left: 81.40276%; top: 70.63397%; width: 8.18278%; height: 4.60526%; right: auto; bottom: auto; margin: 0; transform: none; }
.main-menu-screen .lobby-menu-rules { position: absolute; left: 4.99469%; top: 79.54545%; width: 90.01063%; height: 9.15072%; right: auto; bottom: auto; margin: 0; transform: none; }
.rules-book { position: absolute; left: 12.32731%; top: 81.81818%; width: 11.90223%; height: 4.54545%; right: auto; bottom: auto; margin: 0; transform: none; }
.rules-title { position: absolute; left: 29.54304%; top: 82.05742%; width: 42.93305%; height: 3.82775%; right: auto; bottom: auto; margin: 0; transform: none; }
.rules-arrow { position: absolute; left: 82.14665%; top: 81.81818%; width: 7.43889%; height: 4.18660%; right: auto; bottom: auto; margin: 0; transform: none; }
.main-menu-screen .main-legal { position: absolute; left: 26.56748%; top: 93.54067%; width: 46.86504%; height: 4.06699%; right: auto; bottom: auto; margin: 0; transform: none; }
@media (max-width: 760px), (hover: none) and (pointer: coarse) { .lobby-artboard { width: min(100%, calc(100dvh * 941 / 1672)); } }