/* Browser-rendered text is independent of the 3D renderer's mobile resolution. */
.world-nameplates{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;user-select:none}
.world-nameplate{position:absolute;box-sizing:border-box;font-family:Arial,sans-serif;line-height:1;contain:layout style;pointer-events:none;text-rendering:optimizeLegibility}
.world-nameplate[hidden],.world-nameplates[hidden]{display:none!important}
.nameplate-body{height:37px;box-sizing:border-box;display:flex;gap:5px;align-items:center;padding:4px 7px 4px 3px;border:1px solid #ffffff1c;border-radius:10px;background:#101929;box-shadow:0 2px 5px #02051235;color:#fff}
.has-frame .nameplate-body{border-color:var(--plate-accent,#e2c891)}
.world-nameplate .wp-rank{flex:0 0 25px;max-height:27px;margin:0}
.nameplate-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.nameplate-copy b{font-size:13px;line-height:15px;font-weight:700;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
.nameplate-copy small{font-size:9.5px;line-height:10px;color:#c9d4e4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nameplate-team{display:flex;align-items:center;gap:3px;flex:none;color:#f1f4fa;font-size:10px;font-weight:700}
.nameplate-team img{width:20px;height:18px;object-fit:contain}
.nameplate-team span{max-width:26px;overflow:hidden;text-overflow:ellipsis}
.nameplate-title{display:block;max-width:100%;width:max-content;margin:0 auto 2px;padding:2px 7px;border-radius:5px;background:#172030;color:#f5dca5;font-size:10px;line-height:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Nearby spectators have a quiet label; the full card belongs to you. */
.is-remote .nameplate-body{height:21px;padding:3px 6px;gap:4px;border-radius:7px;background:#101929e6;border-color:#ffffff14;box-shadow:none}
.is-remote.show-details .nameplate-body{height:29px}
.is-remote .wp-rank,.is-remote .nameplate-title,.is-remote:not(.show-details) .nameplate-copy small{display:none}
.is-remote .nameplate-copy{gap:1px}
.is-remote .nameplate-copy b{font-size:11px;line-height:12px;font-weight:600}
.is-remote .nameplate-copy small{font-size:8px;line-height:9px}
.is-remote .nameplate-team{font-size:8px}
.is-remote .nameplate-team img{width:16px;height:14px}
.is-remote .nameplate-team img+span{display:none}
