/* Global rank cards and the per-server perk tabs. Reuses the store's cards, buttons and theme tokens. */
.tcr-tag{display:inline-flex;align-items:center;max-width:100%;padding:3px 10px;border-radius:8px;background:#241d2b;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 -2px 0 rgba(0,0,0,.28);font-size:14px;line-height:1.3;font-weight:800;letter-spacing:.04em;white-space:nowrap;vertical-align:middle}
.tcr-tag-text{font-weight:800}
@supports ((background-clip:text) or (-webkit-background-clip:text)){.tcr-tag-text--gradient{background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}}
@media (forced-colors:active){.tcr-tag{border-color:CanvasText;background:Canvas}.tcr-tag-text{color:CanvasText!important;background:none!important;-webkit-text-fill-color:CanvasText}}
.tcr-preview{display:grid;gap:6px;margin:2px 0 14px;padding:9px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(150,97,47,.06)}
[data-theme=dark] .tcr-preview{background:rgba(255,255,255,.04)}
.tcr-preview-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:3px 10px}
.tcr-server{font-size:13.5px;font-weight:600;color:var(--muted)}
.tcr-preview .tcr-tag{font-size:13px;padding:2px 8px}
.tcr-tabs{display:flex;margin:22px 0 0;border-bottom:1px solid var(--line);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.tcr-tabs button{flex:1 1 auto;min-width:0;white-space:nowrap;appearance:none;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--muted);font:inherit;font-size:16px;font-weight:700;padding:12px 14px;margin-bottom:-1px;cursor:pointer}
.tcr-tabs button:hover{color:var(--ink)}
.tcr-tabs button[aria-selected=true]{color:#875421;border-bottom-color:#dc9538}
[data-theme=dark] .tcr-tabs button[aria-selected=true]{color:#ffd79c}
.tcr-tabs button:focus-visible{outline:3px solid #c58cda;outline-offset:-4px}
.tcr-panel{padding-top:18px}
.tcr-panel[hidden]{display:none}
.tcr-yourtag{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 14px;margin-bottom:14px;font-weight:600}
.tcr-yourtag .tcr-tag{font-size:17px;padding:4px 12px}
.tcr-includes{margin:14px 0 0;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(150,97,47,.06);font-size:15px;line-height:1.5}
[data-theme=dark] .tcr-includes{background:rgba(255,255,255,.04)}
.tcr-includes span{color:#3f9b62;font-weight:800;margin-right:4px}
.tcr-kit{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 14px;margin-top:16px;padding:12px 14px;border:1px solid var(--line);border-radius:14px}
.tcr-kit>div{display:grid;gap:2px}.tcr-kit small{color:var(--muted);font-size:14px}
.tcr-kit .kit-button{margin-top:0;min-height:40px}
.tcr-panel .stat-grid{margin-top:0}
.tcr-new{margin-top:14px;padding:14px 16px;border:1px solid #dc9538;border-radius:14px;background:rgba(220,149,56,.12)}
.tcr-new-label{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#875421}
[data-theme=dark] .tcr-new-label{color:#ffd79c}
.tcr-new strong{display:block;font-size:18px;margin:4px 0 6px;line-height:1.3}
.tcr-new p{margin:0;line-height:1.5}
.tcr-new .command-list{margin-top:10px}
.tcr-new .command-list code{white-space:normal;overflow-wrap:anywhere}
@media(max-width:700px){.tcr-tabs button{padding:12px 8px;font-size:14.5px}.tcr-yourtag .tcr-tag{font-size:16px}.tcr-preview{gap:7px}.tcr-preview-row{flex-wrap:nowrap}}