.lasertag-root{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a14;z-index:10000;display:flex;flex-direction:column;font-family:DM Sans,Arial,sans-serif;color:#e0e0e0}.lasertag-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:linear-gradient(135deg,#1a0e2e,#0e0e1a);border-bottom:2px solid #6b4aa3;flex-shrink:0}.lasertag-title{font-family:Bungee,Impact,sans-serif;font-size:22px;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.5);margin:0;white-space:nowrap}.lasertag-header-spacer{width:80px}.lasertag-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.lasertag-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:2px solid #6b4aa3;border-radius:10px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;background:#6b4aa333;color:#c9a0dc}.lasertag-btn:hover{background:#6b4aa366;color:gold;border-color:gold}.lasertag-btn-close{background:#ff646426;border-color:#ff6b6b;color:#ff6b6b}.lasertag-btn-close:hover{background:#ff64644d}.lasertag-btn-primary{background:linear-gradient(135deg,#6b4aa3,#8b6cc3);color:#fff;border-color:#8b6cc3;font-size:16px;padding:12px 32px}.lasertag-btn-primary:hover{background:linear-gradient(135deg,#8b6cc3,#a07cd6);border-color:gold;color:gold;transform:translateY(-1px)}.lasertag-game-area{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:#0a0a14;overflow:hidden}#lasertag-canvas{image-rendering:pixelated;image-rendering:crisp-edges;max-width:100%;max-height:100%;border:1px solid #2a1a4e}.lasertag-hud{position:absolute;top:12px;left:12px;display:flex;gap:14px;z-index:10;pointer-events:none}.lasertag-hud-item{display:flex;align-items:center;gap:6px;background:#000000b3;border:1px solid #6b4aa3;border-radius:8px;padding:6px 10px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;color:gold;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lasertag-hud-item svg{width:14px;height:14px}.lasertag-killfeed{position:absolute;top:50px;right:12px;display:flex;flex-direction:column;gap:4px;z-index:10;pointer-events:none;max-width:250px}.lasertag-killfeed-entry{background:#000000bf;border:1px solid rgba(107,74,163,.5);border-radius:6px;padding:4px 10px;font-size:12px;font-family:Space Grotesk,sans-serif;animation:lasertag-killfeed-in .3s ease;display:flex;align-items:center;gap:4px}.lasertag-kf-killer{color:#ff6b6b;font-weight:700}.lasertag-kf-victim{color:#c9a0dc;font-weight:600}@keyframes lasertag-killfeed-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.lasertag-btn-ammo{position:absolute;bottom:16px;right:16px;z-index:10;background:#000000bf;border:2px solid #ffd700;color:gold;font-size:14px;padding:10px 18px;border-radius:12px;cursor:pointer;transition:all .2s ease;pointer-events:all}.lasertag-btn-ammo:hover{background:#ffd70033;transform:scale(1.05)}.lasertag-name-labels{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.lasertag-name-label{position:absolute;transform:translate(-50%);font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap;pointer-events:none;letter-spacing:.3px}.lasertag-name-label-self{color:gold}.lasertag-flashcard-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;animation:lasertag-popup-in .25s ease}.lasertag-flashcard-inner{background:linear-gradient(135deg,#2d1b4e,#1a1a2e);border:3px solid #6b4aa3;border-radius:16px;padding:20px 28px;min-width:320px;max-width:440px;box-shadow:0 0 40px #6b4aa380,0 10px 40px #0009}.lasertag-flashcard-inner.lasertag-fc-correct{border-color:#4ade80;box-shadow:0 0 40px #4ade8080}.lasertag-flashcard-inner.lasertag-fc-wrong{border-color:#ff6b6b;box-shadow:0 0 40px #ff6b6b80}.lasertag-flashcard-term{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;color:gold;text-align:center;margin-bottom:16px;line-height:1.3}.lasertag-flashcard-choices{display:flex;flex-direction:column;gap:8px}.lasertag-flashcard-choice{display:block;width:100%;padding:10px 16px;background:#6b4aa333;border:2px solid #6b4aa3;border-radius:10px;color:#e0e0e0;font-family:DM Sans,sans-serif;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.lasertag-flashcard-choice:hover{background:#6b4aa366;border-color:gold;color:gold}.lasertag-fc-answer{margin-top:10px;text-align:center;font-size:13px;color:#4ade80;font-weight:600}@keyframes lasertag-popup-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.lasertag-gameover{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:40px 20px;animation:lasertag-popup-in .4s ease}.lasertag-gameover-title{font-family:Bungee,Impact,sans-serif;font-size:36px;color:gold;text-shadow:0 2px 8px rgba(255,215,0,.3);margin:0 0 30px}.lasertag-rankings{width:100%;max-width:500px;display:flex;flex-direction:column;gap:6px;margin-bottom:30px}.lasertag-rank-row{display:flex;align-items:center;gap:12px;background:#6b4aa326;border:1px solid #3a2960;border-radius:10px;padding:10px 16px}.lasertag-rank-row.lasertag-rank-self{border-color:gold;background:#ffd7001a}.lasertag-rank-pos{font-family:Bungee,Impact,sans-serif;font-size:18px;color:gold;min-width:40px}.lasertag-rank-name{flex:1;font-weight:600;font-size:15px;color:#e0e0e0}.lasertag-rank-kd{font-size:13px;color:#c9a0dc}.lasertag-rank-score{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;color:gold}.lasertag-lobby{flex:1;max-height:100%}.lasertag-set-list{max-height:400px;overflow-y:auto}.lasertag-set-list.lasertag-set-list--nested{flex:1;min-height:0;max-height:none!important;overflow-y:auto;padding:4px}@media (max-width: 768px){.lasertag-hud{gap:8px;flex-wrap:wrap}.lasertag-hud-item{font-size:12px;padding:4px 8px}.lasertag-flashcard-inner{min-width:280px;padding:16px 20px}.lasertag-flashcard-term{font-size:16px}.lasertag-flashcard-choice{font-size:13px;padding:8px 12px}}