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