/* Functional states and workflows absent from the supplied prototype.
   The exact tfcl-redesign.css is unchanged. No palette/font overrides here. */
[hidden]{display:none!important}button:disabled{cursor:not-allowed;opacity:.5}a[aria-disabled=true]{cursor:not-allowed;opacity:.5}
/* Centre HHH's torso axis at 70% of the selected portrait, not the axe-inclusive canvas. */
#p-fright .hw-mon-hhh{overflow:visible;z-index:1}
#p-fright .hw-mon-hhh img{transform-origin:70% 50%;transform:translateX(-70%)}
#p-fright .hw-mon-hhh:hover img{transform:translateX(-70%) translateY(-6px) scale(1.03)}
#p-fright .hw-mon-hhh>div{border-radius:0 0 19px 19px}
#p-fright #hw-connect{display:flex;flex-wrap:wrap;gap:12px;max-width:min(560px,100%);margin-top:14px}
#p-fright #hw-connect code{width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
#p-lobby .pl.open{width:100%;text-align:left;font:inherit;color:var(--paper)}
#p-lobby #room-feedback:empty{display:none}
#p-lobby #room-feedback{margin:12px 0;overflow-wrap:anywhere}
#p-lobby .room-extra-actions{display:flex;gap:8px;flex-wrap:wrap}
#p-lobby .room-map-more{grid-column:1/-1;font-size:12px;color:var(--mute)}
#p-lobby .room-map-more .mapvote{padding:12px 0 0}
#p-lobby #room-connect{padding:20px;overflow-wrap:anywhere}
#p-lobby #room-connect .box-h{padding:0 0 12px}
#replacement-menu{width:min(1100px,94vw);max-height:85dvh;overflow:auto;padding:28px;color:var(--paper)}
#replacement-menu::backdrop{background:#000b}#replacement-menu section{display:flex;flex-direction:column;gap:8px;margin:20px 0}
#replacement-menu h4{margin:14px 0}#replacement-menu .btn{justify-content:flex-start}
#replacement-hud[hidden]{display:none!important}.replacement-feedback{padding:16px;margin:18px 0;border:1px solid var(--line);border-radius:var(--r);color:var(--soft);overflow-wrap:anywhere}
.replacement-workflow{padding-bottom:30px}.replacement-workflow>section,.replacement-workflow>div{margin:22px 0}
.replacement-workflow form{margin:20px 0}.replacement-workflow fieldset{border:1px solid var(--line);border-radius:var(--r);padding:18px;margin:16px 0}
.replacement-workflow label{display:block;margin:12px 0}.replacement-workflow :is(input:not([type=checkbox]):not([type=radio]),textarea,select){max-width:100%;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--ink-2);color:var(--paper)}
.replacement-workflow textarea{width:100%;min-height:120px}.replacement-workflow button{cursor:pointer}.replacement-workflow :is(.card,.sv-notice){padding:20px;margin:16px 0}.replacement-workflow :is(h1,h2,h3){margin:18px 0}
.replacement-workflow p{margin:10px 0;line-height:1.6}.replacement-workflow table{width:100%;border-collapse:collapse}.replacement-workflow :is(th,td){padding:12px;border-bottom:1px solid var(--line);text-align:left}
.replacement-workflow :is(.sv-choices,.sv-options,.sv-tiers,.queue-classes){display:flex;gap:12px;flex-wrap:wrap}.replacement-workflow .sv-map img{width:190px;height:110px;object-fit:cover}.replacement-workflow .sv-region{display:grid;gap:5px;text-align:left;white-space:normal;height:auto;min-height:72px}.replacement-workflow .sv-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.4fr);gap:24px}.replacement-workflow .sv-card-head{display:flex;gap:18px;align-items:center}.replacement-workflow .sv-card-head img{width:140px;height:88px;object-fit:cover}.replacement-workflow .sv-secret{display:flex;flex-wrap:wrap;gap:8px}.replacement-workflow .sv-secret input{min-width:0;flex:1}.replacement-workflow .sv-form-nav{display:flex;gap:12px;margin-top:18px}
#p-servers .replacement-workflow{margin-top:28px}.replacement-workflow .modal-overlay,.profile-card-modal-overlay{display:none}.replacement-workflow .modal-overlay.is-open,.profile-card-modal-overlay.open{display:flex;position:fixed;inset:0;z-index:95;background:#000b;align-items:center;justify-content:center}
.replacement-workflow .hidden{display:none!important}
.replacement-workflow .crater-stage-block{display:none}.replacement-workflow .crater-stage-block.active{display:block}
.replacement-workflow .crater-room{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}
.replacement-workflow .crater-panel{border:1px solid var(--line);border-radius:var(--r);background:var(--card);overflow:hidden;margin:18px 0}
.replacement-workflow .crater-panel-head{padding:18px;border-bottom:1px solid var(--line)}
.replacement-workflow .crater-panel-body{padding:18px}
.replacement-workflow .crater-stepper{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.replacement-workflow .crater-step{padding:8px 14px;border:1px solid var(--line);border-radius:var(--r-s)}
.replacement-workflow .crater-step.current{color:var(--gold);border-color:var(--gold)}
@media(max-width:760px){.replacement-workflow .crater-room{grid-template-columns:1fr}}.modal-box,.profile-card-box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px;max-width:min(700px,94vw);max-height:85vh;overflow:auto}
.replacement-workflow .journey-intro ol{display:flex;gap:24px;flex-wrap:wrap}.replacement-workflow :is(.pug-grid,.player-grid,.ev-grid,.incentive-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.replacement-workflow :is(.pug-identity,.community-byline){display:flex;gap:10px;align-items:center}.replacement-workflow .pug-identity img{height:36px;width:36px;object-fit:cover;border-radius:50%}.replacement-workflow .pug-map{height:170px;width:100%;object-fit:cover}
/* Required chrome additions must not push sign-in outside the viewport. */
#replacement-header:not([data-signed-in]) #replacement-inbox{display:none}
#replacement-header .me:not(:has(img)){flex-shrink:0;justify-content:center;min-height:40px;padding:8px 16px;white-space:nowrap}
#replacement-header .me:not(:has(img)) span{display:block;white-space:nowrap;line-height:1.2}
@media(max-width:1450px){#replacement-header .search{width:40px;padding:0;justify-content:center}#replacement-header .search span,#replacement-header .search kbd{display:none}}
@media(max-width:760px){#replacement-menu .g3,.replacement-workflow .sv-grid,.replacement-workflow :is(.pug-grid,.player-grid,.ev-grid,.incentive-grid){grid-template-columns:1fr}.top-tools .me:has(img) span{display:none}.replacement-workflow .sv-card-head{flex-wrap:wrap}.replacement-workflow :is(table,.pug-table-scroll){display:block;overflow:auto}.replacement-workflow [style*="grid-template-columns"]{grid-template-columns:1fr!important}}
.replacement-footer-meta{max-width:1200px;margin:24px auto 0;padding:0 24px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}
/* Live shared queues use the prototype room composition without sample teams. */
[data-prototype-room] .room-tags{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
[data-prototype-room] .room-count{display:grid;gap:8px;text-align:right;min-width:150px}
[data-prototype-room] .room-count strong{font:800 38px/1 var(--f-d)}
[data-prototype-room] .queue-panel{padding:20px}
[data-prototype-room] .queue-panel .box-h{padding:0 0 16px}
[data-prototype-room] .queue-actions{display:grid;gap:10px;margin:16px 0}
[data-prototype-room] .queue-classes{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}
[data-prototype-room] .queue-classes .cls{display:grid;gap:6px;text-align:center;width:82px;height:auto;padding:8px}
[data-prototype-room] .queue-classes img{height:64px;object-fit:contain}
[data-prototype-room] fieldset{border:0;padding:0}
[data-prototype-room] :is(ul,ol){padding-left:22px;line-height:1.7}
[data-prototype-room] .queue-member{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--line)}
[data-prototype-room] .queue-member img{width:36px;height:36px;border-radius:50%}
[data-prototype-room] .queue-match{padding:16px;border-bottom:1px solid var(--line)}
#server-workspace[data-frontend] :is(input:not([type=checkbox]):not([type=radio]),select){background:var(--ink-2);border:1px solid var(--line);color:var(--paper);padding:10px;border-radius:var(--r-s);max-width:100%}
#server-workspace[data-frontend] fieldset{border:0;padding:0;min-width:0}
#server-workspace[data-frontend] .wz-step :is(p,label){margin:12px 0;line-height:1.6}
#server-workspace[data-frontend] .sv-tiers{display:flex;flex-wrap:wrap;gap:20px}
#server-workspace[data-frontend] .sv-tiers small{display:block;color:var(--mute)}
#server-workspace[data-frontend] .filters{margin:18px 0}
#server-workspace[data-frontend] .loc[aria-pressed=true],#server-workspace[data-frontend] .mv[aria-pressed=true]{border-color:var(--blu);background:var(--blu-d)}
#server-workspace[data-frontend] .loc{height:auto;min-height:80px;text-align:left;color:var(--paper)}
#server-workspace[data-frontend] .loc small{display:block;font-size:12px;color:var(--mute)}
#server-workspace[data-frontend] .mv{color:var(--paper);text-align:left}
#server-workspace[data-frontend] .mv small{display:block;font:11px var(--f-m)}
#server-workspace[data-frontend] .ticket dl>div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px dashed var(--line)}
#server-workspace[data-frontend] .ticket dd{text-align:right;font-weight:700}
#server-workspace[data-frontend] .sv-form-nav{display:flex;justify-content:flex-end;gap:12px;margin:18px 0}
@media(max-width:760px){[data-prototype-room] .room-head .in{align-items:flex-start}[data-prototype-room] .room-count{min-width:0;text-align:left}[data-prototype-room] .room-count strong{font-size:26px}}
/* Membership purchase/recovery controls retain their original IDs and controller. */
.replacement-workflow #membership-workspace .mw-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line);border-radius:var(--r);padding:32px}
.replacement-workflow #membership-workspace .mw-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2;z-index:-1}
.replacement-workflow #membership-workspace .mw-hero>div{position:relative;max-width:64ch}
.replacement-workflow #membership-workspace .mw-hero-stamp{display:block;font:11px var(--f-m);color:var(--mute);margin-top:18px}
.replacement-workflow #membership-workspace .mw-actions,.replacement-workflow #membership-workspace .mw-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.replacement-workflow #membership-workspace .mw-heading{justify-content:space-between}
.replacement-workflow #membership-workspace .mw-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r);margin:22px 0;background:var(--card)}
.replacement-workflow #membership-workspace .mw-stats>div{display:flex;flex-direction:column;gap:8px;padding:20px;min-width:0}
.replacement-workflow #membership-workspace .mw-stats strong{font:700 28px var(--f-d);overflow-wrap:anywhere}
.replacement-workflow #membership-workspace .mw-workspace{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px}
.replacement-workflow #membership-workspace .mw-sidebar{align-self:start;position:sticky;top:24px}
.replacement-workflow #membership-workspace .mw-sidebar nav,.replacement-workflow #membership-workspace .mw-side-help{display:flex;flex-direction:column;gap:12px}
.replacement-workflow #membership-workspace .mw-side-help{margin-top:24px}
.replacement-workflow #membership-workspace .mw-content{min-width:0}
.replacement-workflow #membership-workspace .mw-content>section{margin:0 0 22px;scroll-margin-top:24px}
.replacement-workflow #membership-workspace .mw-eyebrow{font:11px var(--f-m);letter-spacing:.1em;color:var(--gold)}
.replacement-workflow #membership-workspace .mw-muted{font-size:14px;line-height:1.6;color:var(--soft)}
.replacement-workflow #membership-workspace #points-purchase-access{margin-top:16px;color:var(--soft);font-size:14px;line-height:1.7}
.replacement-workflow #membership-workspace #points-purchase-access a{margin:8px 0}
.replacement-workflow #membership-workspace #membership-auth:not(:empty),.replacement-workflow #membership-workspace #membership-feedback:not(:empty){border:1px solid var(--line);border-radius:var(--r);padding:16px;margin:18px 0}
.replacement-workflow #membership-workspace #membership-dialog{width:min(580px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:1px solid var(--line);border-radius:var(--r);padding:24px;background:var(--card);color:var(--paper);color-scheme:dark}
.replacement-workflow #membership-workspace #membership-dialog::backdrop{background:#000b}
.replacement-workflow #membership-workspace #membership-dialog h2{font-size:32px;margin:0}
.replacement-workflow #membership-workspace #membership-dialog .mw-heading{align-items:flex-start;margin-bottom:20px}
.replacement-workflow #membership-workspace #membership-dialog .mw-check{display:flex;gap:10px;align-items:flex-start}
.replacement-workflow #membership-workspace #membership-dialog input[type=checkbox]{flex-shrink:0;margin-top:5px}
.replacement-workflow #membership-workspace #membership-dialog-message:not(:empty){border:1px solid var(--line);border-radius:var(--r-s);padding:14px;margin-top:16px;overflow-wrap:anywhere}
@media(max-width:760px){.replacement-workflow #membership-workspace .mw-workspace{grid-template-columns:1fr}.replacement-workflow #membership-workspace .mw-sidebar{position:static}.replacement-workflow #membership-workspace .mw-sidebar nav{flex-direction:row;flex-wrap:wrap}.replacement-workflow #membership-workspace .mw-side-help{display:none}.replacement-workflow #membership-workspace .mw-hero{padding:24px}.replacement-workflow #membership-workspace .mw-stats{grid-template-columns:1fr}.replacement-workflow #membership-workspace #membership-dialog{padding:20px}}
/* Honest guest/empty states retain the supplied component hierarchy and rhythm. */
.replacement-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 24px;text-align:center;min-height:220px;grid-column:1/-1}
.replacement-empty p{max-width:48ch;font-size:14px;line-height:1.6}
.replacement-empty-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--ink-2);color:var(--mute)}
#events>.replacement-empty,#teamcards>.replacement-empty,#shop>.replacement-empty,#posts>.replacement-empty{border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
#posts>.replacement-empty{min-height:330px}
#p-you .dash>.card:nth-child(-n+3){min-height:320px}
#p-you .dash>.card:nth-child(4){min-height:270px}
#p-you .classbars p{font-size:13px;line-height:1.6;margin:0 0 6px}
#p-you .cb .mute{font-size:11px}
#p-you .stats{gap:26px}
#p-you .name a{margin-top:12px}
#p-you .name h2{overflow-wrap:anywhere}
#p-you .replacement-empty{flex:1;min-height:220px}
#p-you #party .replacement-empty{min-height:120px;padding:16px 0;align-items:flex-start;text-align:left}
#p-you #party .replacement-empty-icon,#p-you #party .replacement-empty h4{display:none}
#p-you #replacement-goals .replacement-empty{padding-left:0;padding-right:0}
#p-rewards .pv-card>div{min-width:0}
#p-rewards .pv-card small{display:block;font-size:11px;line-height:1.6;margin-top:6px}
#p-rewards .pv-slot .nm{min-width:0}
#p-rewards .pv-slot .nm small{white-space:normal}
#p-rewards .rw-preview{gap:12px}
#p-rewards .fr-pick{min-height:48px}
#p-rewards .item .prev>img{max-width:100%;height:100%;object-fit:contain}
#server-workspace[data-frontend] #server-auth{margin:16px 0;color:var(--soft);font-size:13px}
#server-workspace[data-frontend] #server-auth p{margin:0}
#server-workspace[data-frontend] #booking-error:empty,#server-workspace[data-frontend] #reservation-feedback:empty{display:none}
#server-workspace[data-frontend] #prototype-region-tabs{margin:18px 0;display:flex;flex-wrap:wrap}
#server-workspace[data-frontend] #prototype-region-tabs button{white-space:nowrap}
#server-workspace[data-frontend] .wmap svg{pointer-events:none}
#server-workspace[data-frontend] .filters{display:flex;gap:14px;flex-wrap:wrap}
#server-workspace[data-frontend] .filters label{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--mute)}
/* Dense geographic pins are desktop shortcuts. Mobile uses the same labelled city cards. */
@media(max-width:760px){#server-workspace[data-frontend] #prototype-region-pins{display:none}.replacement-empty{padding:26px 18px;min-height:190px}#p-you .dash>.card:nth-child(-n+3){min-height:270px}#p-you .prof .in{padding:0 20px 22px}#p-you .stats{gap:22px}#p-you .classbars .cb{grid-template-columns:28px 74px 1fr 36px}#server-workspace[data-frontend] .filters label{flex-wrap:wrap}}
/* Source Premium composition with the existing radios and protected workflow. */
.replacement-workflow #membership-workspace.premium-workspace .mw-workspace{display:block}
.replacement-workflow #membership-workspace.premium-workspace .mw-sidebar{position:static;margin:20px 0}
.replacement-workflow #membership-workspace.premium-workspace .mw-sidebar nav{flex-direction:row;flex-wrap:wrap}
.replacement-workflow #membership-workspace.premium-workspace .mw-side-help{display:none}
.replacement-workflow #membership-workspace.premium-workspace .prem,.replacement-workflow #membership-workspace.premium-workspace .compare{padding:0}
.replacement-workflow #membership-workspace.premium-workspace .prem p{margin:0;line-height:1.6}
.replacement-workflow #membership-workspace.premium-workspace .prem .pl-l>p{margin:12px 0}
.replacement-workflow #membership-workspace.premium-workspace .prem fieldset{padding:0;border:0;margin:20px 0;min-width:0}
.replacement-workflow #membership-workspace.premium-workspace .prem legend{font:11px var(--f-m);color:var(--mute);margin-bottom:10px}
.replacement-workflow #membership-workspace.premium-workspace .mw-toggle,.replacement-workflow #membership-workspace.premium-workspace .mw-plans{display:flex;flex-wrap:wrap;gap:8px}
.replacement-workflow #membership-workspace.premium-workspace .prem fieldset label{display:flex;align-items:center;gap:8px;margin:0;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-s);cursor:pointer;font-size:13px}
.replacement-workflow #membership-workspace.premium-workspace .prem fieldset label:has(:checked){border-color:var(--gold);background:var(--gold-d)}
.replacement-workflow #membership-workspace.premium-workspace .mw-plan{flex:1;min-width:96px;flex-wrap:wrap}
.replacement-workflow #membership-workspace.premium-workspace .mw-plan>span:not(.mw-plan-top),.replacement-workflow #membership-workspace.premium-workspace .mw-plan-top small{display:none}
.replacement-workflow #membership-workspace.premium-workspace .mw-plan strong{width:100%;font-size:18px}
.replacement-workflow #membership-workspace.premium-workspace .mw-plan strong small{font-size:11px;color:var(--mute)}
.replacement-workflow #membership-workspace.premium-workspace [data-action=review-premium]{width:100%;height:52px;background:var(--gold);color:var(--ink)}
.replacement-workflow #membership-workspace.premium-workspace #plan-selection,.replacement-workflow #membership-workspace.premium-workspace #premium-purchase-access{font-size:13px;color:var(--soft);margin:12px 0}
.replacement-workflow #membership-workspace.premium-workspace #premium-purchase-access a{margin-top:8px}
.replacement-workflow #membership-workspace.premium-workspace .premium-recovery-link{font-size:12px}
.replacement-workflow #membership-workspace.premium-workspace .perks .perk p{font-size:14px;color:var(--soft)}
.replacement-workflow #membership-workspace.premium-workspace .mw-panel,.replacement-workflow #membership-workspace.premium-workspace .mw-list-row{overflow-wrap:anywhere}
.replacement-workflow #membership-workspace.premium-workspace .mw-list-row{padding:16px 0;border-bottom:1px solid var(--line)}
@media(max-width:760px){.replacement-workflow #membership-workspace.premium-workspace .prem .pl-l{padding:24px}.replacement-workflow #membership-workspace.premium-workspace .price-big{font-size:60px}.replacement-workflow #membership-workspace.premium-workspace .perks{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:760px){#p-community #com-grid{grid-template-columns:minmax(0,1fr)!important}#p-compete .cp-copy{min-width:0}#p-compete .countdown{flex-wrap:wrap}#p-compete .cp-copy>p{max-width:100%}}
/* Shared workflow controls and long documents use the prototype tokens. */
.replacement-workflow h1{font-size:clamp(32px,4vw,56px);line-height:1.05}
.replacement-workflow h2{font-size:clamp(26px,3vw,38px);line-height:1.12}
.replacement-workflow{min-width:0;overflow-wrap:anywhere;--gold-d:var(--gold-t)}
.replacement-workflow :is(section,article,form,fieldset,header,aside){min-width:0;max-width:100%}
.replacement-workflow :is(button,input,select,textarea){font-family:var(--f-b);color:var(--paper)}
.replacement-workflow button:not(.btn){background:var(--card-2);border:1px solid var(--line);border-radius:var(--r-s);padding:9px 14px;max-width:100%;white-space:normal}
.replacement-workflow :is(input[type=checkbox],input[type=radio]){accent-color:var(--gold)}
.replacement-workflow :is(pre,code,kbd){font-family:var(--f-m);font-size:.88em}
.replacement-workflow pre{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-s);padding:16px;max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.replacement-workflow :is(ul,ol){padding-left:24px;line-height:1.7}
.replacement-workflow li+li{margin-top:8px}
.replacement-workflow a:not(.btn):not([class*="nav-"]){text-underline-offset:3px}
.replacement-workflow a:not(.btn):hover{text-decoration:underline}
.replacement-workflow :is(.admin-nav-link.active,.tab-active){border-color:var(--gold);color:var(--gold)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page.on{animation:none}.ticker .track{animation:none}}
/* BEGIN REPLACEMENT COSMETICS */


 html[data-frontend="replacement"] .rainbow-name {
 background: linear-gradient(90deg,#ff3b30,#ff9500,#ffcc00,#34c759,#5ac8fa,#007aff,#5856d6,#ff2d55);
 -webkit-background-clip: text;
 background-clip: text;
 color: transparent;
 background-size: 200% 200%;
 animation: replacement-cosmetic-rainbow-shift 3s linear infinite;
 display: inline-block;
 }
 html[data-frontend="replacement"] .tfcl-badge {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 position: absolute;
 bottom: -4px;
 left: -4px;
 width: 18px;
 height: 18px;
 background: linear-gradient(135deg, #FFB800 0%, #FF8C00 100%);
 border: 2px solid #000;
 border-radius: 50%;
 font-size: 9px;
 line-height: 1;
 box-shadow: 0 0 6px rgba(255,184,0,0.55);
 z-index: 2;
 pointer-events: none;
 user-select: none;
 }
 html[data-frontend="replacement"] .tfcl-badge-inline {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 14px;
 height: 14px;
 background: linear-gradient(135deg, #FFB800 0%, #FF8C00 100%);
 border: 1.5px solid #000;
 border-radius: 50%;
 font-size: 7px;
 line-height: 1;
 box-shadow: 0 0 4px rgba(255,184,0,0.45);
 flex-shrink: 0;
 user-select: none;
 }
 html[data-frontend="replacement"] .lobby-slot-frame-gold,
 html[data-frontend="replacement"] .lobby-row-frame-gold,
 html[data-frontend="replacement"] .lobby-slot-gold,
 html[data-frontend="replacement"] .lobby-row-gold {
 border-color: rgba(255,184,0,0.55) !important;
 box-shadow: inset 0 0 0 1px rgba(255,184,0,0.18), 0 0 8px rgba(255,184,0,0.18);
 }
 html[data-frontend="replacement"] .lobby-row-frame-gold,
 html[data-frontend="replacement"] .lobby-row-gold {
 box-shadow: 0 0 6px rgba(255,184,0,0.15);
 }
 html[data-frontend="replacement"] .lobby-slot-frame-neon,
 html[data-frontend="replacement"] .lobby-row-frame-neon {
 border-color: rgba(34,211,238,0.7) !important;
 box-shadow: 0 0 10px rgba(34,211,238,0.35), 0 0 18px rgba(56,189,248,0.25);
 animation: replacement-cosmetic-frame-neon-pulse 2.6s ease-in-out infinite;
 }
 html[data-frontend="replacement"] .lobby-slot-frame-scout,
 html[data-frontend="replacement"] .lobby-row-frame-scout {
 border-color: rgba(79,195,247,0.7) !important;
 box-shadow: 0 0 8px rgba(79,195,247,0.35);
 }
 html[data-frontend="replacement"] .lobby-slot-frame-soldier,
 html[data-frontend="replacement"] .lobby-row-frame-soldier {
 border-color: rgba(249,115,22,0.7) !important;
 box-shadow: 0 0 8px rgba(249,115,22,0.35);
 }
 html[data-frontend="replacement"] .lobby-slot-frame-pyro,
 html[data-frontend="replacement"] .lobby-row-frame-pyro {
 border-color: rgba(239,68,68,0.75) !important;
 box-shadow: 0 0 8px rgba(239,68,68,0.35);
 }
 html[data-frontend="replacement"] .lobby-slot-frame-demoman,
 html[data-frontend="replacement"] .lobby-row-frame-demoman {
 border-color: rgba(168,85,247,0.75) !important;
 box-shadow: 0 0 8px rgba(168,85,247,0.35);
 }
 html[data-frontend="replacement"] .lobby-slot-frame-heavy,
 html[data-frontend="replacement"] .lobby-row-frame-heavy {
 border-color: rgba(161,98,7,0.8) !important;
 box-shadow: 0 0 8px rgba(161,98,7,0.35);
 }
 html[data-frontend="replacement"] .lobby-slot-frame-engineer,
 html[data-frontend="replacement"] .lobby-row-frame-engineer {
 border-color: rgba(251,191,36,0.85) !important;
 box-shadow: 0 0 8px rgba(251,191,36,0.35);
 }
 html[data-frontend="replacement"] .lobby-slot-frame-medic,
 html[data-frontend="replacement"] .lobby-row-frame-medic {
 border-color: rgba(34,197,94,0.75) !important;
 box-shadow: 0 0 8px rgba(34,197,94,0.35);
 }
 html[data-frontend="replacement"] .lobby-slot-frame-sniper,
 html[data-frontend="replacement"] .lobby-row-frame-sniper {
 border-color: rgba(132,204,22,0.75) !important;
 box-shadow: 0 0 8px rgba(132,204,22,0.35);
 }
 html[data-frontend="replacement"] .lobby-slot-frame-spy,
 html[data-frontend="replacement"] .lobby-row-frame-spy {
 border-color: rgba(99,102,241,0.8) !important;
 box-shadow: 0 0 8px rgba(99,102,241,0.35);
 }
 html[data-frontend="replacement"] .lobby-slot-frame-halloween,
 html[data-frontend="replacement"] .lobby-row-frame-halloween {
 border-color: rgba(249,115,22,0.8) !important;
 box-shadow: 0 0 10px rgba(249,115,22,0.35), 0 0 18px rgba(168,85,247,0.35);
 animation: replacement-cosmetic-frame-halloween-flicker 3s ease-in-out infinite;
 }
 html[data-frontend="replacement"] .lobby-slot-frame-summer,
 html[data-frontend="replacement"] .lobby-row-frame-summer {
 border-color: rgba(34,211,238,0.8) !important;
 box-shadow: 0 0 10px rgba(34,211,238,0.35), 0 0 16px rgba(251,191,36,0.3);
 animation: replacement-cosmetic-frame-summer-wave 3s ease-in-out infinite;
 }
 html[data-frontend="replacement"] .lobby-slot-frame-christmas,
 html[data-frontend="replacement"] .lobby-row-frame-christmas {
 border-color: rgba(34,197,94,0.8) !important;
 box-shadow: 0 0 10px rgba(34,197,94,0.35), 0 0 16px rgba(239,68,68,0.35);
 animation: replacement-cosmetic-frame-christmas-glow 3.2s ease-in-out infinite;
 }
 html[data-frontend="replacement"] .avatar-supporter-glow {
 box-shadow: inset 0 0 0 2px #FFD480, 0 0 8px rgba(255,184,0,0.45), 0 0 16px rgba(255,184,0,0.25);
 animation: replacement-cosmetic-supporter-glow-pulse 2.4s ease-in-out infinite;
 }
 html[data-frontend="replacement"] .lobby-slot-supporter,
 html[data-frontend="replacement"] .lobby-row-supporter {
 box-shadow: inset 0 0 0 1px rgba(255,212,128,0.45), 0 0 8px rgba(255,184,0,0.2);
 }
 html[data-frontend="replacement"] .supporter-tag {
 display: inline-flex;
 align-items: center;
 gap: 3px;
 font-weight: 700;
 letter-spacing: 0.06em;
 color: #FFD480;
 background: rgba(255,212,128,0.12);
 border: 1px solid rgba(255,212,128,0.4);
 border-radius: 999px;
 vertical-align: middle;
 text-transform: uppercase;
 animation: replacement-cosmetic-supporter-tag-pulse 2.4s ease-in-out infinite;
 }
 html[data-frontend="replacement"] .profile-card-box.frame-gold,
 html[data-frontend="replacement"] .profile-card-box.gold-border {
 border: 2px solid #FFB800;
 box-shadow: 0 0 24px rgba(255,184,0,0.35), 0 0 0 1px rgba(255,184,0,0.15);
 }
 html[data-frontend="replacement"] .profile-card-box.frame-neon {
 border: 2px solid rgba(34,211,238,0.9);
 box-shadow: 0 0 18px rgba(34,211,238,0.5), 0 0 30px rgba(56,189,248,0.35);
 animation: replacement-cosmetic-frame-neon-pulse 2.6s ease-in-out infinite;
 }
 html[data-frontend="replacement"] .profile-card-box.frame-scout { border: 2px solid rgba(79,195,247,0.9); box-shadow: 0 0 18px rgba(79,195,247,0.35); }
 html[data-frontend="replacement"] .profile-card-box.frame-soldier { border: 2px solid rgba(249,115,22,0.9); box-shadow: 0 0 18px rgba(249,115,22,0.35); }
 html[data-frontend="replacement"] .profile-card-box.frame-pyro { border: 2px solid rgba(239,68,68,0.9); box-shadow: 0 0 18px rgba(239,68,68,0.35); }
 html[data-frontend="replacement"] .profile-card-box.frame-demoman { border: 2px solid rgba(168,85,247,0.9); box-shadow: 0 0 18px rgba(168,85,247,0.35); }
 html[data-frontend="replacement"] .profile-card-box.frame-heavy { border: 2px solid rgba(161,98,7,0.95); box-shadow: 0 0 18px rgba(161,98,7,0.35); }
 html[data-frontend="replacement"] .profile-card-box.frame-engineer { border: 2px solid rgba(251,191,36,0.95); box-shadow: 0 0 18px rgba(251,191,36,0.35); }
 html[data-frontend="replacement"] .profile-card-box.frame-medic { border: 2px solid rgba(34,197,94,0.9); box-shadow: 0 0 18px rgba(34,197,94,0.35); }
 html[data-frontend="replacement"] .profile-card-box.frame-sniper { border: 2px solid rgba(132,204,22,0.9); box-shadow: 0 0 18px rgba(132,204,22,0.35); }
 html[data-frontend="replacement"] .profile-card-box.frame-spy { border: 2px solid rgba(99,102,241,0.95); box-shadow: 0 0 18px rgba(99,102,241,0.35); }
 html[data-frontend="replacement"] .profile-card-box.frame-halloween {
 border: 2px solid rgba(249,115,22,0.95);
 box-shadow: 0 0 18px rgba(249,115,22,0.4), 0 0 28px rgba(168,85,247,0.45);
 animation: replacement-cosmetic-frame-halloween-flicker 3s ease-in-out infinite;
 }
 html[data-frontend="replacement"] .profile-card-box.frame-summer {
 border: 2px solid rgba(34,211,238,0.95);
 box-shadow: 0 0 18px rgba(34,211,238,0.4), 0 0 26px rgba(251,191,36,0.35);
 animation: replacement-cosmetic-frame-summer-wave 3s ease-in-out infinite;
 }
 html[data-frontend="replacement"] .profile-card-box.frame-christmas {
 border: 2px solid rgba(34,197,94,0.95);
 box-shadow: 0 0 18px rgba(34,197,94,0.4), 0 0 26px rgba(239,68,68,0.4);
 animation: replacement-cosmetic-frame-christmas-glow 3.2s ease-in-out infinite;
 }
 html[data-frontend="replacement"] .profile-card-box.frame-scout { background: repeating-linear-gradient(135deg, rgba(79,195,247,0.12) 0px, rgba(79,195,247,0.12) 8px, rgba(13,13,13,0.9) 8px, rgba(13,13,13,0.9) 16px), radial-gradient(circle at 20% 20%, rgba(79,195,247,0.2), rgba(13,13,13,0.95) 58%), #0D0D0D; }
 html[data-frontend="replacement"] .profile-card-box.frame-soldier { background: repeating-linear-gradient(135deg, rgba(249,115,22,0.12) 0px, rgba(249,115,22,0.12) 8px, rgba(13,13,13,0.9) 8px, rgba(13,13,13,0.9) 16px), radial-gradient(circle at 20% 20%, rgba(249,115,22,0.2), rgba(13,13,13,0.95) 58%), #0D0D0D; }
 html[data-frontend="replacement"] .profile-card-box.frame-pyro { background: repeating-linear-gradient(135deg, rgba(239,68,68,0.12) 0px, rgba(239,68,68,0.12) 8px, rgba(13,13,13,0.9) 8px, rgba(13,13,13,0.9) 16px), radial-gradient(circle at 20% 20%, rgba(239,68,68,0.2), rgba(13,13,13,0.95) 58%), #0D0D0D; }
 html[data-frontend="replacement"] .profile-card-box.frame-demoman { background: repeating-linear-gradient(135deg, rgba(168,85,247,0.12) 0px, rgba(168,85,247,0.12) 8px, rgba(13,13,13,0.9) 8px, rgba(13,13,13,0.9) 16px), radial-gradient(circle at 20% 20%, rgba(168,85,247,0.2), rgba(13,13,13,0.95) 58%), #0D0D0D; }
 html[data-frontend="replacement"] .profile-card-box.frame-heavy { background: repeating-linear-gradient(135deg, rgba(161,98,7,0.12) 0px, rgba(161,98,7,0.12) 8px, rgba(13,13,13,0.9) 8px, rgba(13,13,13,0.9) 16px), radial-gradient(circle at 20% 20%, rgba(161,98,7,0.2), rgba(13,13,13,0.95) 58%), #0D0D0D; }
 html[data-frontend="replacement"] .profile-card-box.frame-engineer { background: repeating-linear-gradient(135deg, rgba(251,191,36,0.12) 0px, rgba(251,191,36,0.12) 8px, rgba(13,13,13,0.9) 8px, rgba(13,13,13,0.9) 16px), radial-gradient(circle at 20% 20%, rgba(251,191,36,0.2), rgba(13,13,13,0.95) 58%), #0D0D0D; }
 html[data-frontend="replacement"] .profile-card-box.frame-medic { background: repeating-linear-gradient(135deg, rgba(34,197,94,0.12) 0px, rgba(34,197,94,0.12) 8px, rgba(13,13,13,0.9) 8px, rgba(13,13,13,0.9) 16px), radial-gradient(circle at 20% 20%, rgba(34,197,94,0.2), rgba(13,13,13,0.95) 58%), #0D0D0D; }
 html[data-frontend="replacement"] .profile-card-box.frame-sniper { background: repeating-linear-gradient(135deg, rgba(132,204,22,0.12) 0px, rgba(132,204,22,0.12) 8px, rgba(13,13,13,0.9) 8px, rgba(13,13,13,0.9) 16px), radial-gradient(circle at 20% 20%, rgba(132,204,22,0.2), rgba(13,13,13,0.95) 58%), #0D0D0D; }
 html[data-frontend="replacement"] .profile-card-box.frame-spy { background: repeating-linear-gradient(135deg, rgba(99,102,241,0.12) 0px, rgba(99,102,241,0.12) 8px, rgba(13,13,13,0.9) 8px, rgba(13,13,13,0.9) 16px), radial-gradient(circle at 20% 20%, rgba(99,102,241,0.2), rgba(13,13,13,0.95) 58%), #0D0D0D; }
 html[data-frontend="replacement"] .profile-card-box.frame-scout::before,
 html[data-frontend="replacement"] .profile-card-box.frame-soldier::before,
 html[data-frontend="replacement"] .profile-card-box.frame-pyro::before,
 html[data-frontend="replacement"] .profile-card-box.frame-demoman::before,
 html[data-frontend="replacement"] .profile-card-box.frame-heavy::before,
 html[data-frontend="replacement"] .profile-card-box.frame-engineer::before,
 html[data-frontend="replacement"] .profile-card-box.frame-medic::before,
 html[data-frontend="replacement"] .profile-card-box.frame-sniper::before,
 html[data-frontend="replacement"] .profile-card-box.frame-spy::before {
 content: '';
 position: absolute;
 inset: -10% 0 0 35%;
 background-repeat: no-repeat;
 background-position: top right;
 background-size: 75% auto;
 opacity: 0.12;
 pointer-events: none;
 filter: drop-shadow(0 0 18px rgba(0,0,0,0.45));
 }
 html[data-frontend="replacement"] .profile-card-box.frame-scout::before { background-image: url('https://cdn.tfcleague.com/2026/09/icons-frames-scout.jpg'); }
 html[data-frontend="replacement"] .profile-card-box.frame-soldier::before { background-image: url('https://cdn.tfcleague.com/2026/09/icons-frames-soldier.jpg'); }
 html[data-frontend="replacement"] .profile-card-box.frame-pyro::before { background-image: url('https://cdn.tfcleague.com/2026/09/icons-frames-pyro.jpg'); }
 html[data-frontend="replacement"] .profile-card-box.frame-demoman::before { background-image: url('https://cdn.tfcleague.com/2026/09/icons-frames-demoman.jpg'); }
 html[data-frontend="replacement"] .profile-card-box.frame-heavy::before { background-image: url('https://cdn.tfcleague.com/2026/09/icons-frames-heavy.jpg'); }
 html[data-frontend="replacement"] .profile-card-box.frame-engineer::before { background-image: url('https://cdn.tfcleague.com/2026/09/icons-frames-engineer.jpg'); }
 html[data-frontend="replacement"] .profile-card-box.frame-medic::before { background-image: url('https://cdn.tfcleague.com/2026/09/icons-frames-medic.jpg'); }
 html[data-frontend="replacement"] .profile-card-box.frame-sniper::before { background-image: url('https://cdn.tfcleague.com/2026/09/icons-frames-sniper.jpg'); }
 html[data-frontend="replacement"] .profile-card-box.frame-spy::before { background-image: url('https://cdn.tfcleague.com/2026/09/icons-frames-spy.jpg'); }
 html[data-frontend="replacement"] .profile-frame-ribbon {
 background: linear-gradient(90deg, rgba(255,255,255,0.06), transparent);
 border-bottom: 1px solid rgba(255,255,255,0.12);
 padding: 4px 12px;
 display: flex;
 align-items: center;
 gap: 6px;
 font-size: 0.6rem;
 font-weight: 700;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 }
 html[data-frontend="replacement"] .profile-frame-ribbon.frame-gold { color: #FFB800; }
 html[data-frontend="replacement"] .profile-frame-ribbon.frame-neon { color: #22D3EE; }
 html[data-frontend="replacement"] .profile-frame-ribbon.frame-scout { color: #4FC3F7; }
 html[data-frontend="replacement"] .profile-frame-ribbon.frame-soldier { color: #F97316; }
 html[data-frontend="replacement"] .profile-frame-ribbon.frame-pyro { color: #EF4444; }
 html[data-frontend="replacement"] .profile-frame-ribbon.frame-demoman { color: #A855F7; }
 html[data-frontend="replacement"] .profile-frame-ribbon.frame-heavy { color: #A16207; }
 html[data-frontend="replacement"] .profile-frame-ribbon.frame-engineer { color: #FBBF24; }
 html[data-frontend="replacement"] .profile-frame-ribbon.frame-medic { color: #22C55E; }
 html[data-frontend="replacement"] .profile-frame-ribbon.frame-sniper { color: #84CC16; }
 html[data-frontend="replacement"] .profile-frame-ribbon.frame-spy { color: #6366F1; }
 html[data-frontend="replacement"] .profile-frame-ribbon.frame-halloween { color: #F97316; }
 html[data-frontend="replacement"] .profile-frame-ribbon.frame-summer { color: #22D3EE; }
 html[data-frontend="replacement"] .profile-frame-ribbon.frame-christmas { color: #22C55E; }
 html[data-frontend="replacement"] .frame-icon {
 width: 12px;
 height: 12px;
 border-radius: 999px;
 background-size: 80% 80%;
 background-position: center;
 background-repeat: no-repeat;
 display: inline-block;
 flex-shrink: 0;
 filter: drop-shadow(0 0 4px rgba(0,0,0,0.65));
 }
 html[data-frontend="replacement"] .frame-icon-animated { animation: replacement-cosmetic-frame-class-icon 2.8s ease-in-out infinite; }
 html[data-frontend="replacement"] .pc-avatar {
 width: 56px;
 height: 56px;
 border-radius: 8px;
 border: 2px solid #222;
 object-fit: cover;
 }
 html[data-frontend="replacement"] .profile-card-box.frame-gold .pc-avatar,
 html[data-frontend="replacement"] .profile-card-box.gold-border .pc-avatar { border-color: #FFB800; box-shadow: 0 0 10px rgba(255,184,0,0.35); }
 html[data-frontend="replacement"] .profile-card-box.frame-neon .pc-avatar { border-color: #22D3EE; box-shadow: 0 0 10px rgba(34,211,238,0.35); }
 html[data-frontend="replacement"] .profile-card-box.frame-scout .pc-avatar { border-color: #4FC3F7; box-shadow: 0 0 10px rgba(79,195,247,0.35); }
 html[data-frontend="replacement"] .profile-card-box.frame-soldier .pc-avatar { border-color: #F97316; box-shadow: 0 0 10px rgba(249,115,22,0.35); }
 html[data-frontend="replacement"] .profile-card-box.frame-pyro .pc-avatar { border-color: #EF4444; box-shadow: 0 0 10px rgba(239,68,68,0.35); }
 html[data-frontend="replacement"] .profile-card-box.frame-demoman .pc-avatar { border-color: #A855F7; box-shadow: 0 0 10px rgba(168,85,247,0.35); }
 html[data-frontend="replacement"] .profile-card-box.frame-heavy .pc-avatar { border-color: #A16207; box-shadow: 0 0 10px rgba(161,98,7,0.35); }
 html[data-frontend="replacement"] .profile-card-box.frame-engineer .pc-avatar { border-color: #FBBF24; box-shadow: 0 0 10px rgba(251,191,36,0.35); }
 html[data-frontend="replacement"] .profile-card-box.frame-medic .pc-avatar { border-color: #22C55E; box-shadow: 0 0 10px rgba(34,197,94,0.35); }
 html[data-frontend="replacement"] .profile-card-box.frame-sniper .pc-avatar { border-color: #84CC16; box-shadow: 0 0 10px rgba(132,204,22,0.35); }
 html[data-frontend="replacement"] .profile-card-box.frame-spy .pc-avatar { border-color: #6366F1; box-shadow: 0 0 10px rgba(99,102,241,0.35); }
 html[data-frontend="replacement"] .profile-card-box.frame-halloween .pc-avatar { border-color: #F97316; box-shadow: 0 0 10px rgba(249,115,22,0.4); }
 html[data-frontend="replacement"] .profile-card-box.frame-summer .pc-avatar { border-color: #22D3EE; box-shadow: 0 0 10px rgba(34,211,238,0.35); }
 html[data-frontend="replacement"] .profile-card-box.frame-christmas .pc-avatar { border-color: #22C55E; box-shadow: 0 0 10px rgba(34,197,94,0.35); }
 html[data-frontend="replacement"] .pc-avatar.avatar-supporter-glow { box-shadow: inset 0 0 0 2px #FFD480, 0 0 10px rgba(255,184,0,0.5), 0 0 18px rgba(255,184,0,0.28); animation: replacement-cosmetic-supporter-glow-pulse 2.4s ease-in-out infinite; }

 @keyframes replacement-cosmetic-rainbow-shift {
 0% { background-position: 0% 50%; }
 100% { background-position: 100% 50%; }
 }
 @keyframes replacement-cosmetic-frame-neon-pulse {
 0% { box-shadow: 0 0 8px rgba(34,211,238,0.35), 0 0 14px rgba(56,189,248,0.25); }
 33% { box-shadow: 0 0 12px rgba(52,211,153,0.55), 0 0 22px rgba(16,185,129,0.35); }
 66% { box-shadow: 0 0 14px rgba(236,72,153,0.55), 0 0 24px rgba(168,85,247,0.35); }
 100% { box-shadow: 0 0 8px rgba(34,211,238,0.35), 0 0 14px rgba(56,189,248,0.25); }
 }
 @keyframes replacement-cosmetic-frame-halloween-flicker {
 0%, 100% { box-shadow: 0 0 10px rgba(249,115,22,0.4), 0 0 18px rgba(168,85,247,0.35); }
 50% { box-shadow: 0 0 14px rgba(249,115,22,0.6), 0 0 24px rgba(168,85,247,0.5); }
 }
 @keyframes replacement-cosmetic-frame-summer-wave {
 0%, 100% { box-shadow: 0 0 10px rgba(34,211,238,0.35), 0 0 16px rgba(251,191,36,0.3); }
 50% { box-shadow: 0 0 14px rgba(34,211,238,0.55), 0 0 22px rgba(251,191,36,0.45); }
 }
 @keyframes replacement-cosmetic-frame-christmas-glow {
 0%, 100% { box-shadow: 0 0 10px rgba(34,197,94,0.35), 0 0 18px rgba(239,68,68,0.35); }
 50% { box-shadow: 0 0 14px rgba(34,197,94,0.55), 0 0 24px rgba(239,68,68,0.5); }
 }
 @keyframes replacement-cosmetic-supporter-glow-pulse {
 0%, 100% { box-shadow: 0 0 8px rgba(255,212,128,0.4), 0 0 14px rgba(255,184,0,0.25); }
 50% { box-shadow: 0 0 14px rgba(255,212,128,0.7), 0 0 26px rgba(255,184,0,0.5); }
 }
 @keyframes replacement-cosmetic-supporter-tag-pulse {
 0%, 100% { opacity: 1; }
 50% { opacity: 0.65; }
 }
 @keyframes replacement-cosmetic-frame-class-icon {
 0%, 100% { transform: scale(1); filter: drop-shadow(0 0 4px rgba(255,255,255,0.2)); }
 50% { transform: scale(1.08); filter: drop-shadow(0 0 8px rgba(255,255,255,0.45)); }
 }
 html[data-frontend="replacement"] .tfcl-name-color{color:var(--tfcl-name-color)!important}
 html[data-frontend="replacement"] .supporter-tag i{display:inline-block;width:1em;height:1em;font-style:normal}
 html[data-frontend="replacement"] .supporter-tag i::before{content:"";display:block;width:100%;height:100%;background:currentColor;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2021%203%2012C-3%205%206-2%2012%205c6-7%2015%200%209%207Z%22%2F%3E%3C%2Fsvg%3E")!important;mask-size:contain;mask-repeat:no-repeat;mask-position:center}
 html[data-frontend="replacement"] .frame-icon-scout{background-image:url("https://cdn.tfcleague.com/2026/09/icons-frames-scout.jpg")}
 html[data-frontend="replacement"] .frame-icon-soldier{background-image:url("https://cdn.tfcleague.com/2026/09/icons-frames-soldier.jpg")}
 html[data-frontend="replacement"] .frame-icon-pyro{background-image:url("https://cdn.tfcleague.com/2026/09/icons-frames-pyro.jpg")}
 html[data-frontend="replacement"] .frame-icon-demoman{background-image:url("https://cdn.tfcleague.com/2026/09/icons-frames-demoman.jpg")}
 html[data-frontend="replacement"] .frame-icon-heavy{background-image:url("https://cdn.tfcleague.com/2026/09/icons-frames-heavy.jpg")}
 html[data-frontend="replacement"] .frame-icon-engineer{background-image:url("https://cdn.tfcleague.com/2026/09/icons-frames-engineer.jpg")}
 html[data-frontend="replacement"] .frame-icon-medic{background-image:url("https://cdn.tfcleague.com/2026/09/icons-frames-medic.jpg")}
 html[data-frontend="replacement"] .frame-icon-sniper{background-image:url("https://cdn.tfcleague.com/2026/09/icons-frames-sniper.jpg")}
 html[data-frontend="replacement"] .frame-icon-spy{background-image:url("https://cdn.tfcleague.com/2026/09/icons-frames-spy.jpg")}
 @media(prefers-reduced-motion:reduce){html[data-frontend="replacement"] :is(.rainbow-name,.avatar-supporter-glow,.supporter-tag,.frame-icon-animated,[class*="lobby-slot-frame-"],[class*="lobby-row-frame-"],.profile-card-box[class*="frame-"]){animation:none!important}}
/* END REPLACEMENT COSMETICS */