/* Your team, at a glance (team-cue.js). Team colors follow the scoreboard's own. */
#hud .scoreboard .team-score{position:relative}
#hud .scoreboard .team-score.yours{outline:3px solid currentColor;outline-offset:3px;box-shadow:0 0 18px currentColor}
#hud .scoreboard .team-score.yours::after{content:'YOU';position:absolute;z-index:2;top:-10px;transform:rotate(-8deg);padding:2px 8px;background:currentColor;box-shadow:2px 2px 0 #000;font-family:var(--font-stencil);font-size:11px;letter-spacing:.08em;white-space:nowrap;-webkit-text-fill-color:#0b0d12}
#hud .scoreboard .team-score.alliance.yours::after{left:-12px}#hud .scoreboard .team-score.horde.yours::after{right:-12px;transform:rotate(8deg)}
#hud .scoreboard .team-score:not(.yours){opacity:.78}
#team-splash{position:fixed;left:50%;top:20%;transform:translateX(-50%) rotate(-2deg);z-index:40;pointer-events:none;text-align:center;font-family:var(--font-display);letter-spacing:.04em;text-shadow:4px 4px 0 #000,-2px -2px 0 #000;animation:team-in .5s cubic-bezier(.2,1.6,.4,1) both}
#team-splash span{display:block;font-family:var(--font-stencil);font-size:clamp(14px,2.2vw,22px);color:#f3f1dc}
#team-splash b{display:block;font-size:clamp(46px,9vw,110px);font-weight:400;line-height:.95}
#team-splash.alliance b{color:var(--rad-cyan,#6db8ff)}#team-splash.horde b{color:var(--rad-pink,#ff746b)}
#team-splash[hidden]{display:none}
@keyframes team-in{0%{opacity:0;transform:translateX(-50%) scale(1.6) rotate(-6deg)}100%{opacity:1;transform:translateX(-50%) scale(1) rotate(-2deg)}}
@media(prefers-reduced-motion:reduce){#team-splash{animation:none}}