*,:before,:after{box-sizing:border-box}body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;margin:0;font:16px/1.45 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){body{--lightningcss-light: ;--lightningcss-dark:initial}}.landing,.lobby-page{flex-direction:column;gap:1rem;max-width:32rem;margin:0 auto;padding:1rem;display:flex}.landing__tabs{gap:.5rem;display:flex}.landing__form,.host-settings form{flex-direction:column;gap:.5rem;display:flex}.btn{cursor:pointer;background:0 0;border:1px solid;border-radius:.5rem;min-width:44px;min-height:44px;padding:.5rem 1rem;font-size:1rem}.btn--primary{font-weight:600}.btn[aria-pressed=true]{background:color-mix(in srgb, currentColor 15%, transparent)}input[type=text],input[type=number],input:not([type]){min-height:44px;padding:.5rem;font-size:1rem}.player-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.player-list__item{align-items:center;gap:.5rem;min-height:44px;display:flex}.player-list__dot{background:currentColor;border-radius:50%;width:.6rem;height:.6rem}.player-list__dot--offline{opacity:.3}.player-list__badge{border:1px solid;border-radius:1rem;padding:.15rem .5rem;font-size:.75rem}.host-settings{border:1px solid color-mix(in srgb, currentColor 25%, transparent);border-radius:.5rem;padding:1rem}.lobby-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.host-settings label:has(input[type=checkbox]){align-items:center;gap:.5rem;min-height:44px;display:flex}@media (width>=40rem){.landing,.lobby-page{padding:2rem}}