*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;overflow:hidden}.lobby-container{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:#fff;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.lobby-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#ffffff0d;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:20px;border:1px solid rgba(255,255,255,.1)}.user-info h2{margin:0;font-size:24px;background:linear-gradient(90deg,#00d4ff,#0f8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.user-info p{margin:5px 0 0;color:#ffffffb3}.lobby-stats{display:flex;gap:20px}.lobby-stats span{padding:8px 16px;background:#00d4ff1a;border-radius:20px;border:1px solid rgba(0,212,255,.3);font-size:14px}.lobby-controls{display:flex;gap:15px;margin-bottom:30px;align-items:center}.create-room-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.create-room-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.search-input{flex:1;padding:12px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;outline:none;transition:all .3s ease}.search-input:focus{border-color:#00d4ff80;background:#ffffff14}.search-input::placeholder{color:#fff6}.refresh-btn{padding:12px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease}.refresh-btn:hover{background:#ffffff1a}.rooms-section h2{margin-bottom:20px;font-size:20px;color:#ffffffe6}.no-rooms{text-align:center;padding:60px 20px;background:#ffffff08;border-radius:12px;border:2px dashed rgba(255,255,255,.1)}.no-rooms p{margin:10px 0;color:#fff9}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.room-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;transition:all .3s ease;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.room-card:hover{transform:translateY(-4px);border-color:#00d4ff80;box-shadow:0 8px 25px #00d4ff33}.room-card.in-game{opacity:.6;cursor:not-allowed}.room-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.room-card-header h3{margin:0;font-size:18px;color:#fff}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700}.status-badge.waiting{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.4)}.status-badge.in-game{background:#f443;color:#f44;border:1px solid rgba(255,68,68,.4)}.room-card-info{margin-bottom:15px;color:#ffffffb3;font-size:14px}.room-card-info p{margin:5px 0}.room-card-players{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.player-tag{padding:4px 10px;background:#00d4ff26;border-radius:12px;font-size:12px;color:#00d4ff;border:1px solid rgba(0,212,255,.3)}.player-tag.more{background:#ffffff1a;color:#ffffffb3;border-color:#fff3}.join-button{width:100%;padding:10px;background:linear-gradient(135deg,#00d4ff,#0f8);border:none;border-radius:8px;color:#0f0c29;font-weight:700;cursor:pointer;transition:all .3s ease}.join-button:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 15px #00d4ff66}.join-button:disabled{background:#ffffff1a;color:#fff6;cursor:not-allowed}.room-view{max-width:1000px;margin:0 auto}.room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.room-header h1{margin:0;font-size:32px;background:linear-gradient(90deg,#00d4ff,#0f8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.leave-button{padding:10px 20px;background:#f443;border:1px solid rgba(255,68,68,.4);border-radius:8px;color:#f44;cursor:pointer;transition:all .3s ease}.leave-button:hover{background:#ff44444d}.room-info{display:flex;gap:20px;padding:15px;background:#ffffff0d;border-radius:8px;margin-bottom:30px}.room-info span{color:#fffc}.players-section h2{margin-bottom:20px;font-size:20px}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-bottom:30px}.player-card{padding:15px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s ease}.player-card.ready{border-color:#00ff8880;background:#00ff880d}.player-info{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.player-name{font-size:16px;font-weight:700;color:#fff}.player-university{font-size:12px;color:#fff9}.player-status{display:flex;gap:8px;align-items:center}.host-badge{padding:3px 8px;background:linear-gradient(135deg,gold,#ffed4e);color:#0f0c29;border-radius:10px;font-size:11px;font-weight:700}.ready-badge{padding:3px 8px;border-radius:10px;font-size:11px;font-weight:700}.ready-badge.ready{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.4)}.ready-badge:not(.ready){background:#ffffff1a;color:#ffffff80}.room-actions{display:flex;justify-content:center;gap:20px}.ready-button,.start-button{padding:15px 40px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.ready-button{background:linear-gradient(135deg,#00d4ff,#0f8);color:#0f0c29}.ready-button:hover{transform:scale(1.05);box-shadow:0 6px 20px #00d4ff66}.start-button{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.start-button:hover{transform:scale(1.05);box-shadow:0 6px 20px #ff6b6b66}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:linear-gradient(135deg,#1e1e2e,#2d2d44);padding:30px;border-radius:16px;min-width:400px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #00000080}.modal-content h2{margin:0 0 20px;color:#fff;font-size:24px}.modal-form{display:flex;flex-direction:column;gap:20px;margin-bottom:25px}.modal-form label{display:flex;flex-direction:column;gap:8px;color:#ffffffe6;font-size:14px}.modal-form input,.modal-form select{padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;outline:none;transition:all .3s ease}.modal-form input:focus,.modal-form select:focus{border-color:#00d4ff80;background:#ffffff14}.modal-form select option{background:#1e1e2e;color:#fff}.modal-actions{display:flex;gap:15px;justify-content:flex-end}.cancel-btn,.confirm-btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.cancel-btn{background:#ffffff1a;color:#fff}.cancel-btn:hover{background:#ffffff26}.confirm-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.confirm-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}@media(max-width:768px){.lobby-header{flex-direction:column;gap:15px}.lobby-controls{flex-direction:column}.rooms-grid,.players-grid{grid-template-columns:1fr}.modal-content{min-width:90%;margin:20px}}.home-container{background-color:#000;height:100vh;display:flex;justify-content:center;align-items:center;color:#fff}.subtitle{margin-bottom:20px}.login-box{text-align:center;border:2px solid #333;padding:40px;border-radius:15px;background-color:#111}.title{color:#ff3e3e;font-size:3rem;margin-bottom:10px}.main-input{padding:12px;width:250px;border-radius:5px;border:1px solid #444;background-color:#222;color:#fff;margin-bottom:20px;display:block;margin-left:auto;margin-right:auto}.start-button{padding:12px 30px;background-color:#ff3e3e;color:#fff;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:.3s}.start-button:hover{background-color:#c32e2e}.home-container{background-color:#000;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;color:#fff;background-size:cover;background-position:center;background:radial-gradient(circle,#1a1a2e,#000)}