@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap";:root{font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;font-weight:400;--color-background: #1a1d24;--color-surface: #242832;--color-primary: #7690ff;--color-secondary: #4caf50;--color-text-primary: #f0f0f0;--color-text-secondary: #a0a0a0;--color-border: #3a3f4c;--color-error: #f44336;--color-warn: #ffeb3b;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: 1rem;--spacing-4: 1.5rem;--spacing-5: 2rem;--border-radius: 12px;--shadow: 0 4px 6px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .08);color-scheme:dark;color:var(--color-text-primary);background-color:var(--color-background)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;max-width:1280px;margin:0 auto;padding:var(--spacing-4);text-align:center}h1,h2{font-weight:700;line-height:1.2}h1{font-size:2.8em;color:var(--color-primary)}h2{font-size:1.8em}button{border-radius:var(--border-radius);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-primary);color:var(--color-background);cursor:pointer;transition:all .25s ease;box-shadow:var(--shadow)}button:hover{filter:brightness(1.1);transform:translateY(-2px)}button:disabled{background-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;transform:none;filter:none}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input[type=text],input[type=range]{width:100%;padding:.8em 1em;font-size:1em;font-family:inherit;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);transition:border-color .25s;box-sizing:border-box}input[type=text]:focus{outline:none;border-color:var(--color-primary)}ul,ol{list-style:none;padding:0;margin:0}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{text-decoration:underline}.main-menu-container{display:flex;justify-content:center;align-items:center;min-height:80vh}.menu-card{background-color:var(--color-surface);padding:var(--spacing-5);border-radius:var(--border-radius);box-shadow:var(--shadow);width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--spacing-3)}.menu-card h1{margin:0 0 var(--spacing-1)}.subtitle{margin:0 0 var(--spacing-3);color:var(--color-text-secondary);font-size:1.1em}.input-group{width:100%;position:relative;margin-bottom:var(--spacing-1)}.error-message{color:var(--color-error);font-size:.85em;padding:var(--spacing-1) 0;text-align:left}.menu-card button{width:100%;padding:.8em 1.2em;font-size:1.1em}.create-room-btn{background-color:var(--color-secondary);color:#fff}.join-room-btn{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.join-room-btn:hover{background-color:var(--color-primary);color:var(--color-background);transform:translateY(-2px)}.divider{display:flex;align-items:center;text-align:center;color:var(--color-text-secondary);margin:var(--spacing-2) 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border)}.divider:not(:empty):before{margin-right:.25em}.divider:not(:empty):after{margin-left:.25em}.board-container{align-items:center;display:flex;justify-content:center;max-width:75vh;margin:auto}.status-message{padding:var(--spacing-5);background:var(--color-surface);border-radius:var(--border-radius)}.status-message.error h2{color:var(--color-error)}.game-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);width:100%}.game-info-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:75vh;margin:0 auto}.timer{font-size:2.2em;font-weight:700;font-family:monospace;color:var(--color-primary)}.rating-text{font-size:1.2em;font-weight:500;color:var(--color-text-secondary);margin:0}.players-container{display:flex;justify-content:center;gap:var(--spacing-4);margin-top:var(--spacing-2);width:100%;max-width:75vh;flex-wrap:wrap;min-height:85px}.player-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.player-avatar{width:60px;height:60px;border-radius:50%;background-color:var(--color-surface);border:4px solid var(--color-border);display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.4em;color:var(--color-text-primary);transition:all .3s ease;position:relative}.player-avatar.current-user{border-color:var(--color-secondary)}.player-avatar.moving{border-color:var(--color-warn)}.player-avatar.penalized{border-color:var(--color-error)}.player-info{text-align:center}.player-name{font-weight:500;font-size:1em;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-score{font-weight:700;font-size:1.1em;color:var(--color-primary)}.lobby-container{width:100%;max-width:600px;margin:auto}.lobby-card{background-color:var(--color-surface);padding:var(--spacing-4);border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:var(--spacing-4)}.username-form{display:flex;gap:var(--spacing-2)}.username-form input{flex-grow:1}.lobby-title{display:flex;justify-content:space-between;align-items:center;margin:0}.share-btn{font-size:.6em;padding:.6em 1em;background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.leaderboard{border-top:1px solid var(--color-border);padding-top:var(--spacing-4)}.leaderboard h2{margin:0 0 var(--spacing-3)}.leaderboard ol li{display:flex;align-items:center;padding:var(--spacing-2);border-radius:8px;font-size:1.1em}.leaderboard ol li:nth-child(odd){background-color:#0000001a}.leaderboard .rank{font-weight:700;color:var(--color-text-secondary);width:30px}.leaderboard .name{flex-grow:1;text-align:left}.leaderboard .score{font-weight:700;color:var(--color-primary)}.lobby-settings{display:flex;flex-direction:column;gap:var(--spacing-3);border-top:1px solid var(--color-border);padding-top:var(--spacing-4)}.setting-control{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.setting-control label{font-weight:500}.button-group{display:flex;gap:var(--spacing-2)}.button-group button{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.button-group button.active{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:var(--color-border);border-radius:5px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-primary);cursor:pointer;border-radius:50%}.player-list-container{border-top:1px solid var(--color-border);padding-top:var(--spacing-4)}.player-list-container h2{margin:0 0 var(--spacing-3)}.player-list li{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2);border-bottom:1px solid var(--color-border)}.player-list li:last-child{border-bottom:none}.player-name-lobby{display:flex;align-items:center;gap:var(--spacing-2)}.you-tag,.admin-tag{font-size:.8em;padding:2px 6px;border-radius:4px;font-weight:500}.you-tag{background-color:var(--color-primary);color:var(--color-background)}.admin-tag{background-color:var(--color-warn);color:var(--color-background)}.player-actions{display:flex;gap:var(--spacing-2)}.ready-btn{font-size:.9em;padding:.4em .8em;background-color:transparent;border:1px solid var(--color-text-secondary);color:var(--color-text-secondary)}.ready-btn.ready{border-color:var(--color-secondary);color:var(--color-secondary);background-color:#4caf501a}.kick-btn{font-size:.9em;padding:.4em .8em;background:transparent;border:1px solid var(--color-error);color:var(--color-error)}.start-game-btn{width:100%;padding:.8em;font-size:1.2em;margin-top:var(--spacing-2);background-color:var(--color-secondary)}