@keyframes pulse-primary{0%,to{box-shadow:0 0 5px #4a9eff4d}50%{box-shadow:0 0 20px #4a9effb3}}@keyframes pulse-success{0%,to{box-shadow:0 0 5px #51cf664d}50%{box-shadow:0 0 20px #51cf66b3}}@keyframes pulse-warning{0%,to{box-shadow:0 0 5px #ffd43b4d}50%{box-shadow:0 0 20px #ffd43bb3}}@keyframes pulse-error{0%,to{box-shadow:0 0 5px #ff6b6b4d}50%{box-shadow:0 0 20px #ff6b6bb3}}*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1a1a;color:#fff;font:16px/1.6 system-ui,-apple-system,sans-serif;overflow-x:hidden}.btn{background:#2d2d2d;color:#fff;border:1px solid #3a3a3a;padding:12px 24px;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 5px #4a9eff80;transition:box-shadow .3s ease}.btn:hover{box-shadow:0 0 10px #4a9effb3}.btn:hover{background:#3a3a3a;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn.primary{background:#4a9eff;box-shadow:0 0 10px #4a9eff80;transition:box-shadow .3s ease}.btn.primary:hover{box-shadow:0 0 20px #4a9effb3}.btn.success{background:#51cf66;box-shadow:0 0 10px #51cf6680;transition:box-shadow .3s ease}.btn.success:hover{box-shadow:0 0 20px #51cf66b3}.btn.warning{background:#ffd43b;color:#1a1a1a;box-shadow:0 0 10px #ffd43b80;transition:box-shadow .3s ease}.btn.warning:hover{box-shadow:0 0 20px #ffd43bb3}.btn.error{background:#ff6b6b;box-shadow:0 0 10px #ff6b6b80;transition:box-shadow .3s ease}.btn.error:hover{box-shadow:0 0 20px #ff6b6bb3}.card{background:#2d2d2d;border:1px solid #3a3a3a;border-radius:12px;padding:20px;box-shadow:0 0 3px #4a9eff80;transition:box-shadow .3s ease}.card:hover{box-shadow:0 0 6px #4a9effb3}.card.active{box-shadow:0 0 10px #4a9eff80;transition:box-shadow .3s ease}.card.active:hover{box-shadow:0 0 20px #4a9effb3}.input{background:#2d2d2d;color:#fff;border:1px solid #3a3a3a;padding:12px;border-radius:8px;transition:all .3s ease}.input:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 5px #4a9eff80;transition:box-shadow .3s ease}.input:focus:hover{box-shadow:0 0 10px #4a9effb3}.input::placeholder{color:#888}.seat{background:#555;border:2px solid #3a3a3a;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.seat.occupied{background:#4a9eff;box-shadow:0 0 10px #4a9eff80;transition:box-shadow .3s ease}.seat.occupied:hover{box-shadow:0 0 20px #4a9effb3}.seat.team-a{background:#ff6b6b;box-shadow:0 0 10px #ff6b6b80;transition:box-shadow .3s ease}.seat.team-a:hover{box-shadow:0 0 20px #ff6b6bb3}.seat.team-b{background:#51cf66;box-shadow:0 0 10px #51cf6680;transition:box-shadow .3s ease}.seat.team-b:hover{box-shadow:0 0 20px #51cf66b3}.seat.current-player.pulse-primary{animation:pulse-primary 1.5s infinite ease-in-out}.seat.current-player.pulse-success{animation:pulse-success 1.5s infinite ease-in-out}.seat.current-player.pulse-warning{animation:pulse-warning 1.5s infinite ease-in-out}.seat.current-player.pulse-error{animation:pulse-error 1.5s infinite ease-in-out}.seat:hover:not(.occupied){background:#4a9eff4d;box-shadow:0 0 5px #4a9eff80;transition:box-shadow .3s ease}.seat:hover:not(.occupied):hover{box-shadow:0 0 10px #4a9effb3}.couch{background:linear-gradient(135deg,#2d2d2d,#3a3a3a);border-radius:20px;padding:40px;border:2px solid #3a3a3a;box-shadow:0 0 5px #4a9eff80;transition:box-shadow .3s ease}.couch:hover{box-shadow:0 0 10px #4a9effb3}@media (max-width: 768px){.seat{width:60px;height:60px}.couch{padding:20px}.btn{padding:10px 20px;font:14px/1.4 system-ui,-apple-system,sans-serif}}