/* The nameplates live with the podium, not in a separate leaderboard page. */
.podium-names{position:absolute;inset:0;pointer-events:none;z-index:3}
.podium-name{position:absolute;display:flex;align-items:center;gap:5px;max-width:170px;transform:translate(-50%,-100%);color:#334331;background:#fafbf1ed;border:1px solid #e4e9d7;border-radius:5px;padding:5px 8px;box-shadow:0 2px 8px #3442270c;white-space:nowrap;font-size:11px;line-height:1.35;font-weight:650;letter-spacing:-.2px}
.podium-name[data-rank="1"]{color:#6d5121;border-color:#d7bd7b;background:#fff7dcf5}
.podium-name .rank{color:#788470;font-size:9px;font-weight:750;letter-spacing:0}
.podium-name[data-rank="1"] .rank{color:#aa7c22}
.podium-name[data-rank="3"] .rank{color:#a5714b}
.podium-name .player-id{overflow:hidden;text-overflow:ellipsis}
.podium-caption{position:absolute;transform:translate(-50%,-100%);color:#526147;text-align:center;font-size:9px;letter-spacing:2.1px;font-weight:750;white-space:nowrap}
.podium-caption .vulcan-link{position:static;transform:none;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0;border:0;border-radius:8px;background:none;color:#344634;font-size:12px;line-height:1.2;font-weight:650;letter-spacing:-.2px;box-shadow:none;text-decoration:none;transition:transform .18s ease}
.podium-caption .vulcan-link:hover{background:none;transform:translateY(-2px)}
.podium-caption .vulcan-link{backdrop-filter:none;-webkit-backdrop-filter:none}
.podium-caption .vulcan-link{transform:translateX(-12px)}
.podium-caption .vulcan-link:hover{transform:translate(-12px,-2px);box-shadow:none}
.podium-caption .vulcan-link:focus-visible{outline:2px solid #9a772f;outline-offset:3px}
.vulcan-gamepad{width:34px;height:26px;flex-shrink:0;overflow:visible;transform:translateX(4px);filter:drop-shadow(0 2px 2px #243b2928)}
.pad-body{fill:#273b39;stroke:#b9c8a9;stroke-width:1.4;stroke-linejoin:round}
.pad-shine{fill:none;stroke:#637975;stroke-width:1.2;stroke-linecap:round}
.pad-controls{fill:none;stroke:#edf1d9;stroke-width:2.7;stroke-linecap:round}
.pad-a,.pad-play{fill:#e4b557}.pad-b{fill:#dc8364}
.podium-caption .vulcan-game-label{display:flex;gap:5px;align-items:center;color:inherit}
.vulcan-game-label b{font-size:11px;letter-spacing:1px}
.vulcan-game-label svg{width:9px;height:9px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.podium-caption[hidden]{display:none}
.scene-night .podium-caption .vulcan-link{color:#fff0b9}
.podium-status{display:block;font-size:9px;font-weight:450;letter-spacing:0;margin-top:3px;opacity:.8}
.scene-night .podium-name{background:#1d2c2af2;color:#e9efe0;border-color:#64765b}
.scene-night .podium-name[data-rank="1"]{background:#3b3524f5;border-color:#b7934c;color:#ffe8a0}
.scene-night .podium-caption{color:#d4dcc1}
@media(max-width:680px){.podium-name{font-size:10px;padding:4px 5px;gap:3px;max-width:125px}.podium-name[data-rank="1"]{font-size:10px}.podium-name .rank{font-size:8px}.podium-caption{font-size:8px;letter-spacing:1.1px}.podium-status{font-size:8px}.podium-replay{right:10px;bottom:10px;font-size:10px}}

/* At the initial phone scale the three names share a clear, readable strip.
   Pinching into the stage restores the individual anchored nameplates. */
.podium-names.compact{inset:auto 12px 50px;display:grid;grid-template-columns:1fr 1.8fr 1fr;gap:5px}
.podium-names.compact .podium-name{position:static!important;transform:none;max-width:none;min-width:0;justify-content:center;white-space:normal;text-align:center;font-size:10px;line-height:1.4;padding:5px 3px}
.podium-names.compact .player-id{overflow:visible}
.podium-names.compact .podium-caption{left:auto!important;right:0;bottom:auto;transform:none;font-size:9px;letter-spacing:1.5px}
.podium-names.compact .podium-status{display:none}
.podium-names.compact .vulcan-link{font-size:12px}
.podium-names.compact .vulcan-link{transform:none}
.podium-names.compact .vulcan-link:hover{transform:translateY(-2px)}
@media(max-width:360px){.podium-names.compact .podium-caption{margin-top:12px}}
/* Keep the icon clear of the raised hand on smaller desktop viewports. */
@media(min-width:681px) and (max-width:1100px){
  .podium-caption .vulcan-link{gap:2px;transform:none}
  .podium-caption .vulcan-link:hover{transform:translateY(-2px)}
  .podium-caption .vulcan-game-label{margin-left:0;gap:3px}
  .vulcan-gamepad{width:30px}
}