/* Legend Gaming site-wide brand + StatTrak polish */ :root{ --legend-red:#ef233c; --legend-red-2:#c60d26; --legend-red-soft:rgba(239,35,60,.14); --legend-line:rgba(255,255,255,.08); --legend-text:#ffffff; --legend-muted:#b9bec7; } /* ===== Site-wide brand ===== */ a.brand, .brand{ text-decoration:none !important; } .legend-brand-wordmark{ display:inline-flex !important; align-items:center !important; gap:10px !important; min-height:42px !important; width:max-content !important; text-decoration:none !important; } .legend-brand-badge{ width:30px !important; height:30px !important; border-radius:10px !important; display:grid !important; place-items:center !important; font-size:16px !important; background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.03)) !important; border:1px solid rgba(255,255,255,.08) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(239,35,60,.10), 0 10px 25px rgba(0,0,0,.18) !important; } .legend-brand-name{ display:flex !important; align-items:baseline !important; gap:7px !important; white-space:nowrap !important; } .legend-brand-name .legend{ color:#f7f7f9 !important; font-family:Orbitron, Inter, Arial, sans-serif !important; font-weight:900 !important; letter-spacing:.04em !important; font-size:25px !important; line-height:1 !important; } .legend-brand-name .gaming{ color:var(--legend-red) !important; font-family:Orbitron, Inter, Arial, sans-serif !important; font-weight:900 !important; letter-spacing:.04em !important; font-size:25px !important; line-height:1 !important; } .topbar .brand img, .brand img.legend-logo-replaced{ display:none !important; } /* Small screens */ @media (max-width: 700px){ .legend-brand-name .legend, .legend-brand-name .gaming{ font-size:20px !important; } .legend-brand-badge{ width:28px !important; height:28px !important; font-size:15px !important; } } /* ===== CS:GO / CS2 StatTrak toggle polish ===== */ .legend-stattrak-toggle{ display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:10px 12px !important; padding:12px 14px !important; min-height:76px !important; border:1px solid rgba(255,255,255,.07) !important; border-radius:14px !important; background: radial-gradient(circle at 0% 0%, rgba(239,35,60,.12), transparent 46%), linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important; } .legend-stattrak-toggle .legend-toggle-title{ width:100% !important; display:block !important; margin:0 !important; color:#8f95a0 !important; font-size:10px !important; font-weight:800 !important; letter-spacing:.16em !important; text-transform:uppercase !important; line-height:1.1 !important; } .legend-stattrak-toggle .legend-switchline{ display:flex !important; align-items:center !important; gap:10px !important; min-height:28px !important; flex:0 0 auto !important; } .legend-stattrak-toggle input[type="checkbox"]{ appearance:none !important; -webkit-appearance:none !important; width:42px !important; min-width:42px !important; max-width:42px !important; height:24px !important; min-height:24px !important; margin:0 !important; border-radius:999px !important; border:1px solid rgba(255,255,255,.08) !important; background:rgba(255,255,255,.10) !important; position:relative !important; cursor:pointer !important; outline:none !important; transition:all .18s ease !important; box-shadow:inset 0 1px 2px rgba(0,0,0,.25) !important; vertical-align:middle !important; } .legend-stattrak-toggle input[type="checkbox"]::after{ content:""; position:absolute; top:2px; left:2px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.25); transition:all .18s ease; } .legend-stattrak-toggle input[type="checkbox"]:checked{ background:linear-gradient(180deg, var(--legend-red), var(--legend-red-2)) !important; border-color:rgba(239,35,60,.65) !important; box-shadow: 0 0 0 1px rgba(239,35,60,.12), 0 0 16px rgba(239,35,60,.18) !important; } .legend-stattrak-toggle input[type="checkbox"]:checked::after{ left:20px; } .legend-stattrak-toggle .legend-toggle-label{ color:#ffffff !important; font-size:14px !important; font-weight:800 !important; line-height:1 !important; white-space:nowrap !important; } .legend-stattrak-toggle .legend-toggle-note{ width:100% !important; display:block !important; margin:0 0 0 52px !important; color:#8b9098 !important; font-size:11px !important; line-height:1.3 !important; } @media (max-width: 700px){ .legend-stattrak-toggle{ min-height:70px !important; } .legend-stattrak-toggle .legend-toggle-note{ margin-left:0 !important; } } /* Steam connected state — CS2 + CS:GO */ .steam-btn.legend-steam-connected, .steam-button.legend-steam-connected, #accountButton.legend-steam-connected{ color:#bdf7cb !important; border-color:rgba(82,228,123,.32) !important; background: linear-gradient(180deg,rgba(82,228,123,.12),rgba(82,228,123,.035)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 18px rgba(82,228,123,.07) !important; cursor:default !important; } /* Legend Gaming Brand Identity 2026 */ .topbar a.brand{min-width:0!important;overflow:visible!important;filter:none!important} .legend-brand-wordmark{position:relative!important;gap:12px!important;min-height:55px!important;isolation:isolate} .legend-brand-badge{width:49px!important;height:49px!important;min-width:49px!important;display:grid!important;place-items:center!important;border-radius:12px!important;color:#fff!important;font-size:33px!important;line-height:1!important;background:linear-gradient(150deg,#ff3f5a,#890b28 78%)!important;border:1px solid rgba(255,166,180,.65)!important;text-shadow:0 0 12px #ff6177!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 20px rgba(240,24,61,.5),0 12px 24px rgba(0,0,0,.32)!important;transform:rotate(-7deg);transition:transform .22s,box-shadow .22s} .brand:hover .legend-brand-badge{transform:rotate(0deg) scale(1.07);box-shadow:0 0 30px rgba(240,24,61,.75)!important} .legend-brand-stack{display:flex!important;flex-direction:column!important;gap:5px!important} .legend-brand-name{display:inline-flex!important;align-items:center!important;gap:7px!important} .legend-brand-name .legend,.legend-brand-name .gaming{font-family:Orbitron,Inter,Arial,sans-serif!important;font-size:clamp(17px,1.4vw,23px)!important;font-weight:900!important;letter-spacing:-.045em!important;line-height:1!important} .legend-brand-name .legend{color:#fff!important;text-shadow:0 0 16px rgba(255,255,255,.25),0 3px 4px #000} .legend-brand-name .gaming{color:#ff4563!important;background:linear-gradient(155deg,#ffb0bd 0%,#ff4765 38%,#c80b38 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 11px rgba(255,40,75,.43))} .legend-brand-caption{font-family:Inter,Arial,sans-serif;letter-spacing:.15em;color:#bfb3be;font-size:8px;font-weight:900;white-space:nowrap} .legend-brand-spark{color:#ff4b69;padding:0 5px} @media(max-width:1100px){.legend-brand-badge{height:40px!important;width:40px!important;min-width:40px!important;font-size:27px!important}.legend-brand-name .legend,.legend-brand-name .gaming{font-size:16px!important}.legend-brand-caption{font-size:7px;letter-spacing:.06em}} @media(max-width:600px){.legend-brand-wordmark{gap:7px!important;min-height:42px!important}.legend-brand-badge{height:34px!important;width:34px!important;min-width:34px!important;font-size:23px!important}.legend-brand-name .legend,.legend-brand-name .gaming{font-size:14px!important}.legend-brand-caption{font-size:6px;letter-spacing:0}.legend-brand-spark{padding:0 2px}} @media(min-width:1121px){.topbar{grid-template-columns:minmax(295px,330px) minmax(0,1fr) 220px!important}} @media(min-width:821px) and (max-width:1120px){.topbar{grid-template-columns:260px minmax(0,1fr) 180px!important}.topbar nav a{padding-left:8px!important;padding-right:8px!important}} @media(max-width:820px){.topbar{grid-template-columns:minmax(0,1fr) auto!important}}