@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Outfit:wght@400;600;900&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);background-color:#0d2b18;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{place-items:center;width:100%;min-width:320px;height:100%;margin:0;display:flex;position:relative;overflow:hidden}#root{width:100%;height:100%;overflow:hidden}button{font-family:inherit}.lobby-screen{width:100%;height:100%;padding-top:max(var(--safe-area-top), 2vh);flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:relative;overflow:hidden}.lobby-background{z-index:0;background:radial-gradient(#0a4d2e 0%,#063d24 50%,#042818 100%);width:100%;height:100%;position:absolute;top:0;left:0}.lobby-content{z-index:1;scrollbar-width:none;flex-direction:column;align-items:center;gap:clamp(1rem,2vh,2rem);width:100%;max-height:100%;padding:clamp(.5rem,2vw,1rem);display:flex;position:relative;overflow-y:auto}.lobby-content::-webkit-scrollbar{display:none}.lobby-header{text-align:center;flex-shrink:0;margin-top:clamp(1rem,4vh,3rem)}.lobby-title{color:#fff;text-shadow:3px 3px 6px #000c;margin:0 0 .5rem;font-size:clamp(2rem,6vw,3rem);font-weight:700;line-height:1.2}.lobby-subtitle{color:#fffc;margin:0;font-size:clamp(1rem,4vw,1.5rem)}.lobby-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:1px solid #ffffff1a;border-radius:24px;flex-shrink:0;width:85%;max-width:400px;margin:0;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 8px 32px #0006}.lobby-card-content{flex-direction:column;gap:clamp(1rem,2vh,1.5rem);display:flex}.hand-size-label{color:#ffffffb3;text-align:center;margin-bottom:.5rem;font-size:1rem}.hand-size-selector{background:#ffffff1a;border-radius:12px;gap:4px;height:50px;padding:4px;display:flex}.hand-size-option{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;font-size:1rem;font-weight:500;transition:all .3s}.hand-size-option.selected{color:#fff;background:#4caf50;font-weight:700}.hand-size-option:hover:not(.selected){color:#fffc;background:#ffffff0d}.start-button{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:16px;justify-content:center;align-items:center;gap:.5rem;width:100%;height:56px;font-size:1.25rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #2196f366}.start-button:hover{background:#388e3c;box-shadow:0 6px 16px #4caf5099}.start-button-icon{font-size:1.5rem}.back-button{color:#ffffffb3;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:1rem;font-size:1rem;transition:color .2s;display:flex}.back-button:hover{color:#fff}.back-button-icon{font-size:1.25rem}.difficulty-section{flex-direction:column;gap:.5rem;display:flex}.slider-container{padding:0 .5rem}.range-input{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:6px}.range-input::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#4caf50;border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 0 10px #4caf5080}.range-input::-webkit-slider-thumb:hover{transform:scale(1.1)}.app-main{height:100dvh;height:calc(var(--vh,1vh) * 100);width:100vw;max-width:none;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right);background-color:#0d2b18;flex-direction:column;margin:0;display:flex;position:relative;overflow:hidden}.app-main>*{flex:1;width:100%;overflow:hidden}