:root{--color-bg-dark: #0a0a0a;--color-bg-gradient-start: #0a0a0a;--color-bg-gradient-end: #1a1a2e;--color-primary: #4a9eff;--color-primary-hover: #3a7ecc;--color-accent: #a64aff;--color-text-main: #ffffff;--color-text-muted: #aaaaaa;--color-border: rgba(255, 255, 255, .1);--color-surface: rgba(255, 255, 255, .05);--color-surface-hover: rgba(255, 255, 255, .1);--color-success: #4caf50;--color-error: #ff4a4a;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 40px;--spacing-xxl: 80px;--max-width: 1200px;--nav-height: 100px}*{box-sizing:border-box;margin:0;padding:0}.lobby-container{width:100vw;min-height:100vh;background:linear-gradient(to bottom,var(--color-bg-gradient-start),var(--color-bg-gradient-end));color:var(--color-text-main);font-family:var(--font-family);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100vh}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.btn{border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1}.btn-sm{padding:8px 16px;font-size:14px}.btn-lg{padding:16px 32px;font-size:18px}.btn-block{width:100%;display:flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-main)}.btn-secondary:hover{background:var(--color-surface);border-color:var(--color-text-muted)}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover{filter:brightness(1.1)}.btn-link{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:0;text-decoration:underline;font-size:inherit}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.lobby-nav{height:var(--nav-height);display:flex;align-items:center;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--color-border)}.nav-content{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-brand{display:flex;align-items:center;gap:var(--spacing-md)}.nav-logo{height:80px;width:auto;filter:invert(1)}.nav-title{font-size:24px;font-weight:700;background:linear-gradient(to right,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-actions{display:flex;gap:var(--spacing-md)}.user-menu{display:flex;align-items:center;gap:var(--spacing-md)}.user-email{color:var(--color-text-muted);display:flex;align-items:center;gap:8px;font-size:14px}.hero-section{padding:100px 0;text-align:center;position:relative;overflow:hidden}.hero-content{position:relative;z-index:2}.hero-title{font-size:64px;line-height:1.1;margin-bottom:var(--spacing-lg);background:linear-gradient(to right,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle-main{font-size:48px;line-height:1.1;margin-bottom:var(--spacing-lg);color:#fff;background:none;-webkit-text-fill-color:white}.hero-description{font-size:20px;color:var(--color-text-muted);max-width:700px;margin:0 auto var(--spacing-xl);line-height:1.6}.hero-cta{display:flex;gap:var(--spacing-md);justify-content:center}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:radial-gradient(circle at 50% 50%,rgba(74,158,255,.1) 0%,transparent 60%);pointer-events:none}.features-section{padding:var(--spacing-xxl) 0;background:#ffffff05}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.feature-card{padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px);background:var(--color-surface-hover)}.feature-icon{font-size:48px;color:var(--color-primary);margin-bottom:var(--spacing-md)}.feature-card h3{font-size:24px;margin-bottom:var(--spacing-md);color:var(--color-text-main)}.feature-card p{color:var(--color-text-muted);line-height:1.5}.server-section{padding:var(--spacing-xxl) 0}.server-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.server-header h2{font-size:32px}.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-md)}.server-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;transition:border-color .2s ease}.server-card:hover{border-color:var(--color-primary)}.server-info h3{font-size:18px;margin-bottom:4px}.player-badge{font-size:12px;color:var(--color-primary);background:#4a9eff1a;padding:4px 8px;border-radius:12px}.empty-state,.loading-state{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted);background:var(--color-surface);border-radius:12px;border:1px dashed var(--color-border)}.lobby-footer{padding:var(--spacing-xl) 0;text-align:center;color:var(--color-text-muted);border-top:1px solid var(--color-border);font-size:14px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--spacing-md)}.modal-content{background:#161625;border:1px solid var(--color-border);border-radius:12px;padding:var(--spacing-xl);width:100%;max-width:400px;position:relative;box-shadow:0 20px 50px #00000080}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;color:var(--color-text-muted);font-size:24px;cursor:pointer}.modal-content h2{margin-bottom:var(--spacing-lg);text-align:center}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{width:100%}.form-input{width:100%;padding:12px;background:#0000004d;border:1px solid var(--color-border);border-radius:6px;color:#fff;font-size:16px}.form-input:focus{border-color:var(--color-primary);outline:none}.auth-error{color:var(--color-error);font-size:14px;background:#ff4a4a1a;padding:10px;border-radius:6px}.auth-success{color:var(--color-success);font-size:14px;background:#4caf501a;padding:10px;border-radius:6px}.auth-toggle{text-align:center;font-size:14px;color:var(--color-text-muted);margin-top:var(--spacing-sm)}@media (max-width: 768px){.hero-title{font-size:40px}.hero-subtitle{font-size:16px}.hero-cta{flex-direction:column;width:100%}.nav-title,.user-email{display:none}.btn-lg{width:100%}}