.room-browser{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);color:#fff;min-height:100vh;padding:40px 20px}.browser-header{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto 32px;display:flex}.browser-header h1{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:36px;font-weight:700}.subtitle{color:#888;font-size:16px}.create-btn{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);color:#000;cursor:pointer;border:none;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #f973164d}.create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}.filters-container{background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:12px;max-width:1400px;margin:0 auto 32px;padding:20px}.search-bar{margin-bottom:16px}.search-input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .3s}.search-input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #f973161f}.search-input::placeholder{color:#555}.filters{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.filter-select{color:#fff;cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;padding:10px 16px;font-size:14px;transition:all .3s}.filter-select:hover{background:#0006;border-color:#fff3}.filter-select:focus{border-color:var(--color-accent);outline:none}.rooms-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;max-width:1400px;margin:0 auto;display:grid}.room-card{background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:12px;padding:24px;transition:all .3s}.room-card:hover{border-color:#f9731659;transform:translateY(-4px);box-shadow:0 8px 30px #0000004d}.room-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.room-code{color:gold;letter-spacing:1px;font-size:20px;font-weight:700}.status-badge{color:#fff;border-radius:12px;padding:4px 12px;font-size:.875rem;font-weight:600}.room-title{color:#fff;margin-bottom:16px;font-size:18px;font-weight:600}.room-info{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.info-item{flex-direction:column;gap:4px;display:flex}.info-item .label{color:#666;text-transform:uppercase;font-size:.875rem}.info-item .value{color:#fff;font-size:14px;font-weight:500}.players-count{color:#4caf50;font-weight:700}.password-indicator{color:#ffb74d;margin-bottom:12px;font-size:.875rem}.join-btn{background:linear-gradient(135deg, var(--color-success) 0%, var(--color-success-hover) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .3s}.join-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #10b9814d}.join-btn:disabled{cursor:not-allowed;opacity:.5;background:#ffffff1a}.loading,.error,.no-rooms{text-align:center;color:#888;max-width:1400px;margin:60px auto;font-size:18px}.error{color:#f44}.no-rooms{flex-direction:column;align-items:center;gap:20px;display:flex}.create-btn-alt{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-purple) 100%);color:#000;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s}.create-btn-alt:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f9731659}@media (max-width:768px){.browser-header{flex-direction:column;align-items:flex-start;gap:16px}.create-btn{width:100%}.rooms-grid,.filters{grid-template-columns:1fr}}