.lobby{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%)}.lobby-container{background:rgba(255,255,255,.95);border-radius:24px;padding:40px;box-shadow:0 25px 80px #0006;max-width:500px;width:100%;text-align:center}.lobby-container h1{color:#1a1a2e;margin-bottom:10px;font-size:2.8em}.subtitle{color:#666;margin-bottom:30px;font-size:1.1em}.lobby-form{text-align:right}.input-group{margin-bottom:25px}.input-group label{display:block;margin-bottom:8px;color:#333;font-weight:600}.input-group input,.input-group select{width:100%;padding:14px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;transition:all .3s;text-align:center;background:white;cursor:pointer}.input-group input:focus,.input-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.player-select{font-weight:500;color:#333}.player-select option{padding:10px;text-align:center}.rooms-list{margin-top:25px}.rooms-list h3{color:#333;margin-bottom:15px;font-size:1.2em}.room-card{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8f9fa;border-radius:12px;margin-bottom:12px;border:2px solid transparent;transition:all .3s}.room-actions{display:flex;gap:8px;align-items:center}.room-card:hover{border-color:#667eea;transform:translate(-5px)}.room-card.vs-computer{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%)}.room-info{text-align:right}.room-name{display:block;font-weight:600;color:#333;margin-bottom:4px}.room-status{font-size:.85em;color:#666}.btn-join{padding:10px 20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.btn-join:hover:not(:disabled){transform:scale(1.05);box-shadow:0 5px 15px #667eea66}.btn-join:disabled{background:#ccc;cursor:not-allowed}.btn-reset{padding:10px 12px;background:#f44336;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;font-size:16px;min-width:40px}.btn-reset:hover{background:#d32f2f;transform:scale(1.05);box-shadow:0 5px 15px #f4433666}.loading{color:#999;padding:20px;text-align:center}.tabs{display:flex;gap:10px;margin-bottom:25px;border-bottom:2px solid #e0e0e0}.tab{flex:1;padding:12px;background:transparent;border:none;border-bottom:3px solid transparent;color:#666;font-weight:600;cursor:pointer;transition:all .3s;font-size:14px}.tab:hover{color:#667eea}.tab.active{color:#667eea;border-bottom-color:#667eea}.games-history{text-align:right;max-height:500px;overflow-y:auto}.games-history h3{color:#333;margin-bottom:20px;font-size:1.2em}.games-list{display:flex;flex-direction:column;gap:12px}.game-card{background:#f8f9fa;border-radius:12px;padding:16px;border:2px solid transparent;transition:all .3s}.game-card:hover{border-color:#667eea;transform:translate(-5px)}.game-header-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.game-room{font-weight:600;color:#333;font-size:.9em}.game-date{font-size:.8em;color:#666}.game-players{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px}.player-result{flex:1;padding:8px;border-radius:8px;background:#fff;text-align:center;font-weight:500}.player-result.winner{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border:2px solid #4caf50}.vs{font-weight:600;color:#999;font-size:.9em}.game-details{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.85em;color:#666;flex-wrap:wrap}.game-status{padding:4px 8px;background:#e3f2fd;border-radius:6px;font-weight:600}.game-duration,.game-moves{display:flex;align-items:center;gap:4px}.game-room{min-height:100vh;padding:20px;color:#fff}.game-header{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 30px;border-radius:15px;margin-bottom:20px}.room-info{display:flex;align-items:center;gap:15px}.room-id{font-weight:600;font-size:1.1em}.status-indicator{font-size:.9em}.status-indicator.online{color:#4caf50}.status-indicator.offline{color:#f44336}.btn-leave{background:#f44336;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:background .3s}.btn-leave:hover{background:#d32f2f}.game-content{display:flex;gap:20px;max-width:1400px;margin:0 auto;flex-wrap:wrap}.game-board-container{flex:1;min-width:400px;background:rgba(255,255,255,.95);border-radius:20px;padding:30px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;align-items:center;gap:20px}.status-message{font-size:1.5em;font-weight:600;color:#667eea;text-align:center;padding:10px;width:100%}.game-actions{display:flex;gap:10px;width:100%;justify-content:center}.btn-resign,.btn-new-game{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-resign{background:#f44336;color:#fff}.btn-resign:hover:not(:disabled){background:#d32f2f;transform:translateY(-2px)}.btn-resign:disabled{opacity:.5;cursor:not-allowed}.btn-new-game{background:#4CAF50;color:#fff}.btn-new-game:hover{background:#45a049;transform:translateY(-2px)}.game-sidebar{width:300px;background:rgba(255,255,255,.95);border-radius:20px;padding:20px;box-shadow:0 20px 60px #0000004d;color:#333}.players-list h3,.game-info h3{margin-bottom:15px;color:#667eea;border-bottom:2px solid #667eea;padding-bottom:10px}.player{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:10px;border-radius:8px;background:#f5f5f5}.player.current-player{background:#e3f2fd;border:2px solid #667eea}.player-color{font-size:1.5em}.player-name{flex:1;font-weight:600}.turn-indicator{color:#4caf50;font-weight:600}.timer{font-family:Courier New,monospace;font-weight:700;font-size:1.1em;color:#667eea;background:rgba(102,126,234,.1);padding:4px 8px;border-radius:6px}.timer.timer-active{border:2px solid #667eea;background:rgba(102,126,234,.2)}.timer.timer-low{color:#f44336;background:rgba(244,67,54,.1);animation:pulse 1s infinite}.timer.timer-active.timer-low{border-color:#f44336}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.game-info{margin-top:20px}.info-item{display:flex;justify-content:space-between;padding:10px;margin-bottom:5px;background:#f5f5f5;border-radius:8px}@media (max-width: 768px){.game-content{flex-direction:column}.game-sidebar{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;direction:rtl}#root{min-height:100vh}