/* styles.css */
/* LEIEN / FIND V28 — local assets; compact heading font only. */
@font-face {
  font-family: 'LEIEN Heading';
  src: url('./assets/fonts/noto-heading.woff2') format('woff2');
  font-weight: 900;
  font-display: swap;
}

/* styles.css */
:root {
  color-scheme:dark;
  --ink:#f6f6f2;
  --muted:#c0c5c5;
  --gold:#e9d38a;
  --line:#ffffff29;
  --panel:#3f4446;
  --mono:'Bahnschrift','Arial Narrow','Segoe UI',sans-serif;
  --ease:160ms ease-out;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; min-height:100svh; color:var(--ink); background:#282e32; font-family:'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif; -webkit-font-smoothing:antialiased; }
button,input,select,a { font:inherit; -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
button { color:inherit; cursor:pointer; }
a { color:inherit; text-decoration:none; }
button:focus-visible,a:focus-visible { outline:2px solid var(--gold); outline-offset:4px; }
h1,h2,p { margin-top:0; }
svg { display:block; }
.hidden { display:none!important; }
body.detail-open { overflow:hidden; }
.site-shell { width:100%; min-height:100svh; display:flex; flex-direction:column; transition:filter var(--ease); }
.site-shell.is-detail-open { filter:blur(2px); }

/* A light, frosted menu bar lets the map supply the color. */
.topbar { position:relative; height:70px; flex-shrink:0; background:linear-gradient(100deg,#7c888145,#83808042); border-bottom:1px solid #f0f3ea35; backdrop-filter:blur(24px) saturate(.55); }
.topbar::before { content:''; position:absolute; inset:0; pointer-events:none; opacity:.055; background:repeating-radial-gradient(ellipse at 15% -60%,transparent 0 14px,#e0e8db 15px 16px,transparent 17px 30px); }
.topbar-inner { position:relative; max-width:1560px; height:100%; padding:0 48px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.header-cs2-logo { position:absolute; left:50%; transform:translateX(-50%); width:142px; filter:brightness(0) invert(1); opacity:.82; }
.topnav { display:flex; align-items:center; gap:25px; font-size:12px; color:#e0e4e3; }
.topnav>a { padding:12px 0; white-space:nowrap; transition:color var(--ease); }
.topnav>a span { margin-left:3px; opacity:.6; }
.topnav>a:hover { color:#fff; }
.sound-toggle { height:36px; display:flex; align-items:center; gap:8px; padding:0 11px; color:#e2e6e4; border:1px solid #e3e9e13b; background:#d5ddd90a; border-radius:1px; font-size:11px; }
.sound-toggle:hover { background:#ebf0e415; border-color:#f2ecd687; }
.sound-toggle svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.sound-mute { display:none; }
.sound-toggle[aria-pressed='false'] { color:#b0bcbb; }
.sound-toggle[aria-pressed='false'] .sound-waves { display:none; }
.sound-toggle[aria-pressed='false'] .sound-mute { display:block; }

/* One shared content grid. Larger controls, fewer labels. */
.home-main { width:min(820px,calc(100% - 48px)); margin:0 auto; padding:clamp(58px,12vh,158px) 0 56px; }
.hero-copy { margin-bottom:32px; text-shadow:0 2px 22px #17212b9c; }
h1 { margin:0 0 13px; font-family:'LEIEN Heading', sans-serif; font-size:clamp(34px,3.3vw,47px); font-weight:900; line-height:1.25; letter-spacing:-.045em; }
h1>span { display:inline-block; margin-right:9px; font-family:var(--mono); font-size:1.05em; letter-spacing:-.05em; font-weight:700; }
.subtitle { margin:0; font-size:15px; color:#d4dada; line-height:1.6; }
.search-area { width:100%; }
.search-box { position:relative; display:flex; align-items:center; width:100%; height:94px; background:linear-gradient(100deg,#858d8791,#65707585); border:1px solid #eff2df67; border-bottom:2px solid #d6dfdfbd; border-radius:1px; backdrop-filter:blur(24px) saturate(.45); box-shadow:0 6px 30px #10161920,inset 0 1px #ffffff14; transition:background var(--ease),border-color var(--ease); }
.search-box:hover { background:linear-gradient(100deg,#929a9399,#6f797e94); border-color:#f1f0dd9c; }
.search-box:focus-within { border-color:#f5e6ad; border-bottom-color:var(--gold); background:linear-gradient(100deg,#8b958bb3,#647075ad); box-shadow:inset 0 1px #ffffff20,0 0 0 1px #e9d38a36; }
.search-icon { width:27px; height:27px; margin-left:26px; flex-shrink:0; fill:none; stroke:#eef1df; stroke-width:1.55; stroke-linecap:round; }
.search-box input { width:100%; min-width:0; height:100%; padding:0 23px; border:0; outline:0; background:transparent; color:#fffef8; font-size:22px; font-weight:450; }
.search-box input::placeholder { color:#e0e5e2d9; opacity:1; }
.search-box input::-webkit-search-cancel-button { cursor:pointer; }
.search-key { display:block; flex-shrink:0; margin-right:24px; padding:7px 9px; border:1px solid #e1e9dc60; color:#e4e9df; background:#3a43483b; border-radius:1px; font:10px var(--mono); letter-spacing:.04em; }
.search-helper { margin:13px 0 0; min-height:17px; color:#b6c1c2; font-size:11px; line-height:1.5; }
.dynamic-zone { margin-top:37px; }
.hot-section { max-height:260px; opacity:1; transform:translateY(0); visibility:visible; transition:opacity 160ms ease-out,transform 160ms ease-out,max-height 160ms ease-out; }
.hot-section.is-collapsed { max-height:0; opacity:0; transform:translateY(-5px); overflow:hidden; visibility:hidden; pointer-events:none; }
.results-section { max-height:0; opacity:0; visibility:hidden; overflow:hidden; }
.results-section.is-active { max-height:1200px; opacity:1; visibility:visible; overflow:visible; }
.section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:23px; margin-bottom:16px; }
.section-heading h2 { margin:0; color:#edf0e9; font-size:15px; font-weight:600; }
.section-heading>span { color:#c3cccc; font-size:12px; }
.hot-list { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.hot-person { position:relative; min-width:0; height:176px; padding:0; text-align:left; overflow:hidden; border:1px solid #d6dfd14a; border-bottom:3px solid #a7bdc8ad; border-radius:1px; background:linear-gradient(155deg,#a1a9a369,#535e65b0); backdrop-filter:blur(16px) saturate(.45); box-shadow:inset 0 1px #f1f4eb10; transition:border-color var(--ease),background var(--ease),transform var(--ease); }
.hot-person::before { content:''; position:absolute; left:0; right:0; bottom:0; height:44px; border-top:1px solid #f0f2e322; background:#333c4369; }
.hot-person::after { content:'↗'; position:absolute; right:13px; bottom:13px; color:#c3d1cd; font-size:16px; line-height:1; }
.hot-person:hover,.hot-person:focus-visible { border-color:#eee4bc; border-bottom-color:#f1d78b; background:linear-gradient(155deg,#c0c0a982,#737768a8); transform:translateY(-2px); }
.hot-person:hover::after { color:#fff0c0; }
.hot-person:active { transform:translateY(0); }
.hot-person-name { position:absolute; left:13px; bottom:10px; max-width:calc(100% - 38px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#f6f6ed; font-family:var(--mono); font-size:18px; font-weight:600; line-height:1.3; }
.results-list { display:grid; gap:10px; }
.result-card { display:grid; grid-template-columns:66px minmax(0,1fr) 26px; align-items:center; gap:19px; min-height:108px; width:100%; padding:16px 20px; text-align:left; border:1px solid #d3ded157; border-bottom:2px solid #a7bdc891; border-radius:1px; background:linear-gradient(110deg,#7e8b82a3,#48565dab); backdrop-filter:blur(20px); transition:border-color var(--ease),background var(--ease); }
.result-card:hover { border-color:var(--gold); background:linear-gradient(110deg,#899380b3,#54635ead); }
.result-avatar-shell { display:grid; place-items:center; width:66px; height:66px; background:#1b2d3538; }
.result-avatar { width:62px; height:62px; object-fit:contain; }
.result-main { min-width:0; }
.result-name { display:block; font:600 22px/1.2 var(--mono); margin-bottom:6px; }
.result-meta { display:block; color:#d0d9d4; font-size:12px; }
.result-alias { display:block; color:#b5c4c0; font-size:11px; margin-top:5px; }
.result-arrow { color:#ede6c7; font-size:24px; }
.empty-state { padding:27px; background:#596763ab; border:1px solid #dae2d84a; backdrop-filter:blur(20px); font-size:13px; color:#c8d3ce; line-height:1.7; }
.empty-state p { margin-bottom:8px; }
.empty-title { font-size:17px; font-weight:600; color:#f4f2e7; }
.text-link { display:inline-block; padding:6px 0 0; text-decoration:underline; text-underline-offset:4px; color:#f3df9c; }

/* Author link and a discreet release number, matching the reference footer's purpose. */
.site-footer { width:100%; max-width:1560px; margin:auto auto 0; padding:16px 48px max(22px,env(safe-area-inset-bottom)); display:flex; align-items:center; justify-content:space-between; gap:20px; color:#b2bebf; font-size:12px; }
.footer-author-link { display:inline-flex; align-items:center; gap:5px; min-height:44px; color:#c3cccc; }
.footer-author-link b { font-weight:600; color:#e1e7e3; }
.footer-author-link:hover b { color:#fff1c0; text-decoration:underline; text-underline-offset:4px; }
.bilibili-icon { width:19px; height:19px; margin-right:5px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.bilibili-icon,.toy-nav-button [data-toy-login-icon],.toy-account-login img { object-fit:contain; filter:invert(75%) sepia(24%) saturate(645%) hue-rotate(288deg) brightness(100%) contrast(90%); }
.platform-brand-icon { display:block; width:24px; height:24px; object-fit:contain; }
.directory-filters img[src$="assets/bilibili.svg"],.hot-person img[src$="assets/bilibili.svg"],.result-card img[src$="assets/bilibili.svg"],.entry-symbol img[src$="assets/bilibili.svg"],.toy-nav-button img[src$="assets/bilibili.svg"],.toy-account-login img[src$="assets/bilibili.svg"],.bilibili-icon { filter:invert(75%) sepia(24%) saturate(645%) hue-rotate(288deg) brightness(100%) contrast(90%); }
.platform-brand-steam { filter:none; }
.profile-link:not(:first-child) .platform-brand-steam { filter:invert(1) opacity(.86); }
.profile-link[data-platform='bilibili'] .platform-brand-bilibili { filter:invert(66%) sepia(22%) saturate(820%) hue-rotate(290deg) brightness(101%) contrast(91%); }
.directory-filters .collection-tab[data-group='creator'] img,.empty-state img#empty-category-icon { object-fit:contain; filter:invert(75%) sepia(24%) saturate(645%) hue-rotate(288deg) brightness(100%) contrast(90%); }
.footer-arrow { margin-left:4px; color:#9daeb0; }
.footer-version { white-space:nowrap; color:#a9b6b7; }
.footer-version b { margin-left:6px; padding:3px 7px; border:1px solid rgba(196,211,215,.28); border-radius:999px; background:linear-gradient(135deg,rgba(91,128,141,.34),rgba(24,35,43,.62)); box-shadow:inset 0 1px rgba(255,255,255,.1),0 3px 12px rgba(1,8,16,.2); font:600 11px/1 var(--mono); letter-spacing:.08em; color:#e1eceb; }

/* 0.95 release polish: keep the build marker readable against rotating scenes. */
.build-badge { padding:4px 8px; border:1px solid rgba(194,212,219,.25); border-radius:999px; background:linear-gradient(135deg,rgba(75,112,126,.34),rgba(21,30,37,.62)); box-shadow:inset 0 1px rgba(255,255,255,.1),0 4px 14px rgba(1,8,16,.22); color:#c9d8db; letter-spacing:.1em; }

/* Structural primitives for the existing inspection dialog. */
.detail-overlay { position:fixed; inset:0; z-index:100; display:grid; place-items:center; opacity:0; visibility:hidden; pointer-events:none; transition:opacity 180ms ease-out,visibility 180ms step-end; }
.detail-overlay.is-open { opacity:1; visibility:visible; pointer-events:auto; }
.detail-backdrop { position:absolute; inset:0; width:100%; height:100%; border:0; cursor:default; }
.detail-panel { position:relative; z-index:2; overflow:hidden auto; opacity:0; transform:translateY(10px) scale(.99); transition:opacity 190ms ease-out,transform 190ms ease-out; }
.detail-panel.is-open { opacity:1; transform:translateY(0) scale(1); }
.detail-avatar { position:absolute; object-fit:contain; }
.detail-meta,.detail-alias { margin:0; }
.primary-links { display:grid; }
.platform-card { display:grid; align-items:center; transition:background var(--ease),transform var(--ease),border-color var(--ease); }
.platform-icon-shell { display:grid; place-items:center; }
.platform-icon { fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.platform-card-copy { min-width:0; }
.platform-label,.platform-desc { display:block; }
.platform-desc { white-space:nowrap; }
.platform-arrow { font-size:17px; }
.secondary-links { display:flex; }

@media(max-width:900px) {
  .topbar-inner,.site-footer { padding-inline:28px; }
  .home-main { padding-top:80px; }
}
@media(max-width:700px) {
  .topbar { height:62px; }
  .topbar-inner { padding-inline:20px; gap:12px; }
    .header-cs2-logo { display:none; }
  .topnav { gap:16px; font-size:11px; }
  .sound-toggle { width:34px; height:34px; padding:0; justify-content:center; }
  .sound-toggle [data-sound-label] { display:none; }
  .home-main { width:calc(100% - 40px); padding:67px 0 46px; }
  .hero-copy { margin-bottom:27px; }
  h1 { font-size:clamp(28px,6.9vw,43px); letter-spacing:-.06em; margin-bottom:13px; }
  h1>span { margin-right:6px; }
  .subtitle { font-size:13px; }
  .search-box { height:80px; }
  .search-icon { width:24px; height:24px; margin-left:20px; }
  .search-box input { font-size:18px; padding:0 16px; }
  .search-key { display:none; }
  .search-helper { font-size:10px; margin-top:12px; }
  .dynamic-zone { margin-top:32px; }
  .section-heading { margin-bottom:14px; }
  .section-heading h2 { font-size:14px; }
  .hot-list { display:flex; overflow-x:auto; gap:10px; padding:4px 2px 10px; margin:-4px -2px -10px; scrollbar-width:thin; scrollbar-color:#ccd8d036 transparent; scroll-snap-type:x proximity; }
  .hot-person { flex:0 0 140px; height:167px; scroll-snap-align:start; }
  .hot-person-name { font-size:17px; }
  .hot-person:hover,.hot-person:focus-visible { transform:none; }
  .result-card { grid-template-columns:56px minmax(0,1fr) 20px; padding:14px; gap:13px; min-height:100px; }
  .result-avatar-shell { width:56px; height:56px; }
  .result-avatar { width:54px; height:54px; }
  .result-name { font-size:20px; }
  .site-footer { padding-inline:20px; padding-top:12px; padding-bottom:max(14px,env(safe-area-inset-bottom)); font-size:11px; }
  .footer-version b { font-size:11px; }
}
@media(max-width:370px) {
  .topbar-inner,.site-footer { padding-inline:16px; }
  .topnav { gap:13px; }
  .topnav>a span { display:none; }
    .home-main { width:calc(100% - 32px); padding-top:53px; }
  h1 { font-size:27px; }
  .subtitle { font-size:12px; }
  .search-box input { font-size:17px; padding-inline:14px; }
  .search-icon { margin-left:17px; width:22px; height:22px; }
}
@media(max-height:760px) and (min-width:701px) { .home-main { padding-top:45px; padding-bottom:34px; } }
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}


/* scenes.css */
.page-bg { position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none; background:#2d3439; }
.scene-layer { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; opacity:0; transition:opacity 1200ms ease-in-out; }
.scene-layer.is-current { opacity:1; }
.scene-shade { position:absolute; inset:0; background:linear-gradient(180deg,#171f2b33 0%,#18243070 50%,#17222ec9 100%),radial-gradient(ellipse at 50% 41%,#0d182a66,transparent 80%); }
@media(max-width:700px) { .scene-shade { background:linear-gradient(180deg,#18222b55,#1a283b94 40%,#1b293cce 100%); } }
@media(prefers-reduced-motion:reduce) { .scene-layer { transition:none; } }


/* inspect.css */
/* CS2 inspection: compact identity, core actions, and player collection. */
.detail-overlay { padding:24px; }
.detail-overlay.is-open { transition:opacity 180ms ease-out; }
.detail-backdrop { background:#101215ab; backdrop-filter:blur(7px); }
.detail-panel { width:min(1080px,calc(100vw - 48px)); max-height:calc(100dvh - 48px); border:1px solid #c5cfb662; border-radius:3px; background:#363a3b; box-shadow:0 32px 120px #000a,inset 0 1px #ffffff20; scrollbar-width:thin; scrollbar-color:#bdc4af60 #1a2a32; }
.inspect-header { position:sticky; top:0; z-index:8; height:62px; padding:0 24px; display:flex; align-items:center; gap:26px; background:linear-gradient(100deg,#666966e8,#44494aed); border-bottom:1px solid #cdd7bb3b; backdrop-filter:blur(20px); }
.inspect-logo { width:118px; filter:brightness(0) invert(1); opacity:.9; }
.inspect-title { align-self:stretch; display:flex; align-items:center; border-bottom:3px solid var(--gold); color:#ffe3a0; font-size:14px; font-weight:700; padding:3px 3px 0; white-space:nowrap; }
.inspect-header-note { margin-left:auto; color:#b4c1bb; font:9px var(--mono); letter-spacing:.13em; }
.inspect-sound { width:36px; height:36px; padding:0; justify-content:center; }
.inspect-sound [data-sound-label] { display:none; }
.inspect-close { display:flex; align-items:center; gap:8px; height:36px; padding:0 9px; background:#1b1f2255; border:1px solid #bfcac244; border-radius:2px; color:#d6dfd9; }
.inspect-close>span { font:25px/1 Arial,sans-serif; }
.inspect-close kbd { font:9px var(--mono); color:#b0c0bd; }
.inspect-close:hover { border-color:var(--gold); color:var(--gold); }
.inspect-content { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(0,1fr); min-height:430px; }
.inspect-info { padding:28px 32px 20px; min-width:0; position:relative; isolation:isolate; background:linear-gradient(120deg,#666964eb,#444b4dec 70%); border-left:1px solid #ddd6aa3c; }
.inspect-info .detail-copy { text-align:left; margin-bottom:24px; }
.inspect-eyebrow { margin:0 0 11px; color:#b4c1b6; font:9px var(--mono); letter-spacing:.1em; }
.inspect-eyebrow span { color:#ddcb91; margin:0 5px; }
.inspect-info .detail-copy h2 { color:#f5f0df; font-size:48px; font-weight:750; line-height:1; margin-bottom:11px; letter-spacing:-.045em; }
.inspect-info .detail-meta { color:#c2cfc6; font-size:12px; }
.inspect-info .detail-alias { margin-top:7px; color:#a2b3af; font-size:11px; }
.inspect-section-label { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:9px; color:#d4dacc; font-size:11px; }
.inspect-section-label>span:last-child { color:#9caea8; font:8px var(--mono); letter-spacing:.06em; }
.inspect-info .primary-links { grid-template-columns:1fr; gap:7px; }
.inspect-info .platform-card { position:relative; min-height:59px; width:100%; padding:10px 15px; gap:15px; grid-template-columns:26px minmax(0,1fr) 16px; color:#e3e8dc; border:1px solid #b8c6b75c; border-radius:1px; background:linear-gradient(100deg,#5e6b614d,#73836c24); box-shadow:inset 0 1px #f1f5df10; text-align:left; }
.inspect-info .platform-card:first-child { color:#2c342d; border-color:#f0d580; background:linear-gradient(100deg,#eed790,#d0be81); box-shadow:inset 0 1px #ffefb0; }
.inspect-info .platform-card:hover { transform:translateY(0); background:#7e8b7150; border-color:#dce3c8; }
.inspect-info .platform-card:first-child:hover { background:linear-gradient(100deg,#ffe6a1,#e8cf80); border-color:#fff1c2; }
.inspect-info .platform-card:active { transform:translateY(1px); }
.inspect-info .platform-card:disabled { cursor:default; color:#a8b4af; background:#64776b17; border-color:#b2c0b62c; box-shadow:none; transform:none; }
.platform-card:disabled .platform-arrow { visibility:hidden; }
.inspect-info .platform-card-copy { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.inspect-info .platform-label { margin:0; font-size:10px; letter-spacing:.1em; opacity:1; }
.inspect-info .platform-desc { font-size:12px; font-weight:600; opacity:.9; }
.inspect-info .platform-icon { width:23px; height:23px; }
.external-hint { margin:13px 0 0; color:#92a69f; font-size:9px; }
.external-hint span { margin-right:4px; }
.inspect-return-hint kbd { font:10px var(--mono); padding:2px 4px; border:1px solid #c2cdb94d; border-radius:2px; color:#d5ddca; }
.inspect-bottom { display:flex; justify-content:space-between; align-items:center; gap:12px; height:40px; color:#a7b9b0; font:8px var(--mono); letter-spacing:.07em; }
.inspect-bottom b { color:#d9c38a; margin:0 4px; font-weight:400; }
.inspect-return-hint { color:#c1ccbb; letter-spacing:0; }
.inspect-return-hint kbd { font-size:8px; margin-right:5px; }
@media(min-width:1500px) and (min-height:900px) {
  .detail-panel { width:1140px; }
  .inspect-info { padding:36px 36px 24px; }
  .inspect-info .detail-copy { margin-bottom:30px; }
}
@media(max-width:850px) and (min-width:701px) {
  .inspect-header { gap:16px; padding-inline:18px; }
  .inspect-info { padding:26px 20px 20px; }
  .inspect-info .platform-card-copy { display:block; }
  .inspect-info .platform-label { margin-bottom:4px; font-size:9px; }
  .inspect-info .platform-desc { font-size:11px; }
}
@media(max-width:700px) {
  .detail-overlay { place-items:end center; padding:0 6px max(6px,env(safe-area-inset-bottom)); }
  .detail-panel { width:min(100%,540px); max-height:calc(100dvh - 18px); border-radius:7px 7px 2px 2px; transform:translateY(20px); }
  .inspect-header { height:49px; padding:0 13px; gap:15px; }
  .inspect-logo { width:84px; }
  .inspect-title { font-size:12px; }
  .inspect-header-note { display:none; }
  .inspect-sound { margin-left:auto; width:32px; height:32px; flex-shrink:0; }
  .inspect-close { width:32px; height:32px; justify-content:center; padding:0; }
  .inspect-close kbd { display:none; }
  .inspect-content { grid-template-columns:1fr; min-height:0; }
  .inspect-info { padding:20px 19px 17px; border-left:0; }
  .inspect-info .detail-copy { margin-bottom:20px; position:relative; }
  .inspect-eyebrow { font-size:8px; margin-bottom:8px; }
  .inspect-info .detail-copy h2 { font-size:35px; margin-bottom:9px; }
  .inspect-info .detail-alias { position:absolute; right:0; bottom:0; margin:0; font-size:10px; }
  .inspect-info .detail-meta { font-size:11px; padding-right:60px; }
  .inspect-info .primary-links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  .inspect-info .platform-card { min-height:63px; padding:10px; gap:8px; grid-template-columns:22px minmax(0,1fr) 10px; }
  .inspect-info .platform-icon { width:21px; height:21px; }
  .inspect-info .platform-card-copy { display:block; }
  .inspect-info .platform-label { font-size:8px; letter-spacing:.05em; margin-bottom:4px; }
  .inspect-info .platform-desc { font-size:11px; }
  .inspect-info .platform-arrow { font-size:13px; }
  .inspect-section-label { font-size:10px; }
  .external-hint { margin-top:11px; font-size:8px; }
  .inspect-footer { padding:14px 16px 0; }
  .inspect-bottom { height:35px; font-size:7px; }
  .inspect-return-hint { display:none; }
}
@media(max-width:370px) {
  .inspect-header { gap:11px; }
  .inspect-info { padding-inline:14px; }
  .inspect-info .platform-card { padding:8px; gap:6px; }
  .inspect-info .platform-desc { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
  .detail-overlay,.detail-overlay * { transition:none!important; animation:none!important; }
}


/* directory.css */
/* The directory stays one row; portraits and team identity carry the cards. */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.collection-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:32px; margin-bottom:13px; }
.collection-heading h2 { margin:0; color:#f7f6ee; font-size:21px; font-weight:650; letter-spacing:-.03em; }
.collection-tabs { display:flex; align-items:center; gap:5px; overflow-x:auto; margin:0 0 17px; padding:3px 1px 8px; border-bottom:1px solid #dce7e329; scrollbar-width:thin; scrollbar-color:#ccd8d036 transparent; }
.collection-tab { display:flex; flex:0 0 auto; align-items:center; justify-content:center; gap:6px; min-height:33px; padding:0 11px; border:1px solid transparent; border-bottom:2px solid transparent; border-radius:1px; background:transparent; color:#c2cccc; white-space:nowrap; font:500 11px var(--mono); transition:color var(--ease),background var(--ease),border-color var(--ease); }
.collection-tab img { width:17px; height:17px; object-fit:contain; }
.collection-tab:hover { color:#fff6dc; background:#bec7b915; }
.collection-tab[aria-pressed='true'] { border-color:#f4e2b52e; border-bottom-color:#ecd18c; color:#f7e2af; background:linear-gradient(180deg,#e7d9ad0d,#d7c18d26); }
.collection-tab[data-group='creator'][aria-pressed='true'] { border-color:#ebaec535; border-bottom-color:#ebaec5; color:#f1bed0; background:linear-gradient(180deg,#eaa8c308,#eaa8c31f); }
.collection-tab:focus-visible { outline-offset:-1px; }
.collection-count { color:#b2c0c0; font:10px var(--mono); white-space:nowrap; }
.hot-section { max-height:400px; }
.hot-section.is-collapsed { max-height:0; }
.hot-person,.result-card { --team-rgb:182,205,221; }
[data-team='falcons-esports'] { --team-rgb:137,208,144; }
[data-team='team-vitality'] { --team-rgb:236,202,109; }
[data-team='bc-game'] { --team-rgb:102,218,177; }
[data-team='tyloo'] { --team-rgb:237,127,111; }
[data-team='lynn-vision'] { --team-rgb:231,193,112; }
.hot-person { isolation:isolate; height:248px; border:1px solid #b9ccc459; border-bottom:2px solid rgba(var(--team-rgb),.75); border-radius:2px; background:linear-gradient(145deg,#64767de6,#32444ef0 70%); box-shadow:inset 0 1px #edf7ee19,0 5px 14px #09182130; transition:transform 220ms ease-out,border-color 220ms ease-out,box-shadow 220ms ease-out; }
.card-atmosphere { position:absolute; z-index:0; inset:0 0 68px; background:radial-gradient(ellipse at 58% 41%,rgba(var(--team-rgb),.23),transparent 73%),linear-gradient(125deg,transparent 40%,#d8e8e707 40.3%,#d8e8e707 41%,transparent 41.3% 66%,#d8e8e70b 66.3%,#d8e8e70b 78%,transparent 78.3%); opacity:.85; transition:opacity 240ms ease-out; }
.card-atmosphere::after { content:''; position:absolute; width:74%; height:28px; left:13%; bottom:1px; background:radial-gradient(ellipse,rgba(var(--team-rgb),.37),transparent 70%); filter:blur(5px); }
.hot-person .player-portrait { position:absolute; z-index:1; width:170px; height:170px; max-width:116%; bottom:68px; left:50%; object-fit:contain; object-position:center bottom; filter:drop-shadow(0 8px 11px #0a182888); transform:translateX(-50%); transform-origin:50% 100%; transition:transform 280ms ease-out,filter 280ms ease-out; }
.hot-person::before { z-index:3; height:68px; border-top:1px solid rgba(var(--team-rgb),.26); background:linear-gradient(115deg,#2b3b43fa,#203039fa); box-shadow:0 -9px 17px #15273024; transition:border-color 220ms ease-out; }
.hot-person::after { z-index:4; right:12px; bottom:14px; font-size:14px; color:rgba(var(--team-rgb),.72); transition:color 180ms ease-out,translate 180ms ease-out; }
.card-sheen { position:absolute; z-index:2; inset:-25% -60%; pointer-events:none; opacity:0; background:linear-gradient(110deg,transparent 38%,#edf8ef00 42%,#edf8ef25 50%,#edf8ef00 58%,transparent 63%); transform:translateX(-75%); }
.hot-person-name { z-index:4; display:flex; align-items:center; gap:7px; left:10px; right:9px; bottom:32px; max-width:none; overflow:visible; font-size:17px; font-weight:650; line-height:24px; letter-spacing:-.035em; }
.player-name-text { min-width:0; overflow:hidden; text-overflow:ellipsis; }
.name-team-mark { display:inline-grid; place-items:center; flex:0 0 24px; width:24px; height:24px; overflow:hidden; border:1px solid #f6fff55c; background:linear-gradient(135deg,#e6ede4ef,#a0b5afe8); border-radius:3px; box-shadow:0 1px 4px #09181e55; }
.name-team-mark img { display:block; position:static; width:20px; height:20px; object-fit:contain; }
[data-team='falcons-esports'] .name-team-mark,[data-team='bc-game'] .name-team-mark { background:linear-gradient(135deg,#315949,#213d36); border-color:rgba(var(--team-rgb),.48); }
.hot-person-team { position:absolute; z-index:4; left:41px; bottom:13px; max-width:calc(100% - 68px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#adbdc2; font:9px var(--mono); letter-spacing:.02em; }
.hot-person:focus-visible { outline:2px solid rgb(var(--team-rgb)); outline-offset:3px; border-color:rgb(var(--team-rgb)); background:linear-gradient(145deg,#6e8186ed,#354951f5 70%); box-shadow:inset 0 0 0 1px rgba(var(--team-rgb),.22),0 7px 22px #0a182b55; transform:none; }
.hot-person:focus-visible .card-atmosphere { opacity:1; }
.hot-person:active { border-color:rgb(var(--team-rgb)); transform:translateY(0); }
@media(hover:hover) and (pointer:fine) {
  .hot-person:hover { border-color:rgba(var(--team-rgb),.95); border-bottom-color:rgb(var(--team-rgb)); background:linear-gradient(145deg,#64767de6,#32444ef0 70%); transform:translateY(-4px); box-shadow:inset 0 0 0 1px rgba(var(--team-rgb),.14),0 8px 24px #07182966,0 0 17px rgba(var(--team-rgb),.1); }
  .hot-person:hover .player-portrait { transform:translateX(-50%) scale(1.045); filter:drop-shadow(0 9px 14px #08162799) brightness(1.065); }
  .hot-person:hover .card-atmosphere { opacity:1; }
  .hot-person:hover .card-sheen { animation:card-sweep 820ms ease-out both; }
  .hot-person:hover::before { border-top-color:rgba(var(--team-rgb),.55); }
  .hot-person:hover::after { color:rgb(var(--team-rgb)); translate:2px -2px; }
  .hot-person:hover .hot-person-team { color:rgb(var(--team-rgb)); }
  .hot-person:active { transform:translateY(-1px); }
}
@keyframes card-sweep { 0% { opacity:0; transform:translateX(-75%); } 20% { opacity:1; } 75% { opacity:.8; } 100% { opacity:0; transform:translateX(75%); } }
.results-section.is-active { max-height:none; }
.result-avatar-shell { height:76px; width:76px; background:linear-gradient(160deg,#d8debd20,#10232f44); border-bottom:2px solid #bdc7b27a; overflow:hidden; }
.result-card { grid-template-columns:76px minmax(0,1fr) 26px; }
.result-name { display:flex; align-items:center; gap:8px; }
.result-name .name-team-mark { flex-basis:23px; width:23px; height:23px; }
.result-name .name-team-mark img { width:19px; height:19px; }
.result-card { border-left:2px solid rgba(var(--team-rgb),.75); }
.result-card:hover { border-color:rgba(var(--team-rgb),.9); }
.result-avatar { height:78px; width:78px; object-position:center bottom; }
.detail-team { display:flex; align-items:center; gap:9px; }
.detail-team img { width:25px; height:25px; object-fit:contain; }
.inspect-info .detail-team .detail-meta { margin:0; padding:0; }
.detail-realname { margin:10px 0 0; color:#b2c0b8; font:12px var(--mono); }
.inspect-info .detail-alias { position:static; margin:7px 0 0; font-size:11px; }
.inspect-info .detail-copy { margin-bottom:24px; }
.external-hint { line-height:1.65; }
@media(max-width:850px) and (min-width:701px) {
  .inspect-info .detail-copy h2 { font-size:37px; }
  .hot-person-name { font-size:15px; gap:6px; left:8px; right:6px; }
  .hot-person-name .name-team-mark { flex-basis:21px; width:21px; height:21px; }
  .hot-person-name .name-team-mark img { width:18px; height:18px; }
  .hot-person-team { left:35px; max-width:calc(100% - 57px); }
}
@media(max-width:700px) {
  .collection-heading { gap:10px; margin-bottom:14px; }
  .collection-tabs { gap:3px; }
  .collection-tab { min-height:36px; padding:0 10px; gap:6px; font-size:11px; }
  .collection-tab img { width:16px; height:16px; }
  .collection-count { font-size:9px; }
  .hot-list { padding-top:7px; margin-top:-7px; }
  .hot-person { height:236px; flex-basis:151px; }
  .hot-person .player-portrait { width:158px; height:158px; bottom:68px; }
  .hot-person-name { font-size:17px; gap:6px; }
  .hot-person-team { left:40px; }
  .detail-team img { width:21px; height:21px; }
  .detail-realname { margin-top:7px; font-size:11px; }
  .inspect-info .detail-alias { font-size:10px; margin-top:5px; }
  .inspect-info .detail-copy { margin-bottom:19px; }
  .result-card { grid-template-columns:60px minmax(0,1fr) 20px; }
  .result-avatar-shell { width:60px; height:65px; }
  .result-avatar { width:65px; height:65px; }
}
@media(max-width:370px) {
  .collection-tab { padding-inline:9px; }
  .collection-count { display:none; }
}
@media(hover:none) {
  .hot-person:hover { transform:none; background:linear-gradient(145deg,#64767de6,#32444ef0 70%); border-color:#b9ccc459; border-bottom-color:rgba(var(--team-rgb),.75); }
  .hot-person:hover::after { color:rgba(var(--team-rgb),.72); }
}
@media(prefers-reduced-motion:reduce) {
  .hot-person,.hot-person * { animation:none!important; transition:none!important; }
  .hot-person:hover { transform:none; }
  .hot-person:hover .player-portrait { transform:translateX(-50%); }
  .hot-person:hover::after { translate:none; }
  .card-sheen { display:none; }
}


/* community.css */
/* Lightweight category views, shared cards and a profile-only CS2 scene. */
.home-main { padding-top:clamp(44px,7.5vh,110px); }
.hero-copy { margin-bottom:25px; }
.search-box { background:linear-gradient(100deg,#647379ed,#526770eb); }
.search-box:hover { background:linear-gradient(100deg,#718083f2,#5d737bef); }
.search-box:focus-within { background:linear-gradient(100deg,#738580f5,#596f78f5); }
.directory-nav { display:flex; }
.search-footnote { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:10px; }
.search-footnote .search-helper { margin:0; }
.directory-nav button { display:flex; align-items:center; gap:6px; padding:7px 0; border:0; background:transparent; color:#bdcccc; font-size:11px; white-space:nowrap; }
.directory-nav button:hover { color:#f6e5b2; }
.directory-nav button span { color:#9faead; }
.carousel-controls { display:flex; align-items:center; gap:5px; flex-shrink:0; }
.carousel-controls button { display:grid; place-items:center; width:28px; height:30px; padding:0; background:#263e4840; border:1px solid #d7e4e12b; color:#d7e1db; font:21px/1 var(--mono); }
.carousel-controls button:hover { border-color:#e4d5998c; background:#d0d5b620; }
.carousel-controls .rotation-toggle { width:26px; margin-left:3px; font-size:10px; letter-spacing:-2px; }
.carousel-controls .rotation-toggle[aria-pressed='true'] { color:#e5d29b; background:#d0d5b614; }
.carousel-controls .rotation-toggle:disabled { opacity:.5; cursor:default; }
.carousel-controls .collection-count { width:46px; text-align:center; font-size:10px; }
.hot-list.is-entering { animation:cards-enter 220ms ease-out both; }
@keyframes cards-enter { from { opacity:.45; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
.category-empty { min-height:249px; position:relative; display:flex; align-items:center; padding:31px 34px; overflow:hidden; border:1px solid #c0cbe136; border-bottom:2px solid #e9b0c694; background:linear-gradient(120deg,#253c48f5,#2b4050e8); }
.category-empty::before { content:''; position:absolute; inset:0; background:linear-gradient(130deg,transparent 66%,#e8b3c70a 66% 77%,transparent 77%); pointer-events:none; }
.category-empty-copy { position:relative; z-index:1; max-width:78%; }
.category-kicker { color:#deb1c5; font:9px var(--mono); letter-spacing:.12em; }
.category-empty h3 { margin:13px 0 12px; font-size:24px; font-weight:600; letter-spacing:-.03em; }
.category-empty p { max-width:370px; margin:0 0 19px; font-size:12px; line-height:1.8; color:#b7c8d0; }
.pending-note { display:inline-block; color:#a1b3bd; font-size:10px; }
.category-empty button { margin-left:20px; padding:6px 0; background:none; border:0; color:#e7c4d2; font-size:11px; }
.category-empty button:hover { color:#fff; }
.category-empty button span { margin-left:6px; }
.category-empty>img { position:absolute; right:32px; top:50%; width:114px; height:114px; opacity:.23; transform:translateY(-50%) rotate(-8deg); }
body[data-category='public'] .category-empty { border-bottom-color:#bcb8e792; background:linear-gradient(120deg,#2c384bf5,#364054e8); }
body[data-category='public'] .category-kicker,body[data-category='public'] .category-empty button { color:#cec5ed; }
body[data-category='public'] .hero-copy { padding-left:18px; border-left:3px solid #9fa7df; }
body[data-category='public'] .dynamic-zone { margin-top:32px; }
body[data-category='public'] #hot-title { font-size:19px; }
/* Community watch: a restrained cell-door motif keeps the archive distinct
   while retaining the site's dark HUD language. It is an index of public
   links and verification states, never a verdict. */
.directory-nav .controversy-entry { background:#302b2c; border-color:#b68d8a55; }
.directory-nav .controversy-entry .entry-copy strong { color:#e6b8b1; }
.directory-nav .controversy-entry:hover,.directory-nav .controversy-entry[aria-pressed='true'] { border-color:#e7a997; box-shadow:inset 0 -3px #d68f81; }
body[data-category='controversy'] { --channel-rgb:214,143,129; }
body[data-category='controversy'] .hero-copy { padding-left:19px; border-left:3px solid #d68f81; background:linear-gradient(105deg,#2d292bf2,#25313ae8); }
body[data-category='controversy'] .directory-dateline { color:#e0a093; }
body[data-category='controversy'] .dynamic-zone { position:relative; }
body[data-category='controversy'] .dynamic-zone::before { content:''; position:absolute; inset:0; pointer-events:none; opacity:.13; background:repeating-linear-gradient(90deg,transparent 0 42px,#d68f81 43px 45px,transparent 46px 84px); mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent); }
.hot-list.controversy-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; width:100%; overflow:visible; }
.hot-list.controversy-grid .watch-card { position:relative; display:flex; flex-direction:column; min-height:236px; overflow:hidden; padding:0; border:1px solid #b68d8a55; border-top:3px solid #b67b74; border-radius:8px; background:linear-gradient(145deg,#2a2b31,#20282f); box-shadow:0 10px 22px #0002, inset 0 1px #ffffff12; text-align:left; }
.watch-bars { position:absolute; inset:0 0 0 auto; width:44%; opacity:.16; background:repeating-linear-gradient(90deg,transparent 0 13px,#f0beb5 14px 18px,transparent 19px 29px); transform:skewX(-8deg) translateX(9px); pointer-events:none; }
.watch-card-top { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:11px 12px 0; }
.watch-kicker { color:#dba297; font:600 9px/1.2 var(--mono,'Consolas',monospace); letter-spacing:.12em; }
.watch-status { padding:3px 6px; border:1px solid #d9a29766; border-radius:999px; color:#efc0b6; font-size:10px; }
.watch-card-mark { position:relative; z-index:1; display:grid; place-items:center; width:74px; height:74px; margin:16px 12px 9px; border:1px solid #d9a29755; border-radius:50%; background:#1d2229; }
.watch-card-mark img { width:58px; height:58px; object-fit:contain; }
.watch-card-copy { position:relative; z-index:1; display:flex; flex-direction:column; gap:4px; padding:0 12px; }
.watch-card-copy strong { color:#f0e6e4; font-size:17px; }
.watch-card-copy span { color:#d9aaa1; font-size:11px; }
.watch-card-copy small { color:#aab7bc; font-size:10px; line-height:1.55; }
.watch-card-footer { position:relative; z-index:1; display:flex; justify-content:space-between; margin-top:auto; padding:10px 12px; border-top:1px solid #ffffff12; color:#e0ad9f; font-size:10px; }
.detail-panel[data-category='controversy'] { border-color:#b97e7666; background:#22282e; }
.detail-panel[data-category='controversy'] .inspect-header { border-top:3px solid #d68f81; }
.detail-panel[data-category='controversy'] .inspect-title { color:#efb4a7; }
.detail-panel[data-category='controversy'] .profile-overview { background:linear-gradient(125deg,#3d2d302b,transparent 65%); }
.detail-panel[data-category='controversy'] .profile-role { color:#f0c0b8; background:#713f3b66; border-color:#c27c7066; }
.detail-panel[data-category='controversy'] .detail-achievement { border-left-color:#d68f81; }
@media(max-width:700px){
  .hot-list.controversy-grid { grid-template-columns:1fr; gap:10px; }
  .hot-list.controversy-grid .watch-card { min-height:194px; }
  .watch-card-mark { margin-top:11px; }
}
body:not([data-category='pro']) .header-cs2-logo { width:30px; height:30px; filter:none; }
.hot-person[data-category='creator'],.result-card[data-category='creator'] { --team-rgb:236,172,197; }
.hot-person[data-category='public'],.result-card[data-category='public'] { --team-rgb:192,187,238; }
.hot-list.public-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:12px; align-items:stretch; overflow:visible; }
.hot-list.public-grid .hot-person { position:relative; display:grid; grid-template-columns:78px minmax(0,1fr) 18px; align-items:center; gap:13px; width:100%; height:132px; min-width:0; padding:17px 16px; border:1px solid #9fa9d033; border-bottom:2px solid #8c8ac0; border-radius:7px; background:linear-gradient(135deg,#232b36,#2b303d); color:#edf0f4; text-align:left; overflow:hidden; box-shadow:0 7px 20px #0d111a25; }
.hot-list.public-grid .hot-person::before,.hot-list.public-grid .hot-person::after { display:none; }
.hot-list.public-grid .hot-person:hover { border-color:#c2c6f0; background:#313746; transform:translateY(-2px); }
.public-card-mark { display:grid; place-items:center; width:78px; height:78px; overflow:hidden; border:1px solid #b8b8e45a; border-radius:50%; background:#3a4250; }
.public-card-mark img { display:block; width:100%; height:100%; object-fit:cover; }
.public-card-copy { min-width:0; display:flex; flex-direction:column; gap:3px; }
.public-card-copy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#f4f4f0; font:650 17px/1.25 'Segoe UI',var(--sans,sans-serif); }
.public-card-copy span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#afb6c7; font:11px/1.4 var(--sans,sans-serif); }
.public-card-copy small { display:-webkit-box; overflow:hidden; color:#d0c891; font:10px/1.45 var(--sans,sans-serif); -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.public-card-arrow { align-self:start; color:#b8bfe0; font-size:16px; }
.hot-list.public-grid .founder-feature { grid-column:1/-1; grid-template-columns:132px minmax(0,1fr); min-height:226px; height:auto; padding:25px 30px; gap:25px; border-color:#c9ae6b88; border-bottom-color:#d8bc75; background:radial-gradient(circle at 15% 50%,#9880472b,transparent 35%),linear-gradient(120deg,#2e3440,#252a35 64%,#3b3340); box-shadow:0 12px 30px #080b11a6,inset 0 1px #f6e4ad1d; }
.hot-list.public-grid .founder-feature:hover { border-color:#f1d58e; background:radial-gradient(circle at 15% 50%,#a98b4b45,transparent 38%),linear-gradient(120deg,#3b3f4b,#292d39 64%,#443845); }
.founder-feature-mark { display:grid; place-items:center; align-self:center; width:132px; height:132px; overflow:hidden; border:2px solid #d8bd78; border-radius:50%; background:#313944; box-shadow:0 0 0 7px #d8bd7816,0 8px 18px #0005; }
.founder-feature-mark img { display:block; width:100%; height:100%; object-fit:cover; }
.founder-feature-copy { display:flex; flex-direction:column; align-items:flex-start; min-width:0; }
.founder-kicker { color:#d9c28b; font:9px/1.4 var(--mono); letter-spacing:.15em; }
.founder-feature-copy strong { margin-top:7px; color:#fff8df; font:700 31px/1.1 'Segoe UI',var(--sans,sans-serif); letter-spacing:-.03em; }
.founder-byline { margin-top:6px; color:#bfc6cf; font:12px/1.4 var(--sans,sans-serif); }
.founder-story { display:-webkit-box; overflow:hidden; margin-top:12px; color:#e2dfd1; font:12px/1.65 var(--sans,sans-serif); -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.founder-facts { display:flex; flex-wrap:wrap; gap:18px; margin-top:13px; padding-top:11px; border-top:1px solid #ead79a2e; }
.founder-facts span { display:flex; flex-direction:column; gap:2px; min-width:110px; }
.founder-facts b { color:#f8e7b3; font:650 11px/1.2 var(--mono); letter-spacing:.05em; }
.founder-facts small { color:#aeb8c1; font:10px/1.35 var(--sans,sans-serif); }
.founder-action { margin-top:auto; color:#e5cb86; font:11px/1.4 var(--sans,sans-serif); }
.hot-person:not([data-category='pro']) .player-portrait { width:108px; height:108px; max-width:78%; object-fit:cover; border-radius:50%; bottom:102px; border:2px solid rgba(var(--team-rgb),.48); }
.hot-person:not([data-category='pro']) .hot-person-name { font-size:15px; gap:5px; }
.hot-person:not([data-category='pro']) .name-team-mark { background:linear-gradient(135deg,#694754,#41333f); border-color:rgba(var(--team-rgb),.48); }
.detail-bio { margin:12px 0 0; max-width:36em; color:#c4cec5; font-size:11px; line-height:1.75; }
.detail-realname:empty,.detail-bio:empty { display:none; }
.detail-panel { --team-rgb:182,205,221; }
.detail-panel[data-team='falcons-esports'] { --team-rgb:137,208,144; }
.detail-panel[data-team='team-vitality'],.detail-panel[data-team='lynn-vision'] { --team-rgb:236,202,109; }
.detail-panel[data-team='bc-game'] { --team-rgb:102,218,177; }
.detail-panel[data-team='tyloo'] { --team-rgb:237,127,111; }
.detail-panel:not([data-category='pro']) .inspect-logo { width:30px; height:30px; filter:none; }
.detail-panel:not([data-category='pro']) .external-hint { color:#afbbbc; }
.detail-panel[data-category='creator'] .platform-card:first-child { color:#493941; border-color:#efc0d1; background:linear-gradient(105deg,#ebbdcf,#d1a8bf); box-shadow:none; }
.detail-panel[data-category='creator'] .platform-card:first-child:hover { background:linear-gradient(105deg,#f7d0df,#e0bcd0); }
/* Keep the scene and portrait; remove recurring full-surface blur and filtering. */
.topbar,.search-box,.hot-person,.result-card,.empty-state,.inspect-header,.detail-backdrop { backdrop-filter:none; }
.site-shell.is-detail-open { filter:none; }
.detail-backdrop { background:#111a22d6; }
.hot-person .player-portrait,.hot-person:hover .player-portrait { filter:none; }
  .hot-person .card-atmosphere::after { filter:none; opacity:.55; }
@media(max-width:900px) { .home-main { padding-top:55px; } }
@media(max-width:700px) {
  .home-main { padding-top:39px; }
  .hero-copy { margin-bottom:19px; }
  .collection-heading { flex-wrap:nowrap; gap:9px; }
  .collection-heading h2 { font-size:19px; }
  .collection-tabs { gap:3px; margin-bottom:15px; }
  .collection-tab { padding-inline:10px; font-size:11px; }
  .carousel-controls { gap:3px; margin-left:auto; }
  .carousel-controls button { width:24px; height:27px; }
  .carousel-controls .rotation-toggle { width:23px; margin-left:0; }
  .carousel-controls .collection-count { width:38px; font-size:9px; }
  .category-empty { min-height:236px; padding:26px 23px; }
  .category-empty-copy { max-width:85%; }
  .category-empty h3 { font-size:21px; }
  .category-empty p { max-width:235px; font-size:11px; }
  .category-empty>img { right:-18px; width:105px; height:105px; opacity:.12; }
  .category-empty button { display:block; margin:13px 0 0; }
  .detail-bio { font-size:10px; margin-top:9px; }
}
@media(max-width:370px) {
  .collection-heading { gap:7px; }
  .collection-heading h2 { font-size:18px; }
  .collection-tab { padding-inline:7px; }
  .carousel-controls { gap:2px; }
  .carousel-controls .collection-count { display:block; }
  .hot-section { max-height:380px; }
}
body:not([data-category='pro']) .hot-section { max-height:none; }
body:not([data-category='pro']) .hot-section.is-collapsed { max-height:0; }
@media(prefers-reduced-motion:reduce) { .hot-list.is-entering { animation:none; } }

/* Core actions are equal-sized, distinct destinations. Secondary links stay folded. */
.detail-panel:is([data-category='pro'],[data-category='public']) .primary-links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.detail-panel:is([data-category='pro'],[data-category='public']) .core-action { display:flex; flex-direction:column; align-items:stretch; justify-content:space-between; min-height:145px; gap:23px; padding:17px 16px 16px; border-radius:2px; overflow:hidden; box-shadow:inset 0 1px #ffffff15,0 4px 12px #17222b20; transition:background 160ms ease-out,border-color 160ms ease-out; }
.detail-panel:is([data-category='pro'],[data-category='public']) .core-action[data-platform='steam'] { color:#edf5f5; border:1px solid #99c1d7a6; border-top:3px solid #a7cfdf; background:linear-gradient(120deg,#426377,#294553); }
.detail-panel:is([data-category='pro'],[data-category='public']) .core-action[data-platform='inventory'] { color:#302f25; border:1px solid #f3d38bbf; border-top:3px solid #ffe7a7; background:linear-gradient(120deg,#eed79e,#cdb574); }
.detail-panel:is([data-category='pro'],[data-category='public']) .core-action[data-platform='steam']:hover { border-color:#d3f1ff; background:linear-gradient(120deg,#4b7186,#305366); }
.detail-panel:is([data-category='pro'],[data-category='public']) .core-action[data-platform='inventory']:hover { border-color:#fff1cc; background:linear-gradient(120deg,#f6e2b0,#dec180); }
.core-action .action-top { display:flex; align-items:center; gap:8px; }
.inspect-info .core-action .platform-icon { width:24px; height:24px; }
.inspect-info .core-action .platform-label { margin:0; font:9px var(--mono); letter-spacing:.08em; white-space:nowrap; opacity:.78; }
.inspect-info .core-action .platform-arrow { margin-left:auto; opacity:.7; font-size:19px; transition:translate 160ms ease-out; }
.core-action:hover .platform-arrow { translate:2px -2px; }
.inspect-info .core-action .platform-card-copy { display:block; }
.inspect-info .core-action .platform-desc { margin:0 0 8px; font-size:22px; font-weight:700; letter-spacing:-.04em; opacity:1; }
.action-hint { display:block; font-size:10px; opacity:.76; white-space:nowrap; }
.detail-panel:is([data-category='pro'],[data-category='public']) .core-action:disabled { background:#465251; color:#aab6b6; border-color:#82928d66; box-shadow:none; }
.social-disclosure { margin-top:18px; border-top:1px solid #d5e1d12b; }
.social-disclosure summary { display:flex; align-items:center; gap:10px; min-height:49px; padding:5px 0; color:#c4d0c9; font-size:11px; cursor:pointer; list-style:none; touch-action:manipulation; }
.social-disclosure summary::-webkit-details-marker { display:none; }
.social-disclosure summary:hover { color:#f3e4b5; }
.social-disclosure summary:focus-visible { outline:2px solid var(--gold); outline-offset:3px; }
.social-preview { display:flex; align-items:center; gap:9px; margin-left:auto; opacity:.72; }
.social-preview>span { display:grid; place-items:center; width:17px; height:19px; }
.social-preview .platform-icon { width:16px; height:16px; }
.social-preview .social-monogram { font-size:8px; }
#link-count { white-space:nowrap; color:#aebbb5; font:10px var(--mono); }
.disclosure-chevron { width:16px; height:16px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.6; transition:transform 150ms ease-out; }
.social-disclosure[open] .disclosure-chevron { transform:rotate(180deg); }
.inspect-info .secondary-links { display:grid; grid-template-columns:repeat(auto-fit,minmax(53px,1fr)); gap:5px; margin:1px 0 12px; }
.inspect-info .secondary-link { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; min-height:63px; padding:9px 3px; color:#c8d4cf; border:1px solid transparent; border-radius:2px; background:#21343b33; text-align:center; transition:color 150ms ease-out,background 150ms ease-out,border-color 150ms ease-out; }
.inspect-info .secondary-link:hover { color:#f4e1ad; border-color:#e0d5a444; background:#c9d2ba12; }
.social-icon { display:grid; place-items:center; height:22px; }
.social-icon .platform-icon { width:21px; height:21px; }
.social-monogram { font:700 11px var(--mono); letter-spacing:-.04em; }
.social-link-label { font-size:9px; line-height:1.3; white-space:nowrap; }
.inspect-info .social-disclosure + .external-hint { margin-top:0; }
@media(max-width:850px) {
  .detail-panel:is([data-category='pro'],[data-category='public']) .core-action { padding:14px 12px; min-height:133px; gap:18px; }
  .inspect-info .core-action .platform-desc { font-size:20px; }
  .inspect-info .core-action .platform-label { font-size:8px; letter-spacing:.02em; }
  .core-action .action-top { gap:6px; }
}
@media(max-width:700px) {
  .detail-panel:is([data-category='pro'],[data-category='public']) .primary-links { gap:8px; }
  .detail-panel:is([data-category='pro'],[data-category='public']) .core-action { min-height:123px; padding:12px; gap:17px; }
  .inspect-info .core-action .platform-desc { font-size:20px; margin-bottom:7px; }
  .action-hint { font-size:9px; }
  .social-disclosure { margin-top:15px; }
  .social-disclosure summary { min-height:47px; font-size:10px; }
}
@media(max-width:370px) {
  .detail-panel:is([data-category='pro'],[data-category='public']) .core-action { padding:11px 9px; }
  .inspect-info .core-action .platform-icon { width:21px; height:21px; }
  .inspect-info .core-action .platform-arrow { font-size:15px; }
  .inspect-info .core-action .platform-label { font-size:7px; }
  .inspect-info .core-action .platform-desc { font-size:18px; }
  .social-preview { gap:6px; }
  .social-disclosure summary { gap:8px; }
}

/* A shared portrait treatment connects the directory card and compact profile. */
.portrait-frame { display:block; position:relative; overflow:hidden; border-radius:50%; background:radial-gradient(circle at 50% 32%,#b3c0c7,#758992 74%); border:1px solid #e4eee33b; }
.portrait-frame img { display:block; width:100%; height:100%; object-fit:contain; object-position:center bottom; }
.hot-person { height:248px; }
.hot-person .portrait-frame { position:absolute; top:23px; left:50%; width:126px; height:126px; transform:translateX(-50%); }
.hot-person .portrait-frame .player-portrait { position:static; width:100%; height:100%; max-width:none; border:0; border-radius:0; transform:none; object-fit:contain; filter:none; }
.hot-person:not([data-category='pro']) .portrait-frame .player-portrait { object-fit:cover; }
.hot-person .card-atmosphere { background:linear-gradient(140deg,#dce8ec12,transparent 65%); }
.hot-person .card-atmosphere::after { display:none; }
.hot-person .card-country { position:absolute; z-index:3; top:10px; right:10px; }
.country-flag { display:block; width:20px; height:15px; object-fit:contain; border-radius:2px; }
.hot-person:hover .portrait-frame .player-portrait { transform:scale(1.035); }
.detail-panel { width:min(920px,calc(100vw - 48px)); }
.inspect-content { display:block; min-height:0; background:linear-gradient(125deg,#52616a,#3e4b51); }
.profile-overview { display:grid; grid-template-columns:200px minmax(0,1fr); align-items:center; gap:32px; padding:32px 34px 27px; border-bottom:1px solid #d7e2db21; }
.profile-portrait { position:relative; align-self:center; padding-bottom:14px; }
.profile-portrait .portrait-frame { width:200px; height:200px; }
.profile-portrait .detail-avatar { position:static; width:100%; height:100%; max-width:none; opacity:1; visibility:visible; transform:none; filter:none; }
.detail-panel:not([data-category='pro']) .profile-portrait .detail-avatar { object-fit:cover; }
.profile-role { position:absolute; left:50%; bottom:0; transform:translateX(-50%); padding:6px 10px; color:#30352f; background:#e2c786; border:1px solid #f2db9b; border-radius:2px; white-space:nowrap; font:600 9px var(--mono); letter-spacing:.08em; }
.detail-panel[data-category='creator'] .profile-role { color:#493941; background:#e5b5c9; border-color:#f0c8d9; }
.profile-overview .detail-copy { margin:0; min-width:0; }
.profile-eyebrow { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.profile-eyebrow .inspect-eyebrow { margin:0; font-size:9px; }
#inspect-position { color:#b2c0c3; font:9px var(--mono); letter-spacing:.07em; }
.profile-name-row { display:flex; align-items:center; gap:13px; }
.profile-name-row h2 { margin:0; color:#f5f3e9; font:700 36px/1.12 var(--mono); letter-spacing:-.025em; overflow-wrap:anywhere; }
.profile-name-row .country-flag { width:24px; height:18px; }
.profile-overview .detail-alias { position:static; margin:7px 0 0; color:#b1c0c6; font-size:11px; }
.profile-facts { display:grid; grid-template-columns:1fr 1fr; column-gap:24px; margin:17px 0 0; }
.profile-facts>div { display:grid; grid-template-columns:52px minmax(0,1fr); align-items:center; gap:10px; min-height:37px; padding:6px 0; border-bottom:1px solid #e2e8e31f; }
.profile-facts dt { font-size:10px; color:#aabbc4; }
.profile-facts dd { margin:0; color:#e0e7e7; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.profile-facts .detail-team { gap:7px; }
.profile-facts .detail-team img { width:22px; height:22px; flex-shrink:0; object-fit:contain; }
.profile-facts time { font-family:var(--mono); white-space:nowrap; }
.profile-overview .detail-bio { margin:15px 0 0; max-width:none; color:#bbcbd0; font-size:11px; line-height:1.8; }
.creator-meta { margin:18px 0 0; color:#dbc2d0; font-size:12px; }
.inspect-info.profile-actions { background:none; border:0; padding:24px 34px 22px; }
.profile-actions .primary-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
.detail-panel:is([data-category='pro'],[data-category='public']) .profile-actions .core-action { min-height:128px; gap:16px; padding:16px 20px; }
.profile-actions .core-action .platform-desc { font-size:23px; }
.profile-actions .social-disclosure { margin-top:17px; }
.profile-actions .social-disclosure summary { min-height:44px; }
.profile-actions .secondary-links { grid-template-columns:repeat(auto-fit,minmax(53px,72px)); }
.profile-actions .external-hint { font-size:9px; }
@media(min-width:1500px) and (min-height:900px) { .detail-panel { width:980px; } }
@media(max-width:850px) and (min-width:701px) {
  .profile-overview { grid-template-columns:158px minmax(0,1fr); gap:24px; padding:26px; }
  .profile-portrait .portrait-frame { width:158px; height:158px; }
  .profile-facts { column-gap:15px; }
  .profile-facts>div { grid-template-columns:48px minmax(0,1fr); gap:5px; }
  .profile-facts dd { font-size:11px; }
  .inspect-info.profile-actions { padding:22px 26px; }
}
@media(max-width:700px) {
  .hot-person { height:236px; }
  .hot-person .portrait-frame { top:18px; width:124px; height:124px; }
  .detail-panel { width:min(100%,540px); }
  .profile-overview { grid-template-columns:90px minmax(0,1fr); gap:18px; padding:22px 19px 20px; align-items:start; }
  .profile-portrait { align-self:start; padding-bottom:12px; margin-top:25px; }
  .profile-portrait .portrait-frame { width:90px; height:90px; }
  .profile-role { font-size:7px; padding:4px 6px; }
  .profile-eyebrow { margin-bottom:10px; }
  .profile-eyebrow .inspect-eyebrow,#inspect-position { font-size:7px; }
  .profile-name-row { gap:9px; }
  .profile-name-row h2 { font-size:29px; }
  .profile-name-row .country-flag { width:20px; height:15px; }
  .profile-overview .detail-alias { font-size:10px; }
  .profile-facts { grid-template-columns:1fr; margin-top:12px; }
  .profile-facts>div { min-height:31px; grid-template-columns:46px minmax(0,1fr); gap:6px; padding:5px 0; }
  .profile-facts dt { font-size:9px; }
  .profile-facts dd { font-size:10px; }
  .profile-facts .detail-team img { width:17px; height:17px; }
  .profile-overview .detail-bio { font-size:10px; margin-top:12px; }
  .inspect-info.profile-actions { padding:19px 19px 18px; }
  .detail-panel:is([data-category='pro'],[data-category='public']) .profile-actions .core-action { min-height:119px; padding:12px; gap:17px; }
  .profile-actions .core-action .platform-desc { font-size:20px; }
  .profile-actions .external-hint { font-size:8px; }
}
@media(max-width:370px) {
  .profile-overview { grid-template-columns:70px minmax(0,1fr); padding:20px 14px 18px; gap:13px; }
  .profile-portrait .portrait-frame { width:70px; height:70px; }
  .profile-name-row { gap:7px; }
  .profile-name-row h2 { font-size:26px; }
  .profile-facts time { font-size:10px; }
  .inspect-info.profile-actions { padding-inline:14px; }
  .detail-panel:is([data-category='pro'],[data-category='public']) .profile-actions .core-action { padding:11px 9px; }
  .profile-actions .core-action .platform-desc { font-size:18px; }
}
@media(prefers-reduced-motion:reduce) { .hot-person:hover .portrait-frame .player-portrait { transform:none; } }

/* Only Bilibili and Steam navigate; other platforms expose copyable IDs. */
.profile-actions .secondary-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0 0 10px; }
.account-help { margin:0 0 12px; color:#acbdc4; font-size:10px; }
.social-account,.inspect-info .direct-account { display:flex; align-items:center; gap:12px; min-width:0; min-height:70px; padding:12px 13px; border:1px solid #b6cbd329; border-radius:2px; background:#25373f40; text-align:left; }
.social-account .social-icon,.direct-account .social-icon { flex:0 0 31px; width:31px; height:31px; border-radius:3px; background:#dce7ec0b; color:#e1e8e7; }
.social-account[data-platform='youtube'] .social-icon { color:#fa9a98; background:#fe535114; }
.social-account[data-platform='twitch'] .social-icon { color:#d0b8ff; background:#ba8eff12; }
.social-account[data-platform='instagram'] .social-icon { color:#efb6cd; background:#ed9aba12; }
.account-copy { flex:1; min-width:0; }
.account-platform { display:flex; align-items:baseline; flex-wrap:wrap; gap:7px; margin-bottom:5px; color:#bacbd0; font-size:10px; line-height:1.4; }
.account-platform small { color:#94aab4; font:9px var(--mono); }
.account-id { display:block; color:#eef2ed; font:500 14px/1.45 var(--mono); letter-spacing:.01em; overflow-wrap:anywhere; user-select:text; cursor:text; }
.copy-account { display:inline-flex; align-items:center; justify-content:center; flex:0 0 76px; gap:5px; min-height:36px; padding:6px 7px; color:#d8dfd4; background:#b9c4b312; border:1px solid #c0cfc139; border-radius:2px; font-size:10px; }
.copy-button-label { white-space:nowrap; }
.copy-account svg { flex-shrink:0; width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:1.6; }
.copy-account:hover { background:#e6cf8726; color:#f8e2a7; border-color:#ead49988; }
.copy-account.is-copied { color:#c5ead0; border-color:#add5b675; background:#9ec6a21a; }
.copy-status { min-height:0; margin:0; font-size:10px; color:#d5e8d9; line-height:1.6; overflow-wrap:anywhere; }
.copy-status:not(:empty) { padding:2px 0 11px; }
.direct-account-arrow { margin-left:auto; color:#c7d8d9; }
.inspect-info .direct-account:hover { border-color:#d9d0a077; background:#c9d2ba12; }
.clipboard-buffer { position:fixed; left:0; top:0; width:1px; height:1px; padding:0; border:0; opacity:0; pointer-events:none; }
@media(max-width:700px) {
  .profile-actions .secondary-links { grid-template-columns:1fr; gap:7px; }
  .social-account,.inspect-info .direct-account { padding:10px; min-height:67px; gap:10px; }
  .account-id { font-size:13px; }
  .copy-account { min-height:40px; }
}
@media(max-width:370px) { .social-account,.inspect-info .direct-account { gap:8px; } .copy-account { flex-basis:72px; padding:6px 5px; } .account-platform { gap:5px; } }

/* Secondary profile navigation: one quiet row, names only on request. */
.inspect-footer { padding:10px 34px 0; border-top:1px solid #bed0d123; background:#23343c36; }
.profile-switcher { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:40px; }
.switch-context { display:flex; align-items:center; gap:13px; min-width:0; color:#a7b7bd; font-size:10px; }
#switch-group { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#switch-count { flex-shrink:0; font:9px var(--mono); color:#90a4ad; }
.switch-controls { display:flex; align-items:center; gap:5px; flex-shrink:0; }
.switch-arrow { display:grid; place-items:center; width:34px; height:34px; border:1px solid transparent; background:transparent; border-radius:3px; color:#b6c5ca; }
.switch-arrow svg { width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:1.5; }
.switch-arrow:hover { color:#f0efdf; border-color:#bfd0d42e; background:#d5e4e00a; }
.profile-select-wrap { position:relative; display:block; width:164px; }
#profile-select { display:block; width:100%; height:34px; padding:0 29px 0 11px; border:1px solid #bfd0d431; border-radius:3px; background:#22343d2b; color:#c4cfd1; appearance:none; cursor:pointer; font-size:11px; text-overflow:ellipsis; }
#profile-select option { background:#34454e; color:#e5e9e6; }
.profile-select-wrap>svg { position:absolute; top:11px; right:10px; width:12px; height:12px; pointer-events:none; fill:none; stroke:currentColor; stroke-width:1.5; color:#9faeb6; }
#profile-select:hover { border-color:#b6c8ce66; background:#4c626b3b; }
#profile-select:focus-visible,.switch-arrow:focus-visible { outline:2px solid #b5ccd5; outline-offset:2px; }
.inspect-bottom { height:31px; color:#8ca0a9; font-size:7px; }
@media(max-width:700px) {
  .inspect-footer { padding:9px 19px 0; }
  .profile-switcher { gap:8px; }
  .switch-context { gap:8px; font-size:9px; }
  #switch-group { display:none; }
  .switch-controls { gap:3px; }
  .switch-arrow,#profile-select { height:40px; }
  .switch-arrow { width:36px; }
  .profile-select-wrap { width:150px; }
  .profile-select-wrap>svg { top:14px; }
}
@media(max-width:370px) {
  .inspect-footer { padding-inline:14px; }
  .profile-select-wrap { width:134px; }
  #profile-select { padding-left:9px; font-size:10px; }
}

/* More creators, without making either cards or profile navigation louder. */
.filter-count { display:inline-grid; place-items:center; min-width:17px; height:17px; padding:0 3px; border-radius:3px; color:#afbec4; background:#afc0ca12; font:9px var(--mono); }
.collection-tab[aria-pressed="true"] .filter-count { color:inherit; background:#e7bfd41a; }
.collection-tabs { padding-bottom:10px; }
.carousel-controls button { width:32px; height:32px; border-radius:3px; }
.carousel-controls .rotation-toggle { width:28px; }
.carousel-controls .collection-count { width:46px; }
.profile-select-wrap { width:180px; }
@media(min-width:701px) {
  .hot-list { grid-template-columns:repeat(var(--visible-cards,5),minmax(0,calc((100% - 48px)/5))); justify-content:center; }
}
@media(max-width:700px) {
  .collection-tabs { gap:4px; }
  .collection-tab { min-height:40px; }
  .carousel-controls { gap:3px; }
  .carousel-controls button { width:38px; height:40px; }
  .carousel-controls .rotation-toggle { width:32px; }
  .carousel-controls .collection-count { width:40px; font-size:9px; }
  .hot-list { justify-content:flex-start; scroll-padding-inline:2px; }
  .profile-select-wrap { width:164px; }
}
@media(max-width:370px) {
  .collection-heading { gap:8px; }
  .collection-heading h2 { font-size:18px; }
  .carousel-controls { gap:2px; }
  .carousel-controls button { width:36px; }
  .profile-select-wrap { width:142px; }
}

/* V21: the supplied monogram leads a quieter, more cohesive home screen. */
.topbar { background:linear-gradient(110deg,#17262edb,#25353ed4); border-bottom-color:#e6eeee24; backdrop-filter:blur(16px); }
.topbar::before { content:none; }
.brand { display:inline-grid; place-items:center; width:64px; height:64px; flex:0 0 64px; border-radius:3px; }
.brand-mark { display:block; width:64px; height:64px; transition:opacity var(--ease); }
.brand:hover .brand-mark { opacity:.8; }
.brand:focus-visible { outline-offset:-4px; }
.header-cs2-logo { width:134px; opacity:.62; }
.topnav { color:#c3ced1; }
.topnav .sound-toggle { border-color:#c9d8dd2d; background:#afc6d008; }
.home-main { padding-bottom:40px; }
.hero-copy { margin-bottom:27px; }
.search-box { border-color:#cbd9dc69; border-bottom-color:#cbd9dcb8; background:linear-gradient(110deg,#4c606af2,#394f5af0); box-shadow:inset 0 1px #eef6f211,0 12px 28px #07161e20; }
.search-box:hover { background:linear-gradient(110deg,#586d75f5,#435b66f2); }
.search-box:focus-within { background:linear-gradient(110deg,#526b74fa,#3f5965f7); border-color:#e9d38ac9; border-bottom-color:var(--gold); }
.search-box input::placeholder { color:#d4dfe2; }
.search-icon { stroke:#dce6e5; }
.search-key { border-color:#bdcfd239; background:#152b342b; color:#bacbd0; }
.dynamic-zone { margin-top:24px; }
.collection-heading { margin-bottom:10px; }
.collection-tabs { border-bottom-color:#e4eef425; }
.collection-tab { color:#d2dcde; }
.collection-tab:is([data-group='team-spirit'],[data-group='team-vitality']) img { padding:1px; border-radius:2px; background:#c6d2c5db; }
.collection-tab:not([aria-pressed='true']):hover { background:#c0d2dc15; }
.carousel-controls button { background:#1f343e60; border-color:#d7e4e12b; }
.carousel-controls button:hover { background:#dfd3ac20; }
.inspect-header-note { display:flex; align-items:center; margin-left:auto; }
.inspect-header-note img { display:block; width:36px; height:36px; }
.inspect-brand { display:flex; align-items:center; }
.inspect-brand img { display:block; width:24px; height:24px; opacity:.72; }
@media(max-width:700px) {
  .brand { width:52px; height:52px; flex-basis:52px; margin-left:-6px; }
  .brand-mark { width:52px; height:52px; }
  .home-main { padding-bottom:32px; }
  .hero-copy { margin-bottom:25px; }
  .dynamic-zone { margin-top:24px; }
  .inspect-header-note { display:none; }
}

/* Public figures use a compact editorial directory; Gooseman keeps the lead story. */
@media(max-width:700px) {
  body[data-category='public'] .hero-copy { padding-left:12px; }
  .hot-list.public-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .hot-list.public-grid .hot-person { grid-template-columns:48px minmax(0,1fr); gap:9px; height:112px; padding:11px 10px; border-radius:7px; }
  .public-card-mark { width:48px; height:48px; }
  .public-card-copy strong { font-size:13px; }
  .public-card-copy span { font-size:9px; }
  .public-card-copy small { font-size:8px; line-height:1.35; }
  .public-card-arrow { position:absolute; right:9px; bottom:8px; font-size:13px; }
  .hot-list.public-grid .founder-feature { grid-template-columns:72px minmax(0,1fr); min-height:190px; height:auto !important; padding:16px 13px; gap:13px; }
  .founder-feature-mark { width:72px; height:72px; box-shadow:0 0 0 4px #d8bd7816,0 5px 12px #0005; }
  .founder-kicker { font-size:7px; letter-spacing:.08em; }
  .founder-feature-copy strong { margin-top:4px; font-size:21px; }
  .founder-byline { margin-top:3px; font-size:9px; }
  .founder-story { margin-top:7px; font-size:9px; line-height:1.5; }
  .founder-facts { gap:8px; margin-top:8px; padding-top:8px; }
  .founder-facts span { flex:1 1 68px; min-width:0; }
  .founder-facts b { font-size:9px; }
  .founder-facts small { font-size:8px; }
  .founder-action { margin-top:7px; font-size:9px; }
}
@media(max-width:370px) {
  .hot-list.public-grid { gap:7px; }
  .hot-list.public-grid .hot-person { grid-template-columns:42px minmax(0,1fr); gap:7px; height:103px; padding:9px 8px; }
  .public-card-mark { width:42px; height:42px; }
  .public-card-copy strong { font-size:12px; }
  .hot-list.public-grid .founder-feature { grid-template-columns:62px minmax(0,1fr); min-height:220px; height:auto !important; padding:13px 10px; gap:10px; }
  .founder-feature-mark { width:62px; height:62px; }
  .founder-feature-copy strong { font-size:18px; }
}
@media(max-height:760px) and (min-width:701px) { .home-main { padding-bottom:26px; } }

/* V22: quiet team filters and a short career highlight for public figures. */
[data-team='faze-clan'] { --team-rgb:235,117,115; }
.collection-tabs { gap:3px; padding-bottom:9px; }
.collection-tab { padding-inline:9px; }
.collection-tab[data-group='faze-clan'] img { padding:1px; border-radius:2px; background:#f1eee4bd; }
.directory-nav button { min-height:36px; padding:6px 10px; border:1px solid #b1c6cf36; border-radius:3px; background:#2036403d; }
.directory-nav button:hover { border-color:#c6c5dc66; background:#6672862b; color:#e5e5f3; }
.search-footnote { gap:10px; }
.hot-person-achievement { position:absolute; z-index:4; left:15px; right:27px; bottom:15px; color:#e6d6a3; font-size:11px; line-height:1.5; }
.hot-person[data-category='public'] { height:279px; }
.hot-person[data-category='public']::before { height:104px; }
.hot-person[data-category='public'] .portrait-frame { top:22px; width:126px; height:126px; }
.hot-person[data-category='public'] .hot-person-name { left:15px; bottom:67px; font-size:18px; }
.hot-person[data-category='public'] .hot-person-team { left:15px; bottom:46px; font-size:10px; }
.detail-achievement { margin:15px 0 14px; padding-left:12px; border-left:2px solid #e6cf83a3; color:#e0e4dc; font-size:12px; line-height:1.7; }
.achievement-label { display:block; margin-bottom:3px; color:#c5b780; font-size:9px; letter-spacing:.08em; }
.detail-achievement strong { display:block; color:#efe1b5; font-size:16px; font-weight:600; line-height:1.5; }
.achievement-story { display:block; margin-top:6px; color:#c9d5d8; }
.detail-panel[data-category='public'] .profile-role { max-width:190px; overflow:hidden; text-overflow:ellipsis; }
.hot-person[data-person-id='lando-norris'] .portrait-frame .player-portrait,
.detail-panel[data-person-id='lando-norris'] .profile-portrait .detail-avatar { object-position:center top; }
.hot-person[data-person-id='neymar'] .portrait-frame .player-portrait,
.detail-panel[data-person-id='neymar'] .profile-portrait .detail-avatar { object-position:left center; }
@media(min-width:701px) {
  body[data-category='public'] .hot-list { grid-template-columns:repeat(var(--visible-cards,3),minmax(0,1fr)); }
  .detail-panel[data-category='public'] .profile-overview { grid-template-columns:170px minmax(0,1fr); gap:28px; }
  .detail-panel[data-category='public'] .profile-portrait .portrait-frame { width:170px; height:170px; }
}
@media(max-width:700px) {
  .collection-tab { padding-inline:9px; }
  .search-footnote .search-helper { max-width:calc(100% - 78px); }
  .directory-nav button { font-size:10px; min-height:36px; padding-inline:8px; }
  .hot-person[data-category='public'] { flex-basis:204px; }
  .hot-person[data-category='public'] .hot-person-name { font-size:17px; }
  .detail-panel[data-category='public'] .profile-overview { grid-template-columns:72px minmax(0,1fr); gap:15px; }
  .detail-panel[data-category='public'] .profile-portrait .portrait-frame { width:72px; height:72px; }
  .detail-panel[data-category='public'] .profile-role { max-width:100px; font-size:7px; }
  .detail-panel[data-category='public'] .profile-name-row h2 { font-size:27px; }
  .detail-achievement { margin-top:12px; padding-left:10px; font-size:11px; }
  .detail-achievement strong { font-size:14px; }
}

/* The creator filter shows everyone in a compact, wrapping directory. */
.hot-section.is-creator-directory:not(.is-collapsed) { max-height:none; }
.hot-list.creator-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; justify-content:stretch; overflow:visible; padding:0; margin:0; scroll-snap-type:none; }
.creator-grid .hot-person { display:flex; align-items:center; gap:11px; width:100%; height:86px; min-width:0; padding:12px; border-bottom-width:1px; border-color:#b5c8d23d; background:linear-gradient(115deg,#405763f0,#293f4cf2); box-shadow:inset 0 1px #e8f1f40b; }
.creator-grid .hot-person::before { content:none; }
.creator-grid .hot-person::after { right:10px; bottom:13px; font-size:12px; color:#c59fb1; }
.creator-avatar { flex:0 0 48px; width:48px; height:48px; border:1px solid #dfb2c44d; border-radius:50%; object-fit:cover; background:#233a46; }
.creator-info { display:flex; flex-direction:column; gap:7px; min-width:0; }
.creator-name { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#f1f4f3; font:600 14px/1.3 var(--mono); letter-spacing:-.02em; }
.creator-platform { display:flex; align-items:center; gap:5px; padding-right:10px; color:#b4bfc6; font-size:10px; line-height:14px; white-space:nowrap; }
.creator-platform img { flex:0 0 14px; width:14px; height:14px; opacity:.8; }
.creator-grid .hot-person:focus-visible { border-color:#e8bbcf; box-shadow:inset 0 0 0 1px #e8bbcf26; }
@media(hover:hover) and (pointer:fine) {
  .creator-grid .hot-person:hover { border-color:#e8bbcf8c; background:linear-gradient(115deg,#4a606cf5,#344956f5); box-shadow:inset 0 1px #f4e0e81a; transform:translateY(-2px); }
  .creator-grid .hot-person:active { transform:none; }
}
@media(max-width:760px) {
  .hot-list.creator-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:600px) {
  .hot-list.creator-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .creator-grid .hot-person { height:80px; gap:9px; padding:10px; }
  .creator-avatar { flex-basis:40px; width:40px; height:40px; }
  .creator-name { font-size:13px; }
  .creator-platform { gap:4px; font-size:9px; }
  .creator-grid .hot-person::after { right:8px; bottom:12px; font-size:11px; }
}
@media(max-width:370px) {
  .creator-grid .hot-person { gap:7px; padding:9px; }
  .creator-avatar { flex-basis:34px; width:34px; height:34px; }
  .creator-name { font-size:12px; }
  .creator-platform img { flex-basis:12px; width:12px; height:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .creator-grid .hot-person:hover { transform:none; }
}

/* V26 mobile pass: a real content feed instead of a clipped desktop carousel. */
@media(max-width:700px) {
  html, body { overflow-x:hidden; }
  .site-shell { overflow:clip; }
  .topbar { position:sticky; top:0; z-index:40; height:58px; box-shadow:0 5px 22px #06141d3b; }
  .topbar-inner { padding-inline:14px; gap:7px; }
  .brand { width:45px; height:45px; flex-basis:45px; margin-left:-3px; }
  .brand-mark { width:45px; height:45px; }
  .topnav { gap:6px; }
  .topnav>a { padding:8px 5px; }
  .sound-toggle { width:34px; height:34px; }
  .home-main { width:calc(100% - 28px); padding:38px 0 22px; }
  .hero-copy { margin-bottom:22px; }
  h1 { font-size:clamp(29px,7.6vw,38px); line-height:1.18; margin-bottom:10px; }
  .subtitle { font-size:13px; color:#dbe5e7; }
  .search-box { height:68px; border-radius:9px; }
  .search-icon { width:23px; height:23px; margin-left:17px; }
  .search-box input { font-size:17px; padding-inline:13px; }
  .search-helper { font-size:10px; margin-top:10px; }
  .dynamic-zone { margin-top:27px; }
  .collection-heading { min-height:29px; margin-bottom:11px; }
  .collection-heading h2 { font-size:19px; }
  .carousel-controls { gap:3px; }
  .carousel-controls button { width:32px; height:32px; border-radius:8px; }
  .carousel-controls .rotation-toggle { display:none; }
  .carousel-controls .collection-count { width:39px; font-size:9px; }
  .collection-tabs { gap:7px; margin-bottom:14px; padding:3px 0 10px; scrollbar-width:none; }
  .collection-tabs::-webkit-scrollbar { display:none; }
  .collection-tab { min-height:34px; padding:0 12px; border:1px solid #dbe8e43a; border-radius:999px; background:#1a303a70; font-size:11px; }
  .collection-tab[aria-pressed='true'] { border-color:#ecd18c; background:#d7c18d24; }
  .collection-tab[data-group='creator'][aria-pressed='true'] { border-color:#ebaec5; background:#eaa8c323; }
  .hot-section { max-height:none; }
  .hot-section.is-collapsed { max-height:0!important; }
  .hot-list:not(.creator-grid) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; overflow:visible; padding:0; margin:0; scroll-snap-type:none; }
  .hot-person { width:auto; min-width:0; height:214px; flex:none; border-radius:8px; }
  .hot-person .portrait-frame { top:15px; width:min(112px,76%); height:min(112px,76%); }
  .hot-person .portrait-frame .player-portrait { width:100%; height:100%; }
  .hot-person::before { height:61px; border-radius:0 0 7px 7px; }
  .hot-person::after { right:10px; bottom:12px; font-size:13px; }
  .hot-person-name { left:9px; right:8px; bottom:27px; gap:5px; font-size:14px; line-height:20px; }
  .name-team-mark { flex-basis:20px; width:20px; height:20px; border-radius:4px; }
  .name-team-mark img { width:16px; height:16px; }
  .hot-person-team { left:34px; bottom:10px; max-width:calc(100% - 44px); font-size:8px; }
  .hot-person-achievement { display:none; }
  .hot-person[data-category='public'] { height:214px; flex-basis:auto; }
  .hot-person[data-category='public']::before { height:61px; }
  .hot-person[data-category='public'] .portrait-frame { top:15px; width:min(108px,74%); height:min(108px,74%); }
  .hot-person[data-category='public'] .hot-person-name { left:9px; bottom:27px; font-size:14px; }
  .hot-person[data-category='public'] .hot-person-team { left:34px; bottom:10px; }
  .creator-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .creator-grid .hot-person { height:76px; min-height:0; padding:9px; border-radius:8px; gap:9px; }
  .creator-grid .creator-avatar { flex-basis:40px; width:40px; height:40px; }
  .creator-grid .creator-name { font-size:12px; }
  .creator-grid .creator-platform { font-size:9px; }
  .creator-grid .hot-person::after { right:8px; bottom:11px; }
  .site-footer { margin-top:18px; padding:12px 14px max(16px,env(safe-area-inset-bottom)); font-size:10px; }
  .footer-author-link { min-height:38px; }
  .footer-version b { font-size:10px; }
}

@media(max-width:370px) {
  .topbar-inner { padding-inline:11px; }
  .brand { width:42px; height:42px; flex-basis:42px; }
  .brand-mark { width:42px; height:42px; }
  .home-main { width:calc(100% - 24px); padding-top:32px; }
  h1 { font-size:28px; }
  .search-box { height:64px; }
  .search-box input { font-size:16px; }
  .hot-person { height:202px; }
  .hot-person .portrait-frame { width:100px; height:100px; }
  .hot-person[data-category='public'] { height:202px; }
  .hot-person[data-category='public'] .portrait-frame { width:96px; height:96px; }
  .hot-person-name { font-size:13px; }
  .creator-grid .hot-person { height:72px; padding:8px; gap:7px; }
  .creator-grid .creator-avatar { flex-basis:36px; width:36px; height:36px; }
  .creator-grid .creator-name { font-size:11px; }
}

/* Leave room for Toy's fixed comment bar so the last row remains reachable. */
@media(max-width:700px) {
  .home-main { padding-bottom:calc(46px + env(safe-area-inset-bottom)); }
  .site-footer { padding-bottom:max(86px,env(safe-area-inset-bottom)); }
  .site-shell { min-height:100svh; min-height:100dvh; }
  .hot-list, .collection-tabs { -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; }
  .hot-list::-webkit-scrollbar, .collection-tabs::-webkit-scrollbar { display:none; }
}
@media(max-width:420px) {
  .toy-login-button { width:34px; padding-inline:0; }
  .toy-login-button #toy-login-label { display:none; }
}

@media(max-width:700px) {
  /* The sheet reads as a focused app surface above the blurred home screen. */
  .detail-panel { background:#263941; backdrop-filter:none; box-shadow:0 -14px 60px #061019b8, inset 0 1px #dce9e51c; }
  .inspect-content { background:#344b54; }
  .profile-overview { background:linear-gradient(135deg,#3e5962,#2f454f); }
  .inspect-info.profile-actions { background:#2e444d; }
  .inspect-footer { background:#243a43; }
}

/* V27 team accents keep the new roster filters visually distinct. */
[data-team='aurora'] { --team-rgb: 164,126,255; }
[data-team='furia'] { --team-rgb: 255,117,74; }
[data-team='100-thieves'] { --team-rgb: 232,78,91; }

@media(max-width:700px) {
  /* Keep the compact Toy header visible while the content feed scrolls. */
  html, body { overflow-x:clip; }
  .site-shell { overflow:visible; }
}



/* V68.1 modern directory search: compact index cards, clear hierarchy, touch-first. */
.results-section.is-active {
  margin-top: 22px;
  padding: 14px;
  border: 1px solid rgba(185, 208, 215, .18);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(12, 27, 37, .78), rgba(10, 20, 29, .52));
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 16px 36px rgba(2, 11, 18, .18);
}
.results-section.is-active .section-heading { margin: 0 2px 11px; min-height: 24px; }
.results-section.is-active .section-heading h2 { font-size: 14px; letter-spacing: .01em; color: #edf4f4; }
.results-section.is-active .section-heading > span { padding: 4px 9px; border: 1px solid rgba(205, 219, 218, .18); border-radius: 999px; background: rgba(212, 226, 224, .07); color: #b8c9ca; font-size: 10px; }
.results-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.result-card {
  position: relative;
  grid-template-columns: 58px minmax(0, 1fr) 18px;
  gap: 12px;
  min-height: 86px;
  padding: 11px 12px;
  border: 1px solid rgba(184, 207, 216, .18);
  border-left: 1px solid rgba(var(--team-rgb), .72);
  border-bottom: 1px solid rgba(184, 207, 216, .14);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(34, 50, 61, .95), rgba(18, 31, 41, .88));
  box-shadow: inset 0 1px rgba(255,255,255,.055), 0 7px 17px rgba(0,0,0,.1);
  overflow: hidden;
  isolation: isolate;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}
.result-card::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: rgb(var(--team-rgb));
  opacity: .72;
  z-index: -1;
}
.result-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, rgba(255,255,255,.07), transparent 34%, transparent 72%, rgba(var(--team-rgb), .08));
  pointer-events: none;
  z-index: -1;
}
.result-card:hover,
.result-card:focus-visible {
  border-color: rgba(var(--team-rgb), .82);
  background: linear-gradient(135deg, rgba(43, 65, 77, .98), rgba(19, 34, 45, .94));
  box-shadow: inset 0 1px rgba(255,255,255,.09), 0 10px 22px rgba(0,0,0,.18), 0 0 0 1px rgba(var(--team-rgb), .12);
  transform: translateY(-2px);
}
.result-card:focus-visible { outline: 2px solid rgba(242, 215, 145, .9); outline-offset: 2px; }
.result-avatar-shell { width: 58px; height: 58px; border: 1px solid rgba(215, 231, 230, .18); border-radius: 12px; background: linear-gradient(145deg, rgba(9, 20, 29, .86), rgba(61, 83, 90, .55)); box-shadow: inset 0 1px rgba(255,255,255,.08); }
.result-avatar { width: 58px; height: 58px; object-fit: cover; border-radius: 10px; }
.result-main { min-width: 0; padding-top: 1px; }
.result-name { min-width: 0; gap: 7px; margin-bottom: 5px; color: #f3f7f5; font: 650 16px/1.25 var(--sans, system-ui, sans-serif); letter-spacing: -.01em; }
.result-name > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.result-name .name-team-mark { flex: 0 0 21px; width: 21px; height: 21px; padding: 2px; border-radius: 6px; background: rgba(227, 237, 232, .1); }
.result-name .name-team-mark img { width: 17px; height: 17px; object-fit: contain; }
.result-meta { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #b5c7ca; font-size: 11px; line-height: 1.35; }
.result-alias { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 4px; color: #8fa6ab; font-size: 10px; line-height: 1.3; }
.result-arrow { align-self: center; color: #d9c68f; font-size: 18px; transition: transform 180ms ease, color 180ms ease; }
.result-card:hover .result-arrow, .result-card:focus-visible .result-arrow { color: #f3d98f; transform: translateX(2px); }
@media (max-width: 760px) {
  .results-section.is-active { margin-top: 18px; padding: 10px; border-radius: 15px; }
  .results-list { grid-template-columns: 1fr; gap: 8px; }
  .result-card { grid-template-columns: 52px minmax(0,1fr) 17px; min-height: 74px; padding: 9px 10px; gap: 10px; border-radius: 12px; }
  .result-avatar-shell, .result-avatar { width: 52px; height: 52px; border-radius: 10px; }
  .result-name { font-size: 14px; margin-bottom: 3px; }
  .result-name .name-team-mark { flex-basis: 19px; width: 19px; height: 19px; }
  .result-name .name-team-mark img { width: 15px; height: 15px; }
  .result-meta { font-size: 10px; }
  .result-alias { margin-top: 3px; font-size: 9px; }
  .result-arrow { font-size: 16px; }
}
@media (max-width: 380px) {
  .results-section.is-active { padding: 8px; }
  .result-card { grid-template-columns: 48px minmax(0,1fr) 16px; min-height: 70px; padding: 8px; }
  .result-avatar-shell, .result-avatar { width: 48px; height: 48px; }
}

/* toy.css */
/* V27 — Bilibili Toy account and compact ranking dialog. */
body.toy-dialog-open { overflow:hidden; }
.topnav { gap:12px; }
.toy-nav-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; height:36px; padding:0 10px; border:1px solid #c9d8dd2d; border-radius:1px; background:#afc6d008; color:#dce4e4; font-size:11px; white-space:nowrap; }
.toy-nav-button:hover { border-color:#e9d38a85; background:#e9d38a0d; }
.toy-nav-button svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.toy-nav-button img { flex:0 0 auto; width:20px; height:20px; object-fit:cover; }
.toy-login-button { border-color:#edbdcf45; }
.toy-login-button:hover { border-color:#edbdcfb3; background:#edbdcf0b; }
.toy-nav-button .toy-user-avatar { width:24px; height:24px; border-radius:50%; }
#toy-login-label { display:block; max-width:100px; overflow:hidden; text-overflow:ellipsis; }
.toy-nav-button[hidden],.toy-nav-button [hidden],.toy-dialog [hidden] { display:none!important; }
.toy-notice { margin:0 0 20px; padding:10px 13px; border-left:2px solid var(--gold); background:#17282bcc; color:#d7e1de; font-size:12px; line-height:1.6; }
.toy-notice:empty { display:none; }

.toy-dialog { width:min(560px,calc(100vw - 40px)); max-width:none; max-height:calc(100dvh - 48px); margin:auto; padding:0; overflow:auto; border:1px solid #afbebd67; border-radius:3px; background:linear-gradient(135deg,#39464b,#29373e); color:var(--ink); box-shadow:0 28px 100px #05090da8; scrollbar-width:thin; scrollbar-color:#93a6a851 transparent; }
.toy-dialog::backdrop { background:#101b24b8; backdrop-filter:blur(5px); }
.toy-dialog-header { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:22px 24px 19px; background:#a8bcb405; border-bottom:1px solid #c6d4d121; }
.toy-dialog-eyebrow { margin:0 0 7px; color:#a6b9bd; font:9px var(--mono); letter-spacing:.14em; }
.toy-dialog-header h2 { margin:0; color:#f1f1e5; font-size:23px; font-weight:650; letter-spacing:.02em; }
.toy-icon-button { display:grid; place-items:center; flex:0 0 auto; width:34px; height:34px; padding:0; border:1px solid #c9d8dd32; border-radius:1px; background:#13252c36; color:#d0dbd9; }
.toy-icon-button svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; }
.toy-icon-button:hover { color:var(--gold); border-color:#e9d38a94; }
.toy-rank-panel { padding:20px 24px 22px; }
.toy-panel-description { margin:0 0 15px; color:#b6c7c9; font-size:12px; line-height:1.7; }
.toy-status { margin:0; color:#c9d7d3; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.toy-status:empty { display:none; }
.toy-rank-panel>.toy-status:not(:empty) { margin-bottom:12px; }
.toy-rank-list { display:grid; gap:6px; margin:0; padding:0; list-style:none; }
.rank-row { display:grid; grid-template-columns:24px 38px minmax(0,1fr) auto; align-items:center; gap:11px; width:100%; min-height:62px; padding:9px 12px; border:1px solid #c6d4d119; border-radius:1px; background:#acbdba09; color:#e4ebdf; text-align:left; }
button.rank-row { transition:background var(--ease),border-color var(--ease); }
button.rank-row:hover { border-color:#ddca8766; background:#d1c59b13; }
.rank-position { color:#aebdbb; font:12px var(--mono); font-variant-numeric:tabular-nums; }
.toy-rank-list>li:first-child .rank-position,.toy-rank-list>.rank-row:first-child .rank-position { color:var(--gold); }
.rank-avatar { width:38px; height:38px; border-radius:50%; object-fit:cover; background:#16232c55; }
.rank-copy { min-width:0; }
.rank-name { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#f0f0e7; font-size:13px; font-weight:600; }
.rank-meta { display:block; margin-top:4px; color:#9fafb2; font-size:10px; line-height:1.35; }
.rank-score { color:#d9ddca; font:12px var(--mono); font-variant-numeric:tabular-nums; white-space:nowrap; }
.toy-rank-list .history-row { grid-template-columns:38px minmax(0,1fr) auto; border-radius:5px; }
.history-row .rank-score { color:#96a5ae; font-size:11px; }
.toy-dialog-header { position:sticky; top:0; z-index:2; background:#20272f; }
.toy-empty { margin:0; padding:34px 18px; border:1px dashed #c5d7d523; color:#a5b9bd; text-align:center; font-size:12px; line-height:1.8; }
.toy-rank-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:-1px 0 12px; }
#toy-rank-note { color:#9cb1b8; font-size:11px; }
.toy-text-button { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:32px; padding:3px 7px; border:0; border-radius:1px; background:transparent; color:#c6d3d2; font-size:11px; }
.toy-text-button svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.toy-text-button:hover { color:var(--gold); background:#e9d38a09; }
.toy-rank-participation { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:18px; padding-top:16px; border-top:1px solid #c6d4d124; }
#toy-my-rank { color:#c0cecc; font-size:12px; }
.toy-action-button { min-height:36px; padding:7px 17px; border:1px solid #e9d38aa6; border-radius:1px; background:#e9d38a; color:#293138; font-size:12px; font-weight:600; }
.toy-action-button:hover:not(:disabled) { background:#f2dfa2; }
.toy-action-button:disabled { color:#9caeae; border-color:#b6c7c62c; background:#a6bbb60d; cursor:default; }
.toy-sharing-note { margin:12px 0 0; color:#97adb2; font-size:10px; line-height:1.7; }
.toy-dialog-footer { padding:14px 24px 18px; border-top:1px solid #c6d4d124; background:#17293129; }
.toy-dialog-footer>.toy-status:not(:empty) { margin-bottom:9px; }
.toy-account-actions { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:9px 15px; }
.toy-account-login { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:34px; padding:5px 10px; border:1px solid #edbdcf45; border-radius:1px; background:#edbdcf08; color:#e6bdcd; font-size:12px; }
.toy-account-login:hover { border-color:#edbdcfb3; background:#edbdcf12; }
.toy-account-login img { width:19px; height:19px; }
.toy-dialog button:focus-visible,.toy-nav-button:focus-visible { outline:2px solid var(--gold); outline-offset:3px; }
.toy-dialog button:disabled { cursor:default; }

@media(max-width:1060px) { .header-cs2-logo { display:none; } }
@media(max-width:700px) {
  .topbar-inner { padding-inline:16px; gap:8px; }
  .topnav { gap:8px; }
  .toy-nav-button { padding-inline:8px; height:34px; gap:5px; }
  .topnav .feedback-full,.topnav .feedback-arrow { display:none; }
  .topnav .sound-toggle { width:32px; flex:0 0 32px; }
  #toy-login-label { max-width:72px; }
  .toy-dialog { width:100%; max-height:88dvh; margin:auto 0 0; border-radius:8px 8px 0 0; border-bottom:0; }
  .toy-dialog-header { padding:19px 20px 16px; }
  .toy-rank-panel { padding:18px 20px 22px; }
  .toy-dialog-footer { padding:14px 20px max(18px,env(safe-area-inset-bottom)); }
  .toy-empty { padding:30px 15px; }
}
@media(max-width:420px) {
  #toy-rank-open { width:32px; padding:0; }
  .toy-rank-label { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  #toy-login-label { max-width:60px; }
  .toy-login-button { max-width:99px; }
  .rank-row { grid-template-columns:18px 34px minmax(0,1fr) auto; gap:8px; padding-inline:9px; }
  .rank-avatar { width:34px; height:34px; }
  .rank-name { font-size:12px; }
  .rank-score { font-size:11px; }
}



/* card-frames.css */
/* Perimeter-only decoration. All continuous movement uses opacity/transform. */
.spotlight-frame {
  --frame-color: 114, 223, 232;
  position:absolute; inset:0; z-index:5; border-radius:inherit;
  border:1px solid rgba(var(--frame-color),.62);
  box-shadow:inset 0 0 9px rgba(var(--frame-color),.06);
  pointer-events:none; opacity:0; transition:opacity 460ms ease;
}
[data-frame-active='true'] > .spotlight-frame { opacity:1; }
.spotlight-frame * { position:absolute; display:block; pointer-events:none; }
.frame-track { inset:-1px; border-radius:inherit; overflow:hidden; padding:1.5px; -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask-composite:exclude; }
.frame-track::before,.frame-track::after { content:''; position:absolute; width:42%; height:100%; top:0; left:0; background:linear-gradient(100deg,transparent,rgba(var(--frame-color),.25) 22%,rgb(var(--frame-color)) 60%,#eefeff 76%,transparent); transform:translateX(-105%); animation:frame-travel 5.8s linear infinite; animation-delay:var(--frame-phase,0s); }
.frame-track::after { animation-direction:reverse; animation-delay:calc(var(--frame-phase,0s) - 2.9s); opacity:.6; }
.frame-corner { width:13px; height:13px; border:solid rgb(var(--frame-color)); border-width:2px 0 0 2px; border-radius:4px 0 0; opacity:.75; top:0; left:0; }
.frame-corner:nth-child(3) { left:auto; right:0; transform:rotate(90deg); }
.frame-corner:nth-child(4) { top:auto; bottom:0; left:auto; right:0; transform:rotate(180deg); }
.frame-corner:nth-child(5) { top:auto; bottom:0; transform:rotate(270deg); }
[data-frame-style='trace'] .frame-corner { width:8px; height:8px; opacity:.5; }
[data-frame-style='beacon'] > .spotlight-frame { --frame-color:244,199,123; border-color:rgba(var(--frame-color),.27); }
[data-frame-style='beacon'] .frame-track { display:none; }
[data-frame-style='beacon'] .frame-corner { width:17px; height:17px; animation:frame-beacon 4.8s ease-in-out infinite; animation-delay:var(--frame-phase,0s); }
[data-frame-style='beacon'] .frame-corner:nth-child(3),[data-frame-style='beacon'] .frame-corner:nth-child(5) { width:7px; height:7px; animation-delay:calc(var(--frame-phase,0s) - 2.4s); }
[data-frame-style='prism'] > .spotlight-frame { --frame-color:196,166,241; border-color:#caa9e557; }
[data-frame-style='prism'] .frame-track::before { width:75%; background:linear-gradient(105deg,transparent,#84eee7 28%,#d7c7fc 55%,#f2acd1 75%,transparent); animation-duration:7.6s; }
[data-frame-style='prism'] .frame-track::after { display:none; }
[data-frame-style='prism'] .frame-corner { width:7px; height:7px; opacity:.55; }
/* Keep the native, high contrast keyboard ring and never cover a name/avatar. */
.hot-person:focus-visible > .spotlight-frame { opacity:.25; }
.hot-person:not([data-frame-active='true']) .spotlight-frame *,
.hot-person:not([data-frame-active='true']) .spotlight-frame *::before,
.hot-person:not([data-frame-active='true']) .spotlight-frame *::after,
.hot-person:not(.frame-in-view) .spotlight-frame *,
.hot-person:not(.frame-in-view) .spotlight-frame *::before,
.hot-person:not(.frame-in-view) .spotlight-frame *::after,
.frames-paused .spotlight-frame *, .frames-paused .spotlight-frame *::before, .frames-paused .spotlight-frame *::after { animation-play-state:paused; }
@keyframes frame-travel { from { transform:translateX(-105%); } to { transform:translateX(340%); } }
@keyframes frame-beacon { 0%,100% { opacity:.35; } 50% { opacity:.95; } }
@supports not ((mask-composite:exclude) or (-webkit-mask-composite:xor)) { .frame-track { display:none; } }
@media(prefers-reduced-motion:reduce) {
  .spotlight-frame { transition:none!important; }
  .spotlight-frame *,.spotlight-frame *::before,.spotlight-frame *::after { animation:none!important; }
  .frame-track::before { transform:translateX(90%); opacity:.6; }
  .frame-track::after { display:none; }
}

/* navigation.css */
/* V31: visible destinations, followed by readable team filters. */
.search-footnote { gap:18px; margin-top:14px; }
.search-footnote .search-helper { color:#d0dce0; font-size:12px; line-height:1.6; }
.directory-nav { flex-shrink:0; }
.directory-nav .public-entry {
  display:flex; align-items:center; gap:12px; min-height:70px; padding:12px 16px;
  border:1px solid #e5ca857a; border-left:3px solid #eed48c; border-radius:6px;
  background:linear-gradient(115deg,#314550f5,#334b57ee); color:#f4e4b3;
  box-shadow:inset 0 1px #fff4c614,0 5px 15px #0d21252b; text-align:left;
  transition:background 160ms ease,border-color 160ms ease;
}
.directory-nav .public-entry:hover { border-color:#eed48c; background:linear-gradient(115deg,#405660,#3d5662); }
.public-entry:focus-visible { outline:2px solid #fff0bd; outline-offset:4px; }
.public-entry .entry-symbol { display:grid; place-items:center; width:34px; height:34px; color:#eed48c; background:#ead29112; border-radius:50%; }
.public-entry svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.public-entry .entry-copy { display:flex; flex-direction:column; gap:5px; }
.public-entry .entry-copy strong { font-size:17px; font-weight:650; line-height:1.3; color:#fff0c1; }
.public-entry .entry-copy small { font-size:11px; color:#c5d1d5; letter-spacing:.03em; }
.public-entry .entry-portraits { display:flex; padding-left:6px; margin-left:6px; }
.entry-portraits img { flex:none; width:32px; height:32px; margin-left:-7px; border:2px solid #334b57; border-radius:50%; object-fit:cover; background:#6a818d; }
.public-entry .entry-chevron { width:18px; height:18px; color:#ecd596; margin-left:auto; }
.collection-heading { min-height:42px; margin-bottom:14px; }
.collection-heading h2 { font-size:23px; }
.carousel-controls { gap:6px; }
.carousel-controls button { width:40px; height:40px; border-radius:5px; font-size:22px; background:#203843d9; border-color:#b5cbd342; }
.carousel-controls .collection-count { width:58px; text-align:center; font-size:12px; color:#e3ebed; }
.carousel-controls .rotation-toggle { font-size:14px; }
.hot-section:not(.is-collapsed) { max-height:none; }
.collection-tabs { display:block; overflow:visible; margin:0 0 20px; padding:0; border:0; }
.directory-filters { display:flex; align-items:stretch; gap:8px; margin-bottom:14px; }
.collection-tab { min-height:44px; gap:8px; padding:0 15px; border:1px solid #acc5d04d; border-radius:5px; background:#213944dc; color:#e1eaed; font:600 14px/1.2 var(--sans, sans-serif); }
.collection-tab img { flex:none; width:24px; height:24px; }
.directory-filters .collection-tab { min-width:135px; }
.directory-filters .collection-tab:first-child { min-width:116px; }
.collection-tab[aria-pressed='true'] { color:#fff0c2; border-color:#eace8fa6; background:#84794ce0; box-shadow:inset 0 -2px #efd28b; }
.collection-tab:not([aria-pressed='true']):hover { color:#fff; background:#3c5560; border-color:#bacecf94; }
.collection-tab:focus-visible { outline:2px solid #ffe5a2; outline-offset:3px; }
.collection-tab[data-group='creator'][aria-pressed='true'] { color:#ffe2ed; background:#73566aee; border-color:#edb0cc; box-shadow:inset 0 -2px #ecb3cc; }
.collection-tab[data-group='overseas'][aria-pressed='true'] { color:#ffe5df; background:#73474aee; border-color:#fbada5; box-shadow:inset 0 -2px #ffa498; }
.collection-tab .filter-count { display:grid; place-items:center; min-width:22px; height:21px; padding:0 4px; color:#d7e0e3; background:#afc2cc1a; border-radius:4px; font-size:11px; }
.team-filter-section { padding:12px; border:1px solid #b9cdd42e; border-radius:6px; background:#152b369c; }
.team-filter-label { display:block; margin:0 0 10px; color:#b9cdd5; font-size:11px; letter-spacing:.1em; }
.team-filters { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
.team-filters .collection-tab { min-width:0; min-height:42px; padding:0 10px; gap:7px; justify-content:flex-start; font-size:13px; background:#2c4350dc; }
.team-filters .collection-tab[aria-pressed='true'] { background:#776e4de8; }
.team-filters .collection-tab img { width:22px; height:22px; }
.team-short-name { display:none; }
.category-empty { border-radius:6px; }
.hot-section[data-active-group='overseas'] .category-empty { border-color:#fd81765e; border-bottom-color:#ff8179; background:linear-gradient(120deg,#263e4af5,#3f3e49ef); }
.hot-section[data-active-group='overseas'] .category-kicker { color:#ffb4ab; }
.category-empty-copy { max-width:80%; }
.category-empty p { color:#d0dade; font-size:14px; }
.category-empty button { min-height:44px; font-size:13px; color:#f0d3bf; }
.category-empty .pending-note { color:#b9cbd2; font-size:12px; }
.hot-person[data-category='overseas'],.result-card[data-category='overseas'] { --team-rgb:255,135,124; }
.creator-grid .hot-person[data-category='overseas'] .creator-avatar { border-color:#ff9f9766; }
.creator-grid .hot-person[data-category='overseas']::after { color:#ffb4ab; }

/* Background picker: compact on desktop and a full-width sheet on mobile. */
.scene-picker-toggle { height:36px; display:flex; align-items:center; gap:6px; padding:0 10px; color:#d9e6e8; border:1px solid #c9d8dd2d; border-radius:5px; background:#afc6d008; font:600 11px/1 var(--sans, sans-serif); transition:background 180ms,border-color 180ms,color 180ms; }
.scene-picker-toggle svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.scene-picker-toggle:hover,.scene-picker-toggle[aria-expanded='true'] { color:#fff1bc; border-color:#efd18d99; background:#efd18d16; }
.scene-picker { position:absolute; z-index:90; top:calc(100% + 10px); right:48px; width:min(420px,calc(100vw - 28px)); padding:16px; color:#dfe9ea; border:1px solid #b7d0d744; border-radius:10px; background:linear-gradient(150deg,#132833f8,#17222bf6 75%,#182b35f7); box-shadow:0 18px 50px #04111dcc,inset 0 1px #ffffff13; backdrop-filter:blur(22px) saturate(1.2); }
.scene-picker[hidden] { display:none; }
.scene-picker-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding-bottom:12px; border-bottom:1px solid #c7d6d51d; }
.scene-picker-head > div { display:flex; flex-direction:column; gap:4px; }
.scene-picker-kicker { color:#91c4cc; font-size:9px; letter-spacing:.14em; }
.scene-picker-head strong { color:#f5e4b2; font-size:16px; }
.scene-picker-close { width:28px; height:28px; display:grid; place-items:center; color:#c5d4d6; border:1px solid #c8d8db38; border-radius:5px; background:#ffffff08; font-size:20px; line-height:1; }
.scene-picker-close:hover { color:#fff; border-color:#ecd09199; background:#ecd09118; }
.scene-picker-groups { display:grid; gap:14px; padding:14px 0 6px; }
.scene-picker-group h3 { margin:0 0 8px; color:#a9c8ce; font-size:11px; font-weight:700; letter-spacing:.1em; }
.scene-picker-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }
.scene-picker-option { min-width:0; display:flex; align-items:center; gap:7px; padding:6px; color:#cedbdd; border:1px solid #bdd1d328; border-radius:6px; background:#0b1923b8; font:600 11px/1.2 var(--sans, sans-serif); text-align:left; transition:background 160ms,border-color 160ms,color 160ms,transform 160ms; }
.scene-picker-option:hover { color:#fff; border-color:#e3c87c99; background:#223c49e8; transform:translateY(-1px); }
.scene-picker-option.is-selected { color:#fff0bf; border-color:#eace8fb5; background:#735f338c; box-shadow:inset 0 -2px #f0d58f; }
.scene-picker-option:focus-visible,.scene-picker-close:focus-visible,.scene-picker-toggle:focus-visible { outline:2px solid #ffe4a0; outline-offset:2px; }
.scene-picker-thumb { flex:0 0 29px; width:29px; height:24px; border-radius:3px; background-image:linear-gradient(140deg,#29465366,#07131f66),var(--scene-image); background-size:cover; background-position:center; box-shadow:inset 0 0 0 1px #ffffff18; }
.scene-picker-note { margin:3px 0 0; color:#82989e; font-size:10px; line-height:1.5; }

@media (max-width:700px) {
  .home-main { padding-top:30px; }
  .search-footnote { flex-wrap:wrap; gap:11px; margin-top:10px; }
  .search-footnote .search-helper { max-width:none; width:100%; font-size:11px; }
  .directory-nav { width:100%; }
  .directory-nav .public-entry { width:100%; min-height:66px; gap:11px; padding:10px 12px; }
  .public-entry .entry-copy strong { font-size:17px; }
  .public-entry .entry-portraits { margin-left:auto; }
  .public-entry .entry-chevron { margin-left:0; }
  .public-entry[aria-pressed='true'] .entry-chevron { margin-left:auto; }
  .dynamic-zone { margin-top:24px; }
  .collection-heading { min-height:40px; margin-bottom:12px; }
  .collection-heading h2 { font-size:21px; }
  .carousel-controls { gap:4px; }
  .carousel-controls button { width:40px; height:40px; }
  .carousel-controls .collection-count { width:45px; font-size:11px; }
  .collection-tabs { margin-bottom:16px; }
  .directory-filters { display:grid; grid-template-columns:.8fr 1.15fr 1.15fr; gap:6px; margin-bottom:10px; }
  .directory-filters .collection-tab,.directory-filters .collection-tab:first-child { min-width:0; min-height:46px; padding:0 5px; gap:5px; font-size:12px; }
  .directory-filters .collection-tab img { width:19px; height:19px; }
  .directory-filters .filter-count { display:none; }
  .team-filter-section { padding:10px; }
  .team-filter-label { margin-bottom:8px; font-size:10px; }
  .team-filters { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
  .team-filters .collection-tab { min-height:40px; padding:0 7px; font-size:12px; gap:6px; border-radius:5px; }
  .team-filters .collection-tab img { width:21px; height:21px; }
  .team-full-name { display:none; }
  .team-short-name { display:inline; }
  .category-empty { min-height:232px; padding:24px 20px; }
  .category-empty-copy { max-width:100%; }
  .category-empty h3 { font-size:21px; }
  .category-empty p { font-size:13px; }
}
@media (max-width:360px) {
  .public-entry .entry-portraits img { width:28px; height:28px; }
  .directory-nav .public-entry { gap:9px; }
  .public-entry .entry-symbol { width:29px; height:29px; }
  .directory-filters .collection-tab { font-size:11px; gap:4px; }
  .team-filters .collection-tab { padding:0 5px; font-size:11px; gap:4px; }
  .team-filters .collection-tab img { width:18px; height:18px; }
}
@media (prefers-reduced-motion:reduce) {
  .directory-nav .public-entry { transition:none; }
}

@media (max-width:700px) {
  .scene-picker-toggle { width:34px; height:34px; padding:0; justify-content:center; border-color:transparent; background:transparent; }
  .scene-picker-toggle span { display:none; }
  .scene-picker-toggle svg { width:20px; height:20px; }
  .scene-picker { position:fixed; top:58px; right:10px; width:min(380px,calc(100vw - 20px)); max-height:calc(100dvh - 72px); overflow:auto; padding:14px; border-radius:9px; }
  .scene-picker-options { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
  .scene-picker-option { min-height:38px; padding:5px; font-size:10px; }
  .scene-picker-thumb { flex-basis:24px; width:24px; height:22px; }
}

@media (prefers-reduced-motion:reduce) {
  .scene-picker-option { transition:none; }
}

/* data-ui.css */
/* V35 — a quiet directory surface. Map imagery supplies the CS2 setting. */
:root { --gold:#e7a46c; --ink:#f2f3f4; --muted:#aeb5bd; --line:#ffffff18; --panel:#20252b; }
body { background:#171c21; }
.scene-layer { filter:saturate(.62) brightness(.78); }
.scene-shade { background:linear-gradient(90deg,#12171db3,#12171d66 50%,#12171d99),linear-gradient(180deg,#141a2059 0%,#171c21b8 65%,#171c21 100%); }
.topbar { background:#171c21ed; border-bottom:1px solid #ffffff12; backdrop-filter:none; }
.header-cs2-logo { opacity:.52; }
.topnav { gap:15px; color:#b9c0c7; }
.topnav .sound-toggle,.topnav .toy-nav-button { background:transparent; border-color:#ffffff20; border-radius:5px; }
.topnav .sound-toggle:hover,.topnav .toy-nav-button:hover { background:#ffffff08; border-color:#ffffff45; }
.home-main { padding-top:clamp(40px,7vh,84px); }
.hero-copy { text-shadow:none; margin-bottom:26px; }
h1 { font-size:clamp(32px,3.2vw,43px); letter-spacing:-.035em; }
.subtitle { color:#c1c8cf; font-size:14px; }

/* The input is the brightest element; no blur, sheen or animated fill. */
.search-box { height:78px; padding:8px; border:1px solid #ffffff; border-radius:8px; background:#f4f5f6; backdrop-filter:none; box-shadow:0 4px 16px #00000022; color-scheme:light; }
.search-box:hover { background:#fff; border-color:#fff; }
.search-box:focus-within { background:#fff; border-color:#ec9b58; box-shadow:0 0 0 3px #e9a36b38,0 6px 20px #00000024; }
.search-icon { width:23px; height:23px; margin-left:15px; stroke:#5d6873; stroke-width:1.6; }
.search-box input { padding:0 18px; font-size:20px; font-weight:500; color:#20272f; caret-color:#c96720; }
.search-box input::placeholder { color:#6d7781; font-weight:400; }
.search-submit { display:flex; align-items:center; justify-content:center; gap:13px; flex:0 0 112px; align-self:stretch; padding:0 20px; border:1px solid #de894a; border-radius:5px; color:#24180f; background:#eea368; font-size:15px; font-weight:650; transition:background 150ms ease; }
.search-submit svg { width:19px; height:19px; stroke:currentColor; stroke-width:1.6; fill:none; }
.search-submit:hover { background:#f6b582; }
.search-submit:active { background:#df9258; }
.search-submit:focus-visible { outline:2px solid #73360b; outline-offset:-5px; }
.search-footnote { align-items:center; margin-top:14px; gap:16px; }
.search-footnote .search-helper { color:#aeb9c4; font-size:11px; }
.directory-nav .public-entry { min-height:58px; padding:10px 13px; gap:10px; border:1px solid #ffffff2b; border-radius:6px; background:#20272ef2; box-shadow:none; }
.directory-nav .public-entry:hover { background:#2b323a; border-color:#b9c3cb80; }
.public-entry .entry-symbol { background:transparent; color:#e7a46c; width:27px; height:27px; }
.public-entry .entry-copy strong { color:#f0f2f4; font-size:15px; }
.public-entry .entry-copy small { color:#a8b1ba; font-size:10px; }
.public-entry .entry-portraits { margin-left:8px; }
.entry-portraits img { width:28px; height:28px; border-color:#252b32; background:#343c43; }
.public-entry .entry-chevron { color:#adb5bd; }

/* Browsing is grouped through spacing and type, not multiple nested panels. */
.dynamic-zone { margin-top:28px; }
.collection-heading { margin-bottom:13px; }
.collection-heading h2 { font-size:21px; letter-spacing:0; }
.carousel-controls { gap:5px; }
.carousel-controls button { width:34px; height:34px; border-radius:4px; background:#1e252b; border-color:#ffffff22; }
.carousel-controls button:hover { background:#353c44; border-color:#ffffff42; }
.carousel-controls .collection-count { color:#acb6bf; font-size:11px; }
.directory-filters { gap:7px; margin-bottom:15px; border-bottom:1px solid #ffffff20; }
.directory-filters .collection-tab { min-height:45px; margin-bottom:-1px; border:0; border-bottom:2px solid transparent; border-radius:0; background:transparent; color:#acb6c0; padding:0 15px; }
.directory-filters .collection-tab[aria-pressed='true'] { background:transparent; border-color:#e7a46c; box-shadow:none; color:#fff; }
.directory-filters .collection-tab[data-group='creator'][aria-pressed='true'] { border-color:#e39bb7; }
.directory-filters .collection-tab[data-group='overseas'][aria-pressed='true'] { border-color:#f18d83; }
.directory-filters .collection-tab:not([aria-pressed='true']):hover { background:#ffffff08; color:#fff; }
.collection-tab .filter-count { background:#ffffff0d; color:#b9c1c9; }
.team-filter-section { border:0; border-radius:0; background:none; padding:0; }
.team-filter-label { color:#98a4af; font-size:11px; letter-spacing:0; margin-bottom:9px; }
.team-filters { gap:7px; }
.team-filters .collection-tab { min-height:38px; border:1px solid #ffffff18; background:#20272edf; color:#c6cdd4; box-shadow:none; border-radius:4px; font-size:12px; font-weight:500; }
.team-filters .collection-tab[aria-pressed='true'] { border-color:#e7a46c96; background:#392e25; color:#f3c7a3; box-shadow:none; }
.team-filters .collection-tab:not([aria-pressed='true']):hover { background:#343b43; border-color:#ffffff40; }
.team-filters .collection-tab img { width:20px; height:20px; }
.collection-tabs { margin-bottom:22px; }
.hot-person { height:228px; background:#272e35; border:1px solid #ffffff24; border-bottom:2px solid rgba(var(--team-rgb),.55); border-radius:6px; backdrop-filter:none; box-shadow:none; }
.hot-person:hover,.hot-person:focus-visible { background:#303840; border-color:#acb7c479; border-bottom-color:rgb(var(--team-rgb)); transform:translateY(-2px); }
.hot-person::before { background:#1d242b; border-top:1px solid #ffffff0e; }
.hot-person .portrait-frame { top:20px; width:120px; height:120px; background:#3b454e; border-color:#ffffff0d; }
.card-atmosphere,.card-sheen { display:none; }
.hot-person .hot-person-team { color:#aab5bf; }
.hot-person .name-team-mark { box-shadow:none; }
.hot-person::after { color:#aeb9c3; }
.creator-grid .hot-person { background:#252c33; border:1px solid #ffffff20; box-shadow:none; }
.creator-grid .hot-person:hover { background:#303840; border-color:#ffffff4d; }
.creator-grid .creator-avatar { border-color:#ffffff20; }
.creator-platform { color:#a6b1bc; }
[data-frame-active='true'] > .spotlight-frame { opacity:.42; }
.hot-person:focus-visible > .spotlight-frame { opacity:.2; }
.result-card { background:#242c33; border:1px solid #ffffff20; border-radius:6px; backdrop-filter:none; min-height:94px; }
.result-card:hover { background:#303943; border-color:#e7a46c99; }
.result-card .result-avatar-shell {
  display:block; flex:none; border:0; border-radius:6px;
  background:#303a43; overflow:hidden;
}
.result-card .result-avatar {
  display:block; width:100%; height:100%; max-width:none;
  object-fit:cover; object-position:center; border:0;
}
/* Landscape photographs need face-aware crops; logos retain their full shape. */
.result-card[data-person-id='cogu'] .result-avatar,
.result-card[data-person-id='potti'] .result-avatar { object-position:66% center; }
.result-card[data-person-id='heaton'] .result-avatar { object-position:80% center; transform:scale(1.55); transform-origin:66% 22%; }
.result-card[data-person-id='lando-norris'] .result-avatar { object-position:center top; }
.result-card[data-person-id='neymar'] .result-avatar { object-position:left center; }
.result-card.uses-team-mark .result-avatar { object-fit:contain; padding:12%; }
.result-meta,.result-alias { color:#acb7c0; }
.empty-state,.category-empty,.hot-section[data-active-group='overseas'] .category-empty { background:#222a32; border:1px solid #ffffff20; backdrop-filter:none; }
.site-footer { color:#919eaa; }

/* A compact profile. One identity block, two primary destinations, quiet metadata. */
.detail-backdrop { background:#0b0e13bd; backdrop-filter:blur(4px); }
.site-shell.is-detail-open { filter:none; }
.detail-panel { width:min(780px,100%); background:#20252b; border:1px solid #ffffff26; border-radius:10px; box-shadow:0 28px 100px #0007; backdrop-filter:none; }
.detail-panel:is([data-category='creator'],[data-category='overseas']) { width:min(680px,100%); }
.inspect-header { height:58px; padding:0 26px; gap:16px; background:#1b2026; border-bottom:1px solid #ffffff12; backdrop-filter:none; }
.inspect-title { align-self:center; height:auto; padding:0; color:#e8ecf0; font-size:13px; border:0; box-shadow:none; }
.inspect-title::after { display:none; }
.inspect-logo { width:88px; opacity:.7; }
.inspect-header-note img { width:27px; height:27px; opacity:.6; }
.inspect-sound,.inspect-close { height:32px; border:1px solid #ffffff1e; border-radius:4px; background:none; color:#bcc4cc; }
.inspect-close:hover,.inspect-sound:hover { background:#ffffff0a; border-color:#ffffff50; }
.inspect-close { width:55px; gap:6px; }
.inspect-close span { font-size:22px; }
.inspect-content { background:#20252b; }
.profile-overview { grid-template-columns:112px minmax(0,1fr); align-items:start; gap:25px; padding:28px 28px 25px; background:none; border-bottom:0; }
.profile-portrait { margin:0; padding:0; align-self:start; }
.profile-portrait .portrait-frame,.detail-panel[data-category='public'] .profile-portrait .portrait-frame { width:112px; height:112px; background:#353e47; border:1px solid #ffffff17; box-shadow:none; }
.profile-role { display:none; }
.profile-eyebrow { margin-bottom:9px; }
.profile-eyebrow .inspect-eyebrow { color:#a0aab5; font:10px/1.5 var(--mono); letter-spacing:.08em; }
#inspect-position { display:none; }
.profile-name-row h2 { color:#f1f3f5; font:700 30px/1.2 'Segoe UI','Microsoft YaHei',sans-serif; letter-spacing:-.02em; }
.profile-overview .detail-alias { color:#aab5c0; font-size:12px; margin-top:7px; }
.creator-meta { color:#aebac5; margin:11px 0 0; font-size:12px; }
.profile-facts { grid-template-columns:1fr 1fr; gap:0 20px; margin-top:17px; }
.profile-facts>div { grid-template-columns:51px minmax(0,1fr); gap:7px; min-height:33px; border-color:#ffffff0d; }
.profile-facts dt { color:#8e9ba7; font-size:11px; }
.profile-facts dd { color:#d2dae1; font-size:12px; }
.profile-facts .detail-team img { width:19px; height:19px; }
.detail-panel:is([data-team='team-spirit'],[data-team='team-vitality']) .detail-team img { padding:2px; border-radius:3px; background:#c5cdd0; }
.profile-overview .detail-bio { color:#b0bbc5; font-size:12px; line-height:1.7; margin-top:14px; }
.detail-panel[data-category='public'] .detail-achievement { background:none; padding:0; border:0; color:#bdc7d1; }
.detail-achievement .achievement-label { color:#c99e7b; }
.inspect-info.profile-actions { padding:0 28px 26px; background:none; }
.inspect-section-label { padding-top:19px; border-top:1px solid #ffffff16; margin-bottom:12px; color:#b2bdc7; font-size:12px; }
.inspect-section-label>span:last-child { color:inherit; font:inherit; letter-spacing:0; }
.profile-actions .primary-links { gap:12px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.steam-accelerator-notice { display:grid; grid-template-columns:20px minmax(0,1fr) 28px; align-items:center; gap:10px; margin:12px 0 0; padding:10px 11px; border:1px solid #e5c16c88; border-radius:6px; background:#192830aa; color:#edf1e5; box-shadow:inset 0 1px #fff2c21a; }
.steam-accelerator-notice[hidden] { display:none; }
.steam-notice-icon { width:19px; height:19px; fill:none; stroke:#f0cb75; stroke-width:1.45; stroke-linecap:round; stroke-linejoin:round; }
.steam-notice-copy { display:flex; min-width:0; flex-direction:column; gap:2px; line-height:1.35; }
.steam-notice-copy strong { color:#f0d890; font-size:12px; font-weight:650; }
.steam-notice-copy small { color:#bdc9c7; font-size:10px; }
.steam-notice-close { display:grid; width:28px; height:28px; place-items:center; padding:0; border:1px solid #ffffff28; border-radius:5px; background:#ffffff08; color:#d4ddda; font-size:20px; line-height:1; cursor:pointer; }
.steam-notice-close:hover { border-color:#f0cb75a8; background:#f0cb7516; color:#f5dc98; }
.steam-notice-close:focus-visible { outline:2px solid #f0cb75; outline-offset:2px; }
.detail-panel .profile-actions .platform-card.profile-link { min-height:88px; padding:18px; display:grid; grid-template-columns:38px minmax(0,1fr) 18px; gap:12px; border:1px solid #ffffff26; border-radius:6px; background:#2a3139; color:#ebeff3; box-shadow:none; }
.detail-panel .profile-actions .platform-card.profile-link:first-child { background:#e7e9ec; border-color:#e7e9ec; color:#20272f; }
.detail-panel .profile-actions .platform-card.profile-link:hover { background:#363e47; border-color:#a6b0ba; transform:none; }
.detail-panel .profile-actions .platform-card.profile-link:first-child:hover { background:#fff; border-color:#fff; }
.detail-panel .profile-actions .platform-card.profile-link:active { transform:translateY(1px); }
.profile-link .platform-icon-shell { width:38px; height:38px; color:#bfcbd6; background:#ffffff08; border-radius:8px; }
.profile-link:first-child .platform-icon-shell { color:#343d47; background:#20272f0a; }
.profile-link[data-platform='bilibili'] .platform-icon-shell { color:#ae426a; background:#ce598918; }
.detail-panel .profile-actions .profile-link .platform-card-copy { display:block; }
.detail-panel .profile-actions .profile-link .platform-desc { color:inherit; font-size:17px; font-weight:650; margin:0 0 5px; opacity:1; }
.profile-link .action-hint { font-size:11px; color:#acb8c4; letter-spacing:0; }
.profile-link:first-child .action-hint { color:#606d78; }
.profile-link .platform-arrow { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.5; opacity:.65; }
.detail-panel .profile-actions .platform-card:disabled { opacity:.5; background:#282e35; color:#c6ccd3; border-color:#ffffff18; }
.direct-links { display:flex; flex-wrap:wrap; gap:8px; margin-top:11px; }
.profile-actions .direct-links .direct-account { display:flex; flex-direction:row; align-items:center; gap:8px; min-height:40px; padding:7px 11px; border:1px solid #ffffff1d; border-radius:4px; background:none; }
.direct-links .direct-account .social-icon { width:18px; height:18px; flex-basis:18px; background:none; color:#aebac5; }
.direct-links .account-copy { display:flex; gap:8px; align-items:center; }
.direct-links .account-platform { display:none; }
.direct-links .account-id { font:12px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; color:#c1cad3; cursor:pointer; }
.direct-links .direct-account-arrow { font-size:14px; color:#9faab5; }
.profile-actions .social-disclosure { margin:16px 0 0; border-top:1px solid #ffffff15; }
.profile-actions .social-disclosure summary { min-height:45px; font-size:12px; color:#b1bcc6; }
#link-count { color:#8f9da9; }
.social-preview { opacity:.65; }
.profile-actions .secondary-links { gap:8px; }
.social-account { background:#191f25; border-color:#ffffff10; border-radius:5px; }
.account-platform { color:#9eacb8; }
.account-help { color:#95a4b1; font-size:11px; }
.copy-account { color:#bfcbd5; background:#ffffff04; border-color:#ffffff23; border-radius:4px; }
.inspect-footer { padding:12px 28px; background:#1b2026; border-top:1px solid #ffffff12; }
.profile-switcher { min-height:38px; }
.switch-context { font-size:11px; color:#a0aeba; }
#switch-count { font-size:10px; color:#8796a3; }
#profile-select { height:36px; background:#252c34; border-color:#ffffff20; color:#ccd5dd; font-size:12px; }
#profile-select option { background:#252c34; }
.switch-arrow { height:36px; }
.inspect-bottom { display:none; }

@media(max-width:700px) {
  .topbar { background:#171c21; }
  .home-main { padding-top:29px; }
  .hero-copy { margin-bottom:21px; }
  h1 { font-size:30px; }
  .subtitle { font-size:12px; }
  .search-box { height:62px; padding:6px; border-radius:7px; }
  .search-icon { margin-left:10px; width:20px; height:20px; }
  .search-box input { font-size:16px; padding:0 10px; }
  .search-submit { flex-basis:63px; padding:0 11px; font-size:13px; }
  .search-submit svg { display:none; }
  .search-footnote { margin-top:11px; gap:13px; }
  .directory-nav .public-entry { min-height:58px; padding:10px 12px; }
  .public-entry .entry-portraits { margin-left:auto; }
  .public-entry .entry-copy strong { font-size:15px; }
  .dynamic-zone { margin-top:23px; }
  .collection-heading h2 { font-size:20px; }
  .carousel-controls button { width:36px; height:38px; }
  .directory-filters { gap:0; margin-bottom:13px; }
  .directory-filters .collection-tab,.directory-filters .collection-tab:first-child { min-height:44px; padding:0 3px; }
  .team-filter-section { padding:0; }
  .team-filters { gap:6px; }
  .team-filters .collection-tab { min-height:40px; font-size:12px; padding:0 8px; }
  .hot-person { height:210px; }
  .hot-person .portrait-frame,.hot-person[data-category='public'] .portrait-frame { width:110px; height:110px; top:17px; }
  .creator-grid .hot-person { border-radius:5px; }
  .detail-overlay { padding:10px 7px max(7px,env(safe-area-inset-bottom)); }
  .detail-panel,.detail-panel:is([data-category='creator'],[data-category='overseas']) { width:min(100%,540px); max-height:calc(100dvh - 20px - env(safe-area-inset-bottom)); border-radius:12px 12px 7px 7px; }
  .inspect-header { height:53px; padding:0 17px; gap:13px; }
  .inspect-logo { width:76px; }
  .inspect-title { font-size:12px; }
  .inspect-sound,.inspect-close { width:34px; height:34px; }
  .profile-overview { grid-template-columns:72px minmax(0,1fr); gap:16px; padding:24px 18px 22px; }
  .profile-portrait .portrait-frame,.detail-panel[data-category='public'] .profile-portrait .portrait-frame { width:72px; height:72px; }
  .profile-name-row { gap:9px; }
  .profile-name-row h2 { font-size:25px; }
  .profile-eyebrow { margin-bottom:7px; }
  .profile-eyebrow .inspect-eyebrow { font-size:8px; }
  .profile-overview .detail-alias { font-size:11px; }
  .creator-meta { margin-top:10px; font-size:11px; }
  .profile-facts { grid-template-columns:1fr; margin-top:14px; }
  .profile-facts>div { grid-template-columns:48px minmax(0,1fr); min-height:29px; padding:5px 0; }
  .profile-facts dt { font-size:10px; }
  .profile-facts dd { font-size:11px; }
  .profile-overview .detail-bio { font-size:11px; }
  .inspect-info.profile-actions { padding:0 18px 20px; }
  .inspect-section-label { padding-top:17px; font-size:11px; margin-bottom:11px; }
  .profile-actions .primary-links { gap:8px; }
  .detail-panel .profile-actions .platform-card.profile-link { display:flex; flex-wrap:wrap; align-content:center; align-items:center; min-height:103px; gap:10px; padding:13px; }
  .profile-link .platform-icon-shell { width:24px; height:24px; border-radius:4px; }
  .profile-link .platform-icon { width:21px; height:21px; }
  .profile-link .platform-arrow { margin-left:auto; width:16px; height:16px; order:1; }
  .profile-link .platform-card-copy { flex-basis:100%; order:2; }
  .detail-panel .profile-actions .profile-link .platform-desc { font-size:16px; margin-bottom:4px; }
  .profile-link .action-hint { font-size:10px; }
  .inspect-footer { padding:10px 18px; }
  #switch-group { display:block; max-width:90px; font-size:10px; }
  .switch-context { flex-wrap:wrap; gap:5px; }
  .profile-select-wrap { width:136px; }
  #profile-select,.switch-arrow { height:40px; }
}
@media(max-width:370px) {
  h1 { font-size:26px; }
  .search-box input { padding:0 8px; font-size:16px; }
  .search-submit { flex-basis:54px; padding:0 8px; }
  .search-icon { margin-left:7px; width:18px; height:18px; }
  .team-filters .collection-tab { font-size:11px; padding:0 6px; }
  .hot-person { height:201px; }
  .hot-person .portrait-frame,.hot-person[data-category='public'] .portrait-frame { width:98px; height:98px; }
  .profile-overview { grid-template-columns:60px minmax(0,1fr); padding-inline:15px; gap:13px; }
  .profile-portrait .portrait-frame,.detail-panel[data-category='public'] .profile-portrait .portrait-frame { width:60px; height:60px; }
  .profile-name-row h2 { font-size:23px; }
  .inspect-info.profile-actions,.inspect-footer { padding-inline:15px; }
  .detail-panel .profile-actions .platform-card.profile-link { padding:11px; }
  .profile-select-wrap { width:118px; }
}
@media(prefers-reduced-motion:reduce) { .search-submit { transition:none; } }

/* V37: local brand marks share the existing copy-account layout. */
.social-brand-icon { display:block; width:21px; height:21px; object-fit:contain; }
.social-preview .social-brand-icon { width:16px; height:16px; }
.social-account[data-platform='qq'] .social-icon { background:#a9cce810; }
.social-account[data-platform='wechat'] .social-icon { background:#63d08a10; }

/* V39: IPA has its own tiny local font; nickname search data stays unchanged. */
@font-face {
  font-family:'LEIEN IPA';
  src:url('./assets/fonts/leien-ipa.woff2') format('woff2');
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
.profile-overview .detail-pronunciation {
  margin:7px 0 0;
  color:#b9c5d0;
  font:400 14px/1.6 'LEIEN IPA','Segoe UI',Arial,sans-serif;
  letter-spacing:0;
  max-width:100%;
  overflow-wrap:anywhere;
  user-select:text;
}
@media(max-width:700px) {
  .profile-overview .detail-pronunciation { margin-top:5px; font-size:13px; }
}

/* V42: recognizable contact brands, readable IDs, a single clear copy action. */
.social-disclosure.has-contacts .social-preview { opacity:1; }
.social-preview img[src$="qq-official.png"] { object-fit:contain; width:19px; height:22px; }
.social-preview img[src$="wechat-official.png"] { width:20px; height:20px; border-radius:4px; }
.profile-actions .contact-account {
  grid-column:1 / -1; display:grid; grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center; gap:14px; min-height:88px; padding:16px;
  border:1px solid #ffffff20; border-radius:9px; background:#272e36;
}
.contact-account .social-icon {
  width:42px; height:42px; border-radius:10px; overflow:hidden;
  display:grid; place-items:center; background:none;
}
.contact-account[data-platform="qq"] .social-icon { background:#f3f5f7; }
.contact-account[data-platform="wechat"] .social-icon { background:#08c520; }
.contact-account[data-platform="qq"] .social-brand-icon { width:31px; height:36px; object-fit:contain; }
.contact-account[data-platform="wechat"] .social-brand-icon { width:42px; height:42px; }
.contact-account .account-platform {
  margin:0 0 5px; color:#bbc5cf; font:500 12px/1.4 'Segoe UI','Microsoft YaHei',sans-serif;
}
.contact-account .account-id {
  color:#f5f7fa; font:600 21px/1.3 'Segoe UI','Microsoft YaHei',sans-serif;
  font-variant-numeric:tabular-nums; letter-spacing:.025em; overflow-wrap:anywhere;
}
.contact-account .copy-account {
  gap:7px; min-width:84px; min-height:44px; padding:10px 13px;
  background:#3a444f; border:1px solid #617080; border-radius:6px;
  color:#f2f5f8; font:500 12px/1.2 'Segoe UI','Microsoft YaHei',sans-serif;
  touch-action:manipulation;
}
.contact-account .copy-account svg { width:15px; height:15px; }
.contact-account .copy-account:hover { background:#465462; border-color:#92a3b4; color:#fff; }
.contact-account .copy-account:focus-visible { outline:2px solid #f2aa6e; outline-offset:3px; }
.contact-account .copy-account:active { background:#303a45; }
.contact-account .copy-account.is-copied { color:#d2f6dc; background:#253e33; border-color:#578569; }
.contact-account .copy-account.is-copied svg { color:#8edca7; }
@media(max-width:700px) {
  .profile-actions .contact-account { grid-template-columns:40px minmax(0,1fr) auto; min-height:82px; gap:12px; padding:14px 12px; }
  .contact-account .social-icon { width:40px; height:40px; border-radius:9px; }
  .contact-account[data-platform="wechat"] .social-brand-icon { width:40px; height:40px; }
  .contact-account .account-id { font-size:19px; letter-spacing:.01em; }
  .contact-account .copy-account { min-width:72px; padding:10px; gap:5px; }
}
@media(max-width:370px) {
  .profile-actions .contact-account { grid-template-columns:36px minmax(0,1fr) auto; gap:9px; padding:13px 10px; }
  .contact-account .social-icon { width:36px; height:36px; border-radius:8px; }
  .contact-account[data-platform="qq"] .social-brand-icon { width:27px; height:32px; }
  .contact-account[data-platform="wechat"] .social-brand-icon { width:36px; height:36px; }
  .contact-account .account-id { font-size:17px; letter-spacing:0; }
  .contact-account .copy-account { min-width:68px; padding:10px 8px; }
}

/* V46: every creator keeps a social section, even before accounts are supplied. */
.social-pending { display:flex; align-items:center; gap:10px; min-height:62px; margin:0 0 8px; padding:14px 16px; border:1px dashed #ffffff26; border-radius:6px; background:#ffffff03; color:#98a5b1; font-size:13px; }
.social-pending[hidden] { display:none; }
.social-pending svg { width:20px; height:20px; flex:none; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; opacity:.7; }
.social-disclosure.is-pending #link-count { margin-left:auto; color:#a1adb8; }

/* HLTV snapshot rank metadata and top-three accent */
.team-filters .collection-tab { position:relative; }
.team-filters .team-rank { min-width:25px; color:#7f959f; font:600 9px/1 var(--mono,'Consolas',monospace); text-align:right; }
.team-filters .team-rank:not(:empty) { opacity:.9; }
.team-filters .team-count { margin-left:auto; }
.team-filters .collection-tab.team-rank-top { border-color:#d5ae652e; box-shadow:inset 0 0 0 1px #d5ae6514, 0 0 12px #d5ae650e; }
.team-filters .collection-tab.team-rank-top::after { position:absolute; top:-5px; right:7px; width:6px; height:6px; border-radius:50%; background:#ebc36c; box-shadow:0 0 8px #ebc36caa; content:""; }
.team-filters .collection-tab.team-rank-top-1 { border-color:#e9bd5e88; background:linear-gradient(135deg,#493b267a,#20272edf 65%); box-shadow:inset 0 0 0 1px #f1d58a22,0 0 16px #e9bd5e2a; }
.team-filters .collection-tab.team-rank-top-1::after { background:#ffe08b; box-shadow:0 0 11px #ffe08b; }
.team-filters .collection-tab.team-rank-top-2 { border-color:#bed1db70; background:linear-gradient(135deg,#3a454d77,#20272edf 65%); box-shadow:inset 0 0 0 1px #d8e7ef18,0 0 14px #bfdae426; }
.team-filters .collection-tab.team-rank-top-2::after { background:#d7e4eb; box-shadow:0 0 10px #d7e4ebaa; }
.team-filters .collection-tab.team-rank-top-3 { border-color:#d69d705e; background:linear-gradient(135deg,#4a332b70,#20272edf 65%); box-shadow:inset 0 0 0 1px #e6ac8320,0 0 14px #d69d7020; }
.team-filters .collection-tab.team-rank-top-3::after { background:#e8ab80; box-shadow:0 0 10px #e8ab80aa; }
@media(prefers-reduced-motion:no-preference) {
  .team-filters .collection-tab.team-rank-top-1::before { position:absolute; inset:0; border-radius:inherit; border:1px solid #ffe08b; opacity:.28; animation:team-rank-pulse 2.8s ease-in-out infinite; content:""; pointer-events:none; }
}
@keyframes team-rank-pulse { 0%,100% { opacity:.12; transform:scale(.98); } 50% { opacity:.45; transform:scale(1.015); } }
@media(max-width:700px) { .team-filters .team-rank { min-width:20px; font-size:8px; } }

/* YouTube creators use a channel-name copy row; the detail panel never exposes a
   direct channel homepage link. */
.youtube-copy-account { border-color:#e28f8648; background:linear-gradient(105deg,#37242dd9,#241e2be8); }
.youtube-copy-account .social-icon { color:#ffb0a8; background:#e78a7d1c; }
.youtube-copy-account .account-platform { color:#ffb7ac; }
.youtube-copy-account .account-id { color:#fff0eb; font-size:15px; font-weight:750; }
.youtube-copy-account .account-copy-hint { display:block; margin-top:3px; color:#c49b9b; font-size:10px; }
.youtube-copy-account .copy-account { border-color:#d7928a8c; background:#713e46; }
.youtube-copy-account .copy-account:hover { border-color:#ffc1b5; background:#8b5057; }

/* Trader profiles: each Steam identity owns one tidy row. This avoids the
   old account A / inventory A / account B / inventory B visual zig-zag. */
.trader-account-group { min-width:0; padding:10px; border:1px solid #e3a77b45; border-radius:8px; background:linear-gradient(135deg,#2d292d,#222830); }
.trader-account-group > header { display:flex; align-items:baseline; gap:8px; margin:0 0 8px; }
.trader-account-kicker { color:#e8b38d; font:700 9px/1 var(--mono,'Consolas',monospace); letter-spacing:.15em; }
.trader-account-group > header strong { color:#f0dfd6; font-size:12px; }
.trader-account-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.trader-account-links .platform-card.profile-link { min-height:72px; padding:11px; border-radius:7px; }
.trader-account-links .platform-card.profile-link:first-child { color:#20272f; background:#e7e9ec; border-color:#e7e9ec; }
.trader-account-links .platform-card.profile-link .platform-card-copy { display:block; }
@media(max-width:700px) { .trader-account-links { grid-template-columns:1fr 1fr; gap:6px; } .trader-account-links .platform-card.profile-link { min-height:70px; padding:9px; } }
@media(max-width:420px) { .trader-account-links { grid-template-columns:1fr; } }

/* hall-of-fame.css */
/* Separate destinations; the Hall of Fame is an archive of inducted players. */
.search-footnote { display:flex; flex-wrap:wrap; gap:12px; }
body[data-category='hof'] .home-main { width:min(1120px,calc(100% - 72px)); }
.search-footnote .search-helper { width:100%; max-width:none; margin:0; }
.directory-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; width:100%; }
.directory-nav .public-entry { min-width:0; width:100%; min-height:66px; padding:12px 15px; gap:11px; }
.public-entry .entry-symbol { flex:none; }
.public-entry .entry-symbol img { display:block; width:28px; height:28px; object-fit:contain; }
.public-entry .entry-copy { gap:4px; }
.public-entry .entry-copy strong { font-family:var(--sans,sans-serif); font-size:15px; }
.public-entry .entry-count { margin-left:auto; color:#94a0ab; font:12px/1.5 var(--sans,sans-serif); }
.directory-nav .hof-entry { border-color:#b4965f60; background:#25272a; }
.directory-nav .hof-entry .entry-copy strong { color:#e0c58f; }
.directory-nav .hof-entry:hover { border-color:#d6b87a; background:#30302e; }
.directory-nav .public-entry[aria-pressed="true"] { border-color:#d6b87a; box-shadow:inset 0 -2px #d6b87a; }
.directory-nav .public-entry[data-category="public"][aria-pressed="true"] { border-color:#9bb2c9; box-shadow:inset 0 -2px #9bb2c9; }
.directory-nav .directory-home { grid-column:1/-1; justify-self:start; display:flex; align-items:center; gap:8px; padding:0 2px; min-height:36px; background:none; border:0; color:#b9c4ce; font-size:12px; }
.directory-nav .directory-home[hidden] { display:none; }
.directory-home:hover { color:#fff; }
.directory-nav button:focus-visible { outline:2px solid #e6c68b; outline-offset:3px; }
.hot-list.hof-grid { display:block; overflow:visible; }
.hof-year { display:flex; align-items:baseline; gap:12px; margin:4px 0 13px; padding-top:13px; border-top:1px solid #ffffff20; color:#d8bd88; }
.hof-year:not(:first-child) { margin-top:27px; }
.hof-year>span { font:600 24px/1.3 'Segoe UI',sans-serif; letter-spacing:.03em; }
.hof-year small { font-size:11px; font-weight:400; color:#99a3ad; }
.hof-year-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.hof-year-list .hot-person { display:flex; flex-direction:column; position:relative; width:100%; height:auto; min-width:0; padding:0; border:1px solid #ffffff21; border-bottom-color:#b69963; border-radius:7px; text-align:left; background:#252b32; overflow:hidden; }
.hof-year-list .hot-person::before,.hof-year-list .hot-person::after { display:none; }
.hof-year-list .hot-person:hover { border-color:#d6b87a; background:#2d333a; }
.hof-photo { display:block; width:100%; aspect-ratio:1.3; overflow:hidden; background:#323a43; }
.hof-photo img { display:block; width:100%; height:100%; object-fit:contain; object-position:center top; }
.hof-card-copy { display:flex; flex-direction:column; flex:1; width:100%; padding:13px 12px 11px; }
.hof-name { display:flex; align-items:center; justify-content:space-between; gap:6px; color:#f2f3f4; font:650 17px/1.25 'Segoe UI',sans-serif; }
.hof-name .country-flag { position:static; flex:none; width:17px; height:12px; }
.hof-achievement { display:block; margin-top:8px; min-height:36px; color:#b7c0c9; font:11px/1.65 var(--sans,sans-serif); }
.hof-card-footer { display:flex; justify-content:space-between; gap:7px; margin-top:12px; padding-top:9px; border-top:1px solid #ffffff10; color:#ccaf7a; font:10px/1.5 var(--sans,sans-serif); }
.hof-card-footer>span { color:#95a1ac; }
.hof-year-list .hot-person[data-person-id='potti'] .hof-photo img,
.hof-year-list .hot-person[data-person-id='cogu'] .hof-photo img { object-fit:cover; object-position:66% center; }
.hof-year-list .hot-person[data-person-id='heaton'] .hof-photo img { object-fit:cover; object-position:80% center; transform:scale(1.55); transform-origin:66% 22%; }
.detail-panel[data-category='hof'] .profile-portrait .detail-avatar { object-fit:contain; object-position:center; }
.detail-panel[data-person-id='heaton'] .profile-portrait .detail-avatar { object-fit:cover; object-position:80% center; transform:scale(1.55); transform-origin:66% 22%; }
.detail-panel[data-person-id='potti'] .profile-portrait .detail-avatar,
.detail-panel[data-person-id='cogu'] .profile-portrait .detail-avatar { object-fit:cover; object-position:66% center; }
.detail-panel[data-category='hof'] .detail-achievement { padding-left:12px; border-left:2px solid #b79a64; background:none; }
.detail-panel[data-category='hof'] .inspect-title { color:#dfc38b; }
.detail-panel[data-category='hof'] .inspect-logo { width:31px; height:31px; }
body[data-category='hof'] .header-cs2-logo { width:35px; height:35px; opacity:1; }
@media(max-width:700px) {
  body[data-category='hof'] .home-main { width:calc(100% - 32px); }
  .directory-nav { gap:8px; }
  .directory-nav .public-entry { padding:11px 10px; gap:7px; min-height:64px; }
  .public-entry .entry-symbol { width:23px; height:26px; }
  .public-entry .entry-symbol img { width:24px; height:24px; }
  .public-entry .entry-copy strong { font-size:13px; white-space:nowrap; }
  .public-entry .entry-copy small { font-size:9px; letter-spacing:0; }
  .public-entry .entry-count { display:none; }
  .hof-year-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .hof-year>span { font-size:21px; }
  .hof-name { font-size:16px; }
  .hof-card-copy { padding:12px 10px 10px; }
  .hof-photo { aspect-ratio:1.25; }
  .hof-achievement { font-size:11px; min-height:36px; }
  .hof-card-footer { font-size:9px; }
  .detail-panel[data-category='hof'] .inspect-title { font-size:12px; }
}
@media(min-width:701px) and (max-width:1150px) {
  body[data-category='hof'] .home-main { width:calc(100% - 48px); }
}
@media(max-width:370px) {
  .directory-nav .public-entry { padding:10px 7px; gap:5px; }
  .public-entry .entry-copy strong { font-size:12px; }
  .public-entry .entry-copy small { font-size:8px; }
  .hof-name { font-size:14px; }
}

/* mobile-ui.css */
/* V45: size to the Toy content viewport, never to physical screen pixels. */
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
.build-badge,.mobile-team-picker { display:none; }

@media(max-width:700px) {
  /* The public directory keeps its two-column editorial cards after the legacy player-grid rules. */
  .hot-list.public-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:9px!important; overflow:visible!important; }
  .hot-list.public-grid .hot-person { display:grid!important; grid-template-columns:48px minmax(0,1fr)!important; height:112px!important; min-height:0!important; padding:11px 10px!important; }
  .hot-list.public-grid .founder-feature { grid-column:1/-1!important; grid-template-columns:72px minmax(0,1fr)!important; height:auto!important; min-height:190px!important; padding:16px 13px!important; }
}
@media(max-width:370px) {
  .hot-list.public-grid { gap:7px!important; }
  .hot-list.public-grid .hot-person { grid-template-columns:42px minmax(0,1fr)!important; height:103px!important; padding:9px 8px!important; }
  .hot-list.public-grid .founder-feature { grid-template-columns:62px minmax(0,1fr)!important; min-height:220px!important; padding:13px 10px!important; }
}

@media(max-width:700px) {
  body { min-width:0; min-height:var(--app-height,100svh); }
  .site-shell { min-height:var(--app-height,100svh); }
  .topbar { position:relative; height:52px; box-shadow:none; }
  .topbar-inner { padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left)); gap:7px; }
  .brand { flex:0 0 38px; width:38px; height:44px; margin:0; }
  .brand-mark { width:38px; height:38px; }
  .build-badge { display:block; margin-right:auto; font:600 10px/1 'Segoe UI',sans-serif; color:#84919d; }
  .topnav { gap:2px; }
  .topnav .sound-toggle,.topnav .toy-nav-button,#toy-rank-open { display:flex; align-items:center; justify-content:center; flex:0 0 44px; width:44px; height:44px; padding:0; border-color:transparent; background:transparent; }
  .topnav .toy-nav-button svg,.topnav .sound-toggle svg { width:20px; height:20px; }
  .topnav .toy-nav-button img { width:22px; height:22px; }
  .topnav #toy-login-label,.topnav .toy-rank-label,.topnav [data-sound-label] { display:none; }
  .header-cs2-logo { display:none; }
  .home-main { width:calc(100% - 28px); max-width:540px; padding:14px 0 20px; }
  .hero-copy { margin-bottom:14px; }
  h1 { margin:0 0 6px; font-size:26px; line-height:1.2; letter-spacing:-.025em; }
  h1>span { font-size:1em; margin-right:6px; }
  .subtitle { font-size:12px; line-height:1.6; }
  .search-box { height:52px; padding:5px; border-radius:8px; }
  .search-icon { width:20px; height:20px; margin-left:9px; }
  .search-box input { height:100%; font-size:16px; line-height:normal; padding:0 10px; }
  .search-submit { flex:0 0 58px; padding:0 8px; font-size:13px; }
  .search-footnote { display:block; margin-top:10px; }
  .search-footnote .search-helper { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .directory-nav { gap:8px; }
  .directory-nav .public-entry { min-height:44px; padding:8px 10px; gap:7px; border-radius:6px; }
  .public-entry .entry-symbol,.public-entry .entry-symbol img { width:21px; height:21px; }
  .public-entry .entry-copy strong { font-size:12px; line-height:1.4; }
  .public-entry .entry-copy small { display:none; }
  .public-entry .entry-count { display:block; font-size:11px; }
  .directory-nav .directory-home { min-height:40px; font-size:12px; }
  .dynamic-zone { margin-top:14px; }
  .collection-heading { display:flex; align-items:center; min-height:40px; gap:6px; margin-bottom:6px; }
  .collection-heading h2 { flex:1; min-width:0; margin:0; font-size:18px; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .mobile-team-picker { position:relative; display:flex; align-items:center; justify-content:center; flex:0 0 64px; height:44px; gap:4px; color:#b8c2cc; border:1px solid #ffffff25; border-radius:5px; font-size:12px; }
  .mobile-team-picker svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.7; }
  .mobile-team-picker select { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; font-size:16px; }
  .mobile-team-picker.has-selection { color:#f3be93; border-color:#c68c5b80; background:#3b3025; }
  .mobile-team-picker:focus-within { outline:2px solid #e7a46c; outline-offset:2px; }
  .carousel-controls { flex:none; gap:2px; }
  .carousel-controls button { width:40px; height:44px; border-radius:5px; font-size:22px; }
  .carousel-controls .collection-count { width:34px; font-size:10px; }
  .carousel-controls .rotation-toggle { display:none; }
  .collection-tabs { margin:0 0 12px; padding:0; }
  .directory-filters { grid-template-columns:1fr 1.1fr 1.1fr; margin:0; gap:4px; }
  .directory-filters .collection-tab,.directory-filters .collection-tab:first-child { min-height:44px; font-size:12px; gap:5px; padding:0 2px; }
  .directory-filters .collection-tab img { width:19px; height:19px; }
  .team-filter-section { display:none; }
  .hot-list:not(.creator-grid):not(.hof-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .hot-list:not(.creator-grid):not(.hof-grid) .hot-person { height:150px; border-radius:7px; }
  .hot-list:not(.creator-grid):not(.hof-grid) .hot-person .portrait-frame { top:10px; width:82px; height:82px; }
  .hot-list:not(.creator-grid):not(.hof-grid) .hot-person::before { height:52px; }
  .hot-list:not(.creator-grid):not(.hof-grid) .hot-person .hot-person-name { left:10px; right:9px; bottom:25px; gap:5px; font-size:15px; line-height:20px; }
  .hot-list:not(.creator-grid):not(.hof-grid) .hot-person .hot-person-team { left:35px; right:24px; bottom:8px; max-width:none; font-size:10px; line-height:14px; }
  .hot-person .card-country { top:9px; right:9px; }
  .hot-person .card-country .country-flag { width:16px; height:12px; }
  .hot-person::after { bottom:10px; right:10px; content:'↗\FE0E'; font-family:Arial,sans-serif; }
  .hot-list:not(.creator-grid):not(.hof-grid) .hot-person[data-category='public'] { height:166px; }
  .hot-person[data-category='public'] .hot-person-team { left:10px!important; }
  .hot-person:hover,.hot-person:focus-visible { transform:none; }
  .hot-person:hover .portrait-frame .player-portrait { transform:none; }
  .hot-list.creator-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .creator-grid .hot-person { height:80px; padding:10px 8px; gap:8px; }
  .creator-grid .creator-avatar { width:36px; height:36px; flex-basis:36px; }
  .creator-grid .creator-name { font:600 13px/1.3 'Segoe UI','Microsoft YaHei',sans-serif; }
  .creator-grid .creator-platform { font-size:10px; }
  .creator-grid .hot-person::after { display:none; }
  .result-card { min-height:82px; padding:12px; grid-template-columns:48px minmax(0,1fr) 18px; gap:12px; }
  .result-avatar-shell,.result-avatar { width:48px; height:48px; }
  .result-name { font-size:19px; }
  .result-meta { font-size:11px; }
  .hof-year { margin-top:0; padding-top:10px; }
  .hof-photo { aspect-ratio:1.6; }
  .hof-name { font-size:15px; }
  .hof-card-copy { padding:10px; }
  .hof-card-footer { font-size:10px; }
  .site-footer { width:calc(100% - 28px); max-width:540px; margin:0 auto; padding:8px 0 max(20px,env(safe-area-inset-bottom)); font-size:11px; }
  .footer-author-link { min-height:44px; }
  .site-shell { padding-bottom:0; }
  .detail-overlay { top:var(--dialog-top,0px); bottom:auto; height:var(--dialog-height,100dvh); padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left)); }
  .detail-panel,.detail-panel:is([data-category='creator'],[data-category='overseas']) { max-height:calc(var(--dialog-height,100dvh) - 16px - env(safe-area-inset-bottom)); overscroll-behavior-y:contain; -webkit-overflow-scrolling:touch; }
  .inspect-header { position:sticky; top:0; z-index:10; height:52px; padding:0 14px; gap:10px; }
  .inspect-sound,.inspect-close { width:44px; height:44px; }
  .profile-overview { padding:18px 16px; gap:13px; }
  .profile-name-row h2 { font-size:24px; }
  .profile-facts { margin-top:12px; }
  .profile-facts dt,.profile-facts dd { font-size:12px; }
  .profile-facts>div { grid-template-columns:52px minmax(0,1fr); min-height:31px; }
  .profile-overview .detail-bio,.creator-meta { font-size:12px; }
  .inspect-info.profile-actions { padding:0 16px 16px; }
  .detail-panel .profile-actions .platform-card.profile-link { min-height:88px; gap:8px; padding:12px; }
  .detail-panel .profile-actions .profile-link .platform-desc { font-size:15px; }
  .profile-link .action-hint { font-size:11px; }
  .social-disclosure summary { min-height:44px; }
  .copy-account { min-height:44px; }
  .inspect-footer { padding:8px 16px; }
  #profile-select { font-size:16px; height:44px; }
  .profile-select-wrap { width:140px; }
  .switch-arrow { width:36px; height:44px; }
  .toy-dialog { max-height:calc(var(--dialog-height,100dvh) - 16px - env(safe-area-inset-bottom)); background:#20252b; }
  .toy-dialog button { min-height:44px; }
}

@media(max-width:359px) {
  .build-badge { display:none; }
  .home-main,.site-footer { width:calc(100% - 24px); }
  h1 { font-size:24px; }
  .topbar-inner { padding-inline:10px; gap:4px; }
  .topnav { gap:0; }
  .build-badge { font-size:9px; }
  .mobile-team-picker { flex-basis:58px; }
  .collection-heading { gap:4px; }
  .collection-heading h2 { font-size:16px; }
  .carousel-controls .collection-count { width:29px; font-size:9px; }
  .search-box input { padding-inline:8px; }
  .search-submit { flex-basis:52px; }
  .hot-list:not(.creator-grid):not(.hof-grid) .hot-person .hot-person-name { font-size:14px; }
  .creator-grid .hot-person { padding:9px 7px; gap:6px; }
  .creator-grid .creator-avatar { width:30px; height:30px; flex-basis:30px; }
  .creator-grid .creator-name { font-size:12px; }
  .profile-select-wrap { width:122px; }
}

/* career-ui.css */
/* Career role is independent from editorial sections such as Public / Hall of Fame. */
.directory-dateline { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 12px; font:500 10px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; letter-spacing:.12em; color:#95a2ad; }
.live-clock { display:flex; align-items:center; gap:8px; letter-spacing:0; }
.live-clock time { font-variant-numeric:tabular-nums; color:#c4ccd3; font-size:12px; }
.clock-date { color:#8b99a5; }
.directory-filters .collection-tab,.directory-filters .collection-tab:first-child { min-width:0; flex:1; padding:0 10px; white-space:nowrap; }
.directory-filters .collection-tab[data-group='coach'][aria-pressed='true'] { border-color:#8fb4e2; }
.directory-filters .collection-tab[data-group='retired'][aria-pressed='true'] { border-color:#c3b694; }
.team-filter-label { display:flex; justify-content:space-between; align-items:center; }
#clear-team { padding:3px 8px; border:0; border-radius:3px; background:#ffffff0a; color:#ecbd95; font:inherit; cursor:pointer; }
#clear-team[hidden] { display:none; }
.career-badge { position:absolute; z-index:2; top:10px; left:10px; padding:3px 5px; border:1px solid #ffffff1a; border-radius:3px; color:#c1d9cb; background:#20292b; font:500 9px/1.1 'Segoe UI','Microsoft YaHei',sans-serif; letter-spacing:0; }
.career-badge[data-status='coach'] { color:#bdd1ee; background:#242e3d; }
.career-badge[data-status='retired'] { color:#d9cdb2; background:#302d27; }
.detail-career-status { display:inline-block; width:fit-content; padding:3px 7px; margin:8px 0 0; border-radius:3px; background:#273b32; color:#bbdbca; font-size:11px; line-height:1.4; }
.detail-career-status[data-status='coach'] { color:#c1d7ef; background:#2b3746; }
.detail-career-status[data-status='retired'] { color:#d8cbb1; background:#383229; }
.detail-career-status[data-status='benched'] { color:#c2c8cf; background:#343a42; }
.detail-career-status.hidden { display:none; }
.profile-facts>div[hidden] { display:none; }
.hot-person.uses-team-mark .portrait-frame img { width:52%; height:52%; object-fit:contain; position:absolute; inset:24%; }
.detail-panel.uses-team-mark .detail-avatar { width:60%; height:60%; object-fit:contain; margin:20%; }
#hot-list:not(.hof-grid) .hot-person[data-category='hof'] .portrait-frame img { object-fit:cover; }
@media(max-width:700px) {
 .directory-dateline { margin-bottom:7px; font-size:9px; letter-spacing:.07em; }
 .live-clock { gap:5px; }
 .live-clock time { font-size:10px; }
 .directory-filters { grid-template-columns:repeat(6,minmax(0,1fr)); gap:0 4px; border-bottom:0; margin-bottom:0; }
 .directory-filters .collection-tab,.directory-filters .collection-tab:first-child { grid-column:span 2; min-height:42px; font-size:12px; padding:0 4px; border-bottom:2px solid #ffffff0b; }
 .directory-filters .collection-tab[data-group='creator'],.directory-filters .collection-tab[data-group='overseas'] { grid-column:span 3; min-height:42px; }
 .directory-filters .collection-tab img { width:17px; height:17px; }
 .career-badge { top:8px; left:7px; padding:2px 4px; font-size:8px; }
 .detail-career-status { margin:6px 0 0; font-size:10px; }
 .hot-list:not(.hof-grid) .hot-person[data-category='hof'] .hot-person-team { left:35px; }
}
@media(prefers-reduced-motion:reduce) { .live-clock { transition:none; } }

.hot-list.coach-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.hot-list.coach-grid .hot-person { display:flex; align-items:center; height:82px; padding:15px 12px; gap:12px; background:#222930; border:1px solid #ffffff20; border-radius:6px; box-shadow:none; }
.coach-grid .hot-person::before,.coach-grid .hot-person::after { display:none; }
.coach-grid .coach-team-mark { display:grid; place-items:center; width:40px; height:40px; flex:none; }
.coach-team-mark img { width:32px; height:32px; object-fit:contain; }
.coach-grid [data-team='team-spirit'] .coach-team-mark,.coach-grid [data-team='team-vitality'] .coach-team-mark { background:#acbdb7; border-radius:4px; }
.detail-panel.uses-team-mark:is([data-team='team-spirit'],[data-team='team-vitality']) .portrait-frame { background:#acbdb7; }

/* HEROIC media is supplied as wide white-background team portraits. Crop it
   to the face/torso and blend the white studio field into the portrait tile so
   the cards no longer render as a hard white half-circle. */
#hot-list .hot-person:is([data-person-id='brollan'],[data-person-id='nilo'],[data-person-id='martinezsa'],[data-person-id='chr1zn'],[data-person-id='susp']) .portrait-frame .player-portrait {
  object-fit:cover;
  object-position:50% 22%;
  transform:none;
  mix-blend-mode:multiply;
}
#hot-list .hot-person:is([data-person-id='brollan'],[data-person-id='nilo'],[data-person-id='martinezsa'],[data-person-id='chr1zn'],[data-person-id='susp']) .portrait-frame {
  background:#3b454e;
}
.coach-copy { display:flex; flex-direction:column; gap:5px; min-width:0; text-align:left; }
.coach-copy strong { color:#ecf0f3; font:600 16px/1.2 'Segoe UI',sans-serif; }
.coach-copy>span { color:#9daab6; font:400 11px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; }
.coach-arrow { margin-left:auto; color:#98a8b5; font:400 20px/1 Arial,sans-serif; }
@media(max-width:700px) {
 .hot-list.coach-grid:not(.creator-grid):not(.hof-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 .hot-list.coach-grid:not(.creator-grid):not(.hof-grid) .hot-person { height:78px; padding:10px 8px; gap:7px; }
 .coach-grid .coach-team-mark { width:29px; height:32px; }
 .coach-team-mark img { width:27px; height:27px; }
 .coach-copy strong { font-size:14px; }
 .coach-copy>span { font-size:10px; }
 .coach-arrow { display:none; }
 .directory-filters .collection-tab[data-group='all'][aria-pressed='true'] { border-bottom-color:#e7a46c; }
}

/* career-timeline.css */
/* Retired player archive: compact roster cards plus an at-a-glance career path. */
.hot-list.retired-grid .hot-person { border-color:#c0a16a55; background:linear-gradient(135deg,#292c30,#20272e); }
.hot-list.retired-grid .hot-person:hover { border-color:#e0bf79; background:#303337; }
.retired-history-hint { color:#c7aa70; font:400 10px/1.2 'Segoe UI','Microsoft YaHei',sans-serif; }
.career-timeline { margin:16px 0 0; padding:17px 22px 18px; border:1px solid #ffffff18; border-radius:8px; background:linear-gradient(135deg,#202a31,#1b2228); }
.career-timeline-header { display:flex; align-items:end; justify-content:space-between; gap:14px; margin-bottom:16px; }
.career-timeline-eyebrow { margin:0 0 4px; color:#9bb8c6; font:600 9px/1.2 'Segoe UI',sans-serif; letter-spacing:.18em; }
.career-timeline-header h3 { margin:0; color:#eef2f3; font:650 18px/1.25 'Segoe UI','Microsoft YaHei',sans-serif; }
.career-timeline-header>span { color:#d7b675; font:500 11px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; }
.career-timeline-list { display:flex; align-items:stretch; gap:0; overflow:auto; padding:2px 0 4px; }
.career-timeline-item { position:relative; display:flex; align-items:center; min-width:150px; flex:1; min-height:58px; padding:10px 14px 10px 16px; border:1px solid #ffffff16; border-radius:6px; background:#27323a; }
.career-timeline-item.is-last { border-color:#c9a765; background:linear-gradient(135deg,#374148,#2b3135); }
.career-timeline-dot { width:10px; height:10px; flex:none; margin-right:10px; border:2px solid #94b4c2; border-radius:50%; background:#182127; box-shadow:0 0 0 3px #94b4c21c; }
.career-timeline-item.is-last .career-timeline-dot { border-color:#e2bf77; box-shadow:0 0 0 3px #e2bf7724; }
.career-timeline-copy { display:flex; flex-direction:column; gap:4px; min-width:0; }
.career-timeline-copy strong { overflow:hidden; color:#f1f3f4; font:600 14px/1.25 'Segoe UI','Microsoft YaHei',sans-serif; text-overflow:ellipsis; white-space:nowrap; }
.career-timeline-copy small { color:#99a9b3; font:400 10px/1.3 'Segoe UI','Microsoft YaHei',sans-serif; white-space:nowrap; }
.career-timeline-item.is-last .career-timeline-copy small { color:#d8ba7b; }
.career-timeline-line { align-self:center; width:22px; height:1px; margin:0 -1px; flex:none; background:linear-gradient(90deg,#7a9aaa,#c5a86e); }
@media(max-width:700px) {
  .retired-history-hint { font-size:9px; }
  .career-timeline { margin-top:12px; padding:13px 12px 14px; }
  .career-timeline-header { align-items:flex-start; flex-direction:column; gap:4px; margin-bottom:12px; }
  .career-timeline-header h3 { font-size:16px; }
  .career-timeline-list { display:grid; grid-template-columns:1fr; gap:7px; overflow:visible; }
  .career-timeline-item { min-width:0; min-height:50px; padding:9px 11px; }
  .career-timeline-line { position:absolute; left:20px; top:100%; width:1px; height:8px; background:#879ca8; }
  .career-timeline-item:last-child .career-timeline-line { display:none; }
}

/* player-profile.css */
/* V49 — team identity, a full portrait, and a readable paper-toned facts strip. */
.player-hero-art { display:none; }
.detail-panel.is-player-profile { width:min(860px,100%); border:1px solid #93a6b548; border-radius:14px; background:#202d35; box-shadow:0 32px 110px #050b12aa; }
.detail-panel[data-team='team-liquid'] { --team-rgb:118,166,216; }
.detail-panel[data-team='natus-vincere'] { --team-rgb:236,215,105; }
.detail-panel[data-team='mouz'] { --team-rgb:234,112,100; }
.detail-panel[data-team='g2-esports'] { --team-rgb:212,222,231; }
.detail-panel[data-team='eternal-fire'] { --team-rgb:119,186,225; }
.is-player-profile .inspect-header { position:sticky; top:0; z-index:10; background:#19262d; border-bottom:1px solid #ffffff12; height:56px; padding-inline:28px; }
.is-player-profile .inspect-title { color:#edf3f5; font-weight:600; letter-spacing:.03em; }
.detail-panel.is-player-profile .inspect-logo { width:86px; height:auto; opacity:.82; filter:brightness(0) invert(1); }
.is-player-profile .inspect-header-note { opacity:.65; }
.is-player-profile .inspect-sound,.is-player-profile .inspect-close { border-radius:7px; background:#ffffff04; }
.is-player-profile .inspect-content { background:#202d35; }
.is-player-profile .profile-overview { position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1fr) 290px; grid-template-rows:minmax(236px,auto) auto; gap:0; padding:0; background:#202d35; }
.is-player-profile .detail-copy { display:contents; }
.is-player-profile .player-hero-art { display:block; grid-column:1 / -1; grid-row:1; align-self:stretch; position:relative; z-index:-1; overflow:hidden; border-top:2px solid rgba(var(--team-rgb),.82); background:radial-gradient(ellipse at 85% 65%,rgba(var(--team-rgb),.25),transparent 72%),#223139; }
.is-player-profile .player-hero-art::before { content:''; position:absolute; top:-30%; right:7%; width:36%; height:180%; transform:skewX(-20deg); border-left:1px solid rgba(var(--team-rgb),.23); border-right:1px solid rgba(var(--team-rgb),.12); background:rgba(var(--team-rgb),.035); }
.is-player-profile .player-hero-art::after { content:''; position:absolute; bottom:0; left:0; width:100%; height:45%; background:linear-gradient(transparent,#19282d3d); }
.player-hero-art img { position:absolute; width:180px; height:180px; right:27%; top:25px; object-fit:contain; filter:grayscale(1) brightness(0) invert(1); opacity:.085; }
.player-hero-art img[hidden] { display:none; }
.is-player-profile .profile-identity { grid-column:1; grid-row:1; align-self:center; min-width:0; padding:28px 0 30px 34px; display:flex; flex-direction:column; align-items:flex-start; }
.is-player-profile .profile-eyebrow { order:0; margin-bottom:13px; }
.is-player-profile .profile-eyebrow::before { content:''; width:18px; height:2px; background:rgb(var(--team-rgb)); }
.is-player-profile .profile-eyebrow .inspect-eyebrow { font:600 10px/1.4 'Segoe UI',sans-serif; color:#b6c7cf; letter-spacing:.16em; }
.is-player-profile .profile-name-row { order:1; width:100%; gap:13px; align-items:center; }
.is-player-profile .profile-name-row h2 { font:750 54px/1.07 'Bahnschrift','Segoe UI',sans-serif; letter-spacing:-.045em; color:#f8fafb; }
.is-player-profile .profile-name-row .country-mark { flex:none; }
.is-player-profile .profile-name-row .country-flag { width:24px; height:17px; border-radius:2px; box-shadow:0 1px 6px #0003; }
.is-player-profile .detail-pronunciation { order:2; font-size:16px; margin:8px 0 0; color:#b9ccd4; }
.is-player-profile .detail-career-status { order:3; display:inline-flex; align-items:center; gap:6px; margin:16px 0 0; padding:5px 9px; border:1px solid rgba(var(--team-rgb),.28); border-radius:4px; color:rgb(var(--team-rgb)); background:rgba(var(--team-rgb),.07); font-size:11px; }
.is-player-profile .detail-career-status::before { content:''; width:5px; height:5px; flex:none; border-radius:50%; background:currentColor; }
.is-player-profile .detail-career-status.hidden { display:none; }
.is-player-profile .detail-achievement { order:4; }
.is-player-profile .detail-alias { order:5; }
.is-player-profile .profile-portrait { grid-column:2; grid-row:1; align-self:stretch; width:100%; height:100%; min-height:0; margin:0; padding:12px 28px 0 0; overflow:hidden; }
.is-player-profile .profile-portrait .portrait-frame { width:100%; height:100%; max-height:310px; border:0; border-radius:0; background:none; overflow:visible; }
.is-player-profile .profile-portrait .detail-avatar { width:100%; height:100%; object-fit:contain; object-position:center bottom; filter:drop-shadow(0 10px 15px #09141c40); }
.is-player-profile.uses-team-mark .profile-portrait { padding:36px; display:grid; place-items:center; }
.is-player-profile.uses-team-mark .profile-portrait .portrait-frame { width:136px; height:136px; padding:20px; border:1px solid rgba(var(--team-rgb),.22); border-radius:22px; background:#d4dde3; }
.is-player-profile.uses-team-mark .profile-portrait .detail-avatar { width:100%; height:100%; margin:0; object-fit:contain; filter:none; }
.is-player-profile .profile-facts { grid-column:1 / -1; grid-row:2; display:grid; grid-template-columns:1fr .8fr 1.3fr 1.15fr; gap:0; margin:0; padding:21px 28px; background:#edf1f0; border-top:1px solid #ffffffaa; border-bottom:1px solid #d6ddde; color-scheme:light; }
.is-player-profile .profile-facts>div { display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:7px; min-width:0; min-height:42px; padding:0 17px; border:0; border-right:1px solid #cad4d7; }
.is-player-profile .profile-facts>div:first-child { padding-left:0; }
.is-player-profile .profile-facts>div:last-child { padding-right:0; border-right:0; }
.is-player-profile .profile-facts>div[hidden] { display:none; }
.is-player-profile .profile-facts dt { color:#667780; font-size:10px; font-weight:500; }
.is-player-profile .profile-facts dd { color:#253840; font-size:13px; font-weight:600; line-height:1.45; }
.is-player-profile .profile-facts .detail-team { display:flex; align-items:center; gap:7px; }
.is-player-profile .profile-facts .detail-team img { width:21px; height:21px; padding:0; background:none; }
.is-player-profile .profile-facts time { font-family:inherit; white-space:normal; }
.is-player-profile .profile-overview .detail-bio:not(.hidden) { grid-column:1 / -1; margin:0; padding:16px 28px 0; color:#bfcbd1; }
.is-player-profile .inspect-info.profile-actions { padding:20px 28px 16px; }
.is-player-profile .inspect-section-label { border:0; padding:0; margin-bottom:12px; color:#b5c5ce; font-size:12px; }
.detail-panel.is-player-profile .profile-actions .platform-card.profile-link { min-height:91px; border-radius:9px; padding:17px 18px; border-color:#778e9a55; background:#2b3c47; color:#e5edf2; transition:background 170ms ease,border-color 170ms ease,box-shadow 170ms ease; }
.detail-panel.is-player-profile .profile-actions .platform-card.profile-link:first-child { border-color:#d3e4f3; background:#dceaf4; color:#1e3d54; }
.is-player-profile .profile-link .platform-icon-shell { width:40px; height:40px; border-radius:10px; color:rgb(var(--team-rgb)); background:rgba(var(--team-rgb),.09); }
.is-player-profile .profile-link:first-child .platform-icon-shell { background:#234f7010; color:#2d5776; }
.detail-panel.is-player-profile .profile-actions .profile-link .platform-desc { font-size:18px; }
.is-player-profile .profile-link .action-hint { color:#afc3cd; }
.is-player-profile .profile-link:first-child .action-hint { color:#567184; }
.is-player-profile .profile-actions .social-disclosure { border:1px solid #7c94a232; border-radius:8px; background:#1c2931; padding:0 14px; margin-top:16px; }
.is-player-profile .profile-actions .social-disclosure summary { min-height:48px; color:#d0dce3; }
.is-player-profile .social-preview { opacity:.9; }
.is-player-profile #link-count { color:#aabcc7; }
.is-player-profile .secondary-links { padding-bottom:5px; }
.is-player-profile .social-account { background:#263640; border-color:#708d9e40; }
.is-player-profile .inspect-footer { background:#19262d; border-color:#7894a529; padding:12px 28px; }
.is-player-profile #profile-select { border-color:#61798870; background:#263640; border-radius:6px; color:#e0eaf0; }
.is-player-profile #profile-select option { background:#263640; }
.is-player-profile .switch-context { color:#b6c6cf; }
.is-player-profile .switch-arrow { color:#b6c6cf; border-radius:5px; }
.is-player-profile .switch-arrow:hover { background:#ffffff09; color:#fff; }
.is-player-profile a:focus-visible,.is-player-profile button:focus-visible,.is-player-profile select:focus-visible,.is-player-profile summary:focus-visible { outline:2px solid rgb(var(--team-rgb)); outline-offset:3px; }
@media(hover:hover) {
  .detail-panel.is-player-profile .profile-actions .platform-card.profile-link:hover { border-color:rgba(var(--team-rgb),.65); background:#354c5a; box-shadow:0 3px 15px #06101830; }
  .detail-panel.is-player-profile .profile-actions .platform-card.profile-link:first-child:hover { background:#eff7fe; border-color:#eff7fe; }
}
@media(min-width:701px) {
  .is-player-profile.is-open .profile-identity { animation:profile-arrive 220ms ease-out both; }
  .is-player-profile.is-open .profile-portrait { animation:profile-arrive 300ms ease-out both; }
}
@keyframes profile-arrive { from { opacity:0; translate:0 6px; } to { opacity:1; translate:0 0; } }
@media(max-width:700px) {
  .detail-panel.is-player-profile { width:min(100%,540px); border-radius:13px 13px 8px 8px; }
  .is-player-profile .inspect-header { height:52px; padding-inline:14px; gap:10px; }
  .detail-panel.is-player-profile .inspect-logo { width:72px; height:auto; }
  .is-player-profile .inspect-title { font-size:12px; }
  .is-player-profile .inspect-sound,.is-player-profile .inspect-close { height:44px; width:44px; }
  .is-player-profile .profile-overview { grid-template-columns:minmax(0,1fr) 43%; grid-template-rows:minmax(181px,auto) auto; }
  .is-player-profile .profile-identity { padding:22px 0 22px 20px; }
  .is-player-profile .profile-eyebrow { gap:7px; margin-bottom:12px; }
  .is-player-profile .profile-eyebrow::before { width:12px; }
  .is-player-profile .profile-eyebrow .inspect-eyebrow { font-size:8px; letter-spacing:.09em; }
  .is-player-profile .profile-name-row { gap:8px; }
  .is-player-profile .profile-name-row h2 { font-size:clamp(28px,8.6vw,37px); }
  .is-player-profile .profile-name-row .country-flag { width:18px; height:13px; }
  .is-player-profile .detail-pronunciation { font-size:13px; margin-top:7px; }
  .is-player-profile .detail-career-status { margin-top:12px; padding:4px 7px; font-size:10px; }
  .is-player-profile .profile-portrait { padding:13px 9px 0 0; }
  .is-player-profile .profile-portrait .portrait-frame { max-height:250px; }
  .player-hero-art img { width:123px; height:123px; right:13%; top:24px; }
  .is-player-profile.uses-team-mark .profile-portrait { padding:24px 12px; }
  .is-player-profile.uses-team-mark .profile-portrait .portrait-frame { width:100px; height:100px; padding:15px; border-radius:18px; }
  .is-player-profile .profile-facts { grid-template-columns:1fr 1fr; padding:0 18px; }
  .is-player-profile .profile-facts>div { min-height:63px; gap:4px; padding:11px 0; border-right:0; border-bottom:1px solid #cad4d7; }
  .is-player-profile .profile-facts>div:nth-child(even) { padding-left:16px; }
  .is-player-profile .profile-facts>div:nth-child(n+3) { border-bottom:0; }
  .is-player-profile .profile-facts dt { font-size:10px; }
  .is-player-profile .profile-facts dd { font-size:12px; }
  .is-player-profile .profile-facts .detail-team img { width:18px; height:18px; }
  .is-player-profile .profile-overview .detail-bio:not(.hidden) { padding:14px 16px 0; }
  .is-player-profile .inspect-info.profile-actions { padding:16px; }
  .is-player-profile .inspect-section-label { margin-bottom:10px; font-size:11px; }
  .detail-panel.is-player-profile .profile-actions .platform-card.profile-link { min-height:86px; padding:12px; gap:8px; }
  .is-player-profile .profile-link .platform-icon-shell { width:22px; height:22px; border-radius:5px; }
  .detail-panel.is-player-profile .profile-actions .profile-link .platform-desc { font-size:15px; margin-bottom:3px; }
  .is-player-profile .profile-link .action-hint { font-size:10px; }
  .is-player-profile .profile-actions .social-disclosure { margin-top:12px; padding:0 11px; }
  .is-player-profile .profile-actions .social-disclosure summary { min-height:44px; font-size:12px; }
  .is-player-profile .inspect-footer { padding:8px 16px; }
  .is-player-profile .switch-context { font-size:10px; }
}
@media(max-width:359px) {
  .is-player-profile .profile-identity { padding-left:16px; }
  .is-player-profile .profile-name-row h2 { font-size:28px; }
  .is-player-profile .profile-name-row { gap:5px; }
  .is-player-profile .profile-facts { padding-inline:16px; }
  .is-player-profile .profile-facts dd { font-size:11px; }
  .is-player-profile .inspect-info.profile-actions { padding:14px 12px; }
  .detail-panel.is-player-profile .profile-actions .platform-card.profile-link { padding:10px; }
  .is-player-profile .inspect-footer { padding-inline:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .is-player-profile .profile-identity,.is-player-profile .profile-portrait { animation:none!important; }
  .detail-panel.is-player-profile .profile-actions .platform-card.profile-link { transition:none; }
}

/* player-settings.css */
.player-settings { margin:0 28px 20px; padding:18px 0 0; border-top:1px solid #ffffff12; }
.player-settings[hidden] { display:none!important; }
.player-settings-header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:14px; }
.player-settings-eyebrow { margin:0 0 5px; color:#8ea7b4; font:600 9px/1.3 var(--mono,'Consolas',monospace); letter-spacing:.16em; }
.player-settings h3 { margin:0; color:#e7eef2; font-size:18px; font-weight:700; }
.player-settings-header p:not(.player-settings-eyebrow) { margin:5px 0 0; color:#91a6b1; font-size:11px; line-height:1.5; }
.player-settings-status { flex:none; padding:6px 9px; border:1px solid #d9a96855; border-radius:999px; color:#e5b66f; background:#d9a96810; font-size:10px; white-space:nowrap; }
.player-settings-status[data-state='ready'] { border-color:#8cc4a366; color:#a7dfba; background:#8cc4a30d; }
.player-settings-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.player-settings-group { min-width:0; border:1px solid #7894a229; border-radius:9px; background:linear-gradient(145deg,#22333d,#1b2931); overflow:hidden; }
.player-settings-group>header { display:flex; align-items:center; gap:8px; min-height:42px; padding:10px 12px; border-bottom:1px solid #ffffff10; background:#ffffff04; }
.player-settings-group-icon { display:grid; place-items:center; width:23px; height:23px; border:1px solid #e6b16c55; border-radius:6px; color:#e6b16c; font-size:14px; }
.player-settings-group h4 { margin:0; color:#dce8ed; font-size:12px; font-weight:650; }
.player-settings-group dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; padding:8px 12px 10px; }
.player-settings-group dl>div { min-width:0; padding:7px 8px 7px 0; border-bottom:1px solid #ffffff08; }
.player-settings-group dl>div:nth-last-child(-n+2) { border-bottom:0; }
.player-settings-group dt { overflow:hidden; color:#8199a5; font-size:10px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.player-settings-group dd { margin:3px 0 0; overflow:hidden; color:#f0f5f7; font:600 12px/1.35 'Segoe UI','Microsoft YaHei',sans-serif; text-overflow:ellipsis; white-space:nowrap; }
.player-settings-group dd.is-pending { color:#718893; font-weight:500; }
.player-settings-source { margin:11px 0 0; color:#718893; font-size:10px; }
@media(max-width:700px) {
  .player-settings { margin:0 16px 17px; padding-top:16px; }
  .player-settings-header { gap:10px; margin-bottom:11px; }
  .player-settings h3 { font-size:16px; }
  .player-settings-header p:not(.player-settings-eyebrow) { font-size:10px; }
  .player-settings-status { padding:5px 7px; font-size:9px; }
  .player-settings-groups { grid-template-columns:1fr; gap:8px; }
  .player-settings-group dl { padding-inline:10px; }
}
@media(max-width:359px) {
  .player-settings { margin-inline:12px; }
  .player-settings-group dl { grid-template-columns:1fr 1fr; }
  .player-settings-group dd { font-size:11px; }
}

/* CFG radar + source provenance */
.player-settings-overview { display:grid; grid-template-columns:minmax(220px,0.9fr) minmax(190px,1.1fr); gap:10px; margin-bottom:10px; }
.player-settings-radar-card,.player-settings-source-card { min-width:0; border:1px solid #7894a229; border-radius:9px; background:linear-gradient(145deg,#22333d,#1b2931); }
.player-settings-radar-card { padding:10px 12px 7px; }
.player-settings-radar-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; color:#9bb3be; font:600 9px/1.3 var(--mono,'Consolas',monospace); letter-spacing:.12em; }
.player-settings-radar-heading small { color:#86a0ab; font:500 10px/1.3 'Segoe UI','Microsoft YaHei',sans-serif; letter-spacing:0; }
.player-settings-radar { display:grid; place-items:center; min-height:188px; margin-top:3px; }
.player-settings-radar svg { display:block; width:min(100%,188px); height:auto; overflow:visible; }
.cfg-radar-ring { fill:none; stroke:#95b7c31f; stroke-width:1; }
.cfg-radar-axis { stroke:#95b7c322; stroke-width:1; }
.cfg-radar-label { fill:#8da6b2; font:500 9px 'Segoe UI','Microsoft YaHei',sans-serif; }
.cfg-radar-area { fill:#8ccbd43b; stroke:#9ae3e8; stroke-width:1.5; stroke-linejoin:round; transition:all .35s ease; }
.cfg-radar-point { fill:#d9f5f3; stroke:#4c9da9; stroke-width:1; }
.cfg-radar-center { fill:#e9bc73; }
.player-settings-radar[data-complete='false'] .cfg-radar-area { fill:#84939a22; stroke:#8297a0; stroke-dasharray:3 3; }
.player-settings-radar[data-complete='false'] .cfg-radar-point { fill:#a8b3b7; stroke:#60717a; }
.player-settings-source-card { display:flex; flex-direction:column; justify-content:center; padding:14px 15px; }
.player-settings-source-kicker { color:#d4a766; font:600 9px/1.3 var(--mono,'Consolas',monospace); letter-spacing:.15em; }
.player-settings-source-card strong { margin-top:7px; color:#e2edf0; font-size:13px; }
.player-settings-source-card small { margin-top:6px; color:#8aa1ab; font-size:10px; line-height:1.5; }
.player-settings-source-logos { display:flex; gap:6px; margin-top:13px; }
.source-logo { display:inline-grid; place-items:center; width:28px; height:20px; border:1px solid #ffffff25; border-radius:4px; font:700 10px/1 var(--mono,'Consolas',monospace); }
.source-logo-wanmei { color:#8cc7ff; background:#1c5f9330; }
.source-logo-prosettings { color:#ffc776; background:#945f2133; }
.player-settings-source { line-height:1.5; }
@media(max-width:700px) {
  .player-settings-overview { grid-template-columns:1fr; }
  .player-settings-radar-card { min-height:206px; }
  .player-settings-source-card { min-height:112px; }
}

/* CS2 CFG typography: keep short labels legible on desktop and narrow phones. */
.player-settings,
.player-settings-group,
.player-settings-source-card { font-family:'Inter','Noto Sans SC','Microsoft YaHei','Segoe UI',sans-serif; }
.player-settings h3 { letter-spacing:-.01em; }
.player-settings-group h4 { font-size:13px; letter-spacing:.01em; }
.player-settings-group dt { font-size:11px; line-height:1.45; }
.player-settings-group dd { font-size:13px; line-height:1.4; letter-spacing:.01em; }
.cfg-radar-label { font-size:10px; font-weight:600; }
@media(max-width:700px) {
  .player-settings-group dt { font-size:10px; }
  .player-settings-group dd { font-size:12px; }
}

/* peripherals.css */
/* Homepage gear rankings. Personal profiles intentionally have no gear panel. */
#player-gear { display:none!important; }
#gear-spotlight { --gear-accent:#edbc70; margin-top:22px; padding:22px; border:1px solid #71879945; border-radius:16px; background:#101c27f5; color:#e8eef3; box-shadow:0 12px 30px #0002; }
#gear-spotlight[hidden] { display:none; }
.gear-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }
.gear-heading h2 { margin:0; font-size:23px; font-weight:750; letter-spacing:-.04em; }
.gear-heading-source { color:#a9bcc9; font-size:12px; }
.gear-tabs { display:flex; gap:7px; margin-bottom:17px; flex-wrap:wrap; }
.gear-tabs button { display:flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:9px 16px; border:1px solid #8094a12b; border-radius:7px; color:#b7c8d3; background:#1a2935; font-family:inherit; font-size:13px; font-weight:600; cursor:pointer; transition:background .15s,color .15s; }
.gear-tabs svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.gear-tabs button[aria-selected='true'] { background:var(--gear-accent); color:#292116; border-color:var(--gear-accent); }
.gear-tabs button:hover { border-color:#d6b786; }
.gear-columns { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:18px; align-items:start; }
.gear-model-panel { min-width:0; border:1px solid #8094a129; border-radius:12px; overflow:hidden; background:#172630; }
.gear-leader { display:grid; grid-template-columns:minmax(0,1fr) 37%; min-height:184px; padding:20px 18px; gap:10px; background:linear-gradient(120deg,#f4f3eb,#e5ecee); color:#192b36; }
.gear-leader-copy { display:flex; min-width:0; flex-direction:column; align-items:flex-start; }
.gear-leader-label { display:flex; align-items:center; gap:8px; color:#536974; font-size:11px; font-weight:650; }
.gear-leader-label b { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:#273844; color:#ffcf84; font:700 11px/1 Consolas,monospace; }
.gear-leader h3 { margin:11px 0 13px; max-width:340px; font-size:21px; line-height:1.25; font-weight:750; letter-spacing:-.025em; overflow-wrap:anywhere; }
.gear-leader-count { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; margin-top:auto; }
.gear-leader-count strong { font:750 30px/1.1 Arial,sans-serif; letter-spacing:-.05em; }
.gear-leader-count span { color:#576b76; font-size:11px; }
.gear-leader-image { display:flex; align-items:center; justify-content:center; min-width:0; }
.gear-leader-image img { display:block; width:100%; max-width:170px; height:150px; object-fit:contain; mix-blend-mode:multiply; }
.gear-list-labels { display:flex; justify-content:space-between; padding:14px 16px 7px; font-size:10px; color:#98adba; }
.gear-model-list { list-style:none; padding:0 16px; margin:0; }
.gear-model-list li { display:flex; align-items:center; gap:12px; min-height:51px; border-bottom:1px solid #9aafbb18; padding:8px 0; }
.gear-position { flex:0 0 18px; font:600 11px/1 Consolas,monospace; color:#91a6b4; }
.gear-model-copy { flex:1; min-width:0; }
.gear-model-copy strong { display:block; color:#e3edf2; font-size:12px; line-height:1.4; font-weight:600; overflow-wrap:anywhere; }
.gear-usage-track { display:block; height:3px; width:100%; max-width:210px; margin-top:7px; border-radius:2px; background:#90b3c315; overflow:hidden; }
.gear-usage-track i { display:block; height:100%; background:#aec2ce; border-radius:2px; }
.gear-model-list li:first-child .gear-usage-track i { background:var(--gear-accent); }
.gear-model-count { display:grid; flex:0 0 44px; text-align:right; gap:3px; }
.gear-model-count b { color:#e8eef3; font:650 14px/1 Arial,sans-serif; }
.gear-model-count small { color:#94acbb; font:11px/1 Arial,sans-serif; }
.gear-expand { display:flex; justify-content:center; align-items:center; width:100%; gap:9px; min-height:43px; border:0; color:#c7d8e3; background:transparent; font-size:11px; cursor:pointer; }
.gear-expand:hover { background:#ffffff09; color:#fff; }
.gear-brands-panel { min-width:0; padding:16px 14px 12px; border-radius:12px; background:#e9eef0; color:#182831; }
.gear-brands-panel header { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:9px; }
.gear-brands-panel h3 { display:flex; align-items:center; gap:6px; margin:0; font-size:14px; }
.gear-brands-panel h3 span { font:600 9px/1.1 Consolas,monospace; color:#768894; white-space:nowrap; }
.gear-brands-all { flex-shrink:0; color:#54717f; font-size:10px; }
.gear-brands-list { padding:0; margin:0; list-style:none; }
.gear-brands-list li { border-bottom:1px solid #223f4913; }
.gear-brands-list li:last-child { border-bottom:0; }
.gear-brand-row { display:flex; align-items:center; gap:10px; min-height:36px; padding:3px 1px; color:#233540; border-radius:5px; }
.gear-brand-row:hover { background:#fff9; }
.gear-brand-number { width:16px; flex-shrink:0; font:600 10px/1 Consolas,monospace; color:#778b97; }
.gear-brands-list li:first-child .gear-brand-number { color:#977129; }
.gear-brand-round { width:30px; height:30px; flex-shrink:0; display:grid; place-items:center; padding:4px; background:white; border:1px solid #d9e3e9; border-radius:50%; }
.gear-brand-round img { display:block; width:100%; height:100%; object-fit:contain; }
.gear-brands-list strong { font-size:12px; font-weight:650; }
.gear-brand-arrow { display:none; }
.gear-brands-caption { margin:10px 0 0; color:#657c89; font-size:10px; }
.gear-snapshot-date { margin-top:12px; font-size:10px; color:#93aab9; text-align:right; }
.gear-dashboard :is(button,a,[tabindex]):focus-visible { outline:2px solid #edbc70; outline-offset:3px; }
@media(max-width:900px) {
  .gear-columns { grid-template-columns:minmax(0,1fr) 220px; gap:12px; }
  .gear-leader { padding:16px 14px; }
  .gear-leader h3 { font-size:19px; }
  .gear-brands-panel { padding:14px 10px 10px; }
  .gear-brands-panel h3 span { display:none; }
}
@media(max-width:700px) {
  #gear-spotlight { padding:16px 12px; margin-top:18px; border-radius:12px; }
  .gear-heading { margin-bottom:14px; }
  .gear-heading h2 { font-size:20px; }
  .gear-heading-source { font-size:11px; }
  .gear-tabs { gap:5px; margin-bottom:12px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); }
  .gear-tabs button { flex-direction:column; gap:6px; padding:8px 2px; min-width:0; min-height:57px; font-size:11px; white-space:nowrap; }
  .gear-tabs svg { width:17px; height:17px; }
  .gear-columns { grid-template-columns:minmax(0,1fr); gap:14px; }
  .gear-leader { min-height:164px; grid-template-columns:minmax(0,1fr) 34%; padding:15px 12px; }
  .gear-leader h3 { font-size:18px; }
  .gear-leader-image img { height:120px; }
  .gear-leader-count strong { font-size:27px; }
  .gear-leader-count span { font-size:10px; }
  .gear-model-list { padding-inline:12px; }
  .gear-model-list li { min-height:55px; gap:9px; }
  .gear-list-labels { padding-inline:12px; }
  .gear-brands-panel { padding:15px 12px; }
  .gear-brands-panel h3 { font-size:15px; }
  .gear-brands-panel h3 span { display:inline; }
  .gear-brands-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:14px; grid-auto-flow:column; grid-template-rows:repeat(5,1fr); }
  .gear-brand-row { gap:6px; min-height:45px; }
  .gear-brands-list strong { font-size:11px; overflow-wrap:anywhere; }
  .gear-brand-round { width:27px; height:27px; padding:3px; }
  .gear-brand-arrow { display:none; }
  .gear-brand-number { width:13px; font-size:9px; }
}
@media(prefers-reduced-motion:reduce) { .gear-tabs button { transition:none; } }

/* valve-directory.css */
/* V78: compact, project-led staff directory. */
.category-backbar { position:sticky; top:10px; z-index:22; display:flex; align-items:center; gap:18px; margin:0 0 28px; padding:8px; border:1px solid #ffffff24; border-radius:9px; background:#1b232bf5; box-shadow:0 8px 26px #0003; }
.category-backbar[hidden] { display:none; }
.category-backbar .directory-home { display:inline-flex; align-items:center; justify-content:center; flex:none; gap:12px; min-height:48px; padding:0 21px; border:1px solid #f5b67e; border-radius:6px; background:#f4a366; color:#24190f; font:700 16px/1.3 var(--sans,sans-serif); box-shadow:0 2px 0 #a55f31; }
.category-backbar .directory-home:hover { background:#ffc08b; }
.category-backbar .directory-home:active { transform:translateY(1px); }
.directory-home svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.directory-home:focus-visible { outline:3px solid #fff; outline-offset:4px; }
.category-location { display:flex; align-items:center; gap:12px; color:#a3afb9; font:12px/1.5 var(--sans,sans-serif); }
.category-location strong { color:#edf1f4; font-weight:500; }
.directory-nav { grid-template-columns:repeat(3,minmax(0,1fr)); }
.directory-nav .public-entry { min-height:76px; padding:13px; gap:10px; border-left-width:1px; }
.directory-nav .valve-entry { background:#302a2a; border-color:#a9655366; box-shadow:none; }
.directory-nav .valve-entry .entry-copy strong { color:#f2b59f; }
.directory-nav .valve-entry .entry-symbol { background:#c8785715; border-radius:7px; }
.directory-nav .valve-entry:hover { background:#3a2e2b; border-color:#ef9a79; }
.directory-nav .valve-entry[aria-pressed='true'] { border-color:#ed9c85; box-shadow:inset 0 -3px #ed9c85; }
body[data-category='valve'] .header-cs2-logo { width:38px; height:38px; opacity:1; }
body[data-category='valve'] .hero-copy { padding-left:19px; border-left:3px solid #cf7962; }
body[data-category='valve'] .directory-dateline>span:first-child { font-size:0; }
body[data-category='valve'] .directory-dateline>span:first-child::after { content:'PEOPLE AT VALVE'; font-size:10px; letter-spacing:.13em; color:#e6ac96; }
body[data-category='valve'] #hot-title { font-size:19px; }
#hot-list.staff-grid { display:block; margin:0; padding:0; overflow:visible; }
.staff-section-heading { display:flex; align-items:center; gap:10px; margin:0 0 12px; padding:0; border:0; }
.staff-section-heading:not(:first-child) { margin-top:25px; }
.staff-section-number { display:grid; place-items:center; flex:none; width:26px; height:26px; border:1px solid #b98b6842; border-radius:5px; color:#d7af87; background:#b98b680c; font:600 11px/1 'Bahnschrift','Segoe UI',sans-serif; font-variant-numeric:tabular-nums; }
.staff-section-heading strong { display:block; color:#e6e9eb; font:600 14px/1.5 'Segoe UI',var(--sans,sans-serif); letter-spacing:.015em; }
.staff-section-heading::after { content:''; height:1px; flex:1; background:#b9c8d21c; }
.staff-section-count { order:1; flex:none; color:#99a5ae; font:12px/1.5 var(--sans,sans-serif); }
.staff-cohort { --staff-accent:#d1a476; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.staff-cohort[data-staff-group='valve'] { --staff-accent:#a7bccb; }
#hot-list.staff-grid .hot-person { position:relative; display:grid; grid-template-columns:64px minmax(0,1fr) 22px; align-items:center; align-content:center; gap:16px; width:100%; min-width:0; height:auto; min-height:148px; margin:0; padding:20px; border:1px solid #9cabb42e; border-radius:8px; background:#1e2731; color:#e6edf2; text-align:left; box-shadow:inset 0 1px #edf4ff06,0 4px 12px #03091217; transition:background 180ms ease,border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease; }
#hot-list.staff-grid .hot-person::before,#hot-list.staff-grid .hot-person::after { display:none; }
#hot-list.staff-grid .hot-person:focus-visible { outline:2px solid var(--staff-accent); outline-offset:3px; border-color:var(--staff-accent); background:#27323e; }
#hot-list.staff-grid .hot-person:active { transform:translateY(1px); background:#1a222c; }
.staff-avatar-frame { display:grid; place-items:center; width:64px; height:64px; border:1px solid #ccd8e228; border-radius:8px; overflow:hidden; background:#29323d; box-shadow:0 2px 8px #05090d30; }
.staff-avatar { display:block; width:100%; height:100%; border:0; border-radius:0; object-fit:cover; }
.staff-card-copy { display:block; min-width:0; }
.staff-name { display:block; margin:0; color:#edf0f3; font:650 19px/1.3 'Segoe UI',var(--sans,sans-serif); letter-spacing:-.01em; white-space:normal; overflow-wrap:break-word; }
.staff-role { display:block; margin-top:5px; color:#aab6c1; font:12px/1.5 var(--sans,sans-serif); overflow-wrap:break-word; }
.staff-contribution { display:block; margin-top:11px; color:#cfd6dc; font:12px/1.6 var(--sans,sans-serif); overflow-wrap:break-word; }
.staff-card-arrow { display:grid; place-items:center; align-self:start; width:22px; height:22px; color:#8698a7; transition:color 180ms ease,transform 180ms ease; }
.staff-card-arrow svg { display:block; width:16px; height:16px; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
@media(hover:hover) and (pointer:fine) {
 #hot-list.staff-grid .hot-person:hover { background:#25313d; border-color:#bbc8d564; box-shadow:inset 2px 0 var(--staff-accent),inset 0 1px #edf4ff0a,0 6px 17px #03091226; transform:translateY(-1px); }
 #hot-list.staff-grid .hot-person:hover .staff-card-arrow { color:var(--staff-accent); transform:translate(1px,-1px); }
}
.detail-panel[data-category='valve'] { border-color:#b8826955; }
.detail-panel[data-category='valve'] .inspect-header { border-top:3px solid #c9866d; }
.detail-panel[data-category='valve'] .inspect-title { color:#f0b8a2; }
.detail-panel[data-category='valve'] .inspect-logo { width:31px; height:31px; }
.detail-panel[data-category='valve'] .profile-overview { background:linear-gradient(125deg,#3d30302b,transparent 65%); }
.detail-panel[data-category='valve'] .profile-portrait .portrait-frame { border-radius:10px; width:112px; height:112px; }
.detail-panel[data-category='valve'] .profile-portrait img { object-fit:cover; }
.detail-panel[data-category='valve'] .detail-achievement { margin-top:18px; padding:16px; background:#292f36; border:1px solid #ffffff12; border-left:2px solid #d89579; border-radius:5px; }
.detail-panel[data-category='valve'] .achievement-label { color:#d9a993; font-size:10px; }
.detail-panel[data-category='valve'] .detail-achievement strong { margin-top:7px; color:#f1e5de; font-size:17px; }
.detail-panel[data-category='valve'] .achievement-story { color:#bfc7d0; line-height:1.8; }
.staff-profile-pending { margin:0; padding:17px 0; border-top:1px solid #ffffff15; color:#8e9ba7; font:12px/1.5 var(--sans,sans-serif); }
@media(max-width:700px) {
 .category-backbar { top:6px; padding:6px; gap:10px; margin-bottom:21px; }
 .category-backbar .directory-home { min-height:46px; padding:0 14px; gap:9px; font-size:15px; }
 .category-location { margin-left:auto; margin-right:8px; font-size:0; gap:0; }
 .category-location>span { display:none; }
 .category-location strong { font-size:12px; }
 .directory-nav { gap:7px; }
 .directory-nav .public-entry { flex-direction:column; align-items:center; justify-content:center; gap:7px; padding:11px 4px; min-height:82px; border-radius:7px; text-align:center; }
 .public-entry .entry-symbol { display:grid; width:26px; height:26px; }
 .public-entry .entry-symbol img { width:26px; height:26px; }
 .public-entry .entry-copy strong { font-size:13px; }
 .public-entry .entry-copy small,.public-entry .entry-count { display:none; }
 body[data-category='valve'] .hero-copy { padding-left:12px; }
 .staff-section-heading { gap:9px; margin-bottom:10px; }
 .staff-section-heading:not(:first-child) { margin-top:21px; }
 .staff-section-heading strong { font-size:13px; }
 .staff-section-number { width:24px; height:24px; font-size:10px; }
 .staff-section-count { font-size:11px; }
 .staff-cohort { grid-template-columns:minmax(0,1fr); gap:9px; }
 #hot-list.staff-grid .hot-person { grid-template-columns:56px minmax(0,1fr) 18px; min-height:126px; height:auto; gap:13px; padding:16px; }
 .staff-avatar-frame { width:56px; height:56px; border-radius:7px; }
 .staff-card-arrow { width:18px; height:18px; }
 .staff-card-arrow svg { width:14px; height:14px; }
 .staff-name { font-size:18px; }
 .staff-role { font-size:11px; margin-top:4px; }
 .staff-contribution { font-size:11px; margin-top:9px; }
 .detail-panel[data-category='valve'] .profile-overview { grid-template-columns:64px minmax(0,1fr); }
 .detail-panel[data-category='valve'] .profile-portrait .portrait-frame { width:64px; height:64px; }
 .detail-panel[data-category='valve'] .profile-name-row h2 { font-size:23px; overflow-wrap:anywhere; }
 .detail-panel[data-category='valve'] .detail-achievement { padding:12px; }
 .detail-panel[data-category='valve'] .detail-achievement strong { font-size:15px; line-height:1.6; }
}
@media(max-width:359px) {
 .category-location { display:none; }
 .category-backbar .directory-home { width:100%; }
 .public-entry .entry-copy strong { font-size:11px; }
 #hot-list.staff-grid .hot-person { grid-template-columns:46px minmax(0,1fr) 14px; gap:10px; padding:13px; min-height:124px; }
 .staff-avatar-frame { width:46px; height:46px; }
 .staff-name { font-size:16px; }
 .staff-card-arrow { width:14px; }
}
html[data-motion-v78='off'] #hot-list.staff-grid .hot-person,
html[data-motion-v78='off'] #hot-list.staff-grid .hot-person .staff-card-arrow { transition:none; transform:none; }
@media(prefers-reduced-motion:reduce) {
 #hot-list.staff-grid .hot-person,.staff-card-arrow { transition:none; }
 #hot-list.staff-grid .hot-person:hover,#hot-list.staff-grid .hot-person:active,#hot-list.staff-grid .hot-person:hover .staff-card-arrow { transform:none; }
}

/* ranking-ui.css */
/* HLTV ranking cues: compact on cards, readable in the profile. */
.directory-nav { grid-template-columns:repeat(4,minmax(0,1fr)); }
/* Portrait, identity and honours are separate flow regions: labels never cover faces. */
#hot-list .hot-person.portrait-card {
  display:flex; flex-direction:column; height:auto; min-height:218px; padding:0;
  border-radius:7px; background:#242c33;
}

/* Current HLTV order stays visible in the team roster strip. */
.team-filter-section .collection-tab { position:relative; display:grid; grid-template-columns:20px minmax(0,1fr) auto auto; align-items:center; gap:6px; }
.team-filter-section .collection-tab .team-filter-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.team-filter-section .collection-tab .team-rank { color:#8ea3ad; font:600 9px/1 var(--mono,'Consolas',monospace); letter-spacing:.03em; }
.team-filter-section .collection-tab[data-hltv-rank=''] .team-rank { color:#687b85; }
.team-filter-section .collection-tab.team-rank-top { border-color:#ffffff38; box-shadow:0 0 0 1px #ffffff08 inset; }
.team-filter-section .collection-tab.team-rank-top-1 { border-color:#e5bd6e99; background:linear-gradient(120deg,#e5bd6e18,#1e2a3210); box-shadow:0 0 18px #e5bd6e1c,0 0 0 1px #e5bd6e20 inset; }
.team-filter-section .collection-tab.team-rank-top-1 .team-rank { color:#f0c978; }
.team-filter-section .collection-tab.team-rank-top-2 { border-color:#b6cbd699; background:linear-gradient(120deg,#b6cbd614,#1e2a3210); box-shadow:0 0 15px #b6cbd614,0 0 0 1px #b6cbd61c inset; }
.team-filter-section .collection-tab.team-rank-top-2 .team-rank { color:#c9d8e3; }
.team-filter-section .collection-tab.team-rank-top-3 { border-color:#c98b6288; background:linear-gradient(120deg,#c98b6214,#1e2a3210); box-shadow:0 0 15px #c98b6214,0 0 0 1px #c98b621c inset; }
.team-filter-section .collection-tab.team-rank-top-3 .team-rank { color:#d9a17d; }
@media (prefers-reduced-motion:no-preference) {
  .team-filter-section .collection-tab.team-rank-top-1 { animation:teamTopPulse 3.5s ease-in-out infinite; }
}
@keyframes teamTopPulse { 0%,100%{filter:saturate(.95)} 50%{filter:saturate(1.3)} }
@media(max-width:700px){
  .team-filter-section .collection-tab { grid-template-columns:18px minmax(0,1fr) auto auto; gap:5px; }
  .team-filter-section .collection-tab .team-rank { font-size:8px; }
}
#hot-list .portrait-card::before,#hot-list .portrait-card::after { display:none; }
.person-card-visual { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; padding:10px 10px 12px; }
.person-card-topline { display:flex; align-items:center; justify-content:space-between; gap:6px; width:100%; min-height:18px; margin-bottom:8px; }
#hot-list .portrait-card .career-badge { position:static; flex:none; padding:3px 5px; font-size:9px; }
#hot-list .portrait-card .card-country { position:static; display:flex; align-items:center; margin-left:auto; }
#hot-list .portrait-card .portrait-frame { position:relative; inset:auto; width:min(116px,100%); height:auto; aspect-ratio:1; flex:none; transform:none; }
.person-card-identity { position:relative; z-index:2; display:flex; flex-direction:column; gap:4px; width:100%; margin-top:auto; padding:11px 10px 12px; background:#1d252c; border-top:1px solid #ffffff09; }
#hot-list .portrait-card .hot-person-name { position:static; inset:auto; max-width:100%; gap:6px; font-size:17px; line-height:24px; }
#hot-list .portrait-card .player-name-text { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#hot-list .portrait-card .hot-person-team { position:static; inset:auto; max-width:none; padding-left:30px; padding-right:14px; font:10px/14px 'Segoe UI','Microsoft YaHei',sans-serif; }
.person-card-arrow { position:absolute; right:10px; bottom:12px; color:#a9b8c3; font:13px/14px Arial,sans-serif; }
#hot-list .portrait-card .hltv-rank-badge {
  --rank-rgb:178,209,224;
  position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; gap:6px;
  width:100%; min-width:0; min-height:66px; padding:10px; border:0; border-top:1px solid rgba(var(--rank-rgb),.2);
  color:rgb(var(--rank-rgb)); background:linear-gradient(110deg,rgba(var(--rank-rgb),.1),rgba(var(--rank-rgb),.025));
  text-align:left; white-space:normal; box-shadow:none; border-radius:0;
}
#hot-list .portrait-card .hltv-rank-badge.tone-gold { --rank-rgb:237,201,124; }
#hot-list .portrait-card .hltv-rank-badge.tone-blue { --rank-rgb:160,209,231; }
#hot-list .portrait-card .hltv-rank-badge.tone-violet { --rank-rgb:203,182,238; }
#hot-list .portrait-card .hltv-rank-badge.tone-orange { --rank-rgb:239,183,136; }
.card-rank-label { font:500 9px/12px 'Segoe UI','Microsoft YaHei',sans-serif; letter-spacing:.035em; color:#b6c0c8; }
.card-rank-record { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; }
.card-rank-record strong { flex:none; font:700 17px/22px 'Segoe UI',sans-serif; letter-spacing:-.02em; white-space:nowrap; }
.card-rank-years { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:2px 6px; min-width:0; max-width:72px; color:#c1c9cf; font:500 10px/13px 'Segoe UI',sans-serif; font-variant-numeric:tabular-nums; }
.card-rank-years>span { white-space:nowrap; }
.detail-ranking {
  display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; margin:12px 0 0; padding:8px 11px;
  border:1px solid #d1af6255; border-left:3px solid #d8b667; border-radius:5px;
  background:linear-gradient(105deg,#4b3a236d,#2839436d); color:#e9eef1; font-size:12px; line-height:1.35;
}
.detail-ranking[data-tone="blue"] { border-color:#6ca9c855; border-left-color:#72bddb; }
.detail-ranking[data-tone="violet"] { border-color:#9a82da55; border-left-color:#a994e9; }
.detail-ranking[data-tone="orange"] { border-color:#db986255; border-left-color:#e3a268; }
.detail-ranking .ranking-kicker { width:100%; color:#9fb5c0; font:10px/1.2 var(--mono, ui-monospace, monospace); letter-spacing:.1em; text-transform:uppercase; }
.detail-ranking strong { color:#f4d386; font-size:17px; letter-spacing:.01em; }
.detail-ranking[data-tone="blue"] strong { color:#a9d9ed; }
.detail-ranking[data-tone="violet"] strong { color:#d3c1ff; }
.detail-ranking[data-tone="orange"] strong { color:#ffc18c; }
.detail-ranking > span:last-child { color:#d2dce0; }
.is-player-profile .detail-ranking { order:5; }
.is-player-profile .detail-alias { order:6; }
@media (max-width:700px) {
  .directory-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #hot-list .hot-person.portrait-card { min-height:172px; }
  .person-card-visual { padding:8px 8px 9px; }
  .person-card-topline { min-height:16px; margin-bottom:5px; }
  #hot-list .portrait-card .career-badge { padding:2px 4px; font-size:9px; }
  #hot-list .portrait-card .portrait-frame { width:82px; height:auto; }
  .person-card-identity { gap:2px; padding:8px 9px; }
  #hot-list .portrait-card .hot-person-name { font-size:15px; line-height:21px; }
  #hot-list .portrait-card .hot-person-team { padding-left:26px; font-size:10px; line-height:14px; }
  .person-card-arrow { right:9px; bottom:8px; }
  #hot-list .portrait-card .hltv-rank-badge { min-height:60px; padding:8px 9px; gap:4px; }
  .card-rank-record { gap:6px; }
  .card-rank-record strong { font-size:15px; line-height:20px; }
  .card-rank-years { max-width:68px; gap:2px 5px; }
  .detail-ranking { margin-top:9px; padding:7px 9px; font-size:11px; }
  .detail-ranking strong { font-size:15px; }
}

/* social-hub.css */
/* V59: visible accounts, with the companion sharing the section header. */
#social-disclosure.social-hub {
  display:grid; grid-template-columns:minmax(0,1fr) 224px; align-items:center; gap:14px 16px;
  margin:20px 0 0; padding:16px; border:1px solid #6b93aa70; border-radius:12px;
  background:linear-gradient(120deg,#273a46,#222e38 70%); box-shadow:inset 0 1px #c3e5f510;
}
.social-hub-heading { grid-column:1; grid-row:1; min-width:0; }
.social-heading-line { display:flex; align-items:center; flex-wrap:wrap; gap:9px; }
#social-title { margin:0; color:#f1f6fa; font:700 18px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; }
#social-disclosure #link-count { margin:0; padding:3px 7px; border:1px solid #9cc4da33; border-radius:5px; background:#b9def510; color:#c5deec; font:500 11px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; }
#social-disclosure #account-help { margin:7px 0 0; color:#afc2cf; font:400 11px/1.6 'Segoe UI','Microsoft YaHei',sans-serif; }
.profile-pet-slot { grid-column:2; grid-row:1; min-width:0; }
#social-disclosure #secondary-links { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:0; padding:0; }
#social-disclosure #secondary-links.hidden { display:none; }
#social-disclosure .social-account {
  --social-color:194,215,232;
  display:grid; grid-template-columns:34px minmax(0,1fr) auto; grid-column:auto; gap:10px; align-items:center;
  min-width:0; min-height:82px; padding:12px; border:1px solid #9eafbd36; border-radius:8px;
  background:#1b2731; box-shadow:inset 3px 0 rgba(var(--social-color),.62);
}
#social-disclosure .social-account[data-platform='twitch'] { --social-color:193,158,245; }
#social-disclosure .social-account[data-platform='youtube'] { --social-color:246,131,133; }
#social-disclosure .social-account[data-platform='instagram'] { --social-color:227,154,189; }
#social-disclosure .social-account[data-platform='qq'] { --social-color:153,209,247; }
#social-disclosure .social-account[data-platform='wechat'] { --social-color:112,219,144; }
#social-disclosure .social-account .social-icon { display:grid; place-items:center; width:34px; height:36px; flex:none; border-radius:7px; color:rgb(var(--social-color)); background:rgba(var(--social-color),.08); }
#social-disclosure .social-icon svg { width:22px; height:22px; }
#social-disclosure .social-account .account-copy { display:flex; flex-direction:column; min-width:0; gap:4px; }
#social-disclosure .account-platform { display:flex; flex-wrap:wrap; gap:5px; margin:0; color:#e4edf3; font:600 12px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; }
#social-disclosure .account-platform small { color:#8fa4b3; font:400 10px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; }
#social-disclosure .account-id { color:#c3d3df; font:500 13px/1.5 'Segoe UI','Microsoft YaHei',sans-serif; letter-spacing:0; white-space:normal; overflow-wrap:anywhere; }
#social-disclosure .copy-account {
  display:inline-flex; flex:none; gap:5px; min-width:64px; min-height:40px; padding:8px 9px;
  border:1px solid #8dadc16b; border-radius:6px; background:#3b5364; color:#f0f7fa;
  font:600 11px/1.3 'Segoe UI','Microsoft YaHei',sans-serif; cursor:pointer; touch-action:manipulation;
}
#social-disclosure .copy-account svg { width:14px; height:14px; }
#social-disclosure .copy-account:hover { border-color:#b3d6e9; background:#48697e; }
#social-disclosure .copy-account:focus-visible { outline:2px solid #f0c48d; outline-offset:3px; }
#social-disclosure .copy-account.is-copied { color:#d4f6e1; background:#294d3c; border-color:#82be99; }
#social-disclosure .contact-account .account-id { font-size:17px; color:#f0f5f8; font-variant-numeric:tabular-nums; }
#social-disclosure .contact-account[data-platform='qq'] .social-icon { background:#f0f3f5; }
#social-disclosure .contact-account[data-platform='qq'] .social-brand-icon { width:25px; height:30px; }
#social-disclosure .contact-account[data-platform='wechat'] .social-icon { background:#08c520; }
#social-disclosure .contact-account[data-platform='wechat'] .social-brand-icon { width:34px; height:34px; }
#social-disclosure .social-pending { grid-column:1/-1; min-height:54px; margin:0; padding:12px 14px; color:#b9c9d4; background:#1b27316b; border-color:#8facbd40; }
#social-disclosure #copy-status { grid-column:1/-1; margin:0; padding:0; color:#bce7ce; font-size:11px; }
#social-disclosure #copy-status:empty { display:none; }

/* The one existing pet joins this section; opening it expands the layout rather than covering accounts. */
#profile-pet-slot .pet-companion[data-placement='profile'] {
  --pet-size:66px;
  grid-template-columns:var(--pet-size) minmax(0,1fr); gap:8px;
  min-height:70px; width:100%; margin:0; padding:0; border:0; border-radius:0; background:none;
}
#profile-pet-slot .pet-context { padding:0; margin:0; color:#b9ccd7; font-size:11px; line-height:1.6; }
#profile-pet-slot .pet-tap-hint { opacity:1; bottom:-1px; background:#223947; border-color:#9ec6d73b; color:#c4e0ed; }
#profile-pet-slot .pet-companion.is-minimized { min-height:0; display:flex; justify-content:flex-end; }
#profile-pet-slot .pet-restore { box-shadow:none; background:#243c4a; border-color:#85a9c34d; }
#social-disclosure:has(.has-conversation) .profile-pet-slot { grid-column:1/-1; grid-row:2; }
#profile-pet-slot .pet-companion.has-conversation { --pet-size:82px; padding:10px; border:1px solid #90b4c13b; border-radius:9px; background:#192b35; }
#profile-pet-slot .has-conversation .pet-context { display:none; }
#profile-pet-slot .pet-popover { grid-column:2; grid-row:1; width:100%; margin:0; padding:0 2px; background:none; border:0; box-shadow:none; }
#profile-pet-slot .pet-speech { color:#e5eef2; }
#profile-pet-slot .is-copy-feedback .pet-context { color:#bce7ce; }

@media(max-width:700px) {
  #social-disclosure.social-hub { grid-template-columns:minmax(0,1fr) 70px; gap:12px 8px; margin-top:16px; padding:12px; border-radius:10px; }
  #social-title { font-size:17px; }
  .social-heading-line { gap:6px; }
  #social-disclosure #link-count { font-size:10px; padding:2px 5px; }
  #social-disclosure #account-help { margin-top:5px; font-size:11px; }
  #social-disclosure #secondary-links { grid-template-columns:1fr; gap:8px; }
  #social-disclosure .social-account { min-height:76px; padding:11px; gap:10px; }
  #social-disclosure .copy-account { min-height:44px; }
  #profile-pet-slot .pet-companion[data-placement='profile'] { --pet-size:64px; display:flex; justify-content:center; min-height:70px; }
  #profile-pet-slot .pet-context { display:none; }
  #profile-pet-slot .pet-companion.is-minimized { min-height:0; }
  #profile-pet-slot .pet-restore { min-width:0; min-height:44px; padding:6px 8px; font-size:10px; }
  #profile-pet-slot .pet-restore>span { display:none; }
  #profile-pet-slot .pet-companion.has-conversation { --pet-size:58px; display:grid; grid-template-columns:58px minmax(0,1fr); align-items:start; padding:9px; }
  #profile-pet-slot .pet-popover { display:contents; }
  #profile-pet-slot .pet-popover-heading { grid-column:2; grid-row:1; align-self:start; }
  #profile-pet-slot .pet-speech { grid-column:1/-1; margin:0 0 3px; font-size:12px; }
  #profile-pet-slot .pet-actions { grid-column:1/-1; }
  #profile-pet-slot .pet-actions button { min-height:44px; }
}
@media(max-width:370px) {
  #social-disclosure.social-hub { padding:10px; }
  #social-disclosure .social-account { grid-template-columns:29px minmax(0,1fr) auto; padding:10px 8px; gap:8px; }
  #social-disclosure .social-account .social-icon { width:29px; height:32px; }
  #social-disclosure .copy-account { min-width:58px; padding:8px 6px; gap:4px; }
  #social-disclosure .account-platform { font-size:11px; }
  #social-disclosure .account-platform small { font-size:9px; }
  #social-disclosure .contact-account .account-id { font-size:15px; }
  #social-disclosure .contact-account[data-platform='wechat'] .social-brand-icon { width:29px; height:29px; }
}

/* channel-sections.css */
/* V60: editorial destinations separate from the three professional status filters. */
.search-footnote .directory-nav { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:9px; }
.search-footnote .directory-nav .public-entry { grid-column:span 3; min-height:68px; padding:11px 12px; gap:9px; }
.search-footnote .directory-nav .creator-entry { grid-column:span 4; min-height:70px; }
.directory-nav .public-entry[data-category='creator'] { --channel-rgb:236,164,197; background:#322b36; border-color:#b27b985e; }
.directory-nav .public-entry[data-category='overseas'] { --channel-rgb:246,166,149; background:#342a2b; border-color:#c083765e; }
.directory-nav .public-entry[data-category='vtuber'] { --channel-rgb:197,174,243; background:#2d2b3b; border-color:#9d8ac15e; }
.directory-nav .creator-entry .entry-copy strong { color:rgb(var(--channel-rgb)); }
.directory-nav .creator-entry:hover,.directory-nav .creator-entry[aria-pressed='true'] { border-color:rgb(var(--channel-rgb)); background:rgba(var(--channel-rgb),.12); box-shadow:inset 0 -2px rgba(var(--channel-rgb),.6); }
.directory-nav .creator-entry .entry-symbol { background:rgba(var(--channel-rgb),.08); border-radius:7px; }
.directory-nav .creator-entry .entry-symbol img { width:25px; height:25px; }
.directory-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.directory-filters .collection-tab,.directory-filters .collection-tab:first-child { grid-column:auto; }
.entry-symbol img[src$='assets/brand/bilibili.svg'],.creator-platform img[src$='assets/brand/bilibili.svg'],body[data-category='creator'] .header-cs2-logo,.detail-panel[data-category='creator'] .inspect-logo { filter:invert(75%) sepia(24%) saturate(645%) hue-rotate(288deg) brightness(100%) contrast(90%); }
.public-card-mark img[src$='fmpone-opt.webp'],.detail-panel[data-person-id='fmpone'] .detail-avatar { object-position:center 25%; }

body:not([data-category='pro']) .category-backbar { position:static; margin-bottom:22px; }
body:not([data-category='pro']) .search-footnote .directory-nav { display:flex; flex-wrap:wrap; gap:6px; }
body:not([data-category='pro']) .search-footnote .directory-nav .public-entry { flex:0 1 auto; width:auto; min-height:38px; padding:7px 10px; border-radius:5px; gap:7px; flex-direction:row; text-align:left; }
body:not([data-category='pro']) .directory-nav .public-entry .entry-symbol { width:20px; height:20px; flex:none; }
body:not([data-category='pro']) .directory-nav .public-entry .entry-symbol img { width:18px; height:18px; }
body:not([data-category='pro']) .directory-nav .public-entry .entry-copy strong { font-size:12px; }
body:not([data-category='pro']) .directory-nav .public-entry .entry-copy small { display:none; }
body:not([data-category='pro']) .directory-nav .public-entry .entry-count { display:block; margin-left:1px; font-size:10px; }

body[data-category='creator'] { --channel-rgb:236,164,197; }
body[data-category='overseas'] { --channel-rgb:246,166,149; }
body[data-category='vtuber'] { --channel-rgb:197,174,243; }
body:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .hero-copy {
  padding:22px 24px; margin-bottom:18px; border:1px solid rgba(var(--channel-rgb),.25); border-left:4px solid rgb(var(--channel-rgb));
  border-radius:8px; background:linear-gradient(115deg,#212b35f0,rgba(var(--channel-rgb),.08));
}
body:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .directory-dateline { color:rgb(var(--channel-rgb)); margin-bottom:8px; }
body:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) h1 { font-size:34px; letter-spacing:-.025em; }
body:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .subtitle { margin-top:10px; margin-bottom:0; font-size:13px; }
body:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .search-box { height:54px; padding:5px; }
body:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .search-box input { font-size:16px; }
body:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .search-submit { flex-basis:96px; padding-inline:12px; gap:10px; font-size:13px; white-space:nowrap; }
body:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .search-submit>span { flex:none; }
body:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .header-cs2-logo { opacity:1; }
body:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .scene-shade { background:linear-gradient(180deg,#131923cd,#171b23f2); }
#hot-list.creator-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
#hot-list.creator-grid .hot-person { height:auto; min-height:106px; align-items:center; padding:16px 14px; gap:12px; border:1px solid rgba(var(--channel-rgb),.2); background:#222b35; border-radius:8px; }
#hot-list.creator-grid .hot-person:hover { background:#2c3540; border-color:rgba(var(--channel-rgb),.7); }
#hot-list.creator-grid .creator-avatar { width:52px; height:52px; flex:0 0 52px; object-fit:cover; border:1px solid #d9e5ed26; }
#hot-list.creator-grid .creator-name { color:#f0f3f7; font:650 16px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; white-space:normal; overflow-wrap:anywhere; }
#hot-list.creator-grid .creator-platform { align-items:flex-start; margin-top:5px; color:rgb(var(--channel-rgb)); font-size:11px; line-height:1.5; white-space:normal; }
#hot-list.creator-grid .creator-platform img { margin-top:1px; }
#hot-list.creator-grid .hot-person::after { color:rgb(var(--channel-rgb)); }
.creator-intro { display:block; margin-top:7px; color:#a9b9c7; font:400 11px/1.65 'Segoe UI','Microsoft YaHei',sans-serif; }
body:is([data-category='overseas'],[data-category='vtuber']) #hot-list.creator-grid .hot-person { align-items:flex-start; min-height:142px; }
.hot-person[data-category='vtuber'],.result-card[data-category='vtuber'] { --team-rgb:197,174,243; }
.detail-panel[data-category='vtuber'] { width:min(680px,100%); }
.detail-panel[data-category='vtuber'] .inspect-title { color:#d6c3f4; }
.detail-panel[data-category='creator'] { --channel-rgb:236,164,197; }
.detail-panel[data-category='overseas'] { --channel-rgb:246,166,149; }
.detail-panel[data-category='vtuber'] { --channel-rgb:197,174,243; }

@media(max-width:900px) {
  .search-footnote .directory-nav { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .search-footnote .directory-nav .public-entry { grid-column:span 3; }
  .search-footnote .directory-nav .creator-entry { grid-column:span 2; }
  .directory-nav .public-entry .entry-copy { min-width:0; }
  .directory-nav .public-entry .entry-count { flex:none; }
  .directory-nav .public-entry .entry-copy strong { font-size:13px; }
  .directory-nav .public-entry .entry-copy small { display:none; }
  #hot-list.creator-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #hot-list.public-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  #hot-list.public-grid .hot-person:not(.founder-feature) { grid-template-columns:56px minmax(0,1fr); height:auto!important; min-height:118px!important; gap:10px; padding:14px 12px; }
  .public-card-mark { width:56px; height:56px; }
  .public-card-copy strong { white-space:normal; overflow-wrap:anywhere; font-size:15px; }
  .public-card-arrow { position:absolute; right:9px; bottom:8px; }
}

@media(max-width:700px) {
  .search-footnote .directory-nav { grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; }
  .search-footnote .directory-nav .public-entry { grid-column:span 3; flex-direction:row; justify-content:flex-start; text-align:left; min-height:51px; padding:9px; gap:7px; }
  .directory-nav .public-entry .entry-symbol { width:21px; height:24px; }
  .directory-nav .public-entry .entry-symbol img { width:21px; height:21px; }
  .directory-nav .public-entry .entry-copy strong { font-size:12px; }
  .directory-nav .public-entry .entry-copy small { display:none; }
  .search-footnote .directory-nav .creator-entry { grid-column:span 2; flex-direction:column; justify-content:center; min-height:78px; padding:9px 4px; gap:6px; text-align:center; }
  .directory-nav .creator-entry .entry-symbol img { width:24px; height:24px; }
  .directory-filters { grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; }
  .directory-filters .collection-tab { grid-column:auto; min-height:44px; font-size:12px; }
  .directory-filters .filter-count { display:inline-grid; min-width:18px; height:18px; font-size:9px; }
  body:not([data-category='pro']) .search-footnote .directory-nav .public-entry { min-height:42px; padding:7px 8px; gap:5px; }
  body:not([data-category='pro']) .directory-nav .public-entry .entry-copy strong { font-size:11px; }
  body:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .hero-copy { padding:17px 15px; }
  body:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) h1 { font-size:28px; }
  body:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .subtitle { font-size:12px; line-height:1.65; }
  body:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .search-submit { flex-basis:70px; padding-inline:10px; }
  #hot-list.creator-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  #hot-list.creator-grid .hot-person { min-height:90px; padding:11px 9px; gap:8px; }
  #hot-list.creator-grid .creator-avatar { width:38px; height:38px; flex-basis:38px; }
  #hot-list.creator-grid .creator-name { font-size:13px; }
  #hot-list.creator-grid .creator-platform { font-size:10px; }
  body:is([data-category='overseas'],[data-category='vtuber']) #hot-list.creator-grid { grid-template-columns:1fr; }
  body:is([data-category='overseas'],[data-category='vtuber']) #hot-list.creator-grid .hot-person { min-height:108px; padding:15px; }
  body:is([data-category='overseas'],[data-category='vtuber']) #hot-list.creator-grid .creator-avatar { width:56px; height:56px; flex-basis:56px; }
  body:is([data-category='overseas'],[data-category='vtuber']) #hot-list.creator-grid .creator-name { font-size:17px; }
  .creator-intro { margin-top:5px; }
}

@media(max-width:420px) {
  #hot-list.public-grid { grid-template-columns:1fr!important; }
  #hot-list.public-grid .hot-person:not(.founder-feature) { grid-template-columns:56px minmax(0,1fr)!important; }
  #hot-list.public-grid .public-card-mark { width:56px; height:56px; }
  .public-card-copy span { font-size:11px; }
  .public-card-copy small { font-size:10px; }
}

/* V68.3 — B站 / VTuber mobile cards and profiles: give real avatars room to breathe,
   keep long Chinese names readable, and surface direct platform links as proper HUD cards. */
@media(max-width:700px) {
  /* B站 cards stay dense enough for a long directory, while the portrait remains a real focal point. */
  body[data-category='creator'] #hot-list.creator-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  body[data-category='creator'] #hot-list.creator-grid .hot-person {
    min-height:104px;
    padding:12px 10px;
    gap:10px;
    border-radius:9px;
    align-items:center;
    background:linear-gradient(145deg,#263440f2,#1f2b35f5);
    box-shadow:inset 0 1px #f1d8e711,0 5px 15px #07111b38;
  }
  body[data-category='creator'] #hot-list.creator-grid .creator-avatar {
    width:56px;
    height:56px;
    flex:0 0 56px;
    border:1px solid #f0bfd34d;
    border-radius:50%;
    object-fit:cover;
    object-position:center;
    box-shadow:0 0 0 3px #e8b8ce0b,0 4px 10px #08141e55;
  }
  body[data-category='creator'] #hot-list.creator-grid .creator-name {
    font-size:14px;
    line-height:1.3;
    letter-spacing:-.015em;
  }
body[data-category='creator'] #hot-list.creator-grid .creator-platform {
    margin-top:4px;
    font-size:10px;
    line-height:1.35;
  }
  body[data-category='creator'] #hot-list.creator-grid .hot-person::after {
    right:8px;
    bottom:9px;
    font-size:11px;
  }

  /* All creator profiles share one stable mobile identity row. The fixed portrait column
     prevents names and role labels from sliding underneath the image. */
  .detail-panel:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .profile-overview {
    grid-template-columns:86px minmax(0,1fr);
    gap:14px;
    padding:20px 18px 18px;
    align-items:start;
    background:linear-gradient(145deg,#222d37,#1c252d);
    border-bottom:1px solid rgba(var(--channel-rgb,180,198,214),.16);
  }
  .detail-panel:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .profile-portrait {
    align-self:start;
    margin-top:4px;
    padding-bottom:11px;
  }
  .detail-panel:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .profile-portrait .portrait-frame {
    width:86px;
    height:86px;
    border:1px solid rgba(var(--channel-rgb,180,198,214),.48);
    border-radius:50%;
    background:radial-gradient(circle at 50% 25%,#566875,#2a3a45 78%);
    box-shadow:0 0 0 4px rgba(var(--channel-rgb,180,198,214),.08),0 7px 18px #07111a70;
  }
  .detail-panel:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .profile-portrait .detail-avatar {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    border-radius:50%;
  }
  .detail-panel:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .profile-role {
    bottom:0;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:8px;
    padding:4px 6px;
    border-radius:4px;
  }
  .detail-panel:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .profile-name-row {
    align-items:flex-start;
    gap:6px;
  }
  .detail-panel:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .profile-name-row h2 {
    min-width:0;
    font-size:clamp(23px,7vw,30px);
    line-height:1.18;
    letter-spacing:-.035em;
    overflow-wrap:anywhere;
  }
  .detail-panel:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .profile-name-row .country-flag {
    width:18px;
    height:13px;
    flex:none;
    margin-top:5px;
  }
  .detail-panel:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .profile-overview .detail-alias {
    max-width:100%;
    margin-top:5px;
    font-size:11px;
    line-height:1.45;
    overflow-wrap:anywhere;
  }
  .detail-panel:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .creator-meta {
    margin-top:10px;
    font-size:11px;
    line-height:1.55;
  }

  /* Steam/B站 secondary destinations are no longer a tiny text pill on touch screens. */
  .detail-panel:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .direct-links {
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    margin-top:12px;
  }
  .detail-panel:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .direct-links .direct-account {
    min-height:54px;
    padding:10px 12px;
    gap:10px;
    border:1px solid rgba(var(--channel-rgb,180,198,214),.24);
    border-radius:8px;
    background:linear-gradient(110deg,#263944,#202d37);
    box-shadow:inset 0 1px #f1f6f715;
  }
  .detail-panel:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .direct-links .direct-account[data-platform='bilibili'] {
    border-color:#ec9fc35c;
    background:linear-gradient(110deg,#3a2c3b,#282b36);
  }
  .detail-panel:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .direct-links .direct-account[data-platform='steam'] {
    border-color:#90bdd23d;
  }
  .detail-panel:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .direct-links .social-icon {
    width:30px;
    height:30px;
    flex-basis:30px;
    border-radius:7px;
    background:#ffffff0b;
  }
  .detail-panel:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .direct-links .account-copy {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:2px;
  }
  .detail-panel:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .direct-links .account-platform {
    display:flex;
    margin:0;
    color:#e8eef1;
    font-size:11px;
  }
  .detail-panel:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .direct-links .account-id {
    color:#acbec8;
    font-size:11px;
  }
  .detail-panel:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .direct-links .direct-account-arrow {
    font-size:16px;
    color:rgb(var(--channel-rgb,180,198,214));
  }
}

@media(max-width:370px) {
  body[data-category='creator'] #hot-list.creator-grid .hot-person { min-height:98px; padding:10px 8px; gap:8px; }
  body[data-category='creator'] #hot-list.creator-grid .creator-avatar { width:50px; height:50px; flex-basis:50px; }
  body[data-category='creator'] #hot-list.creator-grid .creator-name { font-size:13px; }
  .detail-panel:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .profile-overview { grid-template-columns:76px minmax(0,1fr); gap:12px; padding-inline:14px; }
  .detail-panel:is([data-category='creator'],[data-category='overseas'],[data-category='vtuber']) .profile-portrait .portrait-frame { width:76px; height:76px; }
}

.creator-sort-controls { display:inline-flex; align-items:center; gap:7px; margin-left:8px; color:#8e9ba7; font-size:10px; }
.creator-sort-controls[hidden] { display:none; }
.creator-sort-controls button { min-width:54px; padding:5px 8px; border:1px solid #cfa3d85c; border-radius:999px; background:#302b43; color:#efd4f3; font:600 10px/1 var(--mono,'Consolas',monospace); cursor:pointer; }
.creator-sort-controls button:hover,.creator-sort-controls button[aria-pressed='true'] { border-color:#edc6f4; background:#4b3a58; }
@media(max-width:700px){ .creator-sort-controls { margin-left:auto; gap:5px; font-size:9px; } .creator-sort-controls button { min-width:48px; padding:5px 6px; } }

/* V68.10 — CS2 倒狗 uses the same avatar-led visual language as B站 creator cards.
   The label describes the community's self-name while keeping the profile copy neutral. */
body[data-category='controversy'] .watch-card-mark {
  border-color:#ec9fc35c;
  background:linear-gradient(145deg,#332b3a,#1d2530);
  box-shadow:0 0 0 4px #ec9fc312,0 7px 16px #09121c66;
}
body[data-category='controversy'] .watch-card-mark img {
  width:58px;
  height:58px;
  border-radius:50%;
  object-fit:cover;
  padding:8px;
  background:#2b2233;
  filter:none;
}
body[data-category='controversy'] .watch-kicker { color:#eca5c7; }
body[data-category='controversy'] .watch-status { color:#d8b7e1; }
body[data-category='controversy'] .watch-card-copy span { color:#e4acc7; }
body[data-category='controversy'] .watch-card-copy strong { letter-spacing:-.015em; }
body[data-category='controversy'] .watch-card { border-top-color:#c681a6; }
@media(max-width:700px){
  body[data-category='controversy'] .watch-card-mark { width:64px; height:64px; margin-top:10px; }
  body[data-category='controversy'] .watch-card-mark img { width:52px; height:52px; }
}

/* VTuber cards use a softer anime-inspired layer while keeping the same HUD
   grid, focus ring and click target as the other directories. */
body[data-category='vtuber'] .hero-copy { border-left:3px solid #e6b4ec; background:linear-gradient(125deg,#342d47ee,#202e3ae8); }
body[data-category='vtuber'] .hero-copy::after { content:'✦  LIVE  ♡  ✦'; float:right; margin-top:-2px; color:#e7b9ef; font:600 9px/1 var(--mono,'Consolas',monospace); letter-spacing:.1em; opacity:.8; }
body[data-category='vtuber'] #hot-list.creator-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
body[data-category='vtuber'] #hot-list.creator-grid .hot-person.vtuber-card { position:relative; display:grid; grid-template-columns:82px minmax(0,1fr); grid-template-rows:auto 1fr; align-items:center; min-height:138px; padding:15px 16px; overflow:hidden; border:1px solid #c8a6de55; border-radius:14px; background:radial-gradient(circle at 12% 18%,#cf9fdb20,transparent 38%),linear-gradient(145deg,#312c48,#202c3a); box-shadow:0 8px 18px #080c1738,inset 0 1px #fff3; }
body[data-category='vtuber'] #hot-list.creator-grid .vtuber-card::before { content:''; position:absolute; inset:0; background:linear-gradient(120deg,transparent 0 64%,#dba9eb12 64% 70%,transparent 70%); pointer-events:none; }
body[data-category='vtuber'] #hot-list.creator-grid .vtuber-card:hover { border-color:#f0c6f4; transform:translateY(-3px); box-shadow:0 12px 26px #12102755,0 0 0 1px #edc5f255 inset; }
.vtuber-card-sparkles { position:absolute; top:8px; right:12px; color:#efc6f3; font-size:11px; letter-spacing:.12em; opacity:.8; }
.vtuber-card-avatar { position:relative; z-index:1; grid-row:1 / span 2; display:grid; place-items:center; width:82px; height:82px; border:2px solid #e3b7efaa; border-radius:50%; background:#1a2030; box-shadow:0 0 0 5px #d7a7e51a,0 0 22px #d7a7e533; }
.vtuber-card-avatar img { width:76px; height:76px; border-radius:50%; object-fit:cover; }
.vtuber-card-copy { position:relative; z-index:1; display:flex; flex-direction:column; min-width:0; padding-left:14px; }
.vtuber-card-kicker { color:#caa6e5; font:600 8px/1.2 var(--mono,'Consolas',monospace); letter-spacing:.14em; }
.vtuber-card-copy strong { margin-top:5px; color:#fff0ff; font-size:17px; line-height:1.35; overflow-wrap:anywhere; }
.vtuber-group-label { margin-top:4px; color:#f1c9ed; font-size:11px; }
.vtuber-card-copy small { margin-top:4px; color:#b5b6ca; font-size:10px; line-height:1.4; }
.vtuber-card-arrow { position:absolute; right:12px; bottom:10px; color:#e8baf2; font-size:14px; }
@media(max-width:700px){
  body[data-category='vtuber'] #hot-list.creator-grid { grid-template-columns:1fr; gap:10px; }
  body[data-category='vtuber'] #hot-list.creator-grid .hot-person.vtuber-card { min-height:126px; grid-template-columns:72px minmax(0,1fr); padding:13px; }
  .vtuber-card-avatar { width:72px; height:72px; }
  .vtuber-card-avatar img { width:66px; height:66px; }
  .vtuber-card-copy { padding-left:12px; }
}

/* V0.95 mobile finishing pass — keep creator cards readable at phone widths.
   The directory can contain long Chinese names and neutral Steam/B站 aliases;
   a fixed portrait column prevents the text from drifting between rows. */
@media(max-width:700px){
  body[data-category='creator'] #hot-list.creator-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    align-items:stretch;
  }
  body[data-category='creator'] #hot-list.creator-grid .hot-person {
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    align-items:center;
    min-height:98px;
    height:auto;
    padding:10px 9px;
    gap:9px;
    border-radius:9px;
    overflow:hidden;
  }
  body[data-category='creator'] #hot-list.creator-grid .creator-avatar {
    width:44px;
    height:44px;
    flex:none;
    border-radius:50%;
    object-fit:cover;
    object-position:center;
  }
  body[data-category='creator'] #hot-list.creator-grid .creator-info {
    min-width:0;
    gap:4px;
    align-self:center;
  }
  body[data-category='creator'] #hot-list.creator-grid .creator-name {
    min-width:0;
    max-width:100%;
    color:#f2f4f5;
    font-family:'Inter','Noto Sans SC','Microsoft YaHei','PingFang SC','Segoe UI',sans-serif;
    font-size:13px;
    font-weight:650;
    line-height:1.28;
    letter-spacing:-.01em;
    white-space:normal;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    overflow-wrap:anywhere;
  }
  body[data-category='creator'] #hot-list.creator-grid .creator-platform {
    min-width:0;
    margin-top:1px;
    gap:4px;
    color:#e2abc5;
    font-family:'Inter','Noto Sans SC','Microsoft YaHei','PingFang SC','Segoe UI',sans-serif;
    font-size:10px;
    line-height:1.25;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  body[data-category='creator'] #hot-list.creator-grid .creator-platform img {
    flex:0 0 13px;
    width:13px;
    height:13px;
  }
  body[data-category='creator'] #hot-list.creator-grid .hot-person::after {
    right:7px;
    bottom:7px;
    font-size:10px;
  }
  .creator-sort-controls {
    flex:0 0 auto;
    margin-left:auto;
    white-space:nowrap;
  }
  .creator-sort-controls button {
    min-height:30px;
    font-family:'Inter','Noto Sans SC','Microsoft YaHei','PingFang SC','Segoe UI',sans-serif;
    font-size:10px;
    line-height:1;
  }
  /* Hide the descriptive one-line copy when the home loadout section is
     present in a cached build; the cards carry the useful information. */
  .gear-spotlight-note { display:none !important; }
  .gear-spotlight-header { align-items:center; margin-bottom:11px; }
}

@media(max-width:370px){
  body[data-category='creator'] #hot-list.creator-grid { gap:7px; }
  body[data-category='creator'] #hot-list.creator-grid .hot-person {
    grid-template-columns:38px minmax(0,1fr);
    min-height:88px;
    padding:8px 7px;
    gap:7px;
  }
  body[data-category='creator'] #hot-list.creator-grid .creator-avatar {
    width:38px;
    height:38px;
  }
  body[data-category='creator'] #hot-list.creator-grid .creator-name { font-size:12px; }
  body[data-category='creator'] #hot-list.creator-grid .creator-platform { font-size:9px; }
}


/* V69 — CS2 倒狗 cards use a leek motif from the community self-name. */
body[data-category='controversy'] .hot-list.controversy-grid .watch-card {
  border-color:#6d9b7755;
  border-top-color:#94c36f;
  background-color:#172922;
  background-image:linear-gradient(135deg,#12241fe8,#1e292ce8),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20900%20560%22%3E%0A%3Cdefs%3E%0A%20%20%3ClinearGradient%20id%3D%22bg%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%2317352d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2310231f%22%2F%3E%3C%2FlinearGradient%3E%0A%20%20%3ClinearGradient%20id%3D%22leaf%22%20x1%3D%220%22%20y1%3D%221%22%20x2%3D%220%22%20y2%3D%220%22%3E%3Cstop%20stop-color%3D%22%235f9f62%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23a8c96b%22%2F%3E%3C%2FlinearGradient%3E%0A%20%20%3ClinearGradient%20id%3D%22stalk%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%220%22%3E%3Cstop%20stop-color%3D%22%23e6f0c2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239ebc75%22%2F%3E%3C%2FlinearGradient%3E%0A%20%20%3Cfilter%20id%3D%22soft%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221.5%22%2F%3E%3C%2Ffilter%3E%0A%3C%2Fdefs%3E%0A%3Crect%20width%3D%22900%22%20height%3D%22560%22%20fill%3D%22url(%23bg)%22%2F%3E%0A%3Cg%20opacity%3D%22.18%22%20stroke%3D%22%23d8f2ac%22%20stroke-width%3D%222%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M0%20120h900M0%20280h900M0%20440h900%22%2F%3E%3Cpath%20d%3D%22M150%200v560M450%200v560M750%200v560%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20opacity%3D%22.72%22%3E%0A%20%20%3Cg%20transform%3D%22translate(90%2070)%20rotate(-12)%22%3E%3Cpath%20d%3D%22M25%20150L6%2030Q5%206%2022%200q17%206%2016%2030L25%20150Z%22%20fill%3D%22url(%23leaf)%22%2F%3E%3Cpath%20d%3D%22M25%20150L43%2025Q50%204%2067%208q10%209%200%2027L38%20155Z%22%20fill%3D%22%2378b56b%22%2F%3E%3Cpath%20d%3D%22M25%20150L-24%2047Q-31%2024-16%2016q15%202%2022%2023l33%20110Z%22%20fill%3D%22%234f925d%22%2F%3E%3Cpath%20d%3D%22M8%20150h34l-5%2054H12Z%22%20fill%3D%22url(%23stalk)%22%2F%3E%3Cpath%20d%3D%22M5%20204q20%2028%2040%200%22%20fill%3D%22none%22%20stroke%3D%22%23eef4d5%22%20stroke-width%3D%225%22%2F%3E%3C%2Fg%3E%0A%20%20%3Cg%20transform%3D%22translate(350%20230)%20scale(.8)%20rotate(8)%22%3E%3Cpath%20d%3D%22M25%20150L6%2030Q5%206%2022%200q17%206%2016%2030L25%20150Z%22%20fill%3D%22url(%23leaf)%22%2F%3E%3Cpath%20d%3D%22M25%20150L43%2025Q50%204%2067%208q10%209%200%2027L38%20155Z%22%20fill%3D%22%2378b56b%22%2F%3E%3Cpath%20d%3D%22M25%20150L-24%2047Q-31%2024-16%2016q15%202%2022%2023l33%20110Z%22%20fill%3D%22%234f925d%22%2F%3E%3Cpath%20d%3D%22M8%20150h34l-5%2054H12Z%22%20fill%3D%22url(%23stalk)%22%2F%3E%3Cpath%20d%3D%22M5%20204q20%2028%2040%200%22%20fill%3D%22none%22%20stroke%3D%22%23eef4d5%22%20stroke-width%3D%225%22%2F%3E%3C%2Fg%3E%0A%20%20%3Cg%20transform%3D%22translate(690%2045)%20scale(.9)%20rotate(-4)%22%3E%3Cpath%20d%3D%22M25%20150L6%2030Q5%206%2022%200q17%206%2016%2030L25%20150Z%22%20fill%3D%22url(%23leaf)%22%2F%3E%3Cpath%20d%3D%22M25%20150L43%2025Q50%204%2067%208q10%209%200%2027L38%20155Z%22%20fill%3D%22%2378b56b%22%2F%3E%3Cpath%20d%3D%22M25%20150L-24%2047Q-31%2024-16%2016q15%202%2022%2023l33%20110Z%22%20fill%3D%22%234f925d%22%2F%3E%3Cpath%20d%3D%22M8%20150h34l-5%2054H12Z%22%20fill%3D%22url(%23stalk)%22%2F%3E%3Cpath%20d%3D%22M5%20204q20%2028%2040%200%22%20fill%3D%22none%22%20stroke%3D%22%23eef4d5%22%20stroke-width%3D%225%22%2F%3E%3C%2Fg%3E%0A%20%20%3Cg%20transform%3D%22translate(780%20360)%20scale(.7)%20rotate(13)%22%3E%3Cpath%20d%3D%22M25%20150L6%2030Q5%206%2022%200q17%206%2016%2030L25%20150Z%22%20fill%3D%22url(%23leaf)%22%2F%3E%3Cpath%20d%3D%22M25%20150L43%2025Q50%204%2067%208q10%209%200%2027L38%20155Z%22%20fill%3D%22%2378b56b%22%2F%3E%3Cpath%20d%3D%22M25%20150L-24%2047Q-31%2024-16%2016q15%202%2022%2023l33%20110Z%22%20fill%3D%22%234f925d%22%2F%3E%3Cpath%20d%3D%22M8%20150h34l-5%2054H12Z%22%20fill%3D%22url(%23stalk)%22%2F%3E%3Cpath%20d%3D%22M5%20204q20%2028%2040%200%22%20fill%3D%22none%22%20stroke%3D%22%23eef4d5%22%20stroke-width%3D%225%22%2F%3E%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20opacity%3D%22.2%22%20fill%3D%22%23dff5b7%22%20filter%3D%22url(%23soft)%22%3E%3Ccircle%20cx%3D%22125%22%20cy%3D%22420%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22590%22%20cy%3D%22120%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22480%22%20cy%3D%22470%22%20r%3D%226%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E");
  background-position:center,center;
  background-size:cover,cover;
  box-shadow:0 10px 22px #08140f66,inset 0 1px #e8f6cf16;
}
body[data-category='controversy'] .hot-list.controversy-grid .watch-card:hover { border-color:#b1dc83aa; box-shadow:0 12px 28px #07130c88,0 0 0 1px #b5db8a55 inset; }
body[data-category='controversy'] .hot-list.controversy-grid .watch-bars {
  z-index:0; inset:0; width:100%; opacity:.2; transform:none;
  background:linear-gradient(180deg,#09171033,#09171088),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20900%20560%22%3E%0A%3Cdefs%3E%0A%20%20%3ClinearGradient%20id%3D%22bg%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%2317352d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2310231f%22%2F%3E%3C%2FlinearGradient%3E%0A%20%20%3ClinearGradient%20id%3D%22leaf%22%20x1%3D%220%22%20y1%3D%221%22%20x2%3D%220%22%20y2%3D%220%22%3E%3Cstop%20stop-color%3D%22%235f9f62%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23a8c96b%22%2F%3E%3C%2FlinearGradient%3E%0A%20%20%3ClinearGradient%20id%3D%22stalk%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%220%22%3E%3Cstop%20stop-color%3D%22%23e6f0c2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239ebc75%22%2F%3E%3C%2FlinearGradient%3E%0A%20%20%3Cfilter%20id%3D%22soft%22%3E%3CfeGaussianBlur%20stdDeviation%3D%221.5%22%2F%3E%3C%2Ffilter%3E%0A%3C%2Fdefs%3E%0A%3Crect%20width%3D%22900%22%20height%3D%22560%22%20fill%3D%22url(%23bg)%22%2F%3E%0A%3Cg%20opacity%3D%22.18%22%20stroke%3D%22%23d8f2ac%22%20stroke-width%3D%222%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M0%20120h900M0%20280h900M0%20440h900%22%2F%3E%3Cpath%20d%3D%22M150%200v560M450%200v560M750%200v560%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20opacity%3D%22.72%22%3E%0A%20%20%3Cg%20transform%3D%22translate(90%2070)%20rotate(-12)%22%3E%3Cpath%20d%3D%22M25%20150L6%2030Q5%206%2022%200q17%206%2016%2030L25%20150Z%22%20fill%3D%22url(%23leaf)%22%2F%3E%3Cpath%20d%3D%22M25%20150L43%2025Q50%204%2067%208q10%209%200%2027L38%20155Z%22%20fill%3D%22%2378b56b%22%2F%3E%3Cpath%20d%3D%22M25%20150L-24%2047Q-31%2024-16%2016q15%202%2022%2023l33%20110Z%22%20fill%3D%22%234f925d%22%2F%3E%3Cpath%20d%3D%22M8%20150h34l-5%2054H12Z%22%20fill%3D%22url(%23stalk)%22%2F%3E%3Cpath%20d%3D%22M5%20204q20%2028%2040%200%22%20fill%3D%22none%22%20stroke%3D%22%23eef4d5%22%20stroke-width%3D%225%22%2F%3E%3C%2Fg%3E%0A%20%20%3Cg%20transform%3D%22translate(350%20230)%20scale(.8)%20rotate(8)%22%3E%3Cpath%20d%3D%22M25%20150L6%2030Q5%206%2022%200q17%206%2016%2030L25%20150Z%22%20fill%3D%22url(%23leaf)%22%2F%3E%3Cpath%20d%3D%22M25%20150L43%2025Q50%204%2067%208q10%209%200%2027L38%20155Z%22%20fill%3D%22%2378b56b%22%2F%3E%3Cpath%20d%3D%22M25%20150L-24%2047Q-31%2024-16%2016q15%202%2022%2023l33%20110Z%22%20fill%3D%22%234f925d%22%2F%3E%3Cpath%20d%3D%22M8%20150h34l-5%2054H12Z%22%20fill%3D%22url(%23stalk)%22%2F%3E%3Cpath%20d%3D%22M5%20204q20%2028%2040%200%22%20fill%3D%22none%22%20stroke%3D%22%23eef4d5%22%20stroke-width%3D%225%22%2F%3E%3C%2Fg%3E%0A%20%20%3Cg%20transform%3D%22translate(690%2045)%20scale(.9)%20rotate(-4)%22%3E%3Cpath%20d%3D%22M25%20150L6%2030Q5%206%2022%200q17%206%2016%2030L25%20150Z%22%20fill%3D%22url(%23leaf)%22%2F%3E%3Cpath%20d%3D%22M25%20150L43%2025Q50%204%2067%208q10%209%200%2027L38%20155Z%22%20fill%3D%22%2378b56b%22%2F%3E%3Cpath%20d%3D%22M25%20150L-24%2047Q-31%2024-16%2016q15%202%2022%2023l33%20110Z%22%20fill%3D%22%234f925d%22%2F%3E%3Cpath%20d%3D%22M8%20150h34l-5%2054H12Z%22%20fill%3D%22url(%23stalk)%22%2F%3E%3Cpath%20d%3D%22M5%20204q20%2028%2040%200%22%20fill%3D%22none%22%20stroke%3D%22%23eef4d5%22%20stroke-width%3D%225%22%2F%3E%3C%2Fg%3E%0A%20%20%3Cg%20transform%3D%22translate(780%20360)%20scale(.7)%20rotate(13)%22%3E%3Cpath%20d%3D%22M25%20150L6%2030Q5%206%2022%200q17%206%2016%2030L25%20150Z%22%20fill%3D%22url(%23leaf)%22%2F%3E%3Cpath%20d%3D%22M25%20150L43%2025Q50%204%2067%208q10%209%200%2027L38%20155Z%22%20fill%3D%22%2378b56b%22%2F%3E%3Cpath%20d%3D%22M25%20150L-24%2047Q-31%2024-16%2016q15%202%2022%2023l33%20110Z%22%20fill%3D%22%234f925d%22%2F%3E%3Cpath%20d%3D%22M8%20150h34l-5%2054H12Z%22%20fill%3D%22url(%23stalk)%22%2F%3E%3Cpath%20d%3D%22M5%20204q20%2028%2040%200%22%20fill%3D%22none%22%20stroke%3D%22%23eef4d5%22%20stroke-width%3D%225%22%2F%3E%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20opacity%3D%22.2%22%20fill%3D%22%23dff5b7%22%20filter%3D%22url(%23soft)%22%3E%3Ccircle%20cx%3D%22125%22%20cy%3D%22420%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22590%22%20cy%3D%22120%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22480%22%20cy%3D%22470%22%20r%3D%226%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E") center/cover no-repeat;
}
body[data-category='controversy'] .hot-list.controversy-grid .watch-kicker { color:#b8dc8a; }
body[data-category='controversy'] .hot-list.controversy-grid .watch-status { color:#ddf0b4; border-color:#b5d68188; background:#1c382d88; }
body[data-category='controversy'] .hot-list.controversy-grid .watch-card-footer { color:#c2df9a; border-top-color:#b4d48422; }

/* Compact directory labels: keep creator cards to avatar + name, with a small
   platform chip pinned to the card edge instead of a paragraph below the name. */
#hot-list.creator-grid .creator-info { position:relative; justify-content:center; gap:0; }
#hot-list.creator-grid .creator-platform-badge { display:inline-flex; align-items:center; gap:4px; width:max-content; margin-top:8px; padding:3px 6px; border:1px solid #ee9ec955; border-radius:999px; color:#f2bad9; background:#e18bb91b; font-size:9px; line-height:1.2; }
#hot-list.creator-grid .creator-platform-badge img { width:12px; height:12px; opacity:.9; }
#hot-list.creator-grid .creator-platform-youtube { border-color:#e99a8b55; color:#ffc2b7; background:#e99a8b16; }
#hot-list.creator-grid .creator-platform-youtube img { filter:none; }
#hot-list.creator-grid .creator-name { margin:0; }
.vtuber-card-copy strong { margin-top:5px; }
@media(max-width:700px) { #hot-list.creator-grid .creator-platform-badge { font-size:8px; } }

.letter-filter { display:flex; align-items:center; gap:10px; margin:12px 0 0; padding:0 2px; }
.letter-filter[hidden] { display:none; }
.letter-filter-label { flex:none; color:#83a0ab; font:600 9px/1 var(--mono,'Consolas',monospace); letter-spacing:.12em; text-transform:uppercase; }
.letter-filter-list { display:flex; align-items:center; gap:4px; min-width:0; overflow-x:auto; scrollbar-width:none; }
.letter-filter-list::-webkit-scrollbar { display:none; }
.letter-filter-button { flex:none; min-width:27px; min-height:30px; padding:5px 7px; border:1px solid #91b6c233; border-radius:8px; color:#a5bac4; background:#172732b8; font:700 10px/1 var(--mono,'Consolas',monospace); cursor:pointer; transition:background 160ms,border-color 160ms,color 160ms,transform 160ms; }
.letter-filter-button:hover { color:#eef7f7; border-color:#a8d6d688; background:#233c48; transform:translateY(-1px); }
.letter-filter-button[aria-pressed=true] { color:#14232b; border-color:#edb47b; background:#edb47b; box-shadow:0 4px 12px #edb47b33; }
@media(max-width:700px) { .letter-filter { margin-top:9px; gap:7px; } .letter-filter-label { font-size:8px; } .letter-filter-button { min-width:26px; min-height:29px; padding-inline:6px; } }

/* trader-ui.css */
/* CS2 倒狗 directory polish (V1.0)
   Kept as a separate final layer so the archive can be reviewed or removed
   without touching the shared directory cards.  The existing inline SVG
   background remains the low-contrast leek motif requested for this group. */

body[data-category='controversy'] {
  --trader-ink: #f3f6f0;
  --trader-muted: #b7c9bd;
  --trader-line: #95c67b45;
  --trader-accent: #c2df8d;
  --trader-mint: #94d3a5;
}

/* The four records read as a compact 2 × 2 board on a desktop instead of
   four tall portrait doors.  A little extra column breathing room keeps the
   identity and status pill on the same visual line. */
body[data-category='controversy'] .hot-list.controversy-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

body[data-category='controversy'] .hot-list.controversy-grid .watch-card {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr);
  grid-template-rows: auto minmax(98px, 1fr) auto;
  min-height: 214px;
  border: 1px solid #9abe814d;
  border-top: 2px solid #bbd986;
  border-radius: 12px;
  background-color: #14231f;
  /* Keep the already-approved leek artwork visible, but pull it back below
     the copy so avatars and text stay the primary signal. */
  background-blend-mode: normal, soft-light;
  box-shadow: 0 12px 28px #08140d66, inset 0 1px #eef8da13;
  isolation: isolate;
  transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

body[data-category='controversy'] .hot-list.controversy-grid .watch-card::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(circle at 11% 12%, #b8de8f12, transparent 31%), linear-gradient(180deg, transparent 58%, #07130d70);
  mix-blend-mode: screen;
}

body[data-category='controversy'] .hot-list.controversy-grid .watch-card:hover,
body[data-category='controversy'] .hot-list.controversy-grid .watch-card:focus-visible {
  border-color: #d4ec9cba;
  border-top-color: #eff3b4;
  transform: translateY(-3px);
  box-shadow: 0 16px 34px #06140c99, 0 0 0 1px #c8e49346 inset;
}

body[data-category='controversy'] .hot-list.controversy-grid .watch-bars {
  z-index: 0;
  inset: 0 0 0 auto;
  width: 46%;
  opacity: .15;
  transform: skewX(-10deg) translateX(8px);
  mask-image: linear-gradient(90deg, transparent 0, #000 25%, #000 100%);
}

body[data-category='controversy'] .hot-list.controversy-grid .watch-card-top {
  grid-column: 1 / -1;
  grid-row: 1;
  z-index: 2;
  min-width: 0;
  padding: 16px 16px 0;
}

body[data-category='controversy'] .hot-list.controversy-grid .watch-kicker {
  color: #b7dd8e;
  font-size: 9px;
  letter-spacing: .16em;
}

body[data-category='controversy'] .hot-list.controversy-grid .watch-status {
  max-width: 62%;
  overflow: hidden;
  color: #e1f0bf;
  border-color: #bfe08d70;
  background: #23432d9c;
  font-size: 10px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-category='controversy'] .hot-list.controversy-grid .watch-card-mark {
  grid-column: 1;
  grid-row: 2;
  align-self: center;
  justify-self: start;
  z-index: 2;
  width: 78px;
  height: 78px;
  margin: 0 0 0 16px;
  border: 1px solid #b9d9897d;
  background: radial-gradient(circle at 35% 25%, #344a3b, #14251f 72%);
  box-shadow: 0 0 0 5px #b7d88416, 0 8px 18px #05110a80;
}

body[data-category='controversy'] .hot-list.controversy-grid .watch-card-mark img {
  display: block;
  width: 64px;
  height: 64px;
  padding: 0;
  border-radius: 50%;
  object-fit: cover;
  background: #1a2c25;
}

body[data-category='controversy'] .hot-list.controversy-grid .watch-card-copy {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  z-index: 2;
  min-width: 0;
  padding: 0 16px 0 15px;
}

body[data-category='controversy'] .hot-list.controversy-grid .watch-card-copy strong {
  display: -webkit-box;
  overflow: hidden;
  color: var(--trader-ink);
  font: 700 clamp(17px, 1.35vw, 21px)/1.18 'Inter', 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
  letter-spacing: -.02em;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* A real profile has no generated explanation line.  Keep the selector for
   any future source field, but make it visually secondary when one exists. */
body[data-category='controversy'] .hot-list.controversy-grid .watch-card-copy span,
body[data-category='controversy'] .hot-list.controversy-grid .watch-card-copy small {
  display: none;
}

body[data-category='controversy'] .hot-list.controversy-grid .watch-card-footer {
  grid-column: 1 / -1;
  grid-row: 3;
  z-index: 2;
  min-height: 38px;
  margin: 0 16px;
  padding: 10px 0 12px;
  border-top-color: #bce08c27;
  color: var(--trader-muted);
  font-size: 10px;
  letter-spacing: .02em;
}

body[data-category='controversy'] .hot-list.controversy-grid .watch-card-footer span {
  color: var(--trader-accent);
  font-size: 15px;
  line-height: 10px;
}

/* The detail view keeps the same green identity without turning the account
   links into a large generic panel. */
body[data-category='controversy'] .detail-panel[data-category='controversy'] {
  border-color: #a4cc8278;
  background: #17221f;
  box-shadow: 0 24px 70px #050e0a99, 0 0 0 1px #d9efa01f inset;
}

body[data-category='controversy'] .detail-panel[data-category='controversy'] .inspect-header {
  border-top-color: #b9d788;
  background: linear-gradient(90deg, #182820, #1b2526);
}

body[data-category='controversy'] .detail-panel[data-category='controversy'] .inspect-title,
body[data-category='controversy'] .detail-panel[data-category='controversy'] .profile-name-row h2 {
  color: #eef7df;
}

body[data-category='controversy'] .detail-panel[data-category='controversy'] .profile-overview {
  grid-template-columns: 146px minmax(0, 1fr);
  gap: 26px;
  padding: 28px 32px 24px;
  background: radial-gradient(circle at 14% 40%, #9bc77d1c, transparent 32%), linear-gradient(125deg, #22362c, #1b252a 70%);
}

body[data-category='controversy'] .detail-panel[data-category='controversy'] .profile-portrait .portrait-frame {
  width: 146px;
  height: 146px;
  border-color: #bcdb8b9a;
  background: radial-gradient(circle at 35% 25%, #3a5443, #162720 75%);
  box-shadow: 0 0 0 7px #b5d78516, 0 14px 24px #07130b88;
}

body[data-category='controversy'] .detail-panel[data-category='controversy'] .profile-portrait .detail-avatar {
  object-fit: cover;
  border-radius: 50%;
}

body[data-category='controversy'] .detail-panel[data-category='controversy'] .profile-role {
  color: #dff2bb;
  background: #254a3499;
  border-color: #a5d17b80;
}

body[data-category='controversy'] .detail-panel[data-category='controversy'] .creator-meta {
  margin-top: 8px;
  color: #c7e3aa;
  font-size: 11px;
}

body[data-category='controversy'] .detail-panel[data-category='controversy'] .detail-bio:empty {
  display: none;
}

body[data-category='controversy'] .detail-panel[data-category='controversy'] .inspect-info.profile-actions {
  padding: 20px 32px 24px;
  background: linear-gradient(180deg, #18251f, #151e22);
}

body[data-category='controversy'] .detail-panel[data-category='controversy'] .inspect-section-label {
  color: #cbe79f;
}

body[data-category='controversy'] .detail-panel[data-category='controversy'] .primary-links {
  gap: 10px;
}

body[data-category='controversy'] .detail-panel[data-category='controversy'] .primary-links .platform-card {
  min-height: 88px;
  border-color: #9fcb8356;
  border-radius: 10px;
  background: linear-gradient(135deg, #263d32, #202e31);
  color: #edf6f1;
  box-shadow: inset 0 1px #f0f8df0d;
}

body[data-category='controversy'] .detail-panel[data-category='controversy'] .primary-links .platform-card:hover,
body[data-category='controversy'] .detail-panel[data-category='controversy'] .primary-links .platform-card:focus-visible {
  border-color: #d0e99a;
  background: linear-gradient(135deg, #31503e, #26373a);
}

body[data-category='controversy'] .detail-panel[data-category='controversy'] .steam-friend-code {
  border-color: #8cbf8175;
  border-radius: 10px;
  background: #1e3b30;
}

body[data-category='controversy'] .detail-panel[data-category='controversy'] .steam-friend-code--multi {
  gap: 10px;
  border: 0;
  background: transparent;
}

body[data-category='controversy'] .detail-panel[data-category='controversy'] .steam-friend-code--multi .steam-friend-code-item {
  border-color: #8cbf8170;
  border-radius: 9px;
  background: #1e3b30;
}

body[data-category='controversy'] .detail-panel[data-category='controversy'] .steam-friend-button {
  color: #eef8dc;
  border-color: #9fca7e8f;
  background: #356348;
}

body[data-category='controversy'] .detail-panel[data-category='controversy'] .steam-friend-button:hover,
body[data-category='controversy'] .detail-panel[data-category='controversy'] .steam-friend-button:focus-visible {
  border-color: #e3f6b4;
  background: #477d58;
}

body[data-category='controversy'] .detail-panel[data-category='controversy'] .social-disclosure {
  border-color: #8cbd7a66;
  border-radius: 10px;
  background: #1d322c;
}

body[data-category='controversy'] .detail-panel[data-category='controversy'] .social-hub-heading h3 {
  color: #e2f3c0;
}

@media (max-width: 700px) {
  body[data-category='controversy'] .hot-list.controversy-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  body[data-category='controversy'] .hot-list.controversy-grid .watch-card {
    grid-template-columns: 58px minmax(0, 1fr);
    grid-template-rows: auto minmax(82px, 1fr) auto;
    min-height: 184px;
    border-radius: 10px;
  }
  body[data-category='controversy'] .hot-list.controversy-grid .watch-card-top {
    padding: 12px 11px 0;
  }
  body[data-category='controversy'] .hot-list.controversy-grid .watch-kicker { font-size: 8px; }
  body[data-category='controversy'] .hot-list.controversy-grid .watch-status {
    max-width: 54%;
    padding: 3px 5px;
    font-size: 8px;
  }
  body[data-category='controversy'] .hot-list.controversy-grid .watch-card-mark {
    width: 54px;
    height: 54px;
    margin-left: 11px;
  }
  body[data-category='controversy'] .hot-list.controversy-grid .watch-card-mark img {
    width: 44px;
    height: 44px;
  }
  body[data-category='controversy'] .hot-list.controversy-grid .watch-card-copy { padding: 0 11px 0 10px; }
  body[data-category='controversy'] .hot-list.controversy-grid .watch-card-copy strong { font-size: 15px; }
  body[data-category='controversy'] .hot-list.controversy-grid .watch-card-footer {
    min-height: 33px;
    margin: 0 11px;
    padding: 8px 0 9px;
    font-size: 9px;
  }
  body[data-category='controversy'] .detail-panel[data-category='controversy'] .profile-overview {
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 15px;
    padding: 20px 18px 18px;
  }
  body[data-category='controversy'] .detail-panel[data-category='controversy'] .profile-portrait .portrait-frame {
    width: 82px;
    height: 82px;
  }
  body[data-category='controversy'] .detail-panel[data-category='controversy'] .profile-name-row h2 { font-size: 25px; }
  body[data-category='controversy'] .detail-panel[data-category='controversy'] .inspect-info.profile-actions { padding: 16px 18px 20px; }
  body[data-category='controversy'] .detail-panel[data-category='controversy'] .primary-links { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 430px) {
  body[data-category='controversy'] .hot-list.controversy-grid {
    grid-template-columns: 1fr;
  }
  body[data-category='controversy'] .hot-list.controversy-grid .watch-card {
    min-height: 168px;
  }
  body[data-category='controversy'] .detail-panel[data-category='controversy'] .primary-links { grid-template-columns: 1fr; }
  body[data-category='controversy'] .detail-panel[data-category='controversy'] .steam-friend-code--multi { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-category='controversy'] .hot-list.controversy-grid .watch-card { transition: none; }
}

/* steam-accounts.css */
/* Keep each Steam account's links and copy action together. */
.steam-friend-code { display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:3px 12px; margin-top:11px; padding:13px 15px; border:1px solid #76a5c156; border-radius:8px; background:#233846; color:#e6f1f8; }
.steam-friend-code[hidden] { display:none!important; }
.steam-friend-icon { grid-row:1/3; display:grid; place-items:center; width:38px; height:38px; border-radius:9px; background:#d9eaf4; }
.steam-friend-icon img { display:block; width:25px; height:25px; }
.steam-friend-copy { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 14px; min-width:0; }
.steam-friend-copy strong { font:600 12px/1.5 'Segoe UI','Microsoft YaHei',sans-serif; color:#bcd4e3; }
.steam-friend-copy .account-id { font:700 19px/1.4 'Segoe UI',sans-serif; letter-spacing:.025em; font-variant-numeric:tabular-nums; color:#f1f8fc; user-select:text; }
.steam-friend-code[data-kind='permanent-link'] { border-color:#9d8bd055; background:#2a3144; }
.steam-friend-code[data-kind='permanent-link'] .steam-friend-copy strong { color:#c9b9e8; }
.steam-friend-code[data-kind='permanent-link'] .steam-friend-copy .account-id { display:block; max-width:100%; overflow:hidden; color:#d9d9ee; font-size:12px; font-weight:500; letter-spacing:0; text-overflow:ellipsis; white-space:nowrap; }
.steam-friend-code[data-kind='permanent-link'] .steam-friend-hint { color:#b4a8cd; }
.steam-friend-button { grid-column:3; grid-row:1/3; display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:42px; padding:9px 12px; border:1px solid #97bbd27d; border-radius:6px; background:#3c6079; color:#f3f8fc; font:600 12px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; cursor:pointer; touch-action:manipulation; white-space:nowrap; }
.steam-friend-button svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.7; }
.steam-friend-button:hover { background:#4a728d; border-color:#b6d6e8; }
.steam-friend-button:focus-visible { outline:2px solid #f2b16d; outline-offset:3px; }
.steam-friend-button.is-copied { background:#2d5944; color:#d5f5e3; border-color:#8cbda3; }
.steam-friend-hint { grid-column:2; margin:0; color:#a9c3d3; font:400 10px/1.6 'Segoe UI','Microsoft YaHei',sans-serif; overflow-wrap:anywhere; }
@media(max-width:420px) {
  .steam-friend-code { grid-template-columns:minmax(0,1fr) auto; gap:4px 9px; padding:12px; }
  .steam-friend-icon { display:none; }
  .steam-friend-copy { grid-column:1; flex-direction:column; gap:2px; }
  .steam-friend-button { grid-column:2; min-height:44px; padding:8px 10px; }
  .steam-friend-hint { grid-column:1/-1; margin-top:3px; }
}

/* Multiple Steam identities (for a public trading profile) stay scannable without
   changing the single-account layout. */
.steam-friend-code--multi {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  padding:0;
  border:0;
  background:transparent;
}
.steam-friend-code--multi .steam-friend-code-item {
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  align-items:center;
  gap:3px 9px;
  min-width:0;
  padding:11px 12px;
  border:1px solid #76a5c156;
  border-radius:8px;
  background:#233846;
}
.steam-friend-code--multi .steam-friend-code-item[data-kind='permanent-link'] { border-color:#9d8bd055; background:#2a3144; }
.steam-friend-code--multi .steam-friend-icon { grid-row:1/3; width:30px; height:30px; }
.steam-friend-code--multi .steam-friend-icon img { width:20px; height:20px; }
.steam-friend-code--multi .steam-friend-copy { gap:2px 8px; }
.steam-friend-code--multi .steam-friend-copy strong { font-size:10px; }
.steam-friend-code--multi .steam-friend-copy .account-id { font-size:15px; }
.steam-friend-code--multi .steam-friend-button { grid-column:3; min-height:34px; padding:7px 8px; font-size:10px; }
.steam-friend-code--multi .steam-friend-hint { grid-column:2/-1; font-size:9px; }
@media(max-width:700px){
  .steam-friend-code--multi { grid-template-columns:1fr; }
}
@media(max-width:420px){
  .steam-friend-code--multi .steam-friend-code-item { grid-template-columns:minmax(0,1fr) auto; gap:4px 9px; }
  .steam-friend-code--multi .steam-friend-icon { display:none; }
  .steam-friend-code--multi .steam-friend-copy { grid-column:1; flex-direction:column; gap:2px; }
  .steam-friend-code--multi .steam-friend-button { grid-column:2; min-height:44px; padding:8px 10px; }
  .steam-friend-code--multi .steam-friend-hint { grid-column:1/-1; margin-top:3px; }
}

/* A single account is wrapped in one item too. Give that item the account
   grid so the friend code stays horizontal instead of collapsing into the
   wrapper's first column. */
.steam-friend-code:not(.steam-friend-code--multi) { display:block; }
.steam-friend-code:not(.steam-friend-code--multi) > .steam-friend-code-item {
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:3px 12px;
  min-width:0;
}
@media(max-width:420px){
  .steam-friend-code:not(.steam-friend-code--multi) { padding:12px; }
  .steam-friend-code:not(.steam-friend-code--multi) > .steam-friend-code-item {
    grid-template-columns:minmax(0,1fr) auto;
    gap:4px 9px;
  }
  .steam-friend-code:not(.steam-friend-code--multi) > .steam-friend-code-item .steam-friend-icon { display:none; }
  .steam-friend-code:not(.steam-friend-code--multi) > .steam-friend-code-item .steam-friend-copy { grid-column:1; flex-direction:column; gap:2px; }
  .steam-friend-code:not(.steam-friend-code--multi) > .steam-friend-code-item .steam-friend-button { grid-column:2; min-height:44px; padding:8px 10px; }
  .steam-friend-code:not(.steam-friend-code--multi) > .steam-friend-code-item .steam-friend-hint { grid-column:1/-1; margin-top:3px; }
}

/* Explicit Steam colours avoid inheriting the light first-card treatment. */
.detail-panel .profile-actions .platform-card.profile-link[data-platform='steam'],
.detail-panel .profile-actions .platform-card.profile-link[data-platform='inventory'],
.detail-panel.is-player-profile .profile-actions .platform-card.profile-link[data-platform='steam'] {
  color:#edf5fa;
  background:#253a48;
  border-color:#7092a45e;
}
.detail-panel .profile-actions .platform-card.profile-link[data-platform='steam']:hover,
.detail-panel .profile-actions .platform-card.profile-link[data-platform='inventory']:hover,
.detail-panel.is-player-profile .profile-actions .platform-card.profile-link[data-platform='steam']:hover {
  color:#fff;
  background:#304c5e;
  border-color:#95bdce;
}
.detail-panel .profile-actions .profile-link[data-platform='steam'] .platform-icon-shell,
.detail-panel .profile-actions .profile-link[data-platform='inventory'] .platform-icon-shell {
  color:#d2e8f3;
  background:#92c1d617;
}
.detail-panel .profile-actions .profile-link[data-platform='steam'] .platform-brand-icon,
.detail-panel .direct-account[data-platform='steam'] .platform-brand-icon {
  filter:brightness(0) invert(1);
}
.detail-panel .direct-account .platform-brand-icon { width:18px; height:18px; }
.detail-panel .direct-account[data-platform='bilibili'] .platform-brand-bilibili {
  filter:invert(66%) sepia(22%) saturate(820%) hue-rotate(290deg) brightness(101%) contrast(91%);
}
.detail-panel .profile-actions .profile-link[data-platform='steam'] .action-hint,
.detail-panel .profile-actions .profile-link[data-platform='inventory'] .action-hint {
  color:#b5c9d5;
}
.detail-panel .profile-actions .platform-card.profile-link:focus-visible {
  outline:2px solid #f0bd82;
  outline-offset:3px;
}
.steam-friend-hint:empty { display:none; }

/* One account card contains its homepage, inventory and copy action. */
.detail-panel[data-category='controversy'] .primary-links.has-steam-accounts {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.detail-panel[data-category='controversy'] .trader-account-group {
  min-width:0;
  padding:14px;
  background:#182c25;
  border:1px solid #91bda54d;
  border-radius:12px;
}
.detail-panel[data-category='controversy'] .trader-account-group > header {
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}
.detail-panel[data-category='controversy'] .trader-account-group > header strong { color:#e5f2e9; font-size:14px; }
.detail-panel[data-category='controversy'] .trader-account-kicker { color:#9bb4aa; font-size:9px; letter-spacing:.14em; }
.detail-panel[data-category='controversy'] .trader-account-links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
body[data-category='controversy'] .detail-panel[data-category='controversy'] .trader-account-links .platform-card.profile-link {
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  align-items:center;
  gap:8px;
  min-height:56px;
  padding:11px 10px;
  border:1px solid #96bba04d;
  border-radius:8px;
  color:#edf6f1;
  background:#263d32;
}
body[data-category='controversy'] .detail-panel[data-category='controversy'] .trader-account-links .platform-card.profile-link:hover {
  background:#325342;
  border-color:#bad691;
}
.detail-panel[data-category='controversy'] .trader-account-links .profile-link .platform-icon-shell {
  width:24px;
  height:24px;
  color:#cde4d5;
  background:transparent;
}
.detail-panel[data-category='controversy'] .trader-account-links .platform-brand-icon { width:24px; height:24px; }
.detail-panel[data-category='controversy'] .profile-actions .trader-account-links .platform-desc {
  display:block;
  margin:0;
  color:inherit;
  font-size:14px;
  line-height:1.5;
  white-space:nowrap;
}
.detail-panel[data-category='controversy'] .trader-account-links .action-hint,
.detail-panel[data-category='controversy'] .trader-account-links .platform-arrow { display:none; }
body[data-category='controversy'] .detail-panel[data-category='controversy'] .trader-account-copy {
  margin:12px 0 0;
  padding:12px 0 0;
  border:0;
  border-top:1px solid #a0bdae2b;
  border-radius:0;
  background:transparent;
}
.detail-panel .trader-account-copy > .steam-friend-code-item { grid-template-columns:minmax(0,1fr) auto; gap:4px 8px; }
.detail-panel .trader-account-copy .steam-friend-icon { display:none; }
.detail-panel .trader-account-copy .steam-friend-copy { display:flex; flex-direction:column; gap:2px; grid-column:1; }
.detail-panel .trader-account-copy .steam-friend-copy strong { font-size:10px; color:#a9c6b4; }
.detail-panel .trader-account-copy .steam-friend-copy .account-id { font-size:17px; letter-spacing:0; }
.detail-panel .trader-account-copy .steam-friend-button { grid-column:2; min-height:42px; padding:8px; font-size:11px; }
.detail-panel .trader-account-copy .steam-friend-hint { grid-column:1/-1; }
.detail-panel .trader-account-copy[data-kind='permanent-link'] .steam-friend-copy .account-id { font-size:11px; }
@media(max-width:700px) {
  .detail-panel[data-category='controversy'] .primary-links.has-steam-accounts { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:360px) {
  .detail-panel[data-category='controversy'] .trader-account-group { padding:12px; }
  body[data-category='controversy'] .detail-panel[data-category='controversy'] .trader-account-links .platform-card.profile-link { padding:10px 8px; gap:6px; grid-template-columns:20px minmax(0,1fr); }
  .detail-panel[data-category='controversy'] .profile-actions .trader-account-links .platform-desc { font-size:12px; }
  .detail-panel[data-category='controversy'] .trader-account-links .profile-link .platform-icon-shell,
  .detail-panel[data-category='controversy'] .trader-account-links .platform-brand-icon { width:20px; height:20px; }
}

/* portal-access.css */
.portal-access-notice { display:flex; align-items:flex-start; gap:12px; margin:0 0 16px; padding:16px; border:1px solid #8c929e66; border-radius:8px; background:#29333d; color:#e3e7ec; }
.portal-access-notice[hidden] { display:none!important; }
.portal-access-notice>svg { flex:none; width:22px; height:22px; margin-top:2px; fill:none; stroke:#b7c2cf; stroke-width:1.7; }
.portal-access-notice strong { display:block; font-size:15px; line-height:1.6; }
.portal-access-notice p { margin:3px 0 0; color:#b7c2cf; font-size:12px; line-height:1.7; }
.social-hub.has-restricted-portals .social-pending { color:#b7c2cf; }
@media(max-width:420px) { .portal-access-notice { gap:10px; padding:13px; } }

/* directory-refinements.css */
/* V64 directory refinements */
.home-pet-slot { display:none; }
.team-filter-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.team-count { margin-left:auto; font:500 10px/1.4 'Segoe UI',sans-serif; color:#96a5b0; font-variant-numeric:tabular-nums; }
.team-filters .collection-tab { min-width:0; gap:7px; }
.team-filter-section .collection-tab[hidden] { display:none!important; }
.team-filters .collection-tab img { object-fit:contain; flex-shrink:0; }
/* Preserve dark artwork instead of inverting the teams' official colours. */
img:is([src$='/b8.webp'],[src$='/fut.webp'],[src$='/mibr.png'],[src$='/nip.png'],[src$='/team-spirit.webp'],[src$='/team-vitality.webp'],[src$='/evil-geniuses.png'],[src$='/100-thieves.webp'],[src$='/dignitas.png']) {
  background:#e6eef1;
  border-radius:3px;
  padding:2px;
  object-fit:contain;
}
.team-filters .collection-tab:disabled { opacity:.45; cursor:default; }
.team-filters .collection-tab[aria-pressed='true'] .team-count { color:#f3be93; }
#team-total-count { margin-left:5px; color:#b5bec7; font:inherit; }
.creator-access-label { display:inline-block; align-self:flex-start; width:fit-content; margin-top:6px; padding:2px 6px; border:1px solid #a6a1ae42; border-radius:3px; color:#c1bbc9; font:500 10px/1.5 'Segoe UI','Microsoft YaHei',sans-serif; }
.team-roster-note { margin:0 0 14px; padding:9px 12px; border-left:2px solid #c7a877; background:#24313bc9; color:#c1cdd4; font-size:12px; line-height:1.6; }
.team-roster-note[hidden] { display:none; }
.result-card[data-person-id='neo'] .result-avatar { object-position:50% 15%; }
.result-card[data-person-id='maaraa'] .result-avatar { object-position:50% 25%; }
.detail-panel[data-person-id='neo'] .profile-portrait .detail-avatar,
.detail-panel[data-person-id='maaraa'] .profile-portrait .detail-avatar { object-fit:cover; object-position:50% 15%; border-radius:8px 8px 0 0; }
@media(min-width:701px) {
  .pet-companion[data-placement='home'] { bottom:68px; }
  body[data-category='overseas'] #hot-list.creator-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .home-main { width:min(1000px,calc(100% - 56px)); padding:32px 0 36px; }
  body[data-category='pro'] .hero-copy { margin-bottom:22px; }
  body[data-category='pro'] h1 { font-size:40px; }
  body[data-category='pro'] .search-box { height:64px; }
  body[data-category='pro'] .search-submit { flex-basis:104px; }
  body[data-category='pro'] .search-footnote .directory-nav .public-entry { min-height:56px; padding:9px 12px; }
  .dynamic-zone { margin-top:22px; }
  .collection-heading { margin-bottom:8px; }
  .collection-tabs { margin-bottom:16px; padding-bottom:0; }
  .team-filter-section { padding-top:9px; }
  .team-filter-label { margin-bottom:6px; font-size:11px; }
  .team-filters { gap:6px; }
  .team-filters .collection-tab { min-height:34px; height:34px; padding:0 9px; }
}
@media(min-width:1000px) {
  .team-filters { grid-template-columns:repeat(6,minmax(0,1fr)); }
}
@media(max-width:1299px) {
  .hero-copy { position:relative; }
  .home-pet-slot { display:block; position:absolute; right:0; bottom:0; width:56px; height:56px; z-index:20; }
  .home-pet-slot .pet-companion[data-placement='home'] { --pet-size:56px; position:relative; inset:auto; width:56px; }
  .home-pet-slot .pet-companion[data-placement='home'] .pet-popover { left:auto; right:0; bottom:auto; top:calc(100% + 8px); }
  .home-pet-slot .pet-companion[data-placement='home'] .pet-context { display:none; }
  body:not([data-category='pro']) .home-pet-slot { right:16px; bottom:17px; }
}
@media(min-width:701px) and (max-width:1299px) {
  .hero-copy h1,.hero-copy .subtitle { padding-right:96px; }
  .home-pet-slot { width:80px; height:80px; }
  .home-pet-slot .pet-companion[data-placement='home'] { --pet-size:80px; width:80px; }
}
@media(max-width:700px) {
  .hero-copy h1,.hero-copy .subtitle { padding-right:61px; }
  .search-footnote .directory-nav .creator-entry { flex-direction:row; min-height:54px; padding:8px 5px; gap:5px; }
  .directory-nav .creator-entry .entry-symbol img { width:21px; height:21px; }
}
/* Compact identity cards and empty-profile cleanup, 1.0. */
#social-disclosure[hidden] { display:none!important; }
body[data-category='overseas'] #hot-list.creator-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
body[data-category='overseas'] #hot-list.creator-grid .hot-person { display:flex; min-height:96px; align-items:center; padding:14px; gap:12px; }
body[data-category='overseas'] #hot-list.creator-grid .creator-avatar { width:58px; height:58px; flex-basis:58px; object-position:center; }
body[data-category='overseas'] #hot-list.creator-grid .creator-name { font-size:15px; line-height:1.4; }
body[data-category='overseas'] #hot-list.creator-grid .creator-info { flex:1; min-width:0; padding-right:8px; }
body[data-category='overseas'] #hot-list.creator-grid .hot-person::after { position:absolute; top:50%; bottom:auto; right:12px; transform:translateY(-50%); }
@media(max-width:900px) {
 body[data-category='overseas'] #hot-list.creator-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
 body[data-category='overseas'] #hot-list.creator-grid { grid-template-columns:minmax(0,1fr); gap:8px; }
 body[data-category='overseas'] #hot-list.creator-grid .hot-person { min-height:88px; padding:12px 14px; }
 body[data-category='overseas'] #hot-list.creator-grid .creator-avatar { width:54px; height:54px; flex-basis:54px; }
 body[data-category='overseas'] #hot-list.creator-grid .creator-name { font-size:16px; }
}

/* workshop.css */
/* V65: a compact portfolio destination, separate from player rankings. */
.directory-nav .workshop-entry { background:#24342f; border-color:#83b69e55; }
.directory-nav .workshop-entry .entry-copy strong { color:#ade0c8; }
.directory-nav .workshop-entry:hover,.directory-nav .workshop-entry[aria-pressed='true'] { border-color:#9ed2b7; box-shadow:inset 0 -2px #9ed2b7; }
body[data-category='workshop'] { --channel-rgb:165,216,193; }
body[data-category='workshop'] .hero-copy { padding:25px 27px; margin-bottom:18px; border:1px solid #8cbaa039; border-left:4px solid #a5d8c1; border-radius:8px; background:linear-gradient(105deg,#1c312be8,#25332f9c); }
body[data-category='workshop'] .directory-dateline { color:#abd7c3; }
body[data-category='workshop'] h1 { font-size:36px; }
body[data-category='workshop'] .subtitle { margin:10px 0 0; color:#c6d7ce; line-height:1.8; }
body[data-category='workshop'] .search-box { height:54px; margin-top:0; }
.workshop-filters { display:flex; align-items:center; gap:6px; margin:0 0 18px; padding-bottom:12px; border-bottom:1px solid #b5d2c51f; }
.workshop-filters[hidden] { display:none; }
.workshop-tab { display:flex; align-items:center; gap:8px; min-height:38px; padding:7px 15px; border:1px solid transparent; border-radius:5px; background:transparent; color:#aabfb6; font:600 13px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; cursor:pointer; }
.workshop-tab span { font-size:11px; font-weight:400; opacity:.75; }
.workshop-tab:hover { background:#a5d8c110; }
.workshop-tab[aria-pressed='true'] { color:#d1e8da; border-color:#a5d8c142; background:#253e33; }
#hot-list.workshop-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; overflow:visible; }
#hot-list.workshop-grid .hot-person { display:flex; flex-direction:column; height:auto; min-height:0; padding:0; gap:0; border:1px solid #7fa18e4a; border-radius:8px; overflow:hidden; background:#212e2a; color:#e9f0ec; text-align:left; }
#hot-list.workshop-grid .hot-person::before,#hot-list.workshop-grid .hot-person::after { display:none; }
#hot-list.workshop-grid .hot-person:hover { border-color:#b7d3c3; background:#283b32; }
.workshop-cover { position:relative; display:block; width:100%; aspect-ratio:1.95; overflow:hidden; background:#192522; }
.workshop-cover>img { display:block; width:100%; height:100%; object-fit:cover; }
.workshop-cover.no-cover { display:grid; place-items:center; }
.workshop-cover.no-cover>img { width:58px; height:58px; opacity:.5; }
.workshop-kind { position:absolute; left:12px; top:12px; padding:3px 7px; background:#13271eed; border:1px solid #c9e1d35e; border-radius:3px; font:500 10px/1.5 'Segoe UI','Microsoft YaHei',sans-serif; color:#dbebe0; }
.workshop-author { display:flex; align-items:center; width:100%; gap:11px; padding:15px 14px 12px; }
.workshop-author>img { width:40px; height:40px; flex:0 0 40px; object-fit:cover; border-radius:50%; border:1px solid #aacfb344; }
.workshop-author>span:not(.workshop-open) { display:flex; flex-direction:column; min-width:0; gap:5px; }
.workshop-author strong { font:650 18px/1.3 'Segoe UI','Microsoft YaHei',sans-serif; overflow-wrap:anywhere; }
.workshop-author small { color:#b5cabc; font:400 11px/1.6 'Segoe UI','Microsoft YaHei',sans-serif; }
.workshop-open { margin-left:auto; color:#9bbbab; }
.workshop-card-bottom { margin-top:auto; display:flex; justify-content:space-between; gap:8px; padding:10px 14px; border-top:1px solid #b1d0bd20; background:#19251f55; color:#bfd7c6; font:400 10px/1.5 'Segoe UI','Microsoft YaHei',sans-serif; }
.workshop-card-bottom>span:last-child { white-space:nowrap; color:#8fa899; }
.workshop-card-bottom>span:first-child { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workshop-card-bottom .is-selected,.portfolio-status.is-selected { color:#b7e6c6; }
.workshop-card-bottom .is-unselected,.portfolio-status.is-unselected { color:#e7c18a; }
.detail-panel[data-category='workshop'] { width:min(860px,calc(100vw - 40px)); background:#202d28; }
.detail-panel[data-category='workshop'] .profile-overview { background:linear-gradient(110deg,#243a2f,#26342d); }
.detail-panel[data-category='workshop'] .detail-achievement { display:none; }
.detail-panel[data-category='workshop'] .detail-alias { display:none; }
.detail-panel[data-category='workshop'] .platform-card[data-platform='workshop'] { background:#d1e6d8; color:#183c29; border-color:#d1e6d8; }
.detail-panel[data-category='workshop'] .platform-card[data-platform='workshop'] .action-hint { color:#557a65; }
.detail-panel[data-category='workshop'] .platform-card[data-platform='workshop'] .platform-icon-shell { background:#74978424; }
.detail-panel[data-category='workshop'] .platform-card[data-platform='workshop'] img { filter:brightness(.38); }
.workshop-portfolio { padding:25px 28px; border-top:1px solid #a8c2b32c; border-bottom:1px solid #a8c2b32c; }
.workshop-portfolio[hidden] { display:none; }
.workshop-portfolio h3 { margin:0; color:#e3ece6; font-size:17px; }
.portfolio-caption { margin:7px 0 17px; font-size:11px; color:#a4baab; }
.portfolio-grid { display:grid; grid-template-columns:1fr; gap:12px; }
.portfolio-work { display:flex; flex-direction:column; text-decoration:none; color:inherit; border:1px solid #799a8552; border-radius:6px; overflow:hidden; background:#27382e; }
.portfolio-work.has-image { display:grid; grid-template-columns:160px minmax(0,1fr); align-items:center; }
a.portfolio-work:hover { border-color:#b7d3c3; background:#2d4135; }
.portfolio-image { width:160px; height:140px; object-fit:cover; background:#1c2721; }
.portfolio-copy { display:flex; flex-direction:column; gap:8px; padding:13px; }
.portfolio-status { color:#b9d8c2; font-size:10px; letter-spacing:.02em; }
.portfolio-copy strong { color:#eef5ef; font-size:15px; line-height:1.4; }
.portfolio-copy p { margin:0; color:#b6c7bc; font-size:11px; line-height:1.8; }
.portfolio-source { display:flex; justify-content:space-between; padding-top:8px; border-top:1px solid #adcdb326; color:#c7dccd; font-size:10px; }
@media(min-width:701px) {
  body[data-category='workshop'] .hero-copy { padding:20px 24px; }
  body[data-category='workshop'] .directory-dateline { margin-bottom:8px; }
  body[data-category='workshop'] h1 { font-size:32px; }
  body[data-category='workshop'] .search-footnote .directory-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
  body[data-category='workshop'] .search-footnote .directory-nav .public-entry { width:100%; grid-column:auto; min-height:34px; padding:6px 10px; }
  body[data-category='workshop'] .directory-nav .entry-count { margin-left:auto; }
}
@media(min-width:701px) and (max-width:1000px) { #hot-list.workshop-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) {
  body[data-category='workshop'] .hero-copy { padding:18px 15px; }
  body[data-category='workshop'] h1 { font-size:26px; }
  body[data-category='workshop'] .subtitle { font-size:12px; }
  #hot-list.workshop-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  #hot-list.workshop-grid .hot-person { height:auto; }
  .workshop-cover { aspect-ratio:1.5; }
  .workshop-kind { top:7px; left:7px; font-size:9px; padding:2px 5px; }
  .workshop-author { gap:7px; padding:11px 9px; align-items:flex-start; }
  .workshop-author>img { width:29px; height:29px; flex-basis:29px; }
  .workshop-author strong { font-size:14px; }
  .workshop-author small { font-size:10px; }
  .workshop-open { display:none; }
  .workshop-card-bottom { flex-direction:column; gap:3px; padding:8px 9px; font-size:9px; }
  .workshop-tab { padding:7px 10px; font-size:12px; }
  .detail-panel[data-category='workshop'] { width:calc(100vw - 20px); }
  .workshop-portfolio { padding:19px 16px; }
  .portfolio-grid { grid-template-columns:1fr; }
  .portfolio-work.has-image { grid-template-columns:94px minmax(0,1fr); }
  .portfolio-image { width:94px; height:124px; }
  .portfolio-copy { padding:11px; gap:6px; }
  .portfolio-copy strong { font-size:14px; }
}

/* motion.css */
/* V66 — tactile controls, category-coloured light and short layered transitions. */
:root { --fx-accent:244,172,106; --fx-ease:cubic-bezier(.2,.75,.25,1); }
body[data-category='hof'] { --fx-accent:230,193,113; }
body[data-category='public'] { --fx-accent:193,181,230; }
body[data-category='valve'] { --fx-accent:231,151,119; }
body[data-category='creator'] { --fx-accent:236,158,194; }
body[data-category='overseas'] { --fx-accent:242,140,118; }
body[data-category='vtuber'] { --fx-accent:190,161,239; }
body[data-category='workshop'] { --fx-accent:147,205,169; }
.detail-panel { --fx-accent:var(--team-rgb,174,208,225); }
.fx-anchor { position:relative; }
.fx-feedback,.fx-hover-sweep,.fx-burst { position:absolute; inset:0; z-index:12; border-radius:inherit; pointer-events:none!important; user-select:none; }
.fx-feedback { display:block; overflow:hidden; contain:strict; }
.fx-wave { position:absolute; left:var(--fx-x); top:var(--fx-y); width:var(--fx-radius); height:var(--fx-radius); border-radius:50%; background:radial-gradient(circle,rgba(var(--fx-accent),.4),rgba(var(--fx-accent),.05) 65%,transparent 70%); border:1px solid rgba(var(--fx-accent),.42); opacity:0; }
.fx-rim { position:absolute; inset:0; border-radius:inherit; border:1px solid rgba(var(--fx-accent),.8); box-shadow:inset 0 0 18px rgba(var(--fx-accent),.13); opacity:0; }
.fx-feedback.is-success { --fx-accent:147,227,183; }
.fx-hover-sweep { background:linear-gradient(110deg,transparent 38%,rgba(var(--fx-accent),.08) 49%,rgba(var(--fx-accent),.015) 56%,transparent 64%); background-size:250% 100%; opacity:0; }
.fx-burst { z-index:15; overflow:visible; }
.fx-burst i { position:absolute; left:50%; top:28%; background:#f3d89e; opacity:0; }
.fx-dot { width:4px; height:4px; border-radius:50%; }
.fx-spark { width:8px; height:8px; clip-path:polygon(50% 0,62% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 37%); }
.fx-header-scan { position:absolute; bottom:0; left:0; z-index:8; width:100%; height:2px; background:linear-gradient(90deg,transparent,rgba(var(--fx-accent),.9),#e8f7ff); box-shadow:0 0 9px rgba(var(--fx-accent),.4); transform-origin:left; pointer-events:none; }
.fx-search-scan { position:absolute; bottom:0; left:0; width:100%; height:3px; border-radius:0 0 8px 8px; background:linear-gradient(90deg,#eda86a,#ffeece,#eda86a); transform-origin:left; pointer-events:none; }
.motion-ready .hot-list.is-entering { animation:none; }
.motion-ready .is-player-profile.is-open .profile-identity,.motion-ready .is-player-profile.is-open .profile-portrait { animation:none; }

/* Feedback has depth without changing the established layout or portrait regions. */
.directory-nav .public-entry { isolation:isolate; transition:background 200ms,border-color 200ms,box-shadow 260ms,translate 240ms var(--fx-ease); }
.directory-nav .public-entry .entry-symbol { transition:translate 280ms var(--fx-ease),filter 280ms; }
.directory-nav .public-entry[aria-pressed='true'] { box-shadow:inset 0 -2px rgba(var(--fx-accent),.8),0 4px 20px #00000024; }
.public-entry[data-category='hof'] { --fx-accent:230,193,113; }
.public-entry[data-category='public'] { --fx-accent:193,181,230; }
.public-entry[data-category='valve'] { --fx-accent:231,151,119; }
.public-entry[data-category='creator'] { --fx-accent:236,158,194; }
.public-entry[data-category='overseas'] { --fx-accent:242,140,118; }
.public-entry[data-category='vtuber'] { --fx-accent:190,161,239; }
.public-entry[data-category='workshop'] { --fx-accent:147,205,169; }
.search-box { transition:border-color 220ms,box-shadow 280ms,background 220ms; }
.search-box:focus-within { box-shadow:0 0 0 3px #eca25c2e,0 8px 30px #060b1436!important; }
.search-submit { overflow:hidden; transition:background 160ms,box-shadow 220ms,scale 140ms; box-shadow:inset 0 1px #ffe0c485,0 2px 3px #44270e1c; }
.search-submit svg { transition:translate 240ms var(--fx-ease); }
.collection-tab,.workshop-tab,.carousel-controls button,.toy-nav-button,.sound-toggle,.copy-account,.profile-switcher button,.pet-actions button { transition:color 180ms,background 180ms,border-color 180ms,box-shadow 200ms,scale 140ms; }
.hot-person,.result-card,.portfolio-work,.platform-card,.rank-row { transition:border-color 200ms,box-shadow 260ms,background 200ms,translate 260ms var(--fx-ease); }
.hot-person .portrait-frame { transition:scale 380ms var(--fx-ease); }
.person-card-arrow,.platform-arrow { transition:translate 240ms var(--fx-ease); }
.copy-account.is-copied { color:#b8f0d0!important; border-color:#97d8b477!important; background:#244338!important; box-shadow:0 0 14px #8dd8ab12; }
.detail-panel { transition:opacity 260ms ease-out,transform 340ms var(--fx-ease); }
.detail-backdrop { transition:opacity 240ms; }
.sound-toggle[aria-pressed='true'] { border-color:#94afbd55; }
@media(hover:hover) and (pointer:fine) {
  .directory-nav .public-entry:hover { translate:0 -3px; border-color:rgba(var(--fx-accent),.7); box-shadow:0 7px 20px #00000035,inset 0 1px rgba(var(--fx-accent),.15); }
  .directory-nav .public-entry:hover .entry-symbol { translate:0 -2px; filter:drop-shadow(0 0 6px rgba(var(--fx-accent),.3)); }
  #hot-list .hot-person:hover,.result-card:hover { translate:0 -3px; border-color:rgba(var(--team-rgb,var(--fx-accent)),.7); box-shadow:0 10px 25px #03090f48,inset 0 1px #ecf3fb12; }
  #hot-list .hot-person:hover .portrait-frame { scale:1.035; }
  .hot-person:hover .person-card-arrow,.platform-card:hover .platform-arrow { translate:2px -2px; }
  .search-submit:hover { box-shadow:inset 0 1px #ffe0c4cc,0 3px 14px #d17f4130; }
  .search-submit:hover svg { translate:3px 0; }
  .platform-card:hover,.portfolio-work:hover { translate:0 -2px; box-shadow:0 7px 18px #020b1729; }
  .collection-tab:hover,.workshop-tab:hover,.carousel-controls button:hover,.sound-toggle:hover,.toy-nav-button:hover { border-color:rgba(var(--fx-accent),.6); }
}
@media(prefers-reduced-motion:no-preference) {
  :is(button,a[href],summary):not(:disabled):not([aria-disabled='true']):active { scale:.975; }
  .hot-person:active,.result-card:active,.public-entry:active { scale:.988; }
}
@media(max-width:700px) {
  .detail-panel { transition:opacity 220ms ease-out,transform 300ms var(--fx-ease); }
  .fx-hover-sweep { display:none; }
}
@media(prefers-reduced-motion:reduce) {
  .fx-feedback,.fx-hover-sweep,.fx-burst,.fx-header-scan,.fx-search-scan { display:none!important; }
  .directory-nav .public-entry,#hot-list .hot-person,.result-card,.platform-card,.portfolio-work,.entry-symbol,.portrait-frame { translate:none!important; scale:none!important; }
}

/* V68 directory hero system: one editorial frame, category colour used only as an accent. */
body[data-category='hof'] { --hero-accent-rgb:214,184,122; }
body[data-category='public'] { --hero-accent-rgb:162,179,213; }
body[data-category='valve'] { --hero-accent-rgb:230,142,120; }
body[data-category='creator'] { --hero-accent-rgb:240,166,202; }
body[data-category='overseas'] { --hero-accent-rgb:246,166,149; }
body[data-category='vtuber'] { --hero-accent-rgb:188,163,247; }
body[data-category='workshop'] { --hero-accent-rgb:165,216,193; }
body:not([data-category='pro']) .hero-copy {
  position:relative;
  padding:22px 24px 20px;
  margin-bottom:18px;
  border:1px solid rgba(var(--hero-accent-rgb),.26);
  border-left:3px solid rgb(var(--hero-accent-rgb));
  border-radius:7px;
  background:linear-gradient(110deg,rgba(26,36,44,.94),rgba(26,32,40,.75));
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 28px rgba(3,8,13,.12);
}
body:not([data-category='pro']) .hero-copy .directory-dateline { color:rgba(var(--hero-accent-rgb),.9); }
body:not([data-category='pro']) .hero-copy h1 { font-size:36px; letter-spacing:-.025em; }
body:not([data-category='pro']) .hero-copy .subtitle { margin-top:10px; margin-bottom:0; color:#c7d0d5; line-height:1.7; }
@media(max-width:700px) {
  body:not([data-category='pro']) .hero-copy { padding:17px 15px 16px; margin-bottom:14px; border-left-width:3px; border-radius:6px; }
  body:not([data-category='pro']) .hero-copy h1 { font-size:28px; }
  body:not([data-category='pro']) .hero-copy .subtitle { font-size:12px; line-height:1.65; }
}

/* V68 homepage atmosphere: esports broadcast glass, map light and a restrained HUD grid. */
:root { --hud-cyan:126,211,232; --hud-amber:239,177,105; --hud-ink:8,17,27; }
body { background:#09121b; }
.page-bg { background:radial-gradient(circle at 50% 22%,#203c4d 0%,#0b1722 52%,#070e16 100%); }
.page-bg::before {
  content:''; position:absolute; inset:0; pointer-events:none; opacity:.26;
  background-image:
    linear-gradient(rgba(var(--hud-cyan),.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(var(--hud-cyan),.075) 1px,transparent 1px),
    linear-gradient(135deg,transparent 0 48%,rgba(var(--hud-amber),.11) 49%,transparent 50%);
  background-size:56px 56px,56px 56px,100% 100%;
  mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%);
}
.page-bg::after {
  content:''; position:absolute; inset:-12%; pointer-events:none; mix-blend-mode:screen;
  background:
    radial-gradient(ellipse at 12% 24%,rgba(var(--hud-cyan),.21),transparent 27%),
    radial-gradient(ellipse at 88% 18%,rgba(var(--hud-amber),.16),transparent 24%),
    radial-gradient(ellipse at 50% 108%,rgba(35,77,116,.38),transparent 58%);
  animation:hud-breathe 16s ease-in-out infinite alternate;
}
.scene-layer { filter:saturate(1.18) contrast(1.1) brightness(.82); transform:scale(1.035); }
.scene-shade {
  background:
    linear-gradient(180deg,rgba(5,14,23,.62) 0%,rgba(7,17,28,.28) 37%,rgba(4,11,18,.88) 100%),
    linear-gradient(90deg,rgba(5,14,24,.52),transparent 28%,transparent 70%,rgba(4,12,22,.56)),
    radial-gradient(ellipse at 50% 33%,transparent 0 35%,rgba(5,12,20,.46) 100%);
}
.topbar {
  background:linear-gradient(100deg,rgba(7,15,24,.93),rgba(15,29,40,.87) 48%,rgba(9,18,27,.93));
  border-bottom-color:rgba(var(--hud-cyan),.24);
  box-shadow:0 8px 32px rgba(2,8,14,.38),inset 0 -1px rgba(255,255,255,.05);
}
.topbar::before { opacity:.12; background:repeating-linear-gradient(135deg,transparent 0 22px,rgba(var(--hud-cyan),.11) 23px 24px,transparent 25px 48px); }
.topbar::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:1px; background:linear-gradient(90deg,transparent,rgba(var(--hud-cyan),.65),rgba(var(--hud-amber),.38),transparent); opacity:.7; }
.home-main { position:relative; isolation:isolate; }
.home-main::before {
  content:''; position:absolute; z-index:-1; top:36px; right:-74px; bottom:32px; left:-74px; pointer-events:none;
  border:1px solid rgba(var(--hud-cyan),.13); border-radius:24px;
  background:linear-gradient(145deg,rgba(14,32,45,.28),rgba(8,18,29,.1) 55%,rgba(var(--hud-cyan),.035));
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 20px 90px rgba(0,7,14,.2);
  clip-path:polygon(0 20px,20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px));
}
.home-main::after {
  content:'LEIEN / FIND  //  CS2 DATA NETWORK'; position:absolute; z-index:-1; top:13px; right:-56px;
  color:rgba(var(--hud-cyan),.52); font:600 9px/1 var(--mono); letter-spacing:.19em; white-space:nowrap;
  transform:rotate(90deg) translateX(100%); transform-origin:top right; pointer-events:none;
}
body[data-category='pro'] .hero-copy {
  position:relative; padding:21px 24px 22px; margin-bottom:26px; border:1px solid rgba(var(--hud-cyan),.18); border-radius:12px;
  background:linear-gradient(112deg,rgba(13,29,42,.74),rgba(12,23,33,.25) 70%,rgba(var(--hud-cyan),.035));
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 16px 42px rgba(2,9,16,.18);
}
body[data-category='pro'] .hero-copy::before { content:'LIVE DIRECTORY'; position:absolute; top:10px; right:17px; color:rgba(var(--hud-cyan),.66); font:600 8px/1 var(--mono); letter-spacing:.2em; }
body[data-category='pro'] .hero-copy::after { content:''; position:absolute; left:24px; right:24px; bottom:-1px; height:2px; background:linear-gradient(90deg,rgba(var(--hud-cyan),.75),rgba(var(--hud-amber),.62),transparent 75%); box-shadow:0 0 16px rgba(var(--hud-cyan),.25); }
.search-box {
  border:1px solid rgba(205,236,241,.45); border-bottom:2px solid rgba(var(--hud-cyan),.76); border-radius:12px;
  background:linear-gradient(105deg,rgba(220,231,232,.94),rgba(177,199,205,.87));
  box-shadow:0 12px 34px rgba(0,8,16,.34),0 0 0 1px rgba(var(--hud-cyan),.08),inset 0 1px rgba(255,255,255,.7);
}
.search-box::before { content:''; position:absolute; inset:5px; border:1px solid rgba(255,255,255,.38); border-radius:8px; pointer-events:none; }
.search-box::after { content:'SEARCH // DIRECTORY'; position:absolute; top:-17px; right:17px; color:rgba(var(--hud-cyan),.78); font:600 8px/1 var(--mono); letter-spacing:.17em; pointer-events:none; }
.search-box:hover { background:linear-gradient(105deg,rgba(233,242,242,.97),rgba(191,211,216,.9)); border-color:rgba(228,249,250,.85); }
.search-box:focus-within { border-color:#d8f6f7; border-bottom-color:#f0c080; box-shadow:0 0 0 3px rgba(var(--hud-cyan),.16),0 16px 42px rgba(0,8,16,.4),inset 0 1px rgba(255,255,255,.78); }
.search-submit { border-radius:8px; background:linear-gradient(145deg,#f5b06e,#d9854e); box-shadow:0 5px 16px rgba(177,88,38,.26),inset 0 1px rgba(255,244,218,.68); }
.search-submit:hover { background:linear-gradient(145deg,#ffc27f,#e8975b); }
.search-helper { color:rgba(211,229,234,.82); letter-spacing:.02em; }
.dynamic-zone { position:relative; }
.section-heading h2 { text-shadow:0 0 18px rgba(var(--hud-cyan),.22); }
.directory-nav .public-entry { border-radius:10px; box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 24px rgba(1,7,14,.16); }
.hot-person,.result-card { border-radius:10px; box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 28px rgba(2,8,15,.22); }
.hot-person::before { background:linear-gradient(180deg,rgba(18,34,45,.18),rgba(5,13,20,.82)); }
@keyframes hud-breathe { from { transform:translate3d(-1%,0,0) scale(1); opacity:.72; } to { transform:translate3d(1%,1%,0) scale(1.03); opacity:1; } }
@media(max-width:700px) {
  .page-bg::before { opacity:.18; background-size:36px 36px,36px 36px,100% 100%; }
  .scene-layer { transform:scale(1.015); }
  .home-main::before { top:22px; right:-14px; bottom:18px; left:-14px; border-radius:18px; }
  .home-main::after { display:none; }
  body[data-category='pro'] .hero-copy { padding:17px 15px 19px; margin-bottom:22px; border-radius:10px; }
  body[data-category='pro'] .hero-copy::before { top:8px; right:12px; font-size:7px; }
  body[data-category='pro'] .hero-copy::after { left:15px; right:15px; }
  .search-box::after { top:-14px; right:10px; font-size:7px; }
}
@media(prefers-reduced-motion:reduce) { .page-bg::after { animation:none; } }

/* V68.1 final search index override (loaded last so the directory stays consistent). */
.results-section.is-active { margin-top:22px; padding:14px; border:1px solid rgba(185,208,215,.18); border-radius:18px; background:linear-gradient(145deg,rgba(12,27,37,.78),rgba(10,20,29,.52)); box-shadow:inset 0 1px rgba(255,255,255,.08),0 16px 36px rgba(2,11,18,.18); }
.results-section.is-active .section-heading { margin:0 2px 11px; min-height:24px; }
.results-section.is-active .section-heading h2 { font-size:14px; letter-spacing:.01em; color:#edf4f4; }
.results-section.is-active .section-heading>span { padding:4px 9px; border:1px solid rgba(205,219,218,.18); border-radius:999px; background:rgba(212,226,224,.07); color:#b8c9ca; font-size:10px; }
.results-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.result-card { position:relative; grid-template-columns:58px minmax(0,1fr) 18px; gap:12px; min-height:86px; padding:11px 12px; border:1px solid rgba(184,207,216,.18); border-left:1px solid rgba(var(--team-rgb),.72); border-bottom:1px solid rgba(184,207,216,.14); border-radius:14px; background:linear-gradient(135deg,rgba(34,50,61,.95),rgba(18,31,41,.88)); box-shadow:inset 0 1px rgba(255,255,255,.055),0 7px 17px rgba(0,0,0,.1); overflow:hidden; isolation:isolate; transition:transform 180ms ease,border-color 180ms ease,background 180ms ease,box-shadow 180ms ease; }
.result-card::before { content:''; position:absolute; inset:0 auto 0 0; width:3px; background:rgb(var(--team-rgb)); opacity:.72; z-index:-1; }
.result-card::after { content:''; position:absolute; inset:0; background:linear-gradient(110deg,rgba(255,255,255,.07),transparent 34%,transparent 72%,rgba(var(--team-rgb),.08)); pointer-events:none; z-index:-1; }
.result-card:hover,.result-card:focus-visible { border-color:rgba(var(--team-rgb),.82); background:linear-gradient(135deg,rgba(43,65,77,.98),rgba(19,34,45,.94)); box-shadow:inset 0 1px rgba(255,255,255,.09),0 10px 22px rgba(0,0,0,.18),0 0 0 1px rgba(var(--team-rgb),.12); transform:translateY(-2px); }
.result-card:focus-visible { outline:2px solid rgba(242,215,145,.9); outline-offset:2px; }
.result-avatar-shell { width:58px; height:58px; border:1px solid rgba(215,231,230,.18); border-radius:12px; background:linear-gradient(145deg,rgba(9,20,29,.86),rgba(61,83,90,.55)); box-shadow:inset 0 1px rgba(255,255,255,.08); }
.result-avatar { width:58px; height:58px; object-fit:cover; border-radius:10px; }
.result-main { min-width:0; padding-top:1px; }
.result-name { min-width:0; gap:7px; margin-bottom:5px; color:#f3f7f5; font:650 16px/1.25 var(--sans,system-ui,sans-serif); letter-spacing:-.01em; }
.result-name>span:last-child { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.result-name .name-team-mark { flex:0 0 21px; width:21px; height:21px; padding:2px; border-radius:6px; background:rgba(227,237,232,.1); }
.result-name .name-team-mark img { width:17px; height:17px; object-fit:contain; }
.result-meta { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#b5c7ca; font-size:11px; line-height:1.35; }
.result-alias { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:4px; color:#8fa6ab; font-size:10px; line-height:1.3; }
.result-arrow { align-self:center; color:#d9c68f; font-size:18px; transition:transform 180ms ease,color 180ms ease; }
.result-card:hover .result-arrow,.result-card:focus-visible .result-arrow { color:#f3d98f; transform:translateX(2px); }
@media(max-width:760px) {
 .results-section.is-active { margin-top:18px; padding:10px; border-radius:15px; }
 .results-list { grid-template-columns:1fr; gap:8px; }
 .result-card { grid-template-columns:52px minmax(0,1fr) 17px; min-height:74px; padding:9px 10px; gap:10px; border-radius:12px; }
 .result-avatar-shell,.result-avatar { width:52px; height:52px; border-radius:10px; }
 .result-name { font-size:14px; margin-bottom:3px; }
 .result-name .name-team-mark { flex-basis:19px; width:19px; height:19px; }
 .result-name .name-team-mark img { width:15px; height:15px; }
 .result-meta { font-size:10px; }
 .result-alias { margin-top:3px; font-size:9px; }
 .result-arrow { font-size:16px; }
}
@media(max-width:380px) {
 .results-section.is-active { padding:8px; }
 .result-card { grid-template-columns:48px minmax(0,1fr) 16px; min-height:70px; padding:8px; }
 .result-avatar-shell,.result-avatar { width:48px; height:48px; }
}

/* B站创作者卡片：统一三列节奏，长昵称与手机端不再挤压布局。 */
.hot-list.creator-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
  width:100%;
  overflow:visible;
}
.creator-grid .hot-person {
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 16px;
  align-items:center;
  gap:12px;
  width:100%;
  min-width:0;
  min-height:88px;
  height:auto;
  padding:14px 13px;
  border-radius:8px;
  overflow:hidden;
  text-align:left;
}
.creator-grid .creator-avatar {
  flex:none;
  width:48px;
  height:48px;
  min-width:48px;
  border-radius:50%;
}
.creator-grid .creator-info {
  display:flex;
  min-width:0;
  max-width:100%;
  gap:5px;
  align-self:center;
}
.creator-grid .creator-name,
.creator-grid .creator-platform {
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.creator-grid .creator-name { font-size:14px; line-height:20px; }
.creator-grid .creator-platform { font-size:10px; line-height:15px; padding-right:0; }
.creator-grid .creator-platform img { flex:0 0 14px; width:14px; height:14px; }
.creator-grid .hot-person::after { position:static; align-self:end; justify-self:end; margin-bottom:1px; }

@media (max-width: 760px) {
  .hot-list.creator-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .creator-grid .hot-person {
    grid-template-columns:40px minmax(0,1fr) 12px;
    gap:9px;
    min-height:78px;
    padding:10px;
    border-radius:7px;
  }
  .creator-grid .creator-avatar { width:40px; height:40px; min-width:40px; }
  .creator-grid .creator-name { font-size:12px; line-height:17px; }
  .creator-grid .creator-platform { font-size:9px; line-height:13px; }
  .creator-grid .creator-platform img { flex-basis:12px; width:12px; height:12px; }
  .creator-grid .hot-person::after { font-size:11px; }
}

@media (max-width: 430px) {
  .hot-list.creator-grid { gap:8px; }
  .creator-grid .hot-person {
    grid-template-columns:34px minmax(0,1fr) 10px;
    gap:7px;
    min-height:70px;
    padding:8px;
  }
  .creator-grid .creator-avatar { width:34px; height:34px; min-width:34px; }
  .creator-grid .creator-name { font-size:11px; line-height:15px; }
  .creator-grid .creator-platform { font-size:8px; line-height:12px; }
  .creator-grid .creator-platform img { flex-basis:11px; width:11px; height:11px; }
}

/* scenes.css */
/* Background photo library and appearance controls. */
dialog.scene-picker { --scene-accent:#f0bd83; position:fixed; inset:0; margin:auto; width:min(1180px,calc(100vw - 48px)); height:min(810px,calc(100dvh - 48px)); max-width:none; max-height:none; padding:0; overflow:hidden; color:#eaf2f5; border:1px solid #6c87985e; border-radius:24px; background:#101d28; box-shadow:0 36px 120px #000b,0 0 0 1px #b9d9df0d; }
dialog.scene-picker:not([open]) { display:none; }
dialog.scene-picker[open] { display:flex; flex-direction:column; }
dialog.scene-picker::backdrop { background:#040b14bf; backdrop-filter:blur(12px); }
body.scene-picker-is-open { overflow:hidden; }
dialog.scene-picker [hidden] { display:none!important; }
dialog.scene-picker button,dialog.scene-picker input,dialog.scene-picker select { font-family:var(--sans,sans-serif); }
dialog.scene-picker .scene-picker-head { display:flex; flex:none; align-items:center; justify-content:space-between; gap:16px; padding:22px 28px; border-bottom:1px solid #a8c3d11c; background:linear-gradient(110deg,#273f4b55,transparent 70%); }
.scene-picker-head > div { gap:6px; }
.scene-picker-kicker { color:#b2c6d2; font:600 10px/1.2 var(--mono,monospace); letter-spacing:.14em; }
.scene-picker-head h2 { margin:0; color:#f5f8fa; font:750 25px/1.2 var(--sans,sans-serif); letter-spacing:-.025em; }
dialog.scene-picker .scene-picker-close { display:grid; place-items:center; flex:none; width:42px; height:42px; padding:0; border:1px solid #bdd3dc40; border-radius:50%; color:#d6e3e9; background:#c3dae808; font:300 28px/1 var(--sans,sans-serif); cursor:pointer; }
dialog.scene-picker .scene-picker-close:hover { color:#fff; border-color:#eabf8799; background:#eabf8715; }
.scene-picker-workspace { flex:1; display:grid; grid-template-columns:minmax(270px,30%) minmax(0,1fr); gap:26px; min-width:0; min-height:0; padding:24px 26px; }
.scene-preview-pane { display:flex; flex-direction:column; gap:16px; min-width:0; min-height:0; }
.scene-library-pane { display:flex; flex-direction:column; min-width:0; min-height:0; }
.scene-picker-current { position:relative; isolation:isolate; display:flex; flex:1; align-items:flex-end; min-width:0; min-height:165px; margin:0; padding:22px; overflow:hidden; border:1px solid #cbdde72b; border-radius:17px; background:#172e3a; box-shadow:0 15px 30px #07101a44; }
.scene-picker-current > img { position:absolute; inset:0; z-index:-3; display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.scene-picker-current::before { content:''; position:absolute; inset:0; z-index:-2; background:#06121c; opacity:var(--scene-dim,.4); pointer-events:none; }
.scene-picker-current::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,#07132100 0,#0713210d 10%,#07111bde 100%); pointer-events:none; }
.scene-preview-copy { display:flex; flex-direction:column; gap:9px; min-width:0; text-shadow:0 2px 8px #0008; }
.scene-current-tag { align-self:flex-start; color:#fff0d5; font:600 11px/1 var(--sans,sans-serif); }
.scene-current-tag::before { content:''; display:inline-block; width:6px; height:6px; margin-right:7px; border-radius:50%; background:#f2c28c; box-shadow:0 0 9px #edb77b88; }
#scene-current-label { margin:0; color:#fff; font:750 30px/1.2 var(--sans,sans-serif); letter-spacing:-.03em; overflow-wrap:anywhere; }
#scene-current-kind { color:#e3edf2; font:500 12px/1.6 var(--sans,sans-serif); }
.scene-current-major { color:#f8d79e; font:600 11px/1.5 var(--mono,monospace); }
.scene-photo-source { align-self:flex-start; max-width:100%; color:#c4d5df; font:400 11px/1.5 var(--sans,sans-serif); text-decoration:underline; text-decoration-color:#c4d5df66; text-underline-offset:3px; overflow-wrap:anywhere; }
.scene-photo-source:hover { color:#fff; }
.scene-shuffle { position:absolute; top:12px; right:12px; display:flex; align-items:center; gap:7px; min-height:36px; padding:8px 10px; color:#f2f7f9; border:1px solid #d7e5ed55; border-radius:9px; background:#10202bd9; backdrop-filter:blur(8px); font:600 12px/1 var(--sans,sans-serif); cursor:pointer; }
.scene-shuffle:hover { border-color:#f0b879; background:#1d3241; }
.scene-shuffle svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.scene-picker-toolbar { display:flex; flex-direction:column; align-items:stretch; gap:16px; flex:none; }
.scene-tabs { display:flex; gap:4px; padding:4px; background:#06131b; border:1px solid #809daf32; border-radius:12px; }
.scene-tabs button { display:flex; justify-content:center; align-items:center; gap:9px; flex:1; min-width:0; min-height:42px; padding:10px 12px; border:0; border-radius:8px; color:#b7cad5; background:transparent; font:650 14px/1 var(--sans,sans-serif); white-space:nowrap; cursor:pointer; }
.scene-tabs button:hover { color:#fff; background:#ffffff08; }
.scene-tabs button[aria-pressed=true] { color:#f6f8fb; background:#344959; box-shadow:0 1px 3px #0007,inset 0 1px #ffffff12; }
.scene-tab-count { display:grid; place-items:center; min-width:22px; height:21px; padding:0 4px; border-radius:5px; color:#a9c1cf; background:#08151e; font:600 11px/1 var(--mono,monospace); }
.scene-tabs button[aria-pressed=true] .scene-tab-count { color:#f7cc99; background:#523f2d; }
.scene-city-tools { display:flex; flex-direction:column; gap:13px; }
.scene-city-scopes { display:flex; align-items:center; gap:7px; }
.scene-city-scopes button { display:flex; align-items:center; gap:7px; min-height:33px; padding:7px 11px; color:#b8cbd6; border:1px solid transparent; border-radius:7px; background:transparent; font:600 12px/1 var(--sans,sans-serif); cursor:pointer; white-space:nowrap; }
.scene-city-scopes button:hover { color:#fff; background:#223544; }
.scene-city-scopes button[aria-pressed=true] { color:#f8d39f; border-color:#e8b77a63; background:#3b3329; }
.scene-city-scopes svg,.scene-major-badge svg { flex:none; width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linejoin:round; stroke-linecap:round; }
.scene-scope-count { color:#bfcfd7; font:500 11px/1 var(--mono,monospace); }
.scene-city-filters { display:flex; gap:10px; }
.scene-city-search { flex:1; min-width:0; position:relative; display:flex; align-items:center; margin:0; }
.scene-city-search svg { position:absolute; left:12px; width:16px; height:16px; fill:none; stroke:#acc1ce; stroke-width:1.7; pointer-events:none; }
.scene-city-search input { width:100%; min-width:0; height:38px; padding:8px 10px 8px 36px; color:#edf5f8; background:#0b1822; border:1px solid #748e9c55; border-radius:8px; font-size:13px; }
.scene-city-search input::placeholder { color:#acc0cc; opacity:1; }
.scene-country-label { display:flex; align-items:center; margin:0; }
.scene-country-label select { width:124px; height:38px; padding:7px 25px 7px 11px; border:1px solid #748e9c55; border-radius:8px; color:#e4edf1; background:#1c303e; font-size:12px; cursor:pointer; }
.scene-library-heading { display:flex; flex:none; align-items:center; justify-content:space-between; gap:12px; padding:17px 2px 12px; color:#c9d8df; font:600 12px/1 var(--sans,sans-serif); }
.scene-library-count { color:#a4bccb; font:500 11px/1 var(--sans,sans-serif); }
dialog.scene-picker .scene-picker-options { flex:1; min-width:0; min-height:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:max-content; align-content:start; gap:14px 12px; padding:3px 7px 7px 2px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#597384 #12222d; scrollbar-gutter:stable; }
.scene-section-heading { grid-column:1/-1; display:flex; align-items:center; gap:9px; padding:0 1px; min-height:20px; color:#dce8ee; font:600 12px/1.2 var(--sans,sans-serif); }
.scene-section-heading:not(:first-child) { margin-top:10px; }
.scene-section-heading strong { font-weight:600; }
.scene-section-heading span { color:#a3bbc9; font-weight:400; font-size:11px; }
.scene-section-heading::after { content:''; flex:1; height:1px; background:#97b0be26; }
dialog.scene-picker .scene-picker-option { position:relative; isolation:isolate; display:flex; flex-direction:column; align-items:stretch; gap:0; min-width:0; min-height:0; margin:0; padding:0; overflow:hidden; border:1px solid #8baabd44; border-radius:12px; color:#e3edf2; background:#1a2c39; text-align:left; cursor:pointer; box-shadow:none; transform:none; transition:border-color 160ms,background 160ms; }
dialog.scene-picker .scene-picker-option > img { display:block; flex:none; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; background:#213742; transition:filter 180ms; }
.scene-option-copy { display:flex; flex-direction:column; gap:7px; min-width:0; padding:12px 11px; }
.scene-option-title { display:flex; align-items:baseline; justify-content:space-between; gap:5px; min-width:0; }
.scene-option-title strong { min-width:0; overflow:hidden; color:#f1f6f8; font:650 14px/1.35 var(--sans,sans-serif); text-overflow:ellipsis; white-space:nowrap; }
.scene-option-title small { flex:none; color:#bdd1dc; font:500 11px/1.3 var(--sans,sans-serif); }
.scene-option-landmark { overflow:hidden; color:#bfd0da; font:400 11px/1.4 var(--sans,sans-serif); text-overflow:ellipsis; white-space:nowrap; }
.scene-major-badge { position:absolute; top:8px; left:8px; display:flex; align-items:center; gap:5px; max-width:calc(100% - 16px); padding:5px 6px; color:#ffe1a9; background:#14212de8; border:1px solid #f6d2a155; border-radius:5px; font:650 10px/1 var(--sans,sans-serif); box-shadow:0 2px 6px #0004; }
.scene-major-badge svg { width:12px; height:12px; }
.scene-check { position:absolute; top:8px; right:8px; display:none; place-items:center; width:24px; height:24px; border:1px solid #ffe1b3; border-radius:50%; color:#17212a; background:#f3c48a; font:800 14px/1 var(--sans,sans-serif); box-shadow:0 2px 7px #0005; }
dialog.scene-picker .scene-picker-option.is-selected { border-color:#f3c48a; background:#453b30; box-shadow:0 0 0 1px #edbc8040; }
.scene-picker-option.is-selected .scene-check { display:grid; }
.scene-picker-option.is-selected .scene-option-landmark,.scene-picker-option.is-selected .scene-option-title small { color:#ead5b9; }
dialog.scene-picker .scene-picker-option:hover { border-color:#c8dce6; background:#29404e; transform:none; box-shadow:none; }
dialog.scene-picker .scene-picker-option.is-selected:hover { border-color:#f5cf9b; background:#544735; }
.scene-picker-option.is-loading > img { filter:brightness(.6); }
.scene-picker-option.is-loading::after { content:''; position:absolute; top:calc(35% - 9px); left:calc(50% - 9px); width:18px; height:18px; border:2px solid #ffffff45; border-top-color:#fff; border-radius:50%; animation:scene-spin 600ms linear infinite; }
.scene-empty { grid-column:1/-1; padding:50px 10px; text-align:center; color:#c4d4df; font-size:14px; }
.scene-empty button { margin-top:10px; border:1px solid #dfb57977; padding:10px 15px; border-radius:8px; color:#ffe1b0; background:#3b3329; cursor:pointer; }
.scene-picker-settings { position:relative; flex:none; padding:17px; border:1px solid #8eabb83b; border-radius:16px; background:linear-gradient(140deg,#1c3040,#152532); box-shadow:0 7px 25px #06101b22; }
.scene-settings-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:13px; }
.scene-settings-heading strong { color:#e4eef3; font-size:13px; font-weight:650; }
.scene-settings-heading button { padding:3px 0 3px 8px; border:0; color:#b8ccd8; background:transparent; text-decoration:underline; text-underline-offset:3px; font-size:11px; cursor:pointer; }
.scene-settings-heading button:hover { color:#f8d4a4; }
.scene-range-label { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:'label value' 'slider slider'; align-items:center; gap:6px 10px; color:#e0eaf1; font:600 13px/1.3 var(--sans,sans-serif); }
.scene-range-label input { grid-area:slider; width:100%; height:27px; margin:0; padding:0; accent-color:#efb77e; cursor:pointer; appearance:none; background:transparent; }
.scene-range-label input::-webkit-slider-runnable-track { height:6px; border:0; border-radius:6px; background:linear-gradient(to right,#f0bb80 0 var(--scene-range-fill,36%),#526b7d var(--scene-range-fill,36%) 100%); }
.scene-range-label input::-webkit-slider-thumb { appearance:none; width:18px; height:18px; margin-top:-6px; border:3px solid #ffefd9; border-radius:50%; background:#edb77b; box-shadow:0 0 0 4px #eab67e1a; }
.scene-range-label input::-moz-range-track { height:6px; border:0; border-radius:4px; background:#526b7d; }
.scene-range-label input::-moz-range-progress { height:6px; background:#f0bb80; }
.scene-range-label input::-moz-range-thumb { width:14px; height:14px; border:2px solid #ffefd9; border-radius:50%; background:#edb77b; }
.scene-range-label output { grid-area:value; min-width:45px; padding:5px 7px; border-radius:6px; color:#ffdbac; background:#0b1924; font:650 12px/1 var(--mono,monospace); text-align:center; font-variant-numeric:tabular-nums; }
.scene-dim-presets { display:flex; gap:6px; margin:2px 0 10px; }
.scene-dim-presets button { display:flex; flex:1; justify-content:center; align-items:center; gap:6px; min-height:32px; padding:5px 6px; color:#c4d7e1; background:#0d1d29; border:1px solid #6f8b9b55; border-radius:7px; font:500 11px/1 var(--sans,sans-serif); cursor:pointer; }
.scene-dim-presets button:hover { color:#fff; border-color:#aac4d1; }
.scene-dim-presets button[aria-pressed=true] { color:#ffe1b9; border-color:#e8b780aa; background:#44392c; }
.scene-tone { width:11px; height:11px; border-radius:50%; border:1px solid #c2d7e3; background:#d6e6ee; }
.scene-tone-balanced { background:linear-gradient(90deg,#d6e6ee 50%,#314557 50%); }
.scene-tone-dark { background:#314557; }
#scene-more-toggle,#scene-mobile-reset,.scene-extra-heading { display:none; }
.scene-switches { display:flex; flex-direction:column; gap:0; padding-top:7px; border-top:1px solid #b2ccd923; }
.scene-switches > label { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:53px; color:#e0eaf1; cursor:pointer; }
.scene-switches > label > span { display:flex; flex-direction:column; gap:4px; }
.scene-switches strong { font:600 12px/1.25 var(--sans,sans-serif); }
.scene-switches small { color:#b2c7d4; font:400 11px/1.3 var(--sans,sans-serif); }
.scene-switches input { appearance:none; flex:none; position:relative; width:36px; height:22px; margin:0; border:1px solid #7892a4; border-radius:14px; background:#10202d; cursor:pointer; transition:background 160ms,border-color 160ms; }
.scene-switches input::before { content:''; position:absolute; top:3px; left:3px; width:14px; height:14px; border-radius:50%; background:#bacfdc; transition:transform 160ms,background 160ms; }
.scene-switches input:checked { border-color:#f1c18b; background:#f1c18b; }
.scene-switches input:checked::before { background:#213749; transform:translateX(14px); }
.scene-switches input:disabled { cursor:not-allowed; opacity:.55; }
.scene-interval-row { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:3px 0 5px; padding:6px 8px 6px 10px; border:1px solid #66809444; border-radius:8px; background:#101f2b; }
.scene-interval-row label { color:#bfd1dc; font-size:11px; }
.scene-interval-row select { width:83px; min-height:27px; padding:3px 7px; border:1px solid #738c9d55; border-radius:5px; color:#e5eff4; background:#233b4c; font-size:11px; cursor:pointer; }
.scene-interval-row select:disabled { cursor:default; color:#b0c4d1; background:#1c2c39; }
#scene-status,#scene-motion-note { margin:10px 0 0; min-height:15px; color:#bacfdb; font:400 11px/1.4 var(--sans,sans-serif); overflow-wrap:anywhere; }
#scene-status::before { content:''; display:inline-block; width:5px; height:5px; border-radius:50%; background:#9bceb8; margin:0 7px 1px 0; }
#scene-motion-note { color:#f2d09f; }
dialog.scene-picker :is(button,select,input,a):focus-visible { outline:2px solid #f3c18a; outline-offset:2px; }
.page-bg::after { content:''; position:absolute; inset:0; background:#06121c; opacity:var(--scene-dim,.4); mix-blend-mode:normal; animation:none; pointer-events:none; }
body[data-scene-group=city] .scene-layer { filter:saturate(.95) contrast(1.04) brightness(1); }
body[data-scene-effects=true] .scene-layer.is-current { animation:scene-drift 35s ease-in-out infinite alternate; }
body[data-scene-effects=false] .scene-layer,body[data-scene-effects=false] .page-bg::before,body[data-scene-effects=false] .page-bg::after { animation:none!important; }
body[data-scene-effects=false] .scene-layer { transition:none!important; }
@keyframes scene-drift { from { transform:scale(1.015) translateX(-.2%); } to { transform:scale(1.045) translateX(.2%); } }
@keyframes scene-spin { to { transform:rotate(360deg); } }
@media(min-width:721px) and (max-width:1050px) {
  .scene-picker-workspace { grid-template-columns:260px minmax(0,1fr); gap:18px; padding:18px; }
  dialog.scene-picker .scene-picker-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .scene-tabs button { gap:6px; padding:10px 7px; font-size:13px; }
  .scene-city-scopes { gap:3px; }
  .scene-city-scopes button { gap:5px; padding:7px; }
  .scene-city-scopes svg { display:none; }
}
@media(min-width:721px) and (max-height:730px) {
  dialog.scene-picker .scene-picker-head { padding:14px 24px; }
  .scene-picker-workspace { padding:16px 22px; gap:18px; }
  .scene-preview-pane { overflow-y:auto; scrollbar-width:thin; scrollbar-color:#597384 #12222d; padding-right:3px; }
  .scene-picker-current { min-height:210px; }
}
@media(max-width:720px) {
  dialog.scene-picker { width:calc(100vw - 16px); height:calc(100dvh - 16px); border-radius:19px; }
  dialog.scene-picker .scene-picker-head { padding:14px 16px; }
  .scene-picker-head > div { gap:4px; }
  .scene-picker-kicker { font-size:9px; }
  .scene-picker-head h2 { font-size:20px; }
  dialog.scene-picker .scene-picker-close { width:36px; height:36px; font-size:24px; }
  .scene-picker-workspace { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:90px minmax(0,1fr) auto; grid-template-areas:'preview' 'library' 'settings'; gap:12px; padding:14px; }
  .scene-preview-pane { display:contents; }
  .scene-picker-current { grid-area:preview; min-height:0; padding:11px 14px; border-radius:12px; }
  .scene-picker-current::after { background:linear-gradient(90deg,#071321eb,#071321a6 65%,#07132144); }
  .scene-preview-copy { gap:4px; max-width:calc(100% - 46px); }
  .scene-current-tag { font-size:10px; }
  #scene-current-label { font-size:22px; }
  #scene-current-kind { font-size:11px; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .scene-current-major,.scene-photo-source { display:none; }
  .scene-shuffle { top:calc(50% - 18px); right:10px; width:36px; height:36px; padding:8px; justify-content:center; }
  .scene-shuffle span { display:none; }
  .scene-library-pane { grid-area:library; }
  .scene-picker-toolbar { gap:9px; }
  .scene-tabs { border-radius:10px; padding:3px; }
  .scene-tabs button { gap:7px; min-height:37px; padding:8px; font-size:12px; }
  .scene-tab-count { height:18px; min-width:18px; padding:0 3px; font-size:10px; }
  .scene-city-tools { gap:8px; }
  .scene-city-scopes { justify-content:space-between; gap:3px; }
  .scene-city-scopes button { gap:5px; min-height:31px; padding:6px 8px; font-size:11px; }
  .scene-city-scopes svg { width:13px; height:13px; }
  .scene-scope-count { font-size:10px; }
  .scene-city-filters { gap:7px; }
  .scene-city-search input { height:35px; font-size:12px; padding-left:30px; }
  .scene-city-search svg { left:9px; width:14px; height:14px; }
  .scene-country-label select { height:35px; width:106px; padding:6px 22px 6px 8px; font-size:11px; }
  .scene-library-heading { padding:11px 2px 8px; font-size:11px; }
  .scene-library-count { font-size:11px; }
  dialog.scene-picker .scene-picker-options { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px 9px; padding:3px 5px 5px 2px; }
  dialog.scene-picker .scene-picker-option { border-radius:10px; }
  .scene-section-heading { font-size:11px; min-height:17px; }
  .scene-section-heading span { font-size:10px; }
  .scene-option-copy { padding:10px 9px; gap:5px; }
  .scene-option-title strong { font-size:13px; }
  .scene-option-title small,.scene-option-landmark { font-size:11px; }
  .scene-major-badge { top:6px; left:6px; padding:4px 5px; font-size:10px; }
  .scene-major-badge svg { width:11px; height:11px; }
  .scene-check { width:22px; height:22px; top:6px; right:6px; font-size:13px; }
  .scene-picker-settings { grid-area:settings; z-index:2; padding:11px 12px 9px; border-radius:12px; }
  .scene-settings-heading { display:none; }
  .scene-range-label { grid-template-columns:auto minmax(40px,1fr) 40px; grid-template-areas:'label slider value'; gap:10px; font-size:12px; }
  .scene-range-label input { height:26px; }
  .scene-range-label output { min-width:40px; padding:5px; font-size:11px; }
  .scene-dim-presets { margin:6px 0 0; gap:6px; }
  .scene-dim-presets button { min-height:29px; padding:4px 5px; font-size:11px; gap:4px; }
  .scene-tone { width:9px; height:9px; }
  #scene-more-toggle { display:flex; color:#e6d2b8; }
  #scene-more-toggle[aria-expanded=true] { background:#44392c; border-color:#e8b780aa; }
  #scene-more-toggle[aria-expanded=true] > span { transform:rotate(180deg); }
  .scene-settings-extra { position:absolute; right:-1px; left:-1px; bottom:calc(100% + 8px); max-height:calc(100dvh - 170px); padding:13px 16px; overflow-y:auto; border:1px solid #6d8c9f; border-radius:13px; background:#182d3d; box-shadow:0 -18px 60px #030a14b3; }
  .scene-extra-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:4px; color:#edf5f8; font-size:13px; }
  .scene-extra-heading button { width:30px; height:30px; border:1px solid #94adbd66; border-radius:50%; background:#10222f; color:#e7f0f5; font-size:22px; cursor:pointer; }
  #scene-mobile-reset { display:block; margin-top:6px; padding:8px 0; border:0; background:transparent; color:#f5d2a6; font-size:12px; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
  .scene-switches { border-top:0; padding:0; }
  .scene-switches > label { min-height:51px; }
  .scene-switches strong { font-size:13px; }
  .scene-interval-row label,.scene-interval-row select { font-size:12px; }
  #scene-status { margin:7px 0 0; min-height:14px; font-size:11px; }
}
@media(max-width:350px), (max-width:720px) and (max-height:650px) {
  dialog.scene-picker .scene-picker-head { padding:10px 13px; }
  .scene-picker-workspace { grid-template-rows:62px minmax(0,1fr) auto; gap:9px; padding:10px; }
  .scene-picker-current { padding:8px 11px; }
  .scene-current-tag { display:none; }
  #scene-current-label { font-size:19px; }
  .scene-preview-copy { gap:4px; }
  .scene-tabs button { padding:8px 6px; gap:4px; font-size:11px; min-height:34px; }
  .scene-picker-toolbar { gap:6px; }
  .scene-city-tools { gap:6px; }
  .scene-city-scopes svg { display:none; }
  .scene-city-scopes button { padding:5px 6px; min-height:28px; gap:4px; }
  .scene-country-label select { width:92px; }
  .scene-city-search input { font-size:11px; }
  .scene-library-heading { padding:8px 2px 6px; }
  .scene-picker-settings { padding:9px 10px 8px; }
  .scene-option-copy { padding:8px 7px; }
  .scene-option-title { flex-wrap:wrap; gap:3px 5px; }
  .scene-option-title strong { font-size:12px; }
  .scene-option-title small { font-size:10px; }
  .scene-option-landmark { font-size:10px; }
  .scene-major-badge { left:4px; top:4px; gap:3px; font-size:9px; padding:4px; }
  .scene-major-badge svg { display:none; }
  .scene-check { right:4px; top:4px; width:19px; height:19px; font-size:11px; }
  #scene-status { margin-top:5px; font-size:10px; }
}
@media(min-width:721px) and (max-height:520px) {
  dialog.scene-picker { width:calc(100vw - 16px); height:calc(100dvh - 16px); border-radius:16px; }
  dialog.scene-picker .scene-picker-head { padding:8px 18px; }
  .scene-picker-head h2 { font-size:19px; }
  .scene-picker-kicker { display:none; }
  dialog.scene-picker .scene-picker-close { width:32px; height:32px; font-size:23px; }
  .scene-picker-workspace { grid-template-columns:240px minmax(0,1fr); padding:12px; gap:14px; }
  .scene-picker-toolbar,.scene-city-tools { gap:7px; }
  .scene-tabs button { min-height:31px; padding:7px; font-size:12px; }
  .scene-city-scopes button { min-height:28px; padding:5px 8px; }
  .scene-city-search input,.scene-country-label select { height:32px; }
  .scene-library-heading { padding:10px 2px 8px; }
  dialog.scene-picker .scene-picker-options { grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
  dialog.scene-picker .scene-picker-option > img { aspect-ratio:2.1; }
  .scene-section-heading { display:none; }
  .scene-option-copy { padding:8px; gap:4px; }
  .scene-option-title strong { font-size:12px; }
  .scene-option-title small,.scene-option-landmark { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
  .scene-layer { animation:none!important; transition:none!important; }
  dialog.scene-picker *, .scene-quick-control { transition:none!important; }
  .scene-picker-option.is-loading::after { animation:none; border-color:#fff; border-right-color:transparent; }
}
/* A compact entry beside search keeps the current choice visible. */
.scene-quick-row { display:flex; align-items:center; gap:12px; margin:-12px 0 20px; min-height:58px; }
.scene-quick-control { display:flex; align-items:center; gap:11px; width:min(276px,100%); min-height:58px; padding:7px 11px 7px 7px; border:1px solid #a3c3ce4c; border-radius:13px; color:#e8f2f4; background:linear-gradient(115deg,#102d3af0,#1a2937de); box-shadow:inset 0 1px #ffffff12,0 12px 28px #06111b44; text-align:left; cursor:pointer; transition:transform 180ms ease,border-color 180ms ease,background 180ms ease; }
.scene-quick-control:hover,.scene-quick-control[aria-expanded=true] { border-color:#efbd83aa; background:linear-gradient(115deg,#183b4aef,#242f3de8); transform:translateY(-1px); }
.scene-quick-control:focus-visible { outline:2px solid #f4c58f; outline-offset:3px; }
.scene-quick-swatch { width:72px; height:42px; flex:none; overflow:hidden; border-radius:8px; border:1px solid #b9d9dc45; background:#0b1821; }
.scene-quick-swatch img { display:block; width:100%; height:100%; object-fit:cover; }
.scene-quick-copy { display:flex; flex:1; min-width:0; flex-direction:column; gap:3px; }
.scene-quick-label { color:#98bac5; font:600 9px/1 var(--mono,monospace); letter-spacing:.18em; text-transform:uppercase; }
.scene-quick-copy strong { overflow:hidden; color:#f1f6f5; font-size:14px; font-weight:700; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.scene-quick-arrow { width:18px; height:18px; flex:none; fill:none; stroke:#efbe86; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.scene-quick-hint { color:#91aab4; font-size:11px; }
/* The background picker is a global control: keep it in the top bar instead of adding a loose row above search. */
.scene-quick-row--topbar { order:4; display:flex; align-items:center; gap:0; flex:none; min-height:44px; margin:0; }
.scene-quick-row--topbar .scene-quick-control { width:156px; min-height:44px; padding:5px 9px 5px 6px; border-radius:10px; background:#0e202ccf; box-shadow:inset 0 1px #ffffff0f,0 5px 16px #06111b22; }
.scene-quick-row--topbar .scene-quick-swatch { width:48px; height:30px; border-radius:6px; }
.scene-quick-row--topbar .scene-quick-copy { gap:2px; }
.scene-quick-row--topbar .scene-quick-copy strong { font-size:12px; }
.scene-quick-row--topbar .scene-quick-label,.scene-quick-row--topbar .scene-quick-hint { display:none; }
.scene-quick-row--topbar .scene-quick-arrow { width:15px; height:15px; }
.scene-cs2-tools { display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin-top:-5px; }
.scene-cs2-tools button { display:inline-flex; align-items:center; gap:7px; min-height:32px; padding:7px 11px; color:#b8cbd6; border:1px solid transparent; border-radius:7px; background:transparent; font:600 12px/1 var(--sans,sans-serif); cursor:pointer; white-space:nowrap; }
.scene-cs2-tools button:hover { color:#fff; background:#223544; }
.scene-cs2-tools button[aria-pressed=true] { color:#f8d39f; border-color:#e8b77a63; background:#3b3329; }
.scene-operation-period { color:#b8cbd6!important; font-variant-numeric:tabular-nums; }
.scene-operation-badge { color:#f3c18b; background:#403426e8; }
.scene-picker-option:has(.scene-operation-badge) { border-color:#8f74534a; }
.scene-picker-option:has(.scene-operation-badge):hover { border-color:#eab878; }

@media(max-width:720px) {
  .scene-quick-row { align-items:stretch; flex-direction:column; gap:6px; margin:-8px 0 16px; }
  .scene-quick-control { width:100%; min-height:54px; }
  .scene-quick-swatch { width:70px; height:40px; }
  .scene-quick-hint { padding-left:3px; font-size:11px; }
  .scene-quick-row--topbar { order:4; min-height:44px; margin:0 0 0 auto; }
  .scene-quick-row--topbar .scene-quick-control { width:44px; min-height:42px; height:42px; padding:5px; justify-content:center; border-radius:9px; }
  .scene-quick-row--topbar .scene-quick-swatch { width:30px; height:30px; border-radius:6px; }
  .scene-quick-row--topbar .scene-quick-copy,.scene-quick-row--topbar .scene-quick-arrow { display:none; }
  .scene-cs2-tools { gap:4px; margin-top:-2px; overflow-x:auto; flex-wrap:nowrap; scrollbar-width:none; }
  .scene-cs2-tools::-webkit-scrollbar { display:none; }
  .scene-cs2-tools button { flex:none; min-height:31px; padding-inline:9px; font-size:11px; }
}

/* profile-readability.css */
/* Profile reading colours: paired opaque surfaces and text, shared by every directory. */
#detail-panel {
  --profile-text:#f5f8fc;
  --profile-secondary:#c4d3e1;
  --profile-surface:#142332;
}
#detail-panel .profile-actions {
  color:var(--profile-text);
  background:var(--profile-surface);
  font-family:'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif;
  text-shadow:none;
}
#detail-panel .inspect-section-label { color:#e2edf7; font-size:14px; font-weight:600; letter-spacing:0; }
#detail-panel .profile-actions .platform-card.profile-link {
  --link-surface:#223248;
  --link-accent:#d7e9ff;
  --link-line:#527499;
  background:var(--link-surface);
  border:1px solid var(--link-line);
  color:var(--link-accent);
  border-radius:10px;
  box-shadow:none;
}
#detail-panel .profile-actions .profile-link[data-platform='steam'] { --link-surface:#12344b; --link-accent:#a8e3ff; --link-line:#4989af; }
#detail-panel .profile-actions .profile-link[data-platform='inventory'] { --link-surface:#382e1d; --link-accent:#ffe0a1; --link-line:#a2824b; }
#detail-panel .profile-actions .profile-link[data-platform='bilibili'] { --link-surface:#3c2537; --link-accent:#ffcade; --link-line:#a36685; }
#detail-panel .profile-actions .profile-link[data-platform='workshop'] { --link-surface:#17382f; --link-accent:#b3f4d6; --link-line:#609f85; }
#detail-panel .profile-actions .platform-card.profile-link:hover { background:var(--link-surface); border-color:var(--link-accent); box-shadow:inset 0 0 0 1px var(--link-accent); color:var(--link-accent); }
#detail-panel .profile-actions .profile-link .platform-desc { color:var(--link-accent); font-family:inherit; font-size:18px; line-height:1.4; font-weight:700; letter-spacing:0; opacity:1; }
#detail-panel .profile-actions .profile-link .action-hint { color:#e0e8ef; font-size:13px; line-height:1.5; font-weight:400; opacity:1; white-space:normal; }
#detail-panel .profile-actions .profile-link .platform-icon-shell { color:var(--link-accent); background:#ffffff0d; }
#detail-panel .profile-actions .profile-link .platform-arrow { color:var(--link-accent); opacity:1; }
#detail-panel .profile-actions .profile-link[data-platform='steam'] .platform-brand-icon { filter:brightness(0) invert(1); }
#detail-panel .profile-actions .profile-link:focus-visible { outline:3px solid #fff1b6; outline-offset:3px; }

#detail-panel .steam-friend-code { color:#f4fff9; background:#16382f; border-color:#659b82; }
#detail-panel .steam-friend-copy strong { color:#c5f0d8; font-size:13px; font-weight:600; line-height:1.5; }
#detail-panel .steam-friend-copy .account-id { color:#fff; font-size:21px; font-weight:700; line-height:1.4; letter-spacing:.02em; }
#detail-panel .steam-friend-icon { background:#d2f3e3; }
#detail-panel .steam-friend-button { color:#102c21; background:#baf3d4; border-color:#baf3d4; font-size:14px; font-weight:700; min-height:44px; }
#detail-panel .steam-friend-button:hover { background:#dcffe9; border-color:#dcffe9; }
#detail-panel .steam-friend-button.is-copied { color:#f0fff6; background:#255d43; border-color:#a8e5bf; }
#detail-panel .steam-friend-hint { color:#dcf5e7; font-size:12px; font-weight:400; line-height:1.5; }
#detail-panel .steam-friend-code[data-kind='permanent-link'] { background:#302640; border-color:#9b81bd; }
#detail-panel .steam-friend-code[data-kind='permanent-link'] .steam-friend-copy strong { color:#e5d1ff; }
#detail-panel .steam-friend-code[data-kind='permanent-link'] .account-id { color:#fbf5ff; font-size:14px; font-weight:600; }
#detail-panel .steam-friend-code[data-kind='permanent-link'] .steam-friend-button { color:#2a1740; background:#e0c7ff; border-color:#e0c7ff; }
#detail-panel .steam-friend-code[data-kind='permanent-link'] .steam-friend-button:hover { background:#f1e2ff; }
#detail-panel .steam-friend-code[data-kind='permanent-link'] .steam-friend-button.is-copied { color:#fff; background:#614780; }
#detail-panel .steam-friend-code[data-kind='permanent-link'] .steam-friend-hint { color:#eaddfa; }
#detail-panel .trader-account-group { background:#172a2c; border-color:#617f82; }
#detail-panel .trader-account-group > header strong { color:#f3fff8; font-size:15px; }
#detail-panel .trader-account-kicker { color:#c9ded7; font-size:12px; }
#detail-panel .trader-account-links .profile-link .platform-desc { font-size:14px; }
#detail-panel .trader-account-copy { background:transparent; border-color:#719689; }
#detail-panel .trader-account-copy .steam-friend-copy strong { font-size:12px; }
#detail-panel .trader-account-copy .account-id { font-size:18px; }
#detail-panel .trader-account-copy .steam-friend-button { padding:9px; font-size:13px; }
#detail-panel .trader-account-copy[data-kind='permanent-link'] { padding:12px; border:1px solid #9b81bd; border-radius:8px; }

#detail-panel .steam-accelerator-notice { color:#fff1ca; background:#302b1c; border-color:#a28543; }
#detail-panel .steam-notice-copy strong { color:#ffe199; font-size:13px; font-weight:650; line-height:1.5; }
#detail-panel .steam-notice-copy small { color:#ece3c9; font-size:12px; line-height:1.5; }
#detail-panel .steam-notice-close { color:#fff0c5; min-width:34px; min-height:34px; background:#493e23; border-color:#a28543; }
#detail-panel .profile-actions .direct-account { color:#c6e9ff; background:#213749; border-color:#6489a4; min-height:44px; }
#detail-panel .direct-account .account-platform { color:#e3f2ff; font-size:13px; font-weight:600; }
#detail-panel .direct-account .account-id { color:#fff; font-size:14px; }
#detail-panel .direct-account[data-platform='bilibili'] { background:#3c2537; border-color:#aa7592; color:#ffcade; }
#detail-panel .portal-access-notice,#detail-panel .staff-profile-pending { color:#e5edf7; background:#26364b; border-color:#788ca4; font-size:14px; }
#detail-panel #portal-access-copy { color:#e5edf7; font-size:13px; }

#detail-panel #social-disclosure { background:#192939; border-color:#536f88; box-shadow:none; }
#detail-panel #social-title { color:#f5f8fc; font:700 20px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; }
#detail-panel #link-count { color:#d6ecff; background:#273f55; border-color:#698ba5; font-size:12px; }
#detail-panel #account-help { color:#d0deeb; font-size:13px; line-height:1.6; }
#detail-panel #social-disclosure .social-account { --social-color:177,210,245; color:#f5f8fc; background:#101e2c; border-color:#49637a; }
#detail-panel #secondary-links .social-account:only-child { grid-column:1/-1; }
#detail-panel #social-disclosure .social-account[data-platform='hltv'] { --social-color:148,211,255; }
#detail-panel #social-disclosure .social-account[data-platform='youtube'] { --social-color:255,170,170; }
#detail-panel #social-disclosure .social-account[data-platform='twitch'] { --social-color:214,180,255; }
#detail-panel #social-disclosure .social-account[data-platform='instagram'] { --social-color:255,180,218; }
#detail-panel #social-disclosure .social-account[data-platform='twitter'] { --social-color:231,239,250; }
#detail-panel #social-disclosure .social-account[data-platform='qq'] { --social-color:149,216,255; }
#detail-panel #social-disclosure .social-account[data-platform='wechat'] { --social-color:160,241,187; }
#detail-panel #social-disclosure .social-account[data-platform='douyin'] { --social-color:160,242,237; }
#detail-panel #social-disclosure .social-account[data-platform='website'] { --social-color:255,221,151; }
#detail-panel #social-disclosure .social-account .account-platform { color:rgb(var(--social-color)); font-size:14px; font-weight:700; }
#detail-panel #social-disclosure .account-platform small { color:#c2d3e3; font-size:12px; line-height:1.5; }
#detail-panel #social-disclosure .account-id { color:#f6f9ff; font-size:16px; font-weight:650; line-height:1.5; }
#detail-panel #social-disclosure .contact-account .account-id { font-size:18px; }
#detail-panel #social-disclosure .account-copy-hint { color:#d2ddea; font-size:12px; line-height:1.5; }
#detail-panel #social-disclosure .copy-account { color:#fff; background:#344c66; border-color:#7896b4; min-height:44px; font-size:14px; font-weight:600; }
#detail-panel #social-disclosure .copy-account:hover { background:#466788; border-color:#b0d4f9; }
#detail-panel #social-disclosure .copy-account.is-copied { color:#dcffe9; background:#285b40; border-color:#99d4b1; }
#detail-panel #social-disclosure .social-icon { color:rgb(var(--social-color)); }
#detail-panel #social-disclosure .social-pending,#detail-panel #copy-status { color:#d1f7e0; font-size:13px; }
#detail-panel #profile-pet-slot .pet-context { color:#d2e4ef; font-size:13px; }
#detail-panel #profile-pet-slot .pet-tap-hint { color:#eaf5ff; font-size:12px; background:#203b50; }
#detail-panel .inspect-footer { color:#ecf4fc; background:#101d2b; border-color:#496076; }
#detail-panel .switch-context { color:#e1eaf4; font-size:13px; gap:10px; }
#detail-panel #switch-group { color:#e1eaf4; font-size:13px; }
#detail-panel #switch-count { color:#c4d8ed; font:500 12px/1.5 'Segoe UI',sans-serif; }
#detail-panel #profile-select { color:#f6faff; background:#263e54; border-color:#7999b4; height:44px; font-size:14px; }
#detail-panel #profile-select option { color:#f6faff; background:#263e54; }
#detail-panel .profile-select-wrap>svg { color:#d8ecfd; top:16px; }
#detail-panel .switch-arrow { width:36px; height:44px; color:#bce3ff; border-color:#516c83; background:#23384a; border-radius:6px; }
#detail-panel .switch-arrow:hover { color:#fff; background:#365976; }
#detail-panel .switch-arrow:disabled { opacity:.45; }
@media(max-width:700px) {
  #detail-panel .profile-actions .profile-link .platform-desc { font-size:16px; }
  #detail-panel .profile-actions .profile-link .action-hint { font-size:13px; }
  #detail-panel #social-title { font-size:19px; }
  #detail-panel #social-disclosure .social-account { grid-template-columns:32px minmax(0,1fr) auto; gap:8px; }
  #detail-panel #social-disclosure .social-account .social-icon { width:32px; }
  #detail-panel .steam-friend-copy .account-id { font-size:19px; }
  #detail-panel .steam-friend-copy strong { font-size:12px; }
  #detail-panel .steam-friend-button { padding-inline:10px; font-size:13px; }
  #detail-panel .trader-account-links .profile-link .platform-desc { font-size:14px; }
  #detail-panel #profile-select { font-size:16px; }
  #detail-panel .profile-switcher { flex-wrap:wrap; gap:8px; }
  #detail-panel .switch-controls { flex:1; justify-content:flex-end; }
  #detail-panel .profile-select-wrap { flex:1; max-width:180px; min-width:0; }
}
@media(max-width:360px) {
  #detail-panel .steam-friend-button { padding-inline:8px; }
  #detail-panel .profile-actions .profile-link .platform-desc { font-size:15px; }
  #detail-panel .trader-account-links .profile-link .platform-desc { font-size:12px; }
  #detail-panel .steam-friend-copy .account-id { font-size:17px; }
  #detail-panel #social-disclosure .social-account { grid-template-columns:28px minmax(0,1fr) auto; }
  #detail-panel #social-disclosure .social-account .social-icon { width:28px; }
  #detail-panel #social-disclosure .copy-account { min-width:56px; padding-inline:7px; font-size:13px; }
  #detail-panel .switch-context { width:100%; justify-content:space-between; }
  #detail-panel .switch-controls { justify-content:space-between; }
  #detail-panel .profile-select-wrap { max-width:none; }
}
@media(prefers-contrast:more) {
  #detail-panel .profile-actions { --profile-secondary:#fff; }
  #detail-panel .profile-actions .profile-link .action-hint,#detail-panel #account-help,#detail-panel #social-disclosure .account-platform small { color:#fff; }
}

/* hof-redesign.css */
/* Official inductions form one archive. Keep year navigation separate from ranks. */
#hof-controls[hidden],#hof-hero-meta[hidden],.hof-hero-meta[hidden] { display:none!important; }
body[data-category='hof'] { --hof-gold:#e1c58a; --hof-muted:#bdc9d4; --hof-panel:#142332; }
body[data-category='hof'] .home-main { width:min(1120px,calc(100% - 64px)); padding:24px 0 44px; }
body[data-category='hof'] .home-main::before,body[data-category='hof'] .home-main::after { display:none; }
body[data-category='hof'] .category-backbar { min-height:44px; padding:0; margin:0 0 18px; border:0; border-radius:0; background:transparent; box-shadow:none; }
body[data-category='hof'] .category-backbar .directory-home { min-height:42px; padding:0 13px; gap:9px; border:1px solid #9fb1c04d; border-radius:8px; background:#162736; color:#eef4fa; box-shadow:none; font-size:13px; }
body[data-category='hof'] .category-backbar .directory-home:hover { color:#f5dfb5; background:#223646; border-color:#d9bd85; }
body[data-category='hof'] .category-location { color:#bac8d4; font-size:12px; }
body[data-category='hof'] .category-location strong { color:#eff4f8; }
body[data-category='hof'] .hero-copy { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:0 28px; position:relative; margin:0 0 16px; padding:20px 24px 21px; border:1px solid #6e849847; border-top:2px solid #d5b779; border-left:1px solid #6e849847; border-radius:12px; background:linear-gradient(120deg,#172a3bf7,#122131f7); box-shadow:0 10px 28px #06101a24; }
body[data-category='hof'] .hero-copy .directory-dateline { grid-column:1/-1; margin:0 0 12px; color:#e1c58a; }
body[data-category='hof'] .directory-dateline>span:first-child { font-size:10px; letter-spacing:.14em; }
body[data-category='hof'] .directory-dateline .live-clock { font-size:11px; color:#bdc9d4; }
body[data-category='hof'] .directory-dateline .clock-zone { color:#bdc9d4; }
body[data-category='hof'] .hero-copy h1 { grid-column:1; margin:0; padding:0; color:#f7fafc; font-size:34px; line-height:1.2; letter-spacing:-.025em; }
body[data-category='hof'] .hero-copy .subtitle { grid-column:1; margin:9px 0 0; padding:0; color:#c4d0db; font-size:13px; line-height:1.6; }
body[data-category='hof'] .home-pet-slot { display:none; }
body[data-category='hof'] .hof-hero-meta { display:flex; align-items:center; align-self:center; grid-column:2; grid-row:2/4; gap:28px; padding-left:30px; border-left:1px solid #8fa3b335; }
body[data-category='hof'] .hof-hero-meta>span { display:flex; flex-direction:column; gap:5px; min-width:60px; }
body[data-category='hof'] .hof-hero-meta strong { color:#f0d9a9; font:650 23px/1.15 var(--sans,sans-serif); }
body[data-category='hof'] .hof-hero-meta small { color:#bdc9d4; font:12px/1.4 var(--sans,sans-serif); }

/* Keep utility controls quieter than the archive itself. */
body[data-category='hof'] .scene-quick-row { min-height:40px; margin:0 0 12px; gap:10px; }
body[data-category='hof'] .scene-quick-control { width:220px; min-height:40px; padding:4px 9px 4px 4px; gap:8px; border-radius:8px; background:#142534ed; box-shadow:none; }
body[data-category='hof'] .scene-quick-swatch { width:50px; height:30px; border-radius:5px; }
body[data-category='hof'] .scene-quick-copy { gap:2px; }
body[data-category='hof'] .scene-quick-label { font-size:9px; letter-spacing:.03em; color:#becbd4; }
body[data-category='hof'] .scene-quick-copy strong { font-size:12px; }
body[data-category='hof'] .scene-quick-hint { color:#bdc9d4; font-size:12px; }
body[data-category='hof'] .search-box { min-height:54px; height:54px; padding:5px; border:1px solid #d3dfe4; border-radius:9px; background:#eaf0f3; box-shadow:none; }
body[data-category='hof'] .search-box::before,body[data-category='hof'] .search-box::after { display:none; }
body[data-category='hof'] .search-box:hover { background:#f3f6f8; }
body[data-category='hof'] .search-box:focus-within { border-color:#e1c58a; background:#f6f8fa; box-shadow:0 0 0 3px #e1c58a2c; }
body[data-category='hof'] .search-box input { padding:0 13px; color:#172936; font-size:16px; }
body[data-category='hof'] .search-box input::placeholder { color:#506370; }
body[data-category='hof'] .search-box .search-icon { width:20px; height:20px; margin-left:12px; stroke:#526774; }
body[data-category='hof'] .search-submit { flex-basis:92px; padding:0 14px; gap:9px; border-color:#d9bd85; border-radius:6px; background:#e3c992; color:#222b30; font-size:13px; }
body[data-category='hof'] .search-submit:hover { background:#f1dab0; }
body[data-category='hof'] .search-submit:focus-visible { outline-color:#132536; }
body[data-category='hof'] .search-footnote { margin-top:10px; gap:8px; }
body[data-category='hof'] .search-footnote .search-helper { min-height:18px; color:#c9d3dc; font-size:12px; }
body[data-category='hof'] .search-footnote .directory-nav { display:flex; flex-wrap:nowrap; gap:6px; padding:2px 0 6px; overflow-x:auto; scrollbar-width:thin; scrollbar-color:#557082 transparent; }
body[data-category='hof'] .search-footnote .directory-nav .public-entry { flex:none; width:auto; min-height:36px; gap:6px; padding:7px 10px; border:1px solid #637c8e50; border-radius:7px; background:#162634; box-shadow:none; }
body[data-category='hof'] .search-footnote .directory-nav .public-entry:hover { background:#253a4a; border-color:#a5b9c9; }
body[data-category='hof'] .search-footnote .directory-nav .public-entry[aria-pressed='true'] { border-color:#dcc18e; background:#3b382f; box-shadow:inset 0 -2px #dcc18e; }
body[data-category='hof'] .search-footnote .directory-nav .public-entry .entry-copy strong { font-size:12px; }
body[data-category='hof'] .search-footnote .directory-nav .public-entry .entry-count { color:#c2cdd6; font-size:11px; }
body[data-category='hof'] .search-footnote .directory-nav .public-entry .entry-symbol { width:18px; height:18px; }
body[data-category='hof'] .search-footnote .directory-nav .public-entry .entry-symbol img { width:18px; height:18px; }

/* A tab row is the only archive filter: the year is not a ranking. */
body[data-category='hof'] #hof-controls { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:16px 0 0; padding:12px 14px; border:1px solid #6c839649; border-radius:10px; background:#112232f5; }
body[data-category='hof'] .hof-year-tabs { display:flex; align-items:center; gap:5px; min-width:0; }
body[data-category='hof'] .hof-year-tabs button { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-width:76px; min-height:40px; padding:0 14px; border:1px solid transparent; border-radius:7px; color:#cbd5de; background:transparent; font:650 13px/1.3 var(--sans,sans-serif); cursor:pointer; }
body[data-category='hof'] .hof-year-tabs button[aria-pressed='true'] { color:#202931; border-color:#e1c58a; background:#e1c58a; }
body[data-category='hof'] .hof-year-tabs button:not([aria-pressed='true']):hover { color:#fff; border-color:#74899a; background:#213647; }
body[data-category='hof'] .hof-official-link { display:inline-flex; align-items:center; gap:6px; min-height:36px; color:#d8c08b; font:600 12px/1.5 var(--sans,sans-serif); text-underline-offset:4px; text-decoration-color:#d8c08b55; white-space:nowrap; }
body[data-category='hof'] .hof-official-link:hover { color:#ffe8b7; text-decoration-color:currentColor; }
body[data-category='hof'] :is(.hof-year-tabs button,.hof-official-link,.hof-member):focus-visible { outline:2px solid #ffe0a2; outline-offset:4px; }
body[data-category='hof'] .dynamic-zone { margin-top:24px; }
body[data-category='hof'] .collection-heading { position:absolute; width:1px; height:1px; min-height:0; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
body[data-category='hof'] .collection-heading h2 { color:#f0f5f8; font-size:19px; line-height:1.4; }
body[data-category='hof'] #hot-list.hof-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:30px; overflow:visible; }
body[data-category='hof'] .hof-cohort { min-width:0; }
body[data-category='hof'] .hof-cohort-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:0 0 12px; margin:0 0 14px; border-bottom:1px solid #8da5b94f; }
body[data-category='hof'] .hof-cohort-heading>div:first-child { display:flex; align-items:baseline; gap:10px; }
body[data-category='hof'] .hof-cohort-kicker { color:#d5bd8a; font:650 10px/1.4 var(--sans,sans-serif); letter-spacing:.13em; }
body[data-category='hof'] .hof-cohort-heading h3 { margin:0; color:#f1d7a2; font:650 27px/1.1 var(--sans,sans-serif); letter-spacing:-.035em; }
body[data-category='hof'] .hof-cohort-meta { display:flex; align-items:center; gap:9px; color:#c8d2db; font:12px/1.4 var(--sans,sans-serif); }
body[data-category='hof'] .hof-cohort-meta strong { color:#f2f6f9; font-weight:600; }
body[data-category='hof'] .hof-year-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
body[data-category='hof'] .hof-year-list[data-year='2025'] { grid-template-columns:repeat(3,minmax(0,1fr)); }
body[data-category='hof'] .hof-year-list .hot-person.hof-member { display:flex; flex-direction:column; position:relative; height:auto; width:100%; min-width:0; padding:0; border:1px solid #6a81934f; border-radius:11px; background:#152636; box-shadow:0 8px 20px #030c1321; text-align:left; transform:none; transition:border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease; }
body[data-category='hof'] .hof-year-list .hot-person.hof-member:hover { border-color:#d3b881; background:#1a2c3c; box-shadow:0 12px 24px #030c1344; transform:translateY(-3px); }
body[data-category='hof'] .hof-member .spotlight-frame { display:none!important; }
body[data-category='hof'] .hof-photo { display:block; position:relative; flex:none; width:100%; aspect-ratio:1.18; overflow:hidden; background:radial-gradient(ellipse at 50% 30%,#3c5060,#243745 76%); border-bottom:1px solid #72859634; }
body[data-category='hof'] .hof-year-list[data-year='2025'] .hof-photo { aspect-ratio:1.45; }
body[data-category='hof'] .hof-photo img { display:block; width:100%; height:100%; object-fit:contain; object-position:center bottom; }
body[data-category='hof'] .hof-induction { position:absolute; left:12px; bottom:12px; z-index:1; padding:5px 8px; border:1px solid #d4bb8580; border-radius:5px; background:#11202feb; color:#f1d8a6; font:600 11px/1.3 var(--sans,sans-serif); }
body[data-category='hof'] .hof-card-copy { display:flex; flex-direction:column; flex:1; gap:0; width:100%; min-width:0; padding:17px 16px 13px; }
body[data-category='hof'] .hof-name { display:flex; align-items:center; justify-content:space-between; gap:10px; min-width:0; color:#f4f7fa; font:700 21px/1.25 var(--sans,sans-serif); letter-spacing:-.015em; }
body[data-category='hof'] .hof-name .country-flag { position:static; width:18px; height:13px; flex:none; border-radius:1px; }
body[data-category='hof'] .hof-real-name { display:block; min-height:20px; margin-top:7px; color:#bdcbd7; font:12px/1.55 var(--sans,sans-serif); overflow-wrap:anywhere; }
body[data-category='hof'] .hof-card-footer { display:flex; align-items:center; justify-content:space-between; margin-top:17px; padding-top:11px; border-top:1px solid #8aa0b333; color:#dcc18e; font:600 12px/1.4 var(--sans,sans-serif); }
body[data-category='hof'] .hof-card-footer>span { color:inherit; }
body[data-category='hof'] .hof-card-footer>span:last-child { font-size:18px; }
body[data-category='hof'] .results-list .result-card { border-color:#6b829854; background:#142637; }

@media(min-width:701px) {
 body[data-category='hof'] .search-tool { display:grid; grid-template-columns:minmax(0,1fr) 220px; column-gap:12px; }
 body[data-category='hof'] :is(.category-backbar,.hero-copy,#hof-controls,.dynamic-zone) { grid-column:1/-1; }
 body[data-category='hof'] .scene-quick-row { grid-column:2; grid-row:3; margin:0; }
 body[data-category='hof'] .scene-quick-control { width:100%; min-height:54px; }
 body[data-category='hof'] .scene-quick-swatch { width:55px; height:36px; }
 body[data-category='hof'] .scene-quick-hint { display:none; }
 body[data-category='hof'] .search-area { display:contents; }
 body[data-category='hof'] .search-box { grid-column:1; grid-row:3; }
 body[data-category='hof'] .search-footnote { grid-column:1/-1; min-width:0; }
}

@media(max-width:950px) and (min-width:701px) {
 body[data-category='hof'] .home-main { width:calc(100% - 40px); }
 body[data-category='hof'] .hof-year-list { gap:12px; }
 body[data-category='hof'] .hof-card-copy { padding:14px 12px 11px; }
 body[data-category='hof'] .hof-name { font-size:18px; }
 body[data-category='hof'] .hof-hero-meta { gap:18px; padding-left:20px; }
}
@media(max-width:700px) {
 body[data-category='hof'] .home-main { width:calc(100% - 28px); padding:18px 0 34px; }
 body[data-category='hof'] .category-backbar { margin-bottom:13px; min-height:40px; }
 body[data-category='hof'] .category-backbar .directory-home { width:auto; min-height:40px; padding:0 11px; font-size:12px; }
 body[data-category='hof'] .category-location { display:none; }
 body[data-category='hof'] .hero-copy { display:block; padding:18px 18px 17px; margin-bottom:12px; border-radius:10px; }
 body[data-category='hof'] .hero-copy .directory-dateline { margin-bottom:12px; }
 body[data-category='hof'] .directory-dateline .live-clock { display:none; }
 body[data-category='hof'] .hero-copy h1 { font-size:28px; }
 body[data-category='hof'] .hero-copy .subtitle { margin-top:6px; font-size:12px; }
 body[data-category='hof'] .hof-hero-meta { display:flex; gap:18px; margin-top:12px; padding:0; border:0; }
 body[data-category='hof'] .hof-hero-meta>span { flex-direction:row; align-items:baseline; gap:6px; min-width:0; }
 body[data-category='hof'] .hof-hero-meta strong { font-size:18px; }
 body[data-category='hof'] .hof-hero-meta small { font-size:11px; }
 body[data-category='hof'] .scene-quick-row { flex-direction:row; align-items:center; min-height:40px; margin:0 0 12px; }
 body[data-category='hof'] .scene-quick-control { width:100%; min-height:40px; }
 body[data-category='hof'] .scene-quick-hint { display:none; }
 body[data-category='hof'] .scene-quick-copy { flex-direction:row; align-items:center; gap:9px; }
 body[data-category='hof'] .scene-quick-label { font-size:11px; }
 body[data-category='hof'] .search-box { height:50px; min-height:50px; padding:4px; }
 body[data-category='hof'] .search-box .search-icon { margin-left:8px; width:18px; height:18px; }
 body[data-category='hof'] .search-box input { padding:0 8px; font-size:16px; }
 body[data-category='hof'] .search-submit { flex-basis:54px; padding:0 10px; font-size:12px; }
 body[data-category='hof'] .search-submit svg { display:none; }
 body[data-category='hof'] .search-footnote { margin-top:9px; gap:5px; }
 body[data-category='hof'] .search-footnote .search-helper { max-width:none; font-size:11px; }
 body[data-category='hof'] .search-footnote .directory-nav .public-entry { min-height:36px; padding:6px 8px; }
 body[data-category='hof'] .search-footnote .directory-nav .public-entry .entry-count { display:none; }
 body[data-category='hof'] #hof-controls { flex-wrap:wrap; gap:7px; padding:9px; margin-top:13px; }
 body[data-category='hof'] .hof-year-tabs { flex:1 0 100%; gap:3px; }
 body[data-category='hof'] .hof-year-tabs button { flex:1; min-width:0; min-height:38px; padding:0 12px; font-size:12px; white-space:nowrap; }
 body[data-category='hof'] .hof-official-link { margin-left:auto; }
 body[data-category='hof'] .hof-official-link { min-height:32px; padding:0 4px; font-size:11px; }
 body[data-category='hof'] .dynamic-zone { margin-top:20px; }
 body[data-category='hof'] .collection-heading h2 { font-size:18px; }
 body[data-category='hof'] #hot-list.hof-grid { gap:25px; }
 body[data-category='hof'] .hof-cohort-heading { padding-bottom:10px; margin-bottom:12px; }
 body[data-category='hof'] .hof-cohort-heading>div:first-child { gap:8px; }
 body[data-category='hof'] .hof-cohort-kicker { font-size:9px; }
 body[data-category='hof'] .hof-cohort-heading h3 { font-size:24px; }
 body[data-category='hof'] .hof-cohort-meta { gap:5px; font-size:11px; }
 body[data-category='hof'] .hof-year-list,body[data-category='hof'] .hof-year-list[data-year='2025'] { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
 body[data-category='hof'] .hof-photo,body[data-category='hof'] .hof-year-list[data-year='2025'] .hof-photo { aspect-ratio:1; }
 body[data-category='hof'] .hof-year-list .hot-person.hof-member { border-radius:9px; }
 body[data-category='hof'] .hof-induction { left:8px; bottom:8px; padding:4px 6px; font-size:10px; }
 body[data-category='hof'] .hof-card-copy { padding:12px 10px 9px; }
 body[data-category='hof'] .hof-name { gap:5px; font-size:17px; }
 body[data-category='hof'] .hof-name .country-flag { width:16px; height:11px; }
 body[data-category='hof'] .hof-real-name { min-height:35px; margin-top:6px; font-size:11px; line-height:1.55; }
 body[data-category='hof'] .hof-card-footer { margin-top:9px; padding-top:8px; font-size:11px; }
 body[data-category='hof'] .hof-card-footer>span:last-child { font-size:16px; }
}
@media(max-width:370px) {
 body[data-category='hof'] .home-main { width:calc(100% - 24px); }
 body[data-category='hof'] .hero-copy { padding:17px 15px 16px; }
 body[data-category='hof'] .hero-copy h1 { font-size:26px; }
 body[data-category='hof'] .hof-year-tabs { flex-basis:100%; }
 body[data-category='hof'] .hof-official-link { margin-left:auto; }
 body[data-category='hof'] .hof-name { font-size:15px; }
 body[data-category='hof'] .hof-name .country-flag { width:14px; height:10px; }
 body[data-category='hof'] .hof-year-list,body[data-category='hof'] .hof-year-list[data-year='2025'] { gap:9px; }
 body[data-category='hof'] .hof-card-copy { padding:11px 9px 9px; }
}
@media(prefers-reduced-motion:reduce) {
 body[data-category='hof'] .hof-year-list .hot-person.hof-member { transition:none; }
 body[data-category='hof'] .hof-year-list .hot-person.hof-member:hover { transform:none; }
}

/* favorites.css */
/* Local favourites: a quiet quick-access shelf plus one clear star action. */
.favorites-home {
  position: relative;
  margin: 20px 0 26px;
  padding: 18px 20px 20px;
  border: 1px solid rgba(148, 183, 202, .24);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(13, 31, 43, .92), rgba(17, 39, 51, .76));
  box-shadow: 0 18px 44px rgba(0, 0, 0, .16);
}
.favorites-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.favorites-kicker { display:block; margin-bottom:4px; color:#91b9c8; font:600 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.16em; }
.favorites-heading h2 { margin:0; color:#eef6f7; font-size:20px; line-height:1.2; }
.favorites-heading-actions { display:flex; align-items:center; gap:12px; }
.favorites-count { color:#f2b46f; font-size:12px; font-weight:700; }
.favorites-clear,.favorites-more { border:1px solid rgba(170,201,213,.3); border-radius:8px; color:#bcd0d7; background:rgba(255,255,255,.04); cursor:pointer; font:600 12px/1 inherit; }
.favorites-clear { padding:7px 10px; }
.favorites-clear:hover,.favorites-clear:focus-visible,.favorites-more:hover,.favorites-more:focus-visible { border-color:#f0b370; color:#fff; }
.favorites-status { min-height:16px; margin:8px 0 12px; color:#91aab3; font-size:11px; }
.favorites-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.favorite-card { position:relative; min-width:0; border:1px solid rgba(153,187,202,.22); border-radius:12px; background:rgba(6,18,27,.44); overflow:hidden; }
.favorite-open { display:flex; width:100%; min-width:0; gap:10px; align-items:center; padding:11px 34px 11px 11px; border:0; color:#eaf4f5; background:transparent; text-align:left; cursor:pointer; }
.favorite-open:hover,.favorite-open:focus-visible { background:rgba(113,168,184,.13); outline:none; }
.favorite-open img { flex:0 0 42px; width:42px; height:42px; border-radius:50%; object-fit:cover; background:#243642; }
.favorite-copy { display:flex; min-width:0; flex-direction:column; gap:4px; }
.favorite-copy strong,.favorite-copy small { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.favorite-copy strong { font-size:14px; }
.favorite-copy small { color:#90adb7; font-size:11px; }
.favorite-remove { position:absolute; top:8px; right:8px; display:grid; place-items:center; width:24px; height:24px; padding:0; border:0; color:#f3b471; background:transparent; cursor:pointer; }
.favorite-remove svg,.favorite-toggle svg { width:17px; height:17px; fill:currentColor; stroke:currentColor; stroke-width:1.3; }
.favorite-remove:hover,.favorite-remove:focus-visible { color:#fff; }
.favorites-empty { display:flex; align-items:center; gap:8px; min-height:44px; color:#8faab3; font-size:12px; }
.favorites-empty-star { color:#f3b471; font-size:23px; line-height:1; }
.favorites-more { display:block; margin:13px auto 0; padding:7px 14px; }
.favorite-toggle { display:inline-flex; align-items:center; gap:6px; flex:0 0 auto; margin-left:10px; padding:7px 10px; border:1px solid rgba(243,180,113,.52); border-radius:9px; color:#f3b471; background:rgba(243,180,113,.08); cursor:pointer; font:600 12px/1 inherit; white-space:nowrap; }
.favorite-toggle[aria-pressed="true"] { color:#14242d; background:#f3b471; }
.favorite-toggle:hover,.favorite-toggle:focus-visible { border-color:#ffd19d; color:#fff; outline:none; }
.favorite-toggle[aria-pressed="true"]:hover,.favorite-toggle[aria-pressed="true"]:focus-visible { color:#14242d; }
.profile-name-row { align-items:center; }
@media (max-width: 900px) { .favorites-list { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width: 700px) {
  .favorites-home { margin:14px 0 20px; padding:15px; border-radius:13px; }
  .favorites-heading h2 { font-size:18px; }
  .favorites-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .favorite-open { padding:9px 28px 9px 9px; gap:8px; }
  .favorite-open img { width:36px; height:36px; flex-basis:36px; }
  .favorite-copy strong { font-size:13px; }
  .favorite-copy small { font-size:10px; }
  .favorite-toggle { margin:8px 0 0; padding:6px 8px; font-size:11px; }
  .profile-name-row { flex-wrap:wrap; }
}
@media (max-width: 370px) { .favorites-list { grid-template-columns:1fr; } .favorites-heading { align-items:flex-start; } }
@media (prefers-reduced-motion: reduce) { .favorite-open,.favorites-clear,.favorites-more { transition:none; } }

/* redesign-v70.css */
/*
 * LEIEN / FIND V70 — roster-first directory surface.
 *
 * This file is intentionally last in build.cjs.  The earlier releases grew
 * several category-specific overrides; keeping this pass isolated makes the
 * home-page hierarchy predictable without changing player data or behaviour.
 */

:root {
  --v70-panel: #17232c;
  --v70-panel-raised: #1d2d37;
  --v70-line: rgba(205, 224, 226, .18);
  --v70-muted: #9fb1b7;
  --v70-gold: #e8bd72;
}

/* The default route is the player directory, so the first fold should show
   the search and roster controls rather than a utility panel. */
body[data-category='pro'] .home-main {
  width: min(1080px, calc(100% - 56px));
  padding: 24px 0 38px;
}
body[data-category='pro'] .hero-copy {
  margin-bottom: 15px;
  text-shadow: 0 5px 24px rgba(4, 13, 18, .42);
}
body[data-category='pro'] h1 {
  margin-bottom: 7px;
  font-size: clamp(32px, 3.1vw, 40px);
  line-height: 1.15;
}
body[data-category='pro'] .subtitle {
  color: #c1d0d3;
  font-size: 13px;
}
body[data-category='pro'] .scene-quick-row {
  margin-bottom: 10px;
}
body[data-category='pro'] .search-box {
  height: 58px;
  border-radius: 9px;
}
body[data-category='pro'] .search-box input {
  font-size: 18px;
}
body[data-category='pro'] .search-footnote {
  align-items: flex-start;
  gap: 9px;
  margin-top: 8px;
}
body[data-category='pro'] .directory-nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  width: auto;
  flex: 1 1 auto;
}
body[data-category='pro'] .directory-nav .public-entry {
  min-width: 0;
  grid-column: span 1;
  min-height: 45px;
  padding: 7px 9px;
  gap: 8px;
  border-radius: 7px;
  background: rgba(25, 37, 45, .92);
}
body[data-category='pro'] .directory-nav .public-entry .entry-symbol,
body[data-category='pro'] .directory-nav .public-entry .entry-symbol img {
  width: 22px;
  height: 22px;
}
body[data-category='pro'] .directory-nav .public-entry .entry-copy {
  min-width: 0;
}
body[data-category='pro'] .directory-nav .public-entry .entry-copy strong {
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body[data-category='pro'] .directory-nav .public-entry .entry-copy small {
  display: none;
}
body[data-category='pro'] .directory-nav .public-entry .entry-count {
  margin-left: auto;
  font-size: 10px;
}

/* Roster controls read as one compact HLTV-like block. */
body[data-category='pro'] .dynamic-zone {
  margin-top: 18px;
}
body[data-category='pro'] .collection-heading {
  min-height: 30px;
  margin-bottom: 6px;
}
body[data-category='pro'] .collection-heading h2 {
  font-size: 20px;
  letter-spacing: -.015em;
}
body[data-category='pro'] .collection-tabs {
  gap: 5px;
  margin-bottom: 11px;
  padding-bottom: 5px;
}
body[data-category='pro'] .directory-filters .collection-tab {
  min-height: 37px;
  padding: 0 12px;
  border-radius: 6px 6px 0 0;
}
body[data-category='pro'] .team-filter-section {
  padding-top: 7px;
}
body[data-category='pro'] .team-filter-label {
  margin-bottom: 6px;
}
body[data-category='pro'] .team-filters {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
}
body[data-category='pro'] .team-filters .collection-tab {
  min-height: 34px;
  height: 34px;
  padding: 0 8px;
  gap: 6px;
  border-radius: 6px;
  font-size: 11px;
}
body[data-category='pro'] .team-filters .collection-tab img {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  object-fit: contain;
}
body[data-category='pro'] .team-filters .collection-tab.team-pending {
  border-style: dashed;
  border-color: rgba(218, 190, 125, .32);
  color: #b8aaa0;
  opacity: .78;
  cursor: not-allowed;
}
body[data-category='pro'] .team-filters .collection-tab.team-pending .team-count {
  color: #d6b878;
  font-size: 9px;
  letter-spacing: -.02em;
}

/* Smaller player cards keep five recognizable choices visible at once while
   retaining the team identity mark next to every name. */
body[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
body[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person {
  height: 198px;
  border: 1px solid rgba(200, 221, 225, .2);
  border-bottom: 2px solid rgba(var(--team-rgb), .85);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(34, 53, 64, .97), rgba(18, 31, 40, .97));
  box-shadow: 0 8px 18px rgba(4, 13, 18, .24), inset 0 1px rgba(255, 255, 255, .06);
}
body[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person:hover {
  border-color: rgba(var(--team-rgb), .9);
  background: linear-gradient(145deg, rgba(44, 72, 82, .98), rgba(20, 39, 49, .98));
  box-shadow: 0 10px 24px rgba(3, 12, 18, .35), 0 0 0 1px rgba(var(--team-rgb), .12);
}
body[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person::before {
  height: 57px;
  background: linear-gradient(110deg, rgba(21, 34, 42, .98), rgba(16, 26, 34, .98));
}
body[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person .portrait-frame {
  top: 14px;
  width: 105px;
  height: 105px;
  border: 2px solid rgba(var(--team-rgb), .46);
  box-shadow: 0 4px 12px rgba(3, 12, 18, .28);
}
body[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person .hot-person-name {
  bottom: 27px;
  left: 10px;
  right: 8px;
  gap: 6px;
  font-size: 15px;
  line-height: 21px;
}
body[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person .hot-person-team {
  left: 38px;
  bottom: 9px;
  max-width: calc(100% - 50px);
  font-size: 8px;
}
body[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .name-team-mark {
  display: inline-grid;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  padding: 2px;
  border: 1px solid rgba(239, 247, 241, .42);
  border-radius: 5px;
  background: #e2e9e8;
  box-shadow: 0 2px 5px rgba(2, 11, 16, .35);
}
body[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .name-team-mark img {
  display: block;
  position: static;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Empty favourites are hidden by favorites.js; this guard also protects a
   stale cached script from reserving the old full-width placeholder. */
#favorites-home[hidden] {
  display: none !important;
}
#favorites-home:not([hidden]) {
  margin: 12px 0 16px;
  padding: 12px 14px 14px;
  border-radius: 12px;
}
#favorites-home .favorites-status {
  min-height: 0;
  margin: 4px 0 8px;
}

@media (min-width: 701px) and (max-width: 980px) {
  body[data-category='pro'] .directory-nav { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body[data-category='pro'] .team-filters { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  body[data-category='pro'] .home-main {
    width: calc(100% - 28px);
    padding-top: 17px;
    padding-bottom: 42px;
  }
  body[data-category='pro'] .hero-copy { margin-bottom: 13px; }
  body[data-category='pro'] h1 {
    margin-bottom: 6px;
    font-size: clamp(27px, 7.3vw, 33px);
  }
  body[data-category='pro'] .subtitle { font-size: 12px; }
  body[data-category='pro'] .scene-quick-row { margin-bottom: 8px; }
  body[data-category='pro'] .search-box { height: 54px; }
  body[data-category='pro'] .search-box input { font-size: 16px; }
  body[data-category='pro'] .search-footnote {
    display: block;
    margin-top: 8px;
  }
  body[data-category='pro'] .search-footnote .search-helper { margin-bottom: 5px; }
  body[data-category='pro'] .directory-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
  }
  body[data-category='pro'] .directory-nav .public-entry {
    min-height: 42px;
    padding: 7px 8px;
    gap: 6px;
  }
  body[data-category='pro'] .directory-nav .public-entry .entry-symbol,
  body[data-category='pro'] .directory-nav .public-entry .entry-symbol img {
    width: 20px;
    height: 20px;
  }
  body[data-category='pro'] .directory-nav .public-entry .entry-copy strong { font-size: 11px; }
  body[data-category='pro'] .dynamic-zone { margin-top: 15px; }
  body[data-category='pro'] .collection-heading { margin-bottom: 5px; }
  body[data-category='pro'] .collection-heading h2 { font-size: 18px; }
  body[data-category='pro'] .collection-tabs { margin-bottom: 9px; }
  body[data-category='pro'] .directory-filters .collection-tab {
    min-height: 37px;
    padding: 0 8px;
    font-size: 11px;
  }
  body[data-category='pro'] .team-filter-section { padding-top: 5px; }
  body[data-category='pro'] .team-filters {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
  }
  body[data-category='pro'] .team-filters .collection-tab {
    min-height: 34px;
    height: 34px;
    padding: 0 5px;
    gap: 4px;
    font-size: 10px;
  }
  body[data-category='pro'] .team-filters .collection-tab img {
    width: 18px;
    height: 18px;
    flex-basis: 18px;
  }
  body[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
  body[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person {
    height: 164px;
    border-radius: 8px;
  }
  body[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person::before { height: 50px; }
  body[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person .portrait-frame {
    top: 10px;
    width: 84px;
    height: 84px;
  }
  body[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person .hot-person-name {
    bottom: 23px;
    left: 8px;
    right: 7px;
    gap: 4px;
    font-size: 13px;
    line-height: 18px;
  }
  body[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person .hot-person-team {
    left: 31px;
    bottom: 7px;
    font-size: 8px;
  }
  body[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .name-team-mark {
    flex-basis: 19px;
    width: 19px;
    height: 19px;
    padding: 2px;
  }
}

@media (max-width: 380px) {
  body[data-category='pro'] .home-main { width: calc(100% - 22px); }
  body[data-category='pro'] .directory-nav { gap: 5px; }
  body[data-category='pro'] .directory-nav .public-entry { padding-inline: 6px; }
  body[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person { height: 154px; }
  body[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person .portrait-frame {
    width: 76px;
    height: 76px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-category='pro'] #hot-list .hot-person:hover { transform: none; }
}

/* V70.1 — the old workshop rule used `grid-column: span 3` on the home
   directory.  It won over the compact grid above and turned every category
   into a full-width vertical row.  Keep the directory horizontal on desktop
   and let the search action keep its Chinese label on one line. */
@media (min-width: 701px) {
  body[data-category='pro'] .topbar-inner { padding-inline: 32px; }
  body[data-category='pro'] .brand,
  body[data-category='pro'] .topnav { position: relative; z-index: 2; }
  body[data-category='pro'] .header-cs2-logo {
    z-index: 1;
    width: 94px;
    opacity: .24;
    pointer-events: none;
  }
  body[data-category='pro'] .search-footnote {
    display: block;
    margin-top: 8px;
  }
  body[data-category='pro'] .search-footnote .search-helper {
    margin: 0 0 8px;
    color: #aebbc1;
  }
  body[data-category='pro'] .search-footnote .directory-nav {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    flex: none;
    gap: 8px;
  }
  body[data-category='pro'] .search-footnote .directory-nav .public-entry {
    grid-column: auto !important;
    width: 100%;
    min-height: 46px;
    padding: 7px 10px;
  }
  body[data-category='pro'] .search-footnote .directory-nav .entry-symbol,
  body[data-category='pro'] .search-footnote .directory-nav .entry-symbol img {
    width: 22px;
    height: 22px;
  }
  body[data-category='pro'] .search-footnote .directory-nav .entry-copy strong {
    white-space: nowrap;
    word-break: keep-all;
  }
  body[data-category='pro'] .search-submit {
    flex: 0 0 100px;
    min-width: 100px;
    white-space: nowrap;
    word-break: keep-all;
  }
  body[data-category='pro'] .search-submit span { display: inline-block; }
}

.search-submit {
  writing-mode: horizontal-tb;
  white-space: nowrap;
  word-break: keep-all;
}

@media (min-width: 1080px) {
  body[data-category='pro'] .search-footnote .directory-nav {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  body[data-category='pro'] .search-footnote .directory-nav .public-entry {
    padding-inline: 8px;
  }
  body[data-category='pro'] .search-footnote .directory-nav .entry-copy strong {
    font-size: 11px;
  }
}

@media (max-width: 700px) {
  body[data-category='pro'] .search-submit {
    flex: 0 0 70px;
    min-width: 70px;
    padding-inline: 8px;
    white-space: nowrap;
    word-break: keep-all;
  }
  body[data-category='pro'] .search-submit span { display: inline-block; }
  body[data-category='pro'] .search-footnote .directory-nav .public-entry {
    grid-column: auto !important;
  }
}

/* Keep the same compact navigation when a secondary directory is open. */
@media (min-width: 701px) {
  .search-footnote .directory-nav .public-entry { grid-column: auto !important; }
}
@media (max-width: 700px) {
  .search-footnote .directory-nav .public-entry { grid-column: auto !important; }
}

/* V72 — directory-first finishing pass. The page no longer reserves a
   separate Steam64 lookup panel, so the roster and public directory can use
   the available width without the old vertical channel rules. */
body[data-category='pro'] .home-main,
body[data-category='public'] .home-main,
body[data-category='creator'] .home-main,
body[data-category='overseas'] .home-main,
body[data-category='vtuber'] .home-main {
  width: min(1120px, calc(100% - 40px));
  padding-top: 24px;
  padding-bottom: 40px;
}
.hero-copy { margin-bottom: 14px; }
body[data-category] .dynamic-zone { margin-top: 16px; }
body[data-category] .search-box { height: 56px; min-height: 0; }
body[data-category]:not([data-category='pro']) .hero-copy {
  padding: 18px 20px;
  margin-bottom: 14px;
}
.search-footnote .directory-nav {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}
.search-footnote .directory-nav .public-entry {
  grid-column: auto !important;
  min-width: 0;
  width: 100%;
}
.search-footnote .directory-nav .entry-copy { min-width: 0; }
.search-footnote .directory-nav .entry-copy strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Public figures read as a compact reference grid rather than a second hero. */
body[data-category='public'] #hot-list.public-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px;
}
body[data-category='public'] #hot-list.public-grid .hot-person:not(.founder-feature) {
  grid-template-columns: 64px minmax(0, 1fr) 14px;
  height: 104px;
  min-height: 0;
  padding: 12px;
  gap: 10px;
  border-radius: 9px;
  background: linear-gradient(145deg, rgba(35,45,57,.97), rgba(25,33,44,.98));
  box-shadow: 0 6px 16px rgba(5,10,18,.22), inset 0 1px rgba(255,255,255,.04);
}
body[data-category='public'] #hot-list.public-grid .hot-person:not(.founder-feature):hover {
  background: linear-gradient(145deg, rgba(48,59,73,.98), rgba(28,38,51,.99));
}
body[data-category='public'] #hot-list.public-grid .public-card-mark {
  width: 64px;
  height: 64px;
  border-color: rgba(210,211,243,.34);
  background: #394352;
}
body[data-category='public'] #hot-list.public-grid .public-card-mark img { object-fit: cover; }
body[data-category='public'] #hot-list.public-grid .public-card-mark img.avatar-fallback {
  object-fit: contain;
  padding: 13px;
  opacity: .8;
}
body[data-category='public'] #hot-list.public-grid .public-card-copy { gap: 2px; }
body[data-category='public'] #hot-list.public-grid .public-card-copy strong {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  line-height: 1.22;
  font-size: 15px;
}
body[data-category='public'] #hot-list.public-grid .public-card-copy span {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: #b9c2d0;
  font-size: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body[data-category='public'] #hot-list.public-grid .public-card-copy small {
  display: -webkit-box;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  color: #d2c78e;
  font-size: 9px;
  line-height: 1.3;
  -webkit-line-clamp: 1;
}
body[data-category='public'] #hot-list.public-grid .public-card-arrow { align-self: end; font-size: 14px; }
body[data-category='public'] #hot-list.public-grid .founder-feature {
  grid-template-columns: 96px minmax(0, 1fr);
  min-height: 166px;
  height: auto;
  padding: 18px 22px;
  gap: 18px;
}
body[data-category='public'] #hot-list.public-grid .founder-feature-mark { width: 96px; height: 96px; }
body[data-category='public'] #hot-list.public-grid .founder-feature-copy strong { font-size: 25px; }
body[data-category='public'] #hot-list.public-grid .founder-story { margin-top: 8px; }
body[data-category='public'] #hot-list.public-grid .founder-facts { margin-top: 9px; }

@media (min-width: 701px) and (max-width: 1080px) {
  body[data-category='public'] #hot-list.public-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 700px) {
  body[data-category='pro'] .home-main,
  body[data-category='public'] .home-main,
  body[data-category='creator'] .home-main,
  body[data-category='overseas'] .home-main,
  body[data-category='vtuber'] .home-main {
    width: calc(100% - 28px);
    padding-top: 17px;
    padding-bottom: 34px;
  }
  .search-footnote .directory-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  body[data-category] .search-box { height: 54px; }
  body[data-category]:not([data-category='pro']) .hero-copy {
    padding: 16px 14px;
    margin-bottom: 12px;
  }
  body[data-category='public'] #hot-list.public-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px; }
  body[data-category='public'] #hot-list.public-grid .hot-person:not(.founder-feature) {
    grid-template-columns: 52px minmax(0, 1fr);
    height: 104px;
    padding: 10px;
    gap: 8px;
  }
  body[data-category='public'] #hot-list.public-grid .public-card-mark { width: 52px; height: 52px; }
  body[data-category='public'] #hot-list.public-grid .public-card-copy strong { font-size: 13px; }
  body[data-category='public'] #hot-list.public-grid .public-card-copy span { font-size: 9px; }
  body[data-category='public'] #hot-list.public-grid .public-card-copy small { font-size: 8px; }
  body[data-category='public'] #hot-list.public-grid .founder-feature {
    grid-template-columns: 70px minmax(0, 1fr);
    min-height: 172px;
    padding: 14px 12px;
    gap: 12px;
  }
  body[data-category='public'] #hot-list.public-grid .founder-feature-mark { width: 70px; height: 70px; }
  body[data-category='public'] #hot-list.public-grid .founder-feature-copy strong { font-size: 20px; }
}
@media (max-width: 420px) {
  body[data-category='public'] #hot-list.public-grid { grid-template-columns: 1fr !important; }
  body[data-category='public'] #hot-list.public-grid .hot-person:not(.founder-feature) { height: 96px; }
}

/* Final precedence fixes for legacy responsive rules earlier in the bundle. */
@media (min-width: 1080px) {
  body[data-category='pro'] .search-footnote .directory-nav {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 700px) {
  body[data-category='public'] #hot-list.public-grid .hot-person:not(.founder-feature) {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    height: 104px !important;
    min-height: 104px !important;
    padding: 10px !important;
    gap: 8px !important;
  }
  body[data-category='public'] #hot-list.public-grid .founder-feature {
    grid-template-columns: 70px minmax(0, 1fr) !important;
    height: auto !important;
    min-height: 172px !important;
    padding: 14px 12px !important;
    gap: 12px !important;
  }
  body[data-category='public'] #hot-list.public-grid .founder-feature-mark {
    width: 70px !important;
    height: 70px !important;
  }
}
@media (max-width: 420px) {
  body[data-category='public'] #hot-list.public-grid .hot-person:not(.founder-feature) {
    height: 96px !important;
    min-height: 96px !important;
  }
}

/* V73 — quiet chrome and stable type.  The directory is the product; the
   extra HUD labels and explanatory microcopy only made the first screen noisy.
   Keep the controls legible while giving the roster the visual priority. */
html,
body {
  overflow-x: clip;
}

.home-main::before {
  left: 0;
  right: 0;
}

.home-main::after,
.hero-copy::before,
.search-box::after {
  content: none !important;
  display: none !important;
}

.scene-quick-hint,
.creator-sort-controls > span {
  display: none !important;
}

.search-footnote {
  display: block;
  margin-top: 10px;
}

.search-footnote .search-helper {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.search-footnote .directory-nav {
  width: 100%;
}

.directory-nav .entry-copy {
  min-width: 0;
}

.directory-nav .entry-copy strong {
  white-space: nowrap;
  word-break: keep-all;
}

.directory-nav .entry-copy small {
  display: none !important;
}

.topbar {
  height: 64px;
  background: linear-gradient(100deg, rgba(7, 16, 25, .96), rgba(15, 29, 40, .92) 52%, rgba(8, 17, 26, .96));
  border-bottom-color: rgba(177, 215, 224, .2);
  box-shadow: 0 8px 28px rgba(2, 8, 14, .35), inset 0 -1px rgba(255, 255, 255, .05);
}

.topbar-inner {
  max-width: 1240px;
  padding-inline: 24px;
  gap: 14px;
}

.brand,
.build-badge,
.topnav {
  position: relative;
  z-index: 2;
}

.brand {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
}

.brand-mark {
  width: 48px;
  height: 48px;
}

.build-badge {
  margin-left: -9px;
  padding: 3px 6px;
  font-size: 9px;
  letter-spacing: .08em;
  color: #aebfc5;
  border-color: rgba(184, 217, 222, .22);
  background: rgba(13, 30, 40, .55);
}

.header-cs2-logo {
  z-index: 0;
  width: 88px;
  opacity: .2;
  pointer-events: none;
}

.topnav {
  gap: 8px;
  margin-left: auto;
  color: #d1dfe2;
}

.topnav > a,
.topnav .toy-nav-button,
.topnav .sound-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 34px;
  height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(186, 216, 222, .2);
  border-radius: 7px;
  background: rgba(26, 50, 62, .46);
  color: #d5e1e2;
  white-space: nowrap;
  word-break: keep-all;
  writing-mode: horizontal-tb;
  line-height: 1;
}

.topnav > a:hover,
.topnav .toy-nav-button:hover,
.topnav .sound-toggle:hover {
  border-color: rgba(235, 210, 145, .72);
  background: rgba(68, 78, 76, .56);
  color: #fff0bd;
}

.topnav .toy-nav-button,
.topnav .sound-toggle {
  gap: 6px;
}

.topnav .toy-nav-button svg,
.topnav .sound-toggle svg {
  flex: 0 0 auto;
}

h1,
.subtitle,
.collection-heading h2,
.directory-nav .entry-copy strong,
.public-card-copy strong,
.public-card-copy span,
.public-card-copy small {
  word-break: keep-all;
  overflow-wrap: normal;
}

h1 {
  white-space: nowrap;
}

.public-card-copy small {
  min-height: 0 !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
}

@media (min-width: 701px) and (max-width: 1060px) {
  .header-cs2-logo {
    display: none !important;
  }

  .topbar-inner {
    padding-inline: 20px;
  }

  .topnav > a,
  .topnav .toy-nav-button,
  .topnav .sound-toggle {
    padding-inline: 8px;
    font-size: 10px;
  }

  .topnav {
    gap: 6px;
  }
}

@media (max-width: 700px) {
  .topbar {
    height: 54px;
  }

  .topbar-inner {
    padding-inline: max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-left));
  }

  .brand {
    flex: 0 0 38px;
    width: 38px;
    height: 44px;
    margin: 0;
  }

  .brand-mark {
    width: 38px;
    height: 38px;
  }

  .header-cs2-logo {
    display: none !important;
  }

  .topnav {
    gap: 2px;
  }

  .topnav > a {
    min-width: 38px;
    height: 44px;
    padding: 0;
    border-color: transparent;
    background: transparent;
    font-size: 12px;
  }

  .topnav .toy-nav-button,
  .topnav .sound-toggle {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 0;
    border-color: transparent;
    background: transparent;
  }

  .home-main::before {
    left: -14px;
    right: -14px;
  }

  .directory-nav .entry-copy strong {
    font-size: 12px;
  }
}

@media (max-width: 420px) {
  .topnav .toy-login-button {
    flex-basis: 34px;
    width: 34px;
  }
}

@media (max-width: 359px) {
  .topnav {
    gap: 0;
  }

  .build-badge {
    display: none;
  }
}

/* Keep the scene switcher with the utility controls after the old secondary
   link was removed.  The logo remains a quiet centre watermark instead of
   competing with the controls for flex space. */
.topbar-inner {
  justify-content: flex-start;
}

.scene-quick-row--topbar {
  margin-left: auto;
}

.topnav {
  margin-left: 8px;
}

@media (max-width: 700px) {
  .topnav {
    margin-left: 0;
  }
}

/* V74 — keep player portraits intact in both roster cards and the profile
   hero.  Some source portraits are transparent cut-outs with a non-square
   canvas; centring a contained image prevents the old bottom anchoring and
   category-specific cover rules from trimming a head or shoulders. */
#hot-list .portrait-card .portrait-frame {
  box-sizing: border-box;
  flex: 0 0 auto;
  aspect-ratio: 1;
  overflow: hidden;
}

#hot-list .portrait-card .portrait-frame .player-portrait,
#hot-list .portrait-card .player-portrait {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 0;
  transform: none;
}

#results-list .result-card:is([data-category='pro'],[data-category='coach'],[data-category='retired'],[data-category='hof']) .result-avatar {
  object-fit: contain !important;
  object-position: center center !important;
}

@media (hover: hover) and (pointer: fine) {
  #hot-list .portrait-card:hover .portrait-frame .player-portrait {
    transform: none;
  }
}

/* The profile hero uses a separate right-hand column.  Let its media box
   grow with the grid row and never hide the contained source image at the
   portrait column edge. */
.is-player-profile .profile-portrait {
  min-width: 0;
  min-height: 0;
  overflow: visible;
}

.is-player-profile .profile-portrait .portrait-frame {
  box-sizing: border-box;
  min-width: 0;
  min-height: 0;
  overflow: visible;
}

.is-player-profile .profile-portrait .detail-avatar {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain !important;
  object-position: center center !important;
}

@media (max-width: 700px) {
  #hot-list .portrait-card .portrait-frame .player-portrait,
  #hot-list .portrait-card .player-portrait {
    object-position: center center !important;
  }

  .is-player-profile .profile-portrait .detail-avatar {
    object-position: center center !important;
  }
}

/* profile-v75.css */
/* V75 — readable identity, authentic team crest, contained portrait. */
#detail-panel.is-player-profile {
  width:min(920px,100%);
  border-color:#637e8c66;
}
#detail-panel.is-player-profile .profile-overview {
  grid-template-columns:minmax(0,1fr) 132px 244px;
  grid-template-rows:minmax(260px,auto) auto;
  background:#192831;
}
#detail-panel.is-player-profile .player-hero-art {
  z-index:0;
  pointer-events:none;
  background:radial-gradient(ellipse at 100% 25%,rgba(var(--team-rgb),.13),transparent 65%),#192831;
  border-top:1px solid rgba(var(--team-rgb),.6);
}
#detail-panel.is-player-profile .player-hero-art::before {
  right:1%;
  width:40%;
  background:rgba(var(--team-rgb),.025);
}
#detail-panel.is-player-profile .detail-copy {
  display:flex;
  flex-direction:column;
  justify-content:center;
  grid-column:1;
  grid-row:1;
  position:relative;
  z-index:2;
  min-width:0;
  padding:28px;
}
#detail-panel.is-player-profile .profile-identity {
  align-self:stretch;
  padding:0;
  opacity:1;
  visibility:visible;
  animation:none;
}
#detail-panel.is-player-profile .profile-name-row {
  position:relative;
  flex-wrap:wrap;
  gap:10px;
  opacity:1;
  visibility:visible;
  transform:none;
  translate:none;
}
#detail-panel.is-player-profile #detail-name {
  font:700 clamp(30px,3.6vw,46px)/1.15 'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif;
  letter-spacing:-.025em;
  color:#f6f9fb;
  text-shadow:none;
  margin:0;
}
#detail-panel .favorite-toggle { margin:0; min-height:32px; padding:6px 9px; }
#detail-panel .favorite-toggle[hidden] { display:none; }
#detail-panel.is-player-profile .profile-eyebrow { margin-bottom:14px; }
#detail-panel.is-player-profile .detail-pronunciation { font-size:13px; color:#afc3cd; }
#detail-panel.is-player-profile .detail-career-status { margin-top:14px; color:#c9dce6; }
#detail-panel.is-player-profile .detail-bio:not(.hidden) { margin:12px 0 0; padding:0; font-size:12px; line-height:1.7; }
.profile-team-identity {
  position:relative;
  z-index:2;
  grid-column:2;
  grid-row:1;
  align-self:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  min-width:0;
  padding:10px 0;
  text-align:center;
}
.profile-team-identity[hidden] { display:none; }
.profile-team-emblem {
  display:grid;
  place-items:center;
  width:112px;
  height:112px;
  padding:16px;
  margin-bottom:5px;
  border:1px solid #ffffff55;
  border-radius:18px;
  background:linear-gradient(145deg,#f5f7f7,#ccd6dc);
  box-shadow:0 12px 28px #06121d33,inset 0 1px #fff;
}
#profile-watermark {
  display:block;
  position:static;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:none;
  opacity:1;
}
.profile-team-context { color:#8da6b5; font-size:10px; letter-spacing:.07em; }
#profile-team-name { max-width:100%; color:#e3edf2; font-size:12px; line-height:1.3; overflow-wrap:anywhere; }
#detail-panel.is-player-profile .profile-portrait {
  grid-column:3;
  z-index:1;
  align-self:stretch;
  padding:16px 18px 0 10px;
  height:auto;
  max-height:340px;
  opacity:1;
  animation:none;
}
#detail-panel.is-player-profile .profile-portrait .portrait-frame {
  display:flex;
  align-items:flex-end;
  width:100%;
  height:100%;
  max-height:324px;
}
#detail-panel.is-player-profile .profile-portrait .detail-avatar {
  max-height:324px;
  object-position:center bottom !important;
  transform:none;
}
#detail-panel.is-player-profile:not(.has-team-identity) .profile-overview { grid-template-columns:minmax(0,1fr) 244px; }
#detail-panel.is-player-profile:not(.has-team-identity) .profile-portrait { grid-column:2; }
#detail-panel.is-player-profile .profile-facts {
  position:relative;
  z-index:2;
  grid-column:1/-1;
  grid-row:2;
  padding:18px 28px;
  grid-template-columns:repeat(auto-fit,minmax(125px,1fr));
  background:#22333e;
  border-top:1px solid #7893a333;
  border-bottom:1px solid #7893a333;
  color-scheme:dark;
  opacity:1;
  visibility:visible;
  transform:none;
  translate:none;
}
#detail-panel.is-player-profile .profile-facts > div { border-color:#7893a333; min-height:35px; gap:5px; }
#detail-panel.is-player-profile .profile-facts dt { color:#a0b5c2; font-size:11px; }
#detail-panel.is-player-profile .profile-facts dd { color:#eff5f8; font-size:13px; font-weight:500; }
#detail-panel.is-player-profile .profile-facts .detail-team img { width:24px; height:24px; padding:3px; border-radius:4px; background:#e6edef; }
#detail-panel .name-team-mark,
#hot-list .name-team-mark,
#results-list .name-team-mark { display:inline-grid; place-items:center; flex:none; width:26px; height:26px; padding:3px; background:#e4ecee; border:1px solid #ffffff44; border-radius:6px; }
#hot-list .name-team-mark img,
#results-list .name-team-mark img { display:block; width:100%; height:100%; object-fit:contain; filter:none; opacity:1; }
body[data-category='pro'] .team-filters .collection-tab img { box-sizing:content-box; padding:4px; background:#e4ecee; border-radius:5px; filter:none; opacity:1; }
body[data-category='pro'] .team-filters .collection-tab { gap:8px; }
body[data-category='pro'] .team-filter-name { min-width:0; overflow:hidden; text-overflow:ellipsis; }
#detail-panel .profile-actions .profile-link .action-hint { display:none; }
#detail-panel .profile-actions .platform-card.profile-link { min-height:72px; }
#detail-panel .profile-actions .profile-link .platform-desc { margin:0; }
#detail-panel .inspect-footer { position:sticky; bottom:0; z-index:10; box-shadow:0 -8px 24px #06121d33; }
@media(max-width:700px) {
  #detail-panel.is-player-profile { width:min(100%,540px); }
  #detail-panel.is-player-profile .profile-overview { grid-template-columns:minmax(0,1fr) 42%; grid-template-rows:auto auto auto; }
  #detail-panel.is-player-profile .detail-copy { padding:22px 0 16px 18px; }
  #detail-panel.is-player-profile #detail-name { font-size:clamp(26px,6.5vw,36px); }
  #detail-panel.is-player-profile .profile-portrait { grid-column:2; grid-row:1/3; min-height:205px; max-height:300px; padding:16px 12px 0 8px; }
  #detail-panel.is-player-profile .profile-portrait .portrait-frame { max-height:284px; }
  #detail-panel.is-player-profile .profile-portrait .detail-avatar { max-height:284px; }
  .profile-team-identity { grid-column:1; grid-row:2; flex-direction:row; justify-content:flex-start; flex-wrap:wrap; gap:7px; padding:0 0 18px 18px; text-align:left; }
  .profile-team-emblem { flex:0 0 46px; width:46px; height:46px; padding:7px; margin:0; border-radius:9px; box-shadow:none; }
  .profile-team-context { display:none; }
  #profile-team-name { max-width:calc(100% - 60px); font-size:11px; }
  #detail-panel.is-player-profile:not(.has-team-identity) .profile-overview { grid-template-columns:minmax(0,1fr) 42%; }
  #detail-panel.is-player-profile .profile-facts { grid-row:3; grid-template-columns:1fr 1fr; gap:14px; padding:16px 18px; }
  #detail-panel.is-player-profile .profile-facts > div { padding:0; border:0; min-height:0; }
  #detail-panel.is-player-profile .profile-facts dd { font-size:12px; }
  #detail-panel.is-player-profile .profile-eyebrow { margin-bottom:10px; }
  #detail-panel.is-player-profile .profile-eyebrow .inspect-eyebrow { font-size:8px; }
  #detail-panel .profile-actions .platform-card.profile-link { min-height:64px; }
}
@media(prefers-reduced-motion:reduce) {
  #detail-panel .profile-name-row,#detail-panel .profile-facts,#detail-panel .profile-identity { animation:none !important; }
}

/* profile-v76.css */
/* V76 — one arena, authentic portraits and freestanding team crests. */
[data-team='fut'],[data-group='fut'] { --team-rgb:218,226,236; }
[data-team='gamerlegion'],[data-group='gamerlegion'] { --team-rgb:156,183,222; }
[data-team='mibr'],[data-group='mibr'] { --team-rgb:117,206,218; }
[data-team='magic'],[data-group='magic'] { --team-rgb:186,148,235; }

/* Dark monochrome source marks get a light treatment, not a new logo. */
:is([data-team],[data-group]) { --crest-filter:drop-shadow(0 1px 2px #0005); }
:is([data-team='team-spirit'],[data-group='team-spirit'],
    [data-team='team-vitality'],[data-group='team-vitality'],
    [data-team='furia'],[data-group='furia'],
    [data-team='b8'],[data-group='b8'],
    [data-team='fut'],[data-group='fut'],
    [data-team='mibr'],[data-group='mibr'],
    [data-team='9ine'],[data-group='9ine'],
    [data-team='alliance'],[data-group='alliance'],
    [data-team='shinden'],[data-group='shinden']) {
  --crest-filter:grayscale(1) invert(1) drop-shadow(0 1px 2px #0005);
}
:is([data-team='100-thieves'],[data-group='100-thieves']) {
  --crest-filter:drop-shadow(0 0 .6px #d5e1ebbb);
}
#detail-panel.is-player-profile {
  border-color:#78929d48;
  background:#12202b;
  box-shadow:0 28px 100px #020810c4,inset 0 1px #ffffff08;
}
#detail-panel.is-player-profile .inspect-header {
  background:#111e27;
  border-bottom:1px solid #ffffff0e;
}
#detail-panel.is-player-profile .profile-overview {
  grid-template-columns:minmax(0,1fr) 150px 260px;
  grid-template-rows:minmax(278px,auto) auto;
  background:#111e27;
}
#detail-panel.is-player-profile .player-hero-art {
  grid-row:1;
  border-top:0;
  background:
    linear-gradient(90deg,#101c25ed 0%,#101c2566 50%,#101c2533 100%),
    url('./assets/backgrounds/profile-arena-v76.webp') center/cover no-repeat;
}
#detail-panel.is-player-profile .player-hero-art::before {
  inset:0;
  width:auto;
  height:auto;
  transform:none;
  border:0;
  background:radial-gradient(ellipse at 79% 50%,rgba(var(--team-rgb),.15),transparent 68%);
}
#detail-panel.is-player-profile .player-hero-art::after {
  height:22%;
  background:linear-gradient(transparent,#111e2770);
}
#detail-panel.is-player-profile .detail-copy { padding:30px; }
#detail-panel.is-player-profile #detail-name {
  font-size:clamp(30px,3.6vw,46px);
  letter-spacing:-.035em;
  overflow-wrap:anywhere;
}
#detail-panel.is-player-profile .profile-team-identity { gap:10px; padding:16px 0; }
#detail-panel.is-player-profile .profile-team-emblem {
  position:relative;
  width:136px;
  height:136px;
  padding:5px;
  margin:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}
#detail-panel.is-player-profile .profile-team-emblem::before {
  content:'';
  position:absolute;
  inset:-20%;
  z-index:-1;
  background:radial-gradient(ellipse,rgba(var(--team-rgb),.1),transparent 68%);
  pointer-events:none;
}
#detail-panel.is-player-profile #profile-watermark {
  filter:var(--crest-filter);
  opacity:1;
}
#detail-panel.is-player-profile .profile-team-context { display:none; }
#detail-panel.is-player-profile #profile-team-name {
  font:600 12px/1.4 'Segoe UI','Microsoft YaHei',sans-serif;
  letter-spacing:.035em;
  color:#d9e4eb;
}
#detail-panel.is-player-profile[data-status='retired'] .profile-team-context { display:block; font-size:10px; }
#detail-panel.is-player-profile .profile-portrait {
  padding:18px 18px 0 8px;
  max-height:350px;
  overflow:visible;
}
#detail-panel.is-player-profile .profile-portrait .portrait-frame { max-height:332px; }
#detail-panel.is-player-profile .profile-portrait .detail-avatar {
  max-height:332px;
  object-fit:contain;
  filter:drop-shadow(0 8px 16px #06101a55);
}
#detail-panel.is-player-profile .profile-facts {
  padding:17px 30px;
  background:#182a35;
  border-color:#8ba6b020;
}
#detail-panel.is-player-profile .profile-facts dt { color:#9db1bd; }
#detail-panel.is-player-profile .profile-facts .detail-team img {
  padding:1px;
  background:none;
  border-radius:0;
  filter:var(--crest-filter);
}
#detail-panel.is-player-profile .inspect-content { background:#12202b; }
#detail-panel.is-player-profile .inspect-footer { background:#111e27; }

/* Match the directory's small marks to the same borderless treatment. */
body[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person .name-team-mark,
#hot-list .name-team-mark,#results-list .name-team-mark,
#hot-list .coach-team-mark {
  background:none;
  border:0;
  border-radius:0;
  padding:2px;
  box-shadow:none;
}
.favorite-save-status[hidden] { display:none !important; }
#hot-list .name-team-mark img,#results-list .name-team-mark img,
#hot-list .coach-team-mark img { filter:var(--crest-filter); }
body[data-category='pro'] .team-filters .collection-tab img {
  box-sizing:border-box;
  width:25px;
  height:25px;
  flex:0 0 25px;
  padding:2px;
  border-radius:0;
  background:none;
  filter:var(--crest-filter);
}
body[data-category='pro'] .team-filters {
  grid-template-columns:repeat(auto-fit,minmax(176px,1fr));
  gap:6px;
}
body[data-category='pro'] .team-filters .collection-tab { min-height:38px; height:auto; gap:8px; }
body[data-category='pro'] .team-filters .team-filter-name { text-align:left; }
body[data-category='pro'] .team-filters .team-rank { margin-left:auto; }
body[data-category='pro'] .team-filters .team-count { min-width:12px; }
body[data-category='pro'] #hot-list .portrait-card .card-atmosphere {
  background:linear-gradient(90deg,#111e2766,#111e2733),url('./assets/backgrounds/profile-arena-v76.webp') 75% center/cover;
  opacity:.75;
}
@media(max-width:700px) {
  #detail-panel.is-player-profile .profile-overview {
    grid-template-columns:minmax(0,1fr) 42%;
    grid-template-rows:auto auto auto;
  }
  #detail-panel.is-player-profile .player-hero-art { grid-row:1/3; }
  #detail-panel.is-player-profile .detail-copy { padding:23px 0 12px 18px; }
  #detail-panel.is-player-profile #detail-name { font-size:clamp(25px,6.5vw,36px); }
  #detail-panel.is-player-profile .profile-team-identity {
    grid-column:1;
    grid-row:2;
    padding:0 0 18px 18px;
    gap:8px;
    align-self:start;
    align-items:center;
  }
  #detail-panel.is-player-profile .profile-team-emblem { width:38px; height:38px; flex:0 0 38px; padding:2px; }
  #detail-panel.is-player-profile #profile-team-name { max-width:calc(100% - 50px); font-size:11px; letter-spacing:0; }
  #detail-panel.is-player-profile[data-status='retired'] .profile-team-context { display:none; }
  #detail-panel.is-player-profile .profile-portrait { padding:16px 10px 0 4px; min-height:205px; max-height:290px; }
  #detail-panel.is-player-profile .profile-portrait .portrait-frame,
  #detail-panel.is-player-profile .profile-portrait .detail-avatar { max-height:274px; }
  #detail-panel.is-player-profile .profile-facts { padding:16px 18px; grid-row:3; }
  body[data-category='pro'] .team-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-category='pro'] .team-filters .collection-tab { padding:4px 7px; gap:6px; }
}

/* crosshairs-v77.css */
/* V77: original ProSettings crosshair artwork + a compact, offline-ready import card. */
.profile-crosshair {
  min-width:0;
  scroll-margin-block:80px;
  margin:18px 0;
  padding:16px;
  border:1px solid #8194a42c;
  border-radius:10px;
  color:#e9eef1;
  background:linear-gradient(115deg,#1b2b36,#14222c);
  box-shadow:inset 0 1px #ffffff06;
}
.profile-crosshair[hidden],.profile-crosshair [hidden] { display:none !important; }
.crosshair-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.crosshair-heading h3 { margin:0; font-size:14px; line-height:1.4; letter-spacing:.04em; font-weight:700; }
.crosshair-source { display:inline-flex; align-items:center; gap:9px; flex-shrink:0; color:#a9bdca; font:500 10px/1.5 'Segoe UI','Microsoft YaHei',sans-serif; cursor:default; }
.crosshair-source img { display:block; width:115px; height:auto; max-width:100%; object-fit:contain; }
.crosshair-copy-button:focus-visible { outline:2px solid #e6bb75; outline-offset:4px; }
.crosshair-layout { display:grid; grid-template-columns:164px minmax(0,1fr); gap:18px; align-items:center; }
.crosshair-preview { position:relative; display:grid; place-items:center; isolation:isolate; min-height:106px; overflow:hidden; border:1px solid #ffffff1a; border-radius:6px; background:#4d5552 url('./assets/crosshairs/prosettings-inferno.jpg') center/auto 155% no-repeat; }
.crosshair-preview::before { content:''; position:absolute; inset:0; z-index:-1; background:#07101825; }
.crosshair-image { display:block; width:100px !important; height:100px !important; min-width:100px; max-width:none; object-fit:contain; image-rendering:pixelated; filter:none !important; }
.crosshair-scale { position:absolute; right:7px; bottom:5px; color:#d9e4ec; font:600 9px/1.4 'Segoe UI',sans-serif; text-shadow:0 1px 3px #000; }
.crosshair-copy { min-width:0; }
.crosshair-kicker { display:block; margin-bottom:5px; color:#849ba9; font:600 9px/1.4 'Segoe UI',sans-serif; letter-spacing:.15em; }
.crosshair-code { display:block; min-width:0; max-width:100%; color:#e6edef; font:500 11px/1.6 Consolas,monospace; overflow-wrap:anywhere; word-break:break-all; user-select:all; letter-spacing:0; }
.crosshair-legacy { margin:3px 0 10px; color:#aabcc7; font-size:12px; line-height:1.6; }
.crosshair-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin-top:11px; }
.crosshair-copy-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:34px; padding:6px 12px; border:1px solid #d0a56873; border-radius:5px; background:#c99a4b16; color:#e8c88f; font:600 11px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; cursor:pointer; transition:background .15s,border-color .15s,transform .15s; }
.crosshair-copy-button:hover { background:#c99a4b2c; border-color:#dcb779; }
.crosshair-copy-button:active { transform:translateY(1px); background:#c99a4b40; }
.crosshair-copy-button[aria-busy='true'] { cursor:progress; }
.crosshair-copy-button.is-copied { color:#9bd9b5; border-color:#75b89570; background:#75b89516; }
.crosshair-copy-button svg { width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:1.6; }
.crosshair-checked { color:#8599a7; font-size:10px; white-space:nowrap; }
.crosshair-copy-status { margin:0; font-size:10px; line-height:1.5; color:#a8cfba; }
.crosshair-copy-status:empty { display:none; }
.crosshair-copy-status:not(:empty) { margin-top:6px; }
.crosshair-clipboard-buffer { position:fixed; left:0; top:0; width:1px; height:1px; padding:0; opacity:.01; pointer-events:none; }
@media(max-width:600px) {
  .profile-crosshair { padding:13px; margin:14px 0; }
  .crosshair-layout { grid-template-columns:106px minmax(0,1fr); gap:12px; }
  .crosshair-copy-button { min-height:38px; padding:6px 9px; }
  .crosshair-code { font-size:10px; }
  .crosshair-actions { gap:7px; }
}
@media(max-width:370px) {
  .crosshair-source>span { display:none; }
  .crosshair-layout { grid-template-columns:minmax(0,1fr); gap:11px; }
  .crosshair-preview { min-height:94px; }
  .crosshair-image { height:100px !important; }
  .crosshair-kicker { display:none; }
}
@media(prefers-reduced-motion:reduce) { .crosshair-copy-button { transition:none; } }

/* interface-v77.css */
/* V77 — graphite / sandstone. Navigation first, game art in the margins.
   The explicit professional-card selector supersedes earlier versioned skins. */
:root { --v77-surface:#181b1d; --v77-raised:#232628; --v77-line:#ffffff16; --v77-ink:#f2f0e9; --v77-muted:#a5a8a5; --v77-accent:#eea348; --gold:#eeb064; --fx-accent:238,163,72; }
body.interface-v77 { background:#111416; color:var(--v77-ink); }
.interface-v77 .scene-shade { background:linear-gradient(180deg,#11141660,#111416c9 60%,#111416ed); }
.interface-v77 .topbar { height:64px; background:#151719f2; border-bottom:1px solid #e1ad6238; box-shadow:0 8px 30px #0003; }
.interface-v77 .topbar::before { display:none; }
body.interface-v77[data-category] .topbar-inner { max-width:1368px; padding-inline:24px; gap:12px; }
.interface-v77 .brand-mark { filter:sepia(.15); }
.interface-v77 .build-badge { color:#bbb9b0; background:#ffffff06; border:1px solid #ffffff20; box-shadow:none; border-radius:3px; }
body.interface-v77[data-category] .header-cs2-logo { width:94px; opacity:.25; }
.interface-v77 .topnav .toy-nav-button,.interface-v77 .topnav .sound-toggle {
  background:#232628; border:1px solid #ffffff15; border-radius:4px; color:#cbcfcf; box-shadow:none;
}
.interface-v77 .topnav .toy-nav-button:hover,.interface-v77 .topnav .sound-toggle:hover { color:#f7d6ab; border-color:#eea34888; background:#302b23; }
.interface-v77 .scene-quick-row--topbar .scene-quick-control { border-radius:4px; background:#232628; border-color:#ffffff20; box-shadow:none; }
.interface-v77 .scene-quick-control .scene-quick-swatch { border-radius:2px; }
.interface-v77 .topnav { margin-left:auto; }
.interface-v77 .scene-quick-row--topbar { margin-left:0; }
body.interface-v77[data-category] .home-main { width:min(1320px,calc(100% - 48px)); padding:22px 0 40px; }
.interface-v77 .home-main::before { display:none; }
body.interface-v77[data-category] .hero-copy {
  position:relative; display:block; isolation:isolate; min-height:180px; padding:25px 30px 22px;
  margin:0 0 16px; border:1px solid #ffffff16; border-top:2px solid #d3a05b;
  border-radius:5px; text-shadow:none; overflow:visible;
  background:#171a1c;
  box-shadow:0 8px 30px #0002,inset 0 1px #ffffff03;
}
body.interface-v77[data-category] .hero-copy::after { display:none; }
body.interface-v77[data-category] .hero-copy h1 {
  margin:0 0 6px; padding:0; color:#f3f1e8; font:800 clamp(30px,2.7vw,38px)/1.2 'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif;
  letter-spacing:-.025em; white-space:normal; word-break:keep-all;
}
.interface-v77 #page-title>span { margin-right:11px; color:#eaae59; font:750 1.1em/1 'Bahnschrift','Segoe UI',sans-serif; letter-spacing:-.035em; vertical-align:-.025em; }
body.interface-v77[data-category] .hero-copy .subtitle { padding:0; margin:0; color:#b0b4b2; font-size:12px; line-height:1.6; }
body.interface-v77[data-category] .directory-dateline { margin:0 0 10px; color:#b5aa97; font:600 9px/1.5 'Segoe UI',sans-serif; letter-spacing:.16em; }
.interface-v77 .directory-dateline .live-clock { position:absolute; right:24px; top:17px; color:#b8b7ad; font-size:10px; letter-spacing:.04em; }
.interface-v77 .clock-zone { color:#b1b4ae; }
.masthead-stats { display:flex; align-items:center; flex-wrap:wrap; gap:21px; margin-top:16px; color:#a7aaa7; font-size:11px; }
.masthead-stats>span { display:flex; align-items:baseline; gap:7px; white-space:nowrap; }
.masthead-stats strong { color:#e7e4da; font:650 18px/1 'Bahnschrift','Segoe UI',sans-serif; font-variant-numeric:tabular-nums; }
body.interface-v77:not([data-category='pro']) .masthead-stats { display:none; }
body.interface-v77:not([data-category='pro']) .hero-copy { min-height:142px; }
body.interface-v77[data-category='hof'] #hof-hero-meta { position:absolute; right:28px; bottom:24px; margin:0; }
.interface-v77 .home-pet-slot { position:absolute; display:block; width:62px; height:62px; right:12px; bottom:14px; z-index:20; }
.interface-v77 .home-pet-slot .pet-companion[data-placement='home'] { --pet-size:62px; position:relative; inset:auto; width:62px; }
.interface-v77 .home-pet-slot .pet-companion[data-placement='home'] .pet-context { display:none; }
.interface-v77 .home-pet-slot .pet-companion[data-placement='home'] .pet-popover { left:auto; right:0; bottom:auto; top:calc(100% + 8px); }
.interface-v77 .hero-copy:has(.pet-companion.has-conversation) { z-index:30; }
.interface-v77 .home-pet-slot .pet-companion.is-minimized .pet-restore { position:absolute; right:0; left:auto; bottom:0; }
body.interface-v77:not([data-category='pro']) .home-pet-slot { right:12px; bottom:8px; }
.interface-v77 .category-backbar { margin-bottom:12px; border-color:#ffffff15; }
.interface-v77 .category-backbar .directory-home { color:#e4ba81; background:#222522; border-color:#b09c7044; border-radius:4px; }
body.interface-v77[data-category] .search-box {
  height:56px; min-height:56px; border:1px solid #565a57; border-bottom-color:#565a57; border-radius:5px;
  background:#1b1e20ed; box-shadow:0 4px 16px #0002,inset 0 1px #ffffff04; backdrop-filter:blur(12px);
}
body.interface-v77[data-category] .search-box:hover { border-color:#7c786b; background:#202326; }
body.interface-v77[data-category] .search-box:focus-within { border-color:#ecae5b; background:#202326; box-shadow:0 0 0 3px #eea34813; }
.interface-v77 .search-box::before { display:none; }
.interface-v77 .search-box .search-icon { width:20px; height:20px; margin-left:18px; stroke:#b3b8b3; }
body.interface-v77[data-category] .search-box input { color:#f2f1ec; padding:0 15px; font-size:16px; font-weight:400; letter-spacing:0; }
.interface-v77 .search-box input::placeholder { color:#9a9e9b; }
body.interface-v77[data-category] .search-submit { align-self:stretch; display:flex; align-items:center; justify-content:center; gap:12px; flex:0 0 100px; min-width:100px; margin:5px; padding:0 16px; height:auto; min-height:0; border:0; border-radius:3px; background:#e8a250; color:#171a1c; box-shadow:inset 0 1px #ffe6b650; font-size:13px; font-weight:700; }
body.interface-v77[data-category] .search-submit:hover { background:#f1b46c; color:#171a1c; }
.interface-v77 .search-submit span { display:inline; white-space:nowrap; }
.interface-v77 .search-submit svg { width:18px; height:18px; }
body.interface-v77[data-category] .search-footnote { display:block; margin-top:9px; }
body.interface-v77[data-category] .search-footnote .directory-nav { display:grid!important; grid-template-columns:repeat(8,minmax(0,1fr))!important; gap:7px; width:100%; }
body.interface-v77[data-category] .search-footnote .directory-nav .public-entry { display:flex; align-items:center; gap:7px; grid-column:auto!important; min-height:46px; padding:8px 10px; min-width:0; border:1px solid #ffffff18; border-radius:4px; background:#1b1e21e8; box-shadow:inset 0 1px #ffffff03; transform:none; }
body.interface-v77[data-category] .search-footnote .directory-nav .public-entry::before,body.interface-v77[data-category] .search-footnote .directory-nav .public-entry::after { display:none; }
body.interface-v77[data-category] .search-footnote .directory-nav .entry-symbol,body.interface-v77[data-category] .search-footnote .directory-nav .entry-symbol img { width:21px; height:21px; flex:0 0 21px; }
body.interface-v77[data-category] .search-footnote .directory-nav .entry-symbol { padding:0; background:none; border:0; border-radius:0; }
body.interface-v77[data-category] .search-footnote .directory-nav .entry-copy strong { font:600 11px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; color:#d0d1cb; letter-spacing:0; }
.interface-v77 .directory-nav .entry-count { margin-left:auto; font:500 10px/1 'Bahnschrift','Segoe UI',sans-serif; color:#868e8b; padding:0; background:none; }
body.interface-v77[data-category] .search-footnote .directory-nav .public-entry:hover,body.interface-v77[data-category] .search-footnote .directory-nav .public-entry[aria-pressed='true'] { border-color:#dfa7597a; background:#292820; }
body.interface-v77[data-category] .dynamic-zone { margin-top:22px; }
.interface-v77 .collection-heading { margin:0 0 10px; min-height:32px; }
.interface-v77 .collection-heading h2 { font:700 19px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; color:#f0f0e8; letter-spacing:.01em; }
.interface-v77 .collection-heading h2::before { content:''; display:inline-block; vertical-align:-2px; width:3px; height:17px; margin-right:10px; background:#e3a44e; }
.interface-v77 .carousel-controls { gap:7px; }
.interface-v77 .carousel-controls button { border-color:#ffffff22; border-radius:3px; background:#222626; color:#d9dcd3; box-shadow:none; }
.interface-v77 .collection-count { color:#abaeaa; }
.interface-v77 .collection-tabs { gap:0; padding:0; margin-bottom:13px; border:1px solid #ffffff17; border-radius:5px; background:#161a1dcf; }
.interface-v77 .directory-filters { padding:0 10px; gap:6px; border-bottom:1px solid #ffffff12; }
body.interface-v77[data-category='pro'] .directory-filters .collection-tab { min-height:43px; height:auto; border:0; border-bottom:2px solid transparent; border-radius:0; padding:0 14px; background:transparent; color:#abaeaa; font-size:12px; box-shadow:none; }
body.interface-v77[data-category='pro'] .directory-filters .collection-tab[aria-pressed='true'] { color:#ebc088; border-bottom-color:#e6a14a; background:linear-gradient(0deg,#dfa25012,transparent); }
.interface-v77 .filter-count { background:#ffffff08; border:0; color:#a6aaa3; }
body.interface-v77[data-category='pro'] .team-filter-section { padding:10px 12px 12px; }
.interface-v77 .team-filter-label { color:#909992; font-size:10px; }
.interface-v77 #clear-team { color:#dfb67d; }
body.interface-v77[data-category='pro'] .team-filters { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:5px; }
body.interface-v77[data-category='pro'] .team-filters .collection-tab { display:flex; align-items:center; min-height:35px; height:auto; gap:6px; padding:4px 8px; background:#222629; color:#c8cdc8; border:1px solid #ffffff0e; border-radius:3px; font-size:11px; box-shadow:none; animation:none; }
body.interface-v77[data-category='pro'] .team-filters .collection-tab:hover { background:#2d302d; border-color:#ffffff38; }
body.interface-v77[data-category='pro'] .team-filters .collection-tab[aria-pressed='true'] { background:#9c6e291f; border-color:#e3a34f8c; color:#f3d6ae; box-shadow:inset 2px 0 #e3a34f; }
body.interface-v77[data-category='pro'] .team-filters .collection-tab img { width:23px; height:23px; flex-basis:23px; padding:2px; }
.interface-v77 .team-filters .team-rank { color:#919c95; font-size:9px; }
.interface-v77 .team-filters .team-count { font-size:9px; }
.interface-v77 .team-filters .collection-tab::before,.interface-v77 .team-filters .collection-tab::after { display:none; }
.interface-v77 .team-roster-note { background:#222522; color:#b8bcb4; font-size:11px; }
[data-team='nip'],[data-group='nip'] { --team-rgb:210,214,156; --crest-filter:grayscale(1) invert(1) drop-shadow(0 1px 2px #0005); }
[data-team='big'],[data-group='big'] { --team-rgb:203,216,222; --crest-filter:grayscale(1) invert(1) drop-shadow(0 1px 2px #0005); }

/* Full, uncropped professional portraits. Identity never overlaps the image. */
body.interface-v77[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; padding:0; margin:0; overflow:visible; }
body.interface-v77[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person {
  display:flex; flex-direction:column; height:292px; min-height:292px; width:auto; min-width:0; padding:0; overflow:hidden;
  border:1px solid #ffffff22; border-bottom:2px solid rgba(var(--team-rgb),.6); border-radius:5px;
  background:#1e2325; box-shadow:0 6px 20px #0003,inset 0 1px #ffffff08; backdrop-filter:none;
}
body.interface-v77[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person:hover { border-color:#dbb67f; background:#242828; box-shadow:0 8px 22px #0005; transform:translateY(-3px); }
body.interface-v77[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person::before,body.interface-v77[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person::after { display:none; }
body.interface-v77[data-category='pro'] #hot-list .portrait-card .card-atmosphere { display:block; pointer-events:none; position:absolute; inset:0 0 64px; opacity:.6; background:radial-gradient(ellipse at 50% 28%,rgba(var(--team-rgb),.18),transparent 65%),linear-gradient(0deg,#1b2025a8,#1b202570),url('./assets/backgrounds/profile-arena-v76.webp') 72% center/cover; }
.interface-v77 #hot-list .person-card-visual { position:relative; display:flex; align-items:center; justify-content:flex-end; width:100%; height:221px; flex:0 0 221px; padding:0 14px; overflow:hidden; }
.interface-v77 #hot-list .person-card-topline { position:absolute; z-index:2; top:10px; left:10px; right:10px; width:auto; margin:0; min-height:17px; pointer-events:none; }
.interface-v77 #hot-list .person-card-topline .career-badge { padding:2px 5px; border:1px solid #ffffff17; border-radius:2px; background:#151a1ec9; color:#bfc5be; font-size:9px; }
.interface-v77 #hot-list .card-country { background:#1a1c1d55; }
body.interface-v77[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person .portrait-frame {
  position:relative; inset:auto; display:block; width:100%; height:188px; min-height:0; max-width:100%; aspect-ratio:auto; margin:33px 0 0; padding:0;
  border:0; border-radius:0; background:none; box-shadow:none; transform:none; scale:none; overflow:visible;
}
body.interface-v77[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person .portrait-frame .player-portrait { display:block; position:static; width:100%; height:100%; object-fit:contain!important; object-position:center bottom!important; transform:none; scale:none; filter:drop-shadow(0 4px 9px #0003); }
.interface-v77 #hot-list .person-card-identity { position:relative; flex:1 0 69px; height:69px; margin:0; padding:10px 12px; gap:4px; background:linear-gradient(100deg,#242829,#1c2022); border-top:1px solid #ffffff12; }
body.interface-v77[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person .hot-person-name { position:static; inset:auto; display:flex; align-items:center; max-width:calc(100% - 12px); gap:8px; color:#f1f1ea; font:700 19px/24px 'Bahnschrift','Segoe UI',sans-serif; letter-spacing:.005em; }
body.interface-v77[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person .hot-person-team { position:static; inset:auto; max-width:calc(100% - 8px); padding:0 12px 0 33px; color:#a1aaa5; font:500 10px/15px 'Segoe UI',sans-serif; }
body.interface-v77[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .name-team-mark { width:25px; height:25px; flex:0 0 25px; padding:1px; border:0; border-radius:0; background:none; box-shadow:none; }
.interface-v77 #hot-list .person-card-arrow { right:12px; bottom:13px; color:#dcbb8a; }
.interface-v77 #hot-list .name-team-mark img,.interface-v77 #hot-list .coach-team-mark img,.interface-v77 #results-list .name-team-mark img { background:none; border-radius:0; }
.interface-v77 #hot-list .portrait-card .hltv-rank-badge { position:absolute; top:10px; left:10px; bottom:auto; width:auto; min-height:0; padding:3px 5px; border:1px solid #eedabf25; border-radius:2px; background:#14181bbd; box-shadow:none; }
.interface-v77 #hot-list .portrait-card:has(.hltv-rank-badge) .career-badge { visibility:hidden; }
.interface-v77 #hot-list .portrait-card .card-rank-label { display:none; }
.interface-v77 #hot-list .portrait-card .card-rank-record { gap:5px; }
.interface-v77 #hot-list .portrait-card .card-rank-record strong { font:650 9px/13px 'Segoe UI',sans-serif; }
.interface-v77 #hot-list .portrait-card .card-rank-years { max-width:68px; color:#bfc3ba; font-size:8px; line-height:12px; gap:3px; }
.interface-v77 #hot-list .spotlight-frame { display:none; }
.interface-v77 #hot-list .card-sheen { display:none; }

/* Compact lists share the surface, but retain their individual content. */
.interface-v77 #hot-list.coach-grid .hot-person,.interface-v77 #hot-list.creator-grid .hot-person,
body.interface-v77[data-category='public'] #hot-list.public-grid .hot-person:not(.founder-feature),
.interface-v77 .result-card { border:1px solid #ffffff1e; border-radius:5px; background:linear-gradient(120deg,#23272a,#1b1f22); box-shadow:inset 0 1px #ffffff05; }
.interface-v77 #hot-list.coach-grid .hot-person:hover,.interface-v77 #hot-list.creator-grid .hot-person:hover,
body.interface-v77[data-category='public'] #hot-list.public-grid .hot-person:not(.founder-feature):hover,.interface-v77 .result-card:hover { border-color:#d4a05b99; background:#2a2e2d; }
.interface-v77 #hot-list.coach-grid .coach-team-mark { background:none; }
.interface-v77 #hot-list.coach-grid .hot-person { position:relative; height:90px; padding:10px 13px 10px 83px; gap:10px; }
.career-list-avatar { position:absolute; left:8px; bottom:0; width:66px; height:81px; display:grid; place-items:end center; overflow:hidden; }
.career-list-avatar img { display:block; width:100%; height:100%; object-fit:contain; object-position:center bottom; }
.interface-v77 #hot-list.coach-grid .coach-team-mark { position:absolute; right:12px; top:12px; width:22px; height:22px; opacity:.75; }
.interface-v77 #hot-list.coach-grid .coach-team-mark img { width:100%; height:100%; }
.interface-v77 #hot-list.coach-grid .coach-copy { padding-right:22px; }
.interface-v77 #hot-list.coach-grid .coach-copy strong { font-size:17px; }
.interface-v77 #hot-list.coach-grid .coach-copy>span { color:#a7b0a8; }
.interface-v77 #hot-list.coach-grid .hot-person.uses-team-mark { padding-left:66px; }
.interface-v77 #hot-list.coach-grid .uses-team-mark .coach-team-mark { left:17px; right:auto; top:26px; width:35px; height:35px; opacity:1; }
.interface-v77 .letter-filter { background:#1c2022; border-color:#ffffff15; border-radius:4px; }
.interface-v77 .letter-filter button { border-radius:3px; }
.interface-v77 .letter-filter button[aria-pressed='true'] { background:#a7773633; color:#ecc28a; border-color:#c79a5855; }
.interface-v77 #favorites-home:not([hidden]) { border-radius:5px; border-color:#ffffff1a; background:#1b2022e6; box-shadow:none; padding:11px 13px; }
.interface-v77 .favorites-kicker { display:none; }
.interface-v77 .favorites-heading h2 { font-size:15px; }
.interface-v77 .favorite-card,.interface-v77 .favorites-clear,.interface-v77 .favorites-more { border-radius:4px; }
.interface-v77 .favorite-open img { border-radius:5px; }
.interface-v77 .favorite-toggle { border-radius:4px; }
.interface-v77 .results-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
.interface-v77:has(#results-section.is-active) #gear-spotlight { display:none; }

/* Historic operations sit below the roster, and work as background shortcuts. */
.operations-gallery { margin-top:26px; }
.operations-gallery[hidden],.operation-card[hidden] { display:none!important; }
.operations-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:11px; }
.operations-heading h2 { margin:0; color:#d5d7ce; font:600 15px/1.5 'Segoe UI','Microsoft YaHei',sans-serif; }
.operations-heading button { padding:5px 0 5px 12px; color:#b2b6aa; background:transparent; border:0; font-size:10px; }
.operations-heading button:hover { color:#f1be7b; }
.operations-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.operation-card { position:relative; display:block; isolation:isolate; min-width:0; width:100%; height:124px; padding:0; overflow:hidden; text-align:left; border:1px solid #ffffff20; border-radius:5px; background:#232729; }
.operation-card>img { position:absolute; z-index:-2; inset:0; display:block; width:100%; height:100%; object-fit:cover; filter:saturate(.65); transition:filter .18s,scale .2s; }
.operation-card::before { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,#121719e6 0%,#1417199c 40%,#14171920 100%); }
.operation-card-copy { position:absolute; left:17px; bottom:17px; display:flex; flex-direction:column; gap:5px; }
.operation-card-copy small { color:#c0b28e; font:550 10px/1 'Bahnschrift','Segoe UI',sans-serif; letter-spacing:.08em; }
.operation-card-copy strong { color:#e5e8df; font-size:17px; font-weight:700; }
.operation-card-action { position:absolute; right:14px; bottom:18px; color:#dedfd4; font-size:10px; }
.operation-card:hover,.operation-card[aria-pressed='true'] { border-color:#e3ab5e; }
.operation-card:hover>img { filter:saturate(.9); scale:1.025; }
.operation-card[aria-pressed='true'] .operation-card-action { color:#f6cd93; }
[data-operation-scene][aria-busy='true'] { cursor:progress; opacity:.7; }
.interface-v77 #gear-spotlight { margin-top:26px; padding:20px; border-radius:5px; border-color:#ffffff17; background:#171c1fe8; box-shadow:none; }
.interface-v77 .gear-heading h2 { font-size:17px; }
.interface-v77 .gear-brand-card { border-radius:4px; }
.interface-v77 .gear-tabs button { border-radius:4px; background:#252b2c; border-color:#ffffff16; color:#bfc8c1; }
.interface-v77 .gear-tabs button[aria-selected='true'] { color:#22221c; background:#e3aa5b; border-color:#e3aa5b; }
.interface-v77 .gear-model-panel { background:#202729; border-color:#ffffff15; border-radius:5px; }
.interface-v77 .gear-leader { background:linear-gradient(110deg,#d5d4c6,#bdc7c4); }
.interface-v77 .gear-leader h3 { max-width:440px; font-size:19px; }
.interface-v77 .gear-brands-panel { border:1px solid #ffffff17; border-radius:5px; background:#252b2d; color:#d5dcd4; }
.interface-v77 .gear-brand-row { color:#cbd2c9; }
.interface-v77 .gear-brand-row:hover { background:#ffffff08; }
.interface-v77 .gear-brands-all { color:#b8bdaf; }
.interface-v77 .gear-brands-list li { border-color:#ffffff0b; }
.interface-v77 .gear-brands-caption { color:#9aa79e; }
.interface-v77 .gear-brand-round { border-radius:4px; width:27px; height:27px; background:#d7ddd6; border-color:#c4cbc3; }
.interface-v77 .gear-brand-round img { mix-blend-mode:multiply; }
.interface-v77 .site-footer { max-width:1368px; padding:18px 24px; border-top:1px solid #ffffff0e; color:#89968c; }

/* The inspection panel follows the same calm surface and authentic crests. */
.interface-v77 #detail-panel.is-player-profile { background:#1a1e20; border-color:#aa906044; border-radius:7px; }
.interface-v77 #detail-panel.is-player-profile .inspect-header,.interface-v77 #detail-panel.is-player-profile .inspect-footer { background:#171b1e; border-color:#ffffff12; }
.interface-v77 #detail-panel.is-player-profile .inspect-content { background:#1a1e20; }
.interface-v77 #detail-panel.is-player-profile .profile-overview { background:#191d20; }
.interface-v77 #detail-panel.is-player-profile .player-hero-art { background:linear-gradient(90deg,#181c20ed 0%,#181c2080 48%,#181c2022),url('./assets/backgrounds/profile-arena-v76.webp') center/cover; }
.interface-v77 #detail-panel.is-player-profile .profile-facts { background:#24292b; border-color:#ffffff14; }
.interface-v77 #detail-panel.is-player-profile .profile-facts dt { color:#a1aaa4; }
.interface-v77 #detail-panel.is-player-profile #profile-team-name { color:#d7dbd4; }
.interface-v77 #detail-panel.is-player-profile #profile-watermark { background:none; border-radius:0; padding:0; }
.interface-v77 #detail-panel.is-player-profile .inspect-info.profile-actions { background:#1b2123; }
.interface-v77 #detail-panel.is-player-profile #primary-links .platform-card.profile-link { min-height:76px; border-radius:5px; border-width:1px; box-shadow:none; }
.interface-v77 #detail-panel.is-player-profile #primary-links .platform-card.profile-link:first-child { background:#263c44; border-color:#77919a60; color:#cfebf2; }
.interface-v77 #detail-panel.is-player-profile #primary-links .platform-card.profile-link:not(:first-child) { background:#393328; border-color:#ab87564f; color:#e8ce9d; }
.interface-v77 #detail-panel.is-player-profile #profile-select,.interface-v77 #detail-panel.is-player-profile .switch-arrow { background:#272f30; border-color:#a5af9c35; border-radius:4px; }
.interface-v77 .profile-crosshair { background:linear-gradient(120deg,#292e2e,#202628); border-color:#caa26735; border-radius:5px; }
.interface-v77 .crosshair-heading h3 { color:#e8e5d9; }
.interface-v77 .crosshair-kicker,.interface-v77 .crosshair-checked { color:#9ba79c; }
.interface-v77 .crosshair-source { color:#bcbdab; }
.interface-v77 .crosshair-preview { border-radius:3px; }
.interface-v77 .crosshair-copy-button { border-radius:3px; }
.interface-v77 .inspect-bottom { color:#849189; }
.interface-v77 .inspect-bottom>span:nth-child(2) { display:none; }

@media(max-width:1150px) {
  body.interface-v77[data-category] .search-footnote .directory-nav { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
  body.interface-v77[data-category='pro'] .team-filters { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .operation-card-action { display:none; }
}
@media(min-width:701px) and (max-width:900px) {
  body.interface-v77[data-category='pro'] .team-filters { grid-template-columns:repeat(4,minmax(0,1fr)); }
  body.interface-v77[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) { grid-template-columns:repeat(3,minmax(0,1fr)); }
  body.interface-v77[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person { height:277px; min-height:277px; }
  .interface-v77 #hot-list .person-card-visual { height:206px; flex-basis:206px; }
  body.interface-v77[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person .portrait-frame { height:173px; }
}
@media(max-width:700px) {
  .interface-v77 .topbar { height:56px; }
  body.interface-v77[data-category] .topbar-inner { padding-inline:12px; gap:5px; }
  .interface-v77 .topnav .toy-nav-button,.interface-v77 .topnav .sound-toggle { border-color:transparent; background:transparent; }
  body.interface-v77[data-category] .home-main { width:calc(100% - 24px); padding-top:14px; }
  body.interface-v77[data-category] .hero-copy { min-height:167px; padding:18px 16px; margin-bottom:11px; background-position:64% center; }
  body.interface-v77[data-category] .hero-copy h1 { font-size:29px; max-width:100%; line-height:1.25; padding:0; }
  .interface-v77 #page-title>span { margin-right:8px; }
  body.interface-v77[data-category] .hero-copy .subtitle { font-size:11px; }
  body.interface-v77[data-category] .directory-dateline { font-size:8px; letter-spacing:.08em; margin-bottom:13px; }
  .interface-v77 .directory-dateline .live-clock { position:static; font-size:9px; letter-spacing:0; gap:4px; }
  .interface-v77 .clock-zone { display:none; }
  .masthead-stats { margin-top:16px; gap:14px; font-size:9px; padding-right:34px; }
  .masthead-stats>span { gap:5px; }
  .masthead-stats strong { font-size:15px; }
  body.interface-v77:not([data-category='pro']) .hero-copy { min-height:133px; }
  body.interface-v77[data-category='hof'] .hero-copy { min-height:186px; }
  body.interface-v77[data-category='hof'] #hof-hero-meta { position:static; margin-top:13px; }
  .interface-v77 .home-pet-slot { bottom:12px; right:5px; }
  .interface-v77 .home-pet-slot,.interface-v77 .home-pet-slot .pet-companion[data-placement='home'] { --pet-size:42px; width:42px; height:42px; }
  body.interface-v77[data-category] .search-box { height:52px; min-height:52px; }
  .interface-v77 .search-box .search-icon { margin-left:12px; width:18px; height:18px; }
  body.interface-v77[data-category] .search-box input { padding-inline:10px; font-size:13px; }
  body.interface-v77[data-category] .search-submit { flex-basis:65px; min-width:65px; padding:0 8px; margin:4px; gap:5px; font-size:12px; }
  .interface-v77 .search-submit svg { display:none; }
  body.interface-v77[data-category] .search-footnote .directory-nav { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:6px; }
  body.interface-v77[data-category] .search-footnote .directory-nav .public-entry { min-height:43px; padding:7px 10px; gap:8px; }
  body.interface-v77[data-category] .search-footnote .directory-nav .entry-copy strong { font-size:11px; }
  body.interface-v77[data-category] .dynamic-zone { margin-top:20px; }
  .interface-v77 .collection-heading h2 { font-size:17px; }
  .interface-v77 .collection-tabs { margin-bottom:10px; }
  .interface-v77 .directory-filters { padding:0 5px; gap:0; }
  body.interface-v77[data-category='pro'] .directory-filters .collection-tab { padding:0 9px; font-size:11px; min-height:43px; }
  body.interface-v77[data-category='pro'] .team-filter-section { padding:8px; }
  body.interface-v77[data-category='pro'] .team-filters { grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }
  body.interface-v77[data-category='pro'] .team-filters .collection-tab { min-height:38px; padding:5px 7px; }
  body.interface-v77[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  body.interface-v77[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person { height:240px; min-height:240px; }
  .interface-v77 #hot-list .person-card-visual { height:175px; flex-basis:175px; padding:0 8px; }
  body.interface-v77[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person .portrait-frame { height:144px; margin-top:31px; }
  .interface-v77 #hot-list .person-card-identity { height:63px; flex-basis:63px; padding:9px; }
  body.interface-v77[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person .hot-person-name { font-size:16px; gap:6px; line-height:23px; }
  body.interface-v77[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .name-team-mark { width:22px; height:22px; flex-basis:22px; }
  body.interface-v77[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person .hot-person-team { padding-left:28px; font-size:9px; }
  .interface-v77 #hot-list .person-card-topline { top:8px; left:8px; right:8px; }
  .interface-v77 #hot-list .portrait-card .hltv-rank-badge { top:8px; left:8px; padding:2px 4px; }
  .interface-v77 #hot-list .portrait-card .card-rank-years { display:none; }
  .interface-v77 .results-list { grid-template-columns:1fr; }
  .interface-v77 #hot-list.coach-grid:not(.creator-grid):not(.hof-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .interface-v77 #hot-list.coach-grid:not(.creator-grid):not(.hof-grid) .hot-person { min-height:101px; height:101px; padding:11px 7px 10px 56px; }
  .interface-v77 .career-list-avatar { width:49px; height:78px; left:3px; }
  .interface-v77 #hot-list.coach-grid .coach-team-mark { width:18px; height:18px; top:6px; right:6px; }
  .interface-v77 #hot-list.coach-grid .coach-copy { padding-right:0; }
  .interface-v77 #hot-list.coach-grid .coach-copy strong { font-size:13px; }
  .interface-v77 #hot-list.coach-grid .coach-copy>span { font-size:9px; }
  .interface-v77 #hot-list.coach-grid .retired-history-hint { display:none; }
  .interface-v77 #hot-list.coach-grid .coach-arrow { display:none; }
  .interface-v77 #hot-list.coach-grid:not(.creator-grid):not(.hof-grid) .hot-person.uses-team-mark { padding-left:53px; }
  .interface-v77 #hot-list.coach-grid .uses-team-mark .coach-team-mark { left:12px; top:34px; width:29px; height:29px; }
  .operations-gallery { margin-top:22px; }
  .operations-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .operation-card { height:106px; }
  .operation-card-copy { left:11px; bottom:12px; }
  .operation-card-copy strong { font-size:14px; }
  .operation-card-copy small { font-size:9px; }
  .interface-v77 #gear-spotlight { padding:15px 12px; }
  .interface-v77 .site-footer { padding-inline:14px; }
}
@media(max-width:359px) {
  .masthead-stats { gap:10px; font-size:8px; padding-right:18px; }
  .masthead-stats strong { font-size:13px; }
  body.interface-v77[data-category] .hero-copy h1 { font-size:27px; }
  body.interface-v77[data-category] .search-box input { font-size:12px; padding-inline:7px; }
  body.interface-v77[data-category] .search-submit { min-width:54px; flex-basis:54px; }
}
@media(prefers-reduced-motion:reduce) {
  .interface-v77 #hot-list .hot-person:hover,.interface-v77 .operation-card:hover>img { transform:none!important; scale:none!important; }
  .interface-v77 .operation-card>img { transition:none; }
}

/* feedback-v77.css */
/* V77: crisp CS-style control feedback. No extra content or layout shift. */
.feedback-v77-ready .fx-feedback,
.feedback-v77-ready .fx-hover-sweep { display:none!important; }
.ui-feedback-anchor { position:relative; }
.ui-feedback-layer {
  --ui-hit-rgb:var(--team-rgb,var(--fx-accent,239,177,105));
  position:absolute; inset:0; z-index:20; border-radius:inherit;
  overflow:hidden; contain:strict; pointer-events:none!important; user-select:none;
  background:radial-gradient(ellipse at var(--ui-hit-x,50%) var(--ui-hit-y,50%),rgba(var(--ui-hit-rgb),.20),transparent 70%);
  box-shadow:inset 0 0 0 1px rgba(var(--ui-hit-rgb),.65),inset 0 -2px rgba(var(--ui-hit-rgb),.3);
  animation:ui-commit-v77 300ms ease-out both;
}
.ui-feedback-layer::before,
.ui-feedback-layer::after {
  content:''; position:absolute; width:8px; height:8px; border:solid rgba(var(--ui-hit-rgb),.9);
}
.ui-feedback-layer::before { top:3px; left:3px; border-width:1px 0 0 1px; }
.ui-feedback-layer::after { right:3px; bottom:3px; border-width:0 1px 1px 0; }
.ui-feedback-layer[data-kind='selected'] { box-shadow:inset 0 0 0 1px rgba(var(--ui-hit-rgb),.75),inset 0 -2px rgba(var(--ui-hit-rgb),.75); }
.ui-feedback-layer[data-kind='confirm'] { --ui-hit-rgb:144,219,175; animation-duration:650ms; }
.ui-feedback-layer[data-kind='error'] { --ui-hit-rgb:246,154,133; animation-duration:650ms; }
.feedback-v77-ready .is-ui-confirm { outline:1px solid rgba(144,219,175,.6); outline-offset:-1px; }
.feedback-v77-ready .is-ui-error { outline:1px solid rgba(246,154,133,.7); outline-offset:-1px; }
.feedback-v77-ready :is(button,a[href],summary,[role='button'],[role='tab']):focus-visible {
  outline:2px solid #edc084; outline-offset:3px;
}
.feedback-v77-ready :is(button,a[href],summary,[role='button'],[role='tab']):disabled,
.feedback-v77-ready :is(button,a[href],summary,[role='button'],[role='tab'])[aria-disabled='true'] {
  cursor:not-allowed;
}
@keyframes ui-commit-v77 {
  0% { opacity:.98; }
  30% { opacity:.8; }
  100% { opacity:0; }
}
@media(prefers-reduced-motion:no-preference) {
  .feedback-v77-ready .is-ui-pressed {
    scale:.984!important; filter:brightness(1.07);
    transition:scale 75ms ease-out,filter 75ms ease-out!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  .feedback-v77-ready .ui-feedback-layer { animation:none; opacity:.45; background:none; }
  .feedback-v77-ready .is-ui-pressed { scale:none!important; filter:none; }
}
@media(forced-colors:active) {
  .feedback-v77-ready .ui-feedback-layer { background:none; border:1px solid Highlight; box-shadow:none; }
  .feedback-v77-ready :is(button,a[href],summary,[role='button'],[role='tab']):focus-visible { outline-color:Highlight; }
}

/* interface-v78.css */
/* V78 — competition lighting, real Major silverware, compact navigation.
   Decorative layers never intercept input. Motion is controlled by motion-v78. */
body.interface-v78 { background:#0c1118; --v77-ink:#eff2f5; --v77-muted:#9eacb8; --gold:#f2b363; }
.interface-v78 .page-bg { isolation:isolate; }
.interface-v78 .scene-shade { background:linear-gradient(180deg,#0b14258c,#0c121bd4 62%,#0c1118f5); }
.arena-decoration-v78 { position:absolute; top:70px; right:0; display:block; width:min(810px,68vw); height:auto; opacity:.075; pointer-events:none; }
.arena-light-v78 { position:absolute; display:block; top:0; width:48%; height:min(920px,100vh); pointer-events:none; }
.arena-light-v78--blue { right:0; background:linear-gradient(115deg,transparent 38%,#458be416 38.15%,#5f91e807 53%,transparent 53.15%),radial-gradient(ellipse at 100% 15%,#5b80ef22,transparent 62%); }
.arena-light-v78--amber { left:0; background:linear-gradient(65deg,transparent 37%,#dc954013 37.15%,transparent 49%),radial-gradient(ellipse at 0 38%,#e19b3011,transparent 58%); }
.arena-grid-v78 { position:absolute; inset:0; background-image:radial-gradient(#b6c6df33 .55px,transparent .65px); background-size:22px 22px; opacity:.14; pointer-events:none; }
.interface-v78 .topbar { background:linear-gradient(100deg,#141b24f7,#10161ff7 60%,#192338f5); border-bottom-color:#bdcee62a; box-shadow:0 8px 32px #0004,inset 0 -1px #ffffff04; }
.interface-v78 .topbar::after { content:''; position:absolute; height:1px; bottom:-1px; left:0; width:100%; background:linear-gradient(90deg,transparent 4%,#eeb06470 26%,#86acdb50 67%,transparent 96%); pointer-events:none; }
.interface-v78 .topnav .toy-nav-button,.interface-v78 .topnav .sound-toggle,.interface-v78 .scene-quick-row--topbar .scene-quick-control { background:linear-gradient(140deg,#26303a,#1a212c); border-color:#b9cde024; box-shadow:inset 0 1px #ffffff05; }
.interface-v78 .header-cs2-logo { filter:drop-shadow(0 0 12px #9abfe326); }

/* Full trophy image stays at its original aspect ratio, including the event mark. */
body.interface-v78[data-category] .hero-copy { min-height:194px; padding:26px 30px 23px; border-color:#a8c5e12a; border-top:1px solid #ca9d6866; border-radius:7px; background:radial-gradient(ellipse at 87% 0,#334e8b36,transparent 55%),linear-gradient(112deg,#151c27,#101727 58%,#111b30); box-shadow:0 9px 35px #0003,inset 0 1px #e4bc7a0b; }
body.interface-v78[data-category] .hero-copy::before { content:''; position:absolute; z-index:-1; inset:0; pointer-events:none; border-radius:inherit; background:linear-gradient(120deg,transparent 57%,#91aeec0e 57.1%,transparent 57.4%,transparent 65%,#91aeec06 65.1%,transparent 66%),linear-gradient(90deg,#eeb064 0 40px,transparent 40px); background-size:100% 100%,100% 2px; background-repeat:no-repeat; }
body.interface-v78[data-category] .hero-copy::after { content:''; display:block; position:absolute; pointer-events:none; bottom:-1px; left:30px; width:40%; height:1px; background:linear-gradient(90deg,#e6b57188,#8ca6de35,transparent); }
body.interface-v78[data-category] .hero-copy h1 { color:#f1f3f4; letter-spacing:-.025em; font-weight:760; }
.interface-v78 #page-title>span { color:#f1b468; text-shadow:0 0 22px #e4a44716; }
body.interface-v78[data-category] .directory-dateline { color:#a4b2c4; }
body.interface-v78[data-category='pro'] .directory-dateline { justify-content:flex-start; }
.interface-v78 .directory-dateline .live-clock { z-index:3; color:#adbbc9; }
body.interface-v78[data-category='pro'] .directory-dateline .live-clock { position:static; margin-left:18px; color:#93a3b8; font-size:9px; }
.interface-v78 .clock-zone { color:#8497ac; }
body.interface-v78[data-category] .hero-copy .subtitle { color:#9faebc; }
.interface-v78 .masthead-stats { color:#96a5b4; gap:22px; }
.interface-v78 .masthead-stats strong { color:#dce4ec; font-size:18px; }
.interface-v78 .masthead-stats>span+span::before { content:''; height:13px; width:1px; margin-right:10px; background:#a4bdda25; }
.major-trophy-v78 { position:absolute; top:0; right:80px; bottom:0; width:290px; margin:0; pointer-events:none; }
.major-trophy-v78>img { display:block; width:100%; height:100%; object-fit:contain; border-radius:5px; mask-image:linear-gradient(90deg,transparent,#000 12%,#000 96%,#000c); }
.major-trophy-v78 figcaption { position:absolute; right:calc(100% + 20px); top:61px; display:flex; flex-direction:column; align-items:flex-end; gap:5px; color:#8fa7c3; white-space:nowrap; }
.major-trophy-v78 figcaption strong { color:#bdcfe8; font:650 28px/1 'Bahnschrift','Segoe UI',sans-serif; letter-spacing:.12em; }
.major-trophy-v78 figcaption span { font:500 9px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; letter-spacing:.08em; }
.major-trophy-v78 figcaption span:last-child { color:#788da7; letter-spacing:.14em; }
body.interface-v78:not([data-category='pro']) .major-trophy-v78 { display:none; }
body.interface-v78:not([data-category='pro']) .hero-copy { min-height:136px; }
body.interface-v78[data-category='public'] .hero-copy { min-height:122px; padding-block:20px; margin-bottom:12px; }
body.interface-v78[data-category='public'] .hero-copy h1 { font-size:29px; }
body.interface-v78[data-category='public'] .hero-copy .subtitle { display:none; }
body.interface-v78[data-category='public'] .directory-dateline { margin-bottom:10px; }
.interface-v78 .home-pet-slot { right:10px; bottom:12px; }

/* Brushed dark panels and a small amber edge keep the page readable. */
body.interface-v78[data-category] .search-box { border-color:#9cb0cb49; background:linear-gradient(105deg,#1b2531f5,#151d29f5); box-shadow:0 8px 24px #0002,inset 0 1px #c3d8ec08; border-radius:6px; }
body.interface-v78[data-category] .search-box:hover { background:#1d2938; border-color:#adc4e271; }
body.interface-v78[data-category] .search-box:focus-within { background:#1d2836; border-color:#e8b166; box-shadow:0 0 0 3px #e8b16611,0 0 26px #dfb56c07; }
.interface-v78 .search-box input::placeholder { color:#94a4b7; }
body.interface-v78[data-category] .search-submit { color:#151b23; background:linear-gradient(115deg,#f4bc70,#e9a351); box-shadow:inset 0 1px #fff0d180,0 0 12px #da953111; }
body.interface-v78[data-category] .search-submit:hover { background:linear-gradient(115deg,#ffd18d,#eeb168); }
body.interface-v78[data-category] .search-footnote .directory-nav .public-entry { background:linear-gradient(135deg,#202a36ee,#17212ded); border-color:#bacbe51c; box-shadow:inset 0 1px #dae7ff05; border-radius:5px; }
body.interface-v78[data-category] .search-footnote .directory-nav .public-entry:hover { background:linear-gradient(115deg,#2c3542,#252c34); border-color:#bfcae65c; }
body.interface-v78[data-category] .search-footnote .directory-nav .public-entry[aria-pressed='true'] { background:linear-gradient(115deg,#393326,#292b2e); border-color:#e6b1667f; }
body.interface-v78[data-category] .search-footnote .directory-nav .entry-copy strong { color:#d4dce5; }
.interface-v78 .directory-nav .entry-count { color:#95a3b4; }
.interface-v78 .collection-heading h2 { color:#e6edf3; }
.interface-v78 .collection-heading h2::before { background:#ecb469; box-shadow:0 0 10px #edb46145; }
.interface-v78 .collection-tabs { border-color:#a4bed62a; background:linear-gradient(120deg,#18232fed,#121a26f0); box-shadow:inset 0 1px #d9e9fb05,0 8px 25px #0002; border-radius:6px; }
.interface-v78 .directory-filters { border-bottom-color:#b3ccec18; }
body.interface-v78[data-category='pro'] .directory-filters .collection-tab { color:#a6b3c1; }
body.interface-v78[data-category='pro'] .directory-filters .collection-tab[aria-pressed='true'] { color:#f1ca96; border-bottom-color:#efb66a; background:linear-gradient(0deg,#efb66a16,transparent); }
body.interface-v78[data-category='pro'] .team-filters .collection-tab { background:#25313d80; border-color:#d2e2f714; color:#c8d4df; }
body.interface-v78[data-category='pro'] .team-filters .collection-tab:hover { background:#344356b3; border-color:#b6cbe356; }
body.interface-v78[data-category='pro'] .team-filters .collection-tab[aria-pressed='true'] { background:linear-gradient(115deg,#65533a55,#28313d); color:#ffe0ad; border-color:#e9b77083; }
.interface-v78 .team-filter-label { color:#8f9fb2; }
.interface-v78 .carousel-controls button { border-color:#c7d7e626; background:linear-gradient(135deg,#293746,#1d2834); color:#cfdae5; }
.interface-v78 .collection-count { color:#8c9fb2; }
body.interface-v78[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person { border-top-color:#bfd6f136; border-inline-color:#92aed333; background:#151e2c; box-shadow:0 8px 24px #0004,inset 0 1px #dae5ff07; border-radius:6px; }
body.interface-v78[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person:hover { border-color:#acc7e476; box-shadow:0 10px 28px #0005,0 0 15px rgba(var(--team-rgb),.065); background:#1b2938; }
.interface-v78 #hot-list .person-card-identity { background:linear-gradient(110deg,#242f3b,#182230); border-top-color:#b7cfee1c; }
.interface-v78 #hot-list .person-card-identity::before { content:''; position:absolute; pointer-events:none; top:-1px; left:0; width:43%; height:1px; background:linear-gradient(90deg,rgba(var(--team-rgb),.6),transparent); }
.interface-v78 #hot-list .person-card-topline .career-badge { color:#b5c3d0; background:#142034aa; }
.interface-v78 .operation-card { border-color:#b4ceeb2d; box-shadow:0 8px 24px #0003; border-radius:6px; }
.interface-v78 #gear-spotlight { background:linear-gradient(115deg,#192431ec,#111c27f2); border-color:#b4cce321; box-shadow:inset 0 1px #d8e8ff04; }
.interface-v78 .gear-tabs button { background:#263443; color:#c5d3df; border-color:#bfd1e420; }
.interface-v78 .gear-tabs button[aria-selected='true'] { color:#17202a; background:#efb768; }
.interface-v78 .gear-model-panel { background:#1b2936; }
.interface-v78 .gear-brands-panel { background:#1b2936; }
.interface-v78 .gear-brand-row { color:#bdcad6; }
.interface-v78 .site-footer { color:#8a9eae; border-color:#a8bedb1a; }
.interface-v78 #detail-panel.is-player-profile { border-color:#a9c5e339; box-shadow:0 30px 120px #0009,0 0 35px #628dc30c; }
.interface-v78 .profile-crosshair { background:linear-gradient(125deg,#24313e,#1c2734); border-color:#c3d7ec24; }

@media(max-width:1100px) {
  .major-trophy-v78 { right:67px; width:275px; }
  .major-trophy-v78 figcaption { display:none; }
}
@media(max-width:800px) and (min-width:701px) {
  .major-trophy-v78 { width:230px; right:50px; opacity:.8; }
}
@media(max-width:700px) {
  .interface-v78 .arena-decoration-v78 { top:160px; width:100%; opacity:.04; }
  .interface-v78 .arena-light-v78 { width:68%; opacity:.55; }
  .interface-v78 .topnav .toy-nav-button,.interface-v78 .topnav .sound-toggle { background:transparent; border-color:transparent; box-shadow:none; }
  body.interface-v78[data-category] .hero-copy { min-height:173px; padding:18px 16px; border-radius:5px; }
  body.interface-v78[data-category] .hero-copy h1 { position:relative; z-index:2; font-size:29px; }
  body.interface-v78[data-category] .hero-copy .subtitle { position:relative; z-index:2; }
  body.interface-v78[data-category] .directory-dateline { position:relative; z-index:2; }
  body.interface-v78[data-category='pro'] .directory-dateline { justify-content:space-between; }
  .interface-v78 .directory-dateline .live-clock { position:static; }
  body.interface-v78[data-category='pro'] .directory-dateline .live-clock { margin-left:0; }
  .major-trophy-v78 { width:174px; height:116px; top:20px; right:5px; bottom:auto; opacity:.34; }
  .major-trophy-v78>img { mask-image:linear-gradient(90deg,transparent,#000 48%); }
  .interface-v78 .masthead-stats { position:relative; z-index:2; gap:14px; font-size:9px; }
  .interface-v78 .masthead-stats strong { font-size:15px; }
  .interface-v78 .masthead-stats>span+span::before { display:none; }
  body.interface-v78:not([data-category='pro']) .hero-copy { min-height:132px; }
  body.interface-v78[data-category='public'] .hero-copy { min-height:109px; padding-block:16px; }
  body.interface-v78[data-category='public'] .hero-copy h1 { font-size:26px; }
  body.interface-v78[data-category='hof'] .hero-copy { min-height:182px; }
  .interface-v78 .home-pet-slot { right:5px; bottom:9px; }
  body.interface-v78[data-category] .search-box { height:52px; min-height:52px; }
  body.interface-v78[data-category] .search-submit { flex-basis:65px; min-width:65px; padding-inline:8px; }
}
@media(max-width:359px) {
  body.interface-v78[data-category] .hero-copy h1 { font-size:27px; }
  .interface-v78 .masthead-stats { gap:10px; font-size:8px; }
  .interface-v78 .masthead-stats strong { font-size:13px; }
  body.interface-v78[data-category] .search-submit { min-width:54px; flex-basis:54px; }
}
@media(forced-colors:active) {
  .arena-decoration-v78,.arena-light-v78,.arena-grid-v78 { display:none; }
  .major-trophy-v78 { opacity:1; }
}

/* founder-v78.css */
/* V78: a compact GoldSrc / olive-metal tribute, separate from the people grid. */
.founder-v78 { --founder-gold:#d4c397; --founder-olive:#aab887; position:relative; isolation:isolate; margin:0 0 18px; color:#eceee2; border:1px solid #a9ab725c; border-radius:5px; background:#1b211e; box-shadow:0 15px 38px #0003,inset 0 1px #e9dbae12; overflow:hidden; }
.founder-v78[hidden],.founder-v78 [hidden] { display:none!important; }
.founder-v78::before { content:''; position:absolute; top:0; left:0; width:34%; height:2px; z-index:3; pointer-events:none; background:linear-gradient(90deg,#e0cfa0,#a6bd7977,transparent); }
.founder-stage { position:relative; display:grid; grid-template-columns:180px minmax(0,1fr) 252px; grid-template-areas:'photo content classic' 'photo footer classic'; gap:0 26px; padding:22px; background:radial-gradient(ellipse at 42% 0%,#9baa5910,transparent 70%),linear-gradient(110deg,#242a21,#1b211e 60%,#252b25); }
.founder-photo { grid-area:photo; position:relative; margin:0; min-width:0; min-height:236px; overflow:hidden; border:1px solid #d3c5a24d; border-radius:2px; background:#171b18; }
.founder-photo img { display:block; width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:center 35%; filter:saturate(.7) sepia(.12); }
.founder-photo::after { content:''; pointer-events:none; position:absolute; inset:0; border:5px solid #20272166; background:linear-gradient(0deg,#141b18de,transparent 30%); }
.founder-photo figcaption { position:absolute; z-index:1; bottom:11px; left:14px; color:#f0ead8; font:500 10px/1.5 'Segoe UI',sans-serif; letter-spacing:.05em; }
.founder-content { grid-area:content; min-width:0; padding-top:4px; }
.founder-eyebrow { display:flex; align-items:center; gap:12px; margin-bottom:11px; }
.founder-eyebrow>span { display:inline-block; padding:3px 9px; border:1px solid #b6b58466; background:#9da16c15; color:#e8d7a6; font:700 11px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; letter-spacing:.1em; }
.founder-eyebrow small { color:#a2aa91; font:500 10px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; letter-spacing:.06em; }
.founder-v78 h2 { display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 14px; margin:0; color:#f0eddd; font:700 35px/1.1 'Bahnschrift','Segoe UI',sans-serif; letter-spacing:-.025em; }
.founder-v78 h2>span { color:#bdc3a7; font-size:17px; font-weight:500; letter-spacing:.01em; }
.founder-role { margin:8px 0 0; color:#bfc6b8; font:500 11px/1.5 'Segoe UI','Microsoft YaHei',sans-serif; }
.founder-intro { margin:12px 0 0; max-width:560px; color:#b5bdb2; font:400 12px/1.9 'Segoe UI','Microsoft YaHei',sans-serif; text-wrap:pretty; }
.founder-classic { grid-area:classic; position:relative; align-self:stretch; display:flex; min-width:0; overflow:hidden; border:1px solid #a6b78832; border-radius:3px; background:#111914; }
.founder-classic>img { position:absolute; width:100%; height:100%; object-fit:cover; object-position:57% center; filter:saturate(.56) brightness(.73); transition:filter .28s ease; }
.founder-classic::after { content:''; position:absolute; pointer-events:none; inset:0; background:linear-gradient(0deg,#111a16f5,transparent 68%); }
.founder-classic-grid { position:absolute; z-index:1; pointer-events:none; inset:0; opacity:.17; background:repeating-linear-gradient(0deg,#050905 0 1px,transparent 1px 4px); }
.founder-classic:has(button:hover)>img,.founder-classic:has(button:focus-visible)>img { filter:saturate(.86) brightness(.94); }
.founder-v78 button { font-family:'Segoe UI','Microsoft YaHei',sans-serif; }
.founder-console-toggle { display:grid; grid-template-columns:30px 1fr; column-gap:9px; align-items:center; position:relative; z-index:2; align-self:flex-end; margin:14px; width:calc(100% - 28px); min-height:55px; padding:10px 12px; border:1px solid #d0ca9382; border-radius:2px; background:#303a29de; color:#eee7c9; text-align:left; transition:border-color .18s,background .18s; }
.founder-console-toggle:hover,.founder-console-toggle[aria-expanded='true'] { background:#455036e8; border-color:#e0d9ac; }
.founder-console-key { display:grid; place-items:center; grid-row:1/3; width:28px; height:28px; border:1px solid #9ead7980; background:#171e14a0; color:#d7dfb8; font:700 22px/1 'Consolas',monospace; }
.founder-console-toggle strong { font:700 18px/1.15 'Bahnschrift','Segoe UI',sans-serif; letter-spacing:.015em; }
.founder-console-toggle>span:last-child { margin-top:3px; color:#c6cbb5; font-size:9px; line-height:1.5; }
.founder-footer { grid-area:footer; min-width:0; align-self:end; padding-top:16px; }
.founder-timeline { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; gap:12px; padding:0 0 13px; margin:0; border-bottom:1px solid #c7cba021; }
.founder-timeline li { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 8px; min-width:0; }
.founder-timeline time { color:#d5c597; font:600 15px/1.3 'Bahnschrift','Segoe UI',sans-serif; font-variant-numeric:tabular-nums; }
.founder-timeline span { color:#9eaa99; font:400 10px/1.5 'Segoe UI','Microsoft YaHei',sans-serif; white-space:nowrap; }
.founder-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:13px; }
.founder-actions button { display:flex; justify-content:center; align-items:center; gap:16px; min-height:35px; padding:8px 13px; border:1px solid #b5b8873e; border-radius:3px; background:#2a3127; color:#d9dac6; font-size:11px; line-height:1.5; transition:background .18s,border-color .18s; }
.founder-actions .founder-profile-button { background:#bfc197; border-color:#c6c9a2; color:#1f291c; font-weight:700; }
.founder-actions .founder-profile-button:hover { background:#dde0b6; border-color:#f0e9bc; }
.founder-actions .founder-archive-toggle:hover,.founder-actions .founder-archive-toggle[aria-expanded='true'] { background:#38402e; border-color:#bdc18f8c; }
.founder-chevron { display:block; font-size:15px; line-height:12px; transition:transform .18s; }
.founder-archive-toggle[aria-expanded='true'] .founder-chevron { transform:rotate(180deg); }
.founder-v78 :is(button,a):focus-visible { outline:2px solid #e1dca4; outline-offset:3px; }
.founder-archive { padding:20px 22px 16px; border-top:1px solid #bbc89537; background:#151c18; }
.founder-archive-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:16px; }
.founder-v78 h3 { margin:0; color:#e7e8d4; font:600 15px/1.5 'Segoe UI','Microsoft YaHei',sans-serif; }
.founder-archive-heading>span { color:#929f80; font:500 12px/1 'Consolas',monospace; }
.founder-archive-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr); gap:24px; }
.founder-archive-shot { margin:0; min-width:0; }
.founder-archive-shot img { display:block; width:100%; height:auto; max-height:270px; object-fit:contain; background:#101612; border:1px solid #acb58231; }
.founder-archive-shot figcaption { margin-top:6px; color:#8f9c8e; font-size:9px; line-height:1.5; }
.founder-archive-copy { min-width:0; }
.founder-archive-copy p { margin:0 0 12px; color:#b5beb0; font:400 12px/1.85 'Segoe UI','Microsoft YaHei',sans-serif; }
.founder-interviews { display:grid; gap:7px; margin-top:15px; }
.founder-interviews a { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:5px 12px; padding:10px 12px; min-height:41px; color:#d6dac5; background:#252e2399; border:1px solid #a8b98126; border-radius:2px; text-decoration:none; font-size:11px; line-height:1.5; transition:background .18s,border-color .18s; }
.founder-interviews a:hover { color:#f3efca; background:#333d29; border-color:#adbb7894; }
.founder-interviews small { color:#99a590; font-size:9px; }
.founder-credits { margin:16px 0 0; color:#899587; font:400 9px/1.8 'Segoe UI','Microsoft YaHei',sans-serif; overflow-wrap:anywhere; }
.founder-credits a { color:#aeba9d; text-underline-offset:3px; }
.founder-console { margin:0 22px 20px; border:1px solid #a7ae8270; border-top-color:#c4cba0; background:#354130; box-shadow:0 8px 20px #0004; font-family:'Consolas','Microsoft YaHei',monospace; }
.founder-console-bar { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:5px 7px 5px 12px; background:linear-gradient(90deg,#546044,#3e4a35); border-bottom:1px solid #0007; }
.founder-console-bar h3 { color:#e4e8d8; font:500 11px/1.5 'Consolas','Microsoft YaHei',monospace; }
.founder-console-close { display:grid; place-items:center; width:28px; height:26px; padding:0; border:1px solid #afba87; border-right-color:#1e2b17; border-bottom-color:#1e2b17; background:#586447; color:#eef0dd; font-size:20px; line-height:1; }
.founder-console-close:hover { background:#697951; }
.founder-console-screen { position:relative; min-height:165px; padding:16px 18px; margin:9px; border:1px solid #0e150f; background:#182219; box-shadow:inset 0 0 24px #0004; }
.founder-console-screen::after { content:''; pointer-events:none; position:absolute; inset:0; opacity:.1; background:repeating-linear-gradient(0deg,#afc38a 0 1px,transparent 1px 4px); }
.founder-console-output { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; color:#c2d2a8; font:400 12px/1.7 'Consolas','Microsoft YaHei',monospace; }
.founder-console-cursor { display:block; color:#c2d2a8; font-size:12px; line-height:1; margin-top:4px; }
.founder-console-commands { display:flex; flex-wrap:wrap; gap:7px; padding:0 9px 9px; }
.founder-console-commands button { padding:7px 12px; min-height:32px; border:1px solid #a2b480; border-right-color:#1d2915; border-bottom-color:#1d2915; border-radius:0; background:#536142; color:#e1e7cb; font:400 11px/1.5 'Consolas',monospace; }
.founder-console-commands button:hover,.founder-console-commands button[aria-pressed='true'] { background:#728153; color:#fff8d4; }
@media(min-width:781px) and (prefers-reduced-motion:no-preference) {
  .founder-v78:not([hidden]) .founder-stage { animation:founder-entry-v78 .45s ease-out both; }
  .founder-v78 .founder-photo::before { content:''; z-index:2; position:absolute; pointer-events:none; inset:0; opacity:0; background:linear-gradient(115deg,transparent 35%,#f0e4c525 50%,transparent 65%); transform:translateX(-110%); }
  .founder-v78:hover .founder-photo::before { animation:founder-reflection-v78 .85s ease-out; }
}
@media(prefers-reduced-motion:no-preference) {
  .founder-console:not([hidden]) { animation:founder-console-v78 .18s ease-out both; }
  .founder-archive:not([hidden]) { animation:founder-console-v78 .22s ease-out both; }
}
@keyframes founder-entry-v78 { from { opacity:.55; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
@keyframes founder-reflection-v78 { 0% { opacity:0; transform:translateX(-110%); } 25% { opacity:1; } 100% { opacity:0; transform:translateX(110%); } }
@keyframes founder-console-v78 { from { opacity:.55; transform:translateY(-3px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:1100px) {
  .founder-stage { grid-template-columns:150px minmax(0,1fr) 190px; gap:0 20px; padding:18px; }
  .founder-v78 h2 { font-size:30px; }
  .founder-v78 h2>span { font-size:15px; }
  .founder-intro { font-size:11px; }
  .founder-console-toggle { margin:10px; width:calc(100% - 20px); padding:10px; }
  .founder-timeline { gap:8px; }
}
@media(max-width:780px) {
  .founder-stage { grid-template-columns:144px minmax(0,1fr); grid-template-areas:'photo content' 'footer footer' 'classic classic'; gap:0 18px; padding:18px; }
  .founder-photo { min-height:192px; }
  .founder-content { align-self:center; }
  .founder-intro { font-size:12px; }
  .founder-footer { padding-top:18px; }
  .founder-timeline { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .founder-actions { margin-top:12px; }
  .founder-classic { margin-top:15px; min-height:66px; }
  .founder-classic>img { object-position:center 37%; opacity:.65; }
  .founder-classic::after { background:linear-gradient(90deg,#1b241af0,#19201755); }
  .founder-console-toggle { display:flex; align-self:center; width:auto; min-height:40px; gap:10px; margin:10px; padding:6px 12px; background:#24311dde; }
  .founder-console-toggle>span:last-child { margin:0 0 0 8px; font-size:10px; }
  .founder-console-key { width:26px; height:26px; }
  .founder-archive { padding:18px; }
  .founder-archive-grid { grid-template-columns:1fr; gap:16px; }
  .founder-archive-shot img { max-height:320px; }
  .founder-console { margin:0 18px 18px; }
}
@media(max-width:520px) {
  .founder-v78 { margin-bottom:14px; }
  .founder-stage { grid-template-columns:100px minmax(0,1fr); gap:0 13px; padding:13px; }
  .founder-photo { min-height:166px; }
  .founder-photo img { object-position:48% 38%; }
  .founder-photo figcaption { left:7px; bottom:8px; font-size:8px; letter-spacing:0; }
  .founder-eyebrow { gap:7px; margin-bottom:8px; }
  .founder-eyebrow>span { padding:3px 6px; font-size:9px; }
  .founder-eyebrow small { font-size:8px; letter-spacing:0; }
  .founder-v78 h2 { display:block; font-size:26px; line-height:1.15; }
  .founder-v78 h2>span { display:block; margin-top:3px; font-size:13px; }
  .founder-role { margin-top:6px; font-size:9px; }
  .founder-intro { margin-top:8px; font-size:10px; line-height:1.8; }
  .founder-footer { padding-top:14px; }
  .founder-timeline { gap:8px; padding-bottom:11px; }
  .founder-timeline li { display:block; }
  .founder-timeline time { font-size:15px; }
  .founder-timeline span { display:block; margin-top:3px; font-size:9px; }
  .founder-actions { display:grid; grid-template-columns:1fr 1.3fr; gap:7px; margin-top:11px; }
  .founder-actions button { min-height:37px; gap:8px; padding:7px 8px; font-size:10px; }
  .founder-classic { margin-top:12px; min-height:58px; }
  .founder-console-toggle { margin:8px; padding:5px 9px; min-height:39px; }
  .founder-console-toggle strong { font-size:16px; }
  .founder-console-toggle>span:last-child { font-size:9px; }
  .founder-archive { padding:15px 13px 13px; }
  .founder-archive-heading { gap:8px; margin-bottom:12px; }
  .founder-v78 h3 { font-size:13px; }
  .founder-archive-copy p { font-size:11px; }
  .founder-interviews a { padding:9px; font-size:10px; }
  .founder-credits { font-size:8px; }
  .founder-console { margin:0 13px 13px; }
  .founder-console-bar { padding-left:8px; }
  .founder-console-bar h3 { font-size:9px; }
  .founder-console-screen { min-height:163px; padding:13px 11px; margin:7px; }
  .founder-console-output { font-size:10px; }
  .founder-console-commands { gap:5px; padding:0 7px 7px; }
  .founder-console-commands button { min-height:34px; padding:6px 8px; font-size:9px; }
}
@media(max-width:350px) {
  .founder-stage { grid-template-columns:83px minmax(0,1fr); gap:0 10px; padding:11px; }
  .founder-photo { min-height:179px; }
  .founder-v78 h2 { font-size:24px; }
  .founder-eyebrow { flex-wrap:wrap; gap:4px 7px; }
  .founder-eyebrow small { font-size:7px; }
  .founder-intro { font-size:9px; }
  .founder-role { font-size:8px; }
  .founder-actions button { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) {
  .founder-v78,.founder-v78 *,.founder-v78 *::before,.founder-v78 *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
html[data-motion-v78='off'] .founder-v78,html[data-motion-v78='off'] .founder-v78 *,html[data-motion-v78='off'] .founder-v78 *::before,html[data-motion-v78='off'] .founder-v78 *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
@media(forced-colors:active) {
  .founder-v78,.founder-photo,.founder-classic,.founder-console,.founder-console-screen,.founder-v78 button { border:1px solid CanvasText; }
  .founder-v78 :is(button,a):focus-visible { outline-color:Highlight; }
}

/* motion-v78.css */
/* V78: light follows intention, not a perpetual animation loop. */
.motion-v78-ready { --v78-light-rgb:244,181,95; --v78-motion-ease:cubic-bezier(.2,.8,.24,1); }
.motion-v78-ready .topnav .motion-toggle-v78 {
  position:relative; display:flex; flex:0 0 auto; align-items:center; justify-content:center; gap:6px;
  min-height:36px; height:36px; padding:0 10px; border:1px solid #ffffff1c; border-radius:4px;
  background:#222629; color:#cbd1cc; font:500 11px/1 var(--sans,'Segoe UI',sans-serif);
  white-space:nowrap; cursor:pointer; isolation:isolate;
}
.motion-toggle-v78 svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linejoin:round; }
.motion-toggle-status { width:4px; height:4px; border-radius:50%; background:#ecb971; box-shadow:0 0 7px #eca95545; }
.motion-toggle-v78[aria-pressed='false'] .motion-toggle-status { background:#78817f; box-shadow:none; }
.motion-v78-ready .topnav .motion-toggle-v78[aria-disabled='true'] { color:#87918e; cursor:default; }
.motion-v78-ready .topnav .motion-toggle-v78:not([aria-disabled='true']):hover { border-color:#dda65d9c; color:#ffe0b5; background:#302c25; }
.motion-v78-ready .topnav .motion-toggle-v78:focus-visible { outline:2px solid #eec185; outline-offset:3px; }
.v78-glow-anchor { position:relative; }
.v78-pointer-light {
  --v78-target-rgb:var(--team-rgb,var(--v78-light-rgb));
  display:block; position:absolute; inset:0; z-index:14; border-radius:inherit;
  pointer-events:none!important; user-select:none; overflow:hidden; contain:strict;
  background:radial-gradient(150px circle at var(--v78-light-x,50%) var(--v78-light-y,50%),rgba(var(--v78-target-rgb),.105),transparent 76%);
}
.v78-pointer-light::after {
  content:''; position:absolute; inset:0; padding:1px; border-radius:inherit;
  background:radial-gradient(105px circle at var(--v78-light-x,50%) var(--v78-light-y,50%),rgba(var(--v78-target-rgb),.88),transparent 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
}
.motion-v78-ready .ui-feedback-layer {
  background:radial-gradient(ellipse at var(--ui-hit-x,50%) var(--ui-hit-y,50%),rgba(var(--ui-hit-rgb),.21),transparent 72%);
  box-shadow:inset 0 0 0 1px rgba(var(--ui-hit-rgb),.62),inset 0 -2px rgba(var(--ui-hit-rgb),.45);
  animation:v78-commit 300ms ease-out both;
}
.motion-v78-ready .ui-feedback-layer::before {
  width:40%; height:auto; inset:0 auto 0 -45%; border:0; border-radius:0;
  background:linear-gradient(105deg,transparent,rgba(var(--ui-hit-rgb),.20),transparent);
  transform:skewX(-16deg); animation:v78-commit-sweep 290ms ease-out both;
}
.motion-v78-ready .ui-feedback-layer::after {
  width:auto; height:auto; inset:3px; border:0; border-radius:1px; opacity:.7;
  background:linear-gradient(rgba(var(--ui-hit-rgb),.86) 0 0) left top/8px 1px no-repeat,
    linear-gradient(rgba(var(--ui-hit-rgb),.86) 0 0) left top/1px 8px no-repeat,
    linear-gradient(rgba(var(--ui-hit-rgb),.86) 0 0) right bottom/8px 1px no-repeat,
    linear-gradient(rgba(var(--ui-hit-rgb),.86) 0 0) right bottom/1px 8px no-repeat;
}
.motion-v78-ready .ui-feedback-layer[data-kind='selected'] { animation-duration:450ms; box-shadow:inset 0 0 0 1px rgba(var(--ui-hit-rgb),.85),inset 0 -2px rgba(var(--ui-hit-rgb),.85),inset 0 0 22px rgba(var(--ui-hit-rgb),.08); }
.motion-v78-ready .ui-feedback-layer[data-kind='confirm'],
.motion-v78-ready .ui-feedback-layer[data-kind='error'] { animation-duration:650ms; }
.motion-v78-ready :is(.public-entry,.collection-tab,.workshop-tab,.operation-scene-button)[aria-pressed='true'] { box-shadow:inset 0 -2px rgba(var(--v78-light-rgb),.7),inset 0 0 18px rgba(var(--v78-light-rgb),.035); }
.motion-v78-ready :is(.public-entry,.collection-tab,.hot-person,.result-card,.platform-card,.search-submit,.crosshair-copy-button,.favorite-toggle):focus-visible { outline:2px solid #efd29d; outline-offset:3px; box-shadow:0 0 0 5px #e9ae581c; }
.motion-v78-ready .fx-feedback,.motion-v78-ready .fx-hover-sweep,.motion-v78-ready .fx-header-scan,.motion-v78-ready .fx-search-scan,.motion-v78-ready .fx-burst { display:none!important; }

@keyframes v78-commit { 0% { opacity:1; } 45% { opacity:.65; } 100% { opacity:0; } }
@keyframes v78-commit-sweep { from { translate:0 0; } to { translate:390% 0; } }
@keyframes v78-ambient { from { opacity:.62; } to { opacity:.85; } }

@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .motion-v78-ready[data-motion-v78='on'] .page-bg::after,
  .motion-v78-ready[data-motion-v78='on'] .v78-ambient-light { animation:v78-ambient 18s ease-in-out infinite alternate; transform:none; }
  .motion-v78-ready[data-motion-v78='on'] .v78-hovered { transition:border-color 160ms,box-shadow 180ms,background 160ms,translate 180ms var(--v78-motion-ease); }
  .motion-v78-ready[data-motion-v78='on'] .search-submit:hover { box-shadow:0 0 21px #eda84e35,inset 0 1px #ffdda980; }
  .motion-v78-ready[data-motion-v78='on'] .crosshair-copy-button:hover { box-shadow:0 0 16px #e4a34821,inset 0 1px #ffdda933; }
}
@media(max-width:700px) {
  .motion-v78-ready .topnav .motion-toggle-v78 { flex-basis:34px; width:34px; height:44px; padding:0; border-color:transparent; background:transparent; }
  .motion-toggle-v78 svg { width:18px; height:18px; }
  .motion-toggle-label,.motion-toggle-status { display:none; }
  .motion-v78-ready .page-bg::after,.motion-v78-ready .v78-ambient-light { animation:none; }
}
@media(hover:none),(pointer:coarse) {
  .v78-pointer-light { display:none; }
  .motion-v78-ready .page-bg::after,.motion-v78-ready .v78-ambient-light { animation:none; }
}
/* One preference covers new and legacy CSS effects, including pets and backdrop. */
.motion-v78-ready[data-motion-v78='off'] *,
.motion-v78-ready[data-motion-v78='off'] *::before,
.motion-v78-ready[data-motion-v78='off'] *::after {
  animation:none!important; transition:none!important; scroll-behavior:auto!important;
}
.motion-v78-ready[data-motion-v78='off'] .v78-pointer-light { display:none!important; }
.motion-v78-ready[data-motion-v78='off'] .ui-feedback-layer { animation:none!important; opacity:.4; background:none; }
.motion-v78-ready[data-motion-v78='off'] .ui-feedback-layer::before { display:none; }
.motion-v78-ready[data-motion-v78='off'] .is-ui-pressed { scale:none!important; filter:none!important; }
.motion-v78-ready[data-motion-v78='off'] :is(button,a[href],summary,[role='button']):active { scale:none!important; }
.motion-v78-ready[data-motion-v78='off'] :is(.public-entry,.hot-person,.result-card,.platform-card,.portfolio-work,.entry-symbol,.portrait-frame) { translate:none!important; scale:none!important; }
.motion-v78-ready[data-motion-v78='off'] :is(.public-entry,.hot-person,.result-card,.platform-card,.portfolio-work,.person-card-arrow,.platform-arrow,.result-arrow) { transform:none!important; }
.motion-v78-ready[data-motion-v78-active='false'] *,
.motion-v78-ready[data-motion-v78-active='false'] *::before,
.motion-v78-ready[data-motion-v78-active='false'] *::after { animation-play-state:paused!important; }
@media(prefers-reduced-motion:reduce) {
  .motion-v78-ready *, .motion-v78-ready *::before, .motion-v78-ready *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  .motion-v78-ready .v78-pointer-light { display:none!important; }
  .motion-v78-ready .ui-feedback-layer { opacity:.4; background:none; }
  .motion-v78-ready .ui-feedback-layer::before { display:none; }
  .motion-v78-ready .is-ui-pressed { scale:none!important; filter:none!important; }
  .motion-v78-ready :is(.public-entry,.hot-person,.result-card,.platform-card,.portfolio-work,.person-card-arrow,.platform-arrow,.result-arrow) { transform:none!important; }
}
@media(forced-colors:active) {
  .v78-pointer-light,.motion-toggle-status { display:none; }
  .motion-v78-ready .topnav .motion-toggle-v78 { border:1px solid ButtonText; }
  .motion-v78-ready .ui-feedback-layer { background:none; border:1px solid Highlight; box-shadow:none; }
}

/* directory-controls-v78.css */
/* V78 directory tools: one name index and one sorting control, in every category. */
.interface-v78 .collection-heading { display:flex; align-items:center; flex-wrap:wrap; gap:10px 14px; margin-bottom:12px; }
.interface-v78 .collection-heading h2 { flex:1 1 auto; min-width:0; margin:0; line-height:1.35; }
/* The old hall layout visually hid this row before it contained shared controls. */
body.interface-v78[data-category='hof'] .collection-heading { position:static; width:auto; height:auto; min-height:34px; padding:0; margin:0 0 12px; overflow:visible; clip:auto; clip-path:none; white-space:normal; }
.interface-v78 .directory-sort-controls { flex:none; gap:8px; margin:0; color:#94a4b4; font:500 11px/1.3 'Segoe UI','Microsoft YaHei',sans-serif; }
.interface-v78 .directory-sort-controls[hidden] { display:none; }
.interface-v78 .directory-sort-controls button { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:7px; min-width:100px; min-height:34px; padding:6px 11px; border:1px solid #c3d1e32b; border-radius:5px; background:#202b38; color:#dce6ef; font:600 11px/1.3 'Segoe UI','Microsoft YaHei',sans-serif; white-space:nowrap; box-shadow:inset 0 1px #ffffff05; transition:background .16s,border-color .16s,transform .12s; }
.interface-v78 .directory-sort-controls button::before { content:'↕'; font:500 15px/1 'Segoe UI',sans-serif; color:#d9af79; }
.interface-v78 .directory-sort-controls button:hover { color:#fff0dc; background:#303744; border-color:#d8b07888; }
.interface-v78 .directory-sort-controls button[aria-pressed='true'] { background:#4a3b244d; border-color:#d9aa6773; color:#f0c58e; }
.interface-v78 .directory-sort-controls button:active { transform:translateY(1px); }
.interface-v78 .carousel-controls { margin-left:0; }
.interface-v78 .letter-filter { display:flex; align-items:center; gap:12px; margin:0 0 14px; padding:10px 12px; border:1px solid #bed1e51c; border-radius:6px; background:#141e2de6; box-shadow:inset 0 1px #ffffff04; }
.interface-v78 .letter-filter[hidden] { display:none; }
.interface-v78 .letter-filter-label { color:#91a2b7; font:600 11px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; letter-spacing:0; }
.interface-v78 .letter-filter-list { flex:1; display:flex; flex-wrap:wrap; gap:5px; overflow:visible; }
.interface-v78 .letter-filter .letter-filter-button { display:inline-flex; align-items:center; justify-content:center; min-width:30px; min-height:32px; padding:6px 8px; border:1px solid transparent; border-radius:4px; background:#2633428c; color:#b5c4d3; font:650 11px/1 'Segoe UI',sans-serif; font-variant-numeric:tabular-nums; box-shadow:none; transform:none; }
.interface-v78 .letter-filter .letter-filter-button[data-letter='all'] { min-width:45px; font-family:'Segoe UI','Microsoft YaHei',sans-serif; }
.interface-v78 .letter-filter .letter-filter-button:hover { color:#f6e6d0; border-color:#d5b07c55; background:#394250; }
.interface-v78 .letter-filter .letter-filter-button[aria-pressed='true'] { color:#17212b; background:#edb46b; border-color:#f4c686; box-shadow:inset 0 1px #fff6; }
.interface-v78 .letter-filter button:focus-visible,.interface-v78 .directory-sort-controls button:focus-visible { outline:2px solid #f4c783; outline-offset:3px; }
.interface-v78 .category-backbar { position:relative; top:auto; padding:6px; gap:15px; margin-bottom:16px; border-color:#b2c6dc24; border-radius:6px; background:#18232de8; box-shadow:0 4px 18px #0002; }
.interface-v78 .category-backbar .directory-home { min-height:36px; padding:0 14px; gap:8px; border-radius:4px; border-color:#f4c38760; background:#edb46b; color:#17202a; font-size:12px; box-shadow:inset 0 1px #ffe1b859; }
.interface-v78 .directory-home svg { width:17px; height:17px; }
body.interface-v78:not([data-category='pro']) .header-cs2-logo { width:30px; height:30px; opacity:.8; object-fit:contain; }
body.interface-v78:not([data-category='pro']):not([data-category='hof']) .hero-copy { min-height:108px; padding-block:18px; }
body.interface-v78:not([data-category='pro']):not([data-category='hof']) .hero-copy h1 { margin:0; font-size:30px; line-height:1.25; }
body.interface-v78:not([data-category='pro']):not([data-category='hof']) .hero-copy .subtitle { display:none; }
/* Keep the full Chinese font ascent inside the name's own clipping box. */
body.interface-v78[data-category='controversy'] #hot-list.controversy-grid .watch-card-copy strong {
  display:block; max-height:none; line-height:1.5; white-space:normal;
  -webkit-line-clamp:unset; overflow-wrap:anywhere;
}
@media(max-width:700px) {
  .interface-v78 .collection-heading { gap:9px; margin-bottom:10px; }
  .interface-v78 .collection-heading h2 { font-size:18px; }
  .interface-v78 .directory-sort-controls>span { display:none; }
  .interface-v78 .directory-sort-controls button { min-width:88px; min-height:34px; padding:6px 8px; }
  .interface-v78 .letter-filter { align-items:flex-start; gap:8px; padding:9px; margin-bottom:11px; }
  .interface-v78 .letter-filter-label { padding-top:10px; font-size:10px; }
  .interface-v78 .letter-filter-list { gap:4px; }
  .interface-v78 .letter-filter .letter-filter-button { min-width:29px; min-height:32px; padding:6px; }
  .interface-v78 .category-backbar { padding:5px; margin-bottom:12px; }
  .interface-v78 .category-backbar .directory-home { min-height:36px; padding-inline:10px; }
  .interface-v78 .category-location { margin-right:5px; }
  .interface-v78 .category-location strong { font-size:11px; }
  body.interface-v78:not([data-category='pro']):not([data-category='hof']) .hero-copy { min-height:95px; padding:16px; }
  body.interface-v78:not([data-category='pro']):not([data-category='hof']) .hero-copy h1 { font-size:26px; }
  body.interface-v78[data-category='pro'] .mobile-team-picker { order:3; margin-left:0; }
  body.interface-v78[data-category='pro'] .carousel-controls { order:4; margin-left:auto; }
  /* The arrow sits on the team row, so the name can use the whole first row. */
  body.interface-v78[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person .hot-person-name { max-width:100%; width:100%; }
  body.interface-v78[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .player-name-text { white-space:normal; overflow-wrap:anywhere; text-overflow:clip; }
  body.interface-v78[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .hot-person { height:auto; }
  body.interface-v78[data-category='pro'] #hot-list:not(.creator-grid):not(.hof-grid):not(.coach-grid):not(.retired-grid) .person-card-identity { height:auto; min-height:63px; flex-basis:auto; }
  body.interface-v78[data-category='creator'] #hot-list.creator-grid .creator-name { display:block; max-height:none; line-height:1.5; -webkit-line-clamp:unset; }
}
@media(max-width:390px) {
  body.interface-v78[data-category='pro'] .collection-heading h2 { flex-basis:calc(100% - 110px); }
  .interface-v78 .category-location>span { display:none; }
}
@media(prefers-reduced-motion:reduce) {
  .interface-v78 .directory-sort-controls button,.interface-v78 .letter-filter button { transition:none; }
}

/* profile-v79.css */
/* V79: a readable, compact match-data layout. Original crosshair artwork is never recoloured. */
#detail-panel {
  --cfg-surface:#15212c;
  --cfg-raised:#1d2b38;
  --cfg-line:#344857;
  --cfg-text:#f1f5fa;
  --cfg-muted:#b7c6d3;
  font-family:'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif;
}
#detail-panel .profile-actions { background:#111c26; }
#detail-panel .profile-crosshair,
#detail-panel .player-settings {
  min-width:0;
  margin:18px 0 0;
  padding:18px;
  color:var(--cfg-text);
  border:1px solid var(--cfg-line);
  border-radius:10px;
  background:var(--cfg-surface);
  box-shadow:inset 0 1px #ffffff06;
  font-family:inherit;
  text-shadow:none;
}
#detail-panel .steam-friend-code { margin-block:16px 0; background:#19332d; border-color:#507d69; }
#detail-panel .steam-friend-copy .account-id { font-variant-numeric:tabular-nums; letter-spacing:.025em; }
#detail-panel .crosshair-heading,
#detail-panel .player-settings-header { align-items:center; gap:12px; margin-bottom:16px; }
#detail-panel .crosshair-heading h3,
#detail-panel .player-settings h3 { margin:0; font:700 16px/1.5 'Segoe UI','Microsoft YaHei',sans-serif; letter-spacing:0; }
#detail-panel .crosshair-source { gap:8px; color:var(--cfg-muted); font-size:11px; }
#detail-panel .crosshair-source>span { display:none; }
.settings-source-mark { display:inline-flex; flex:none; align-items:center; }
.settings-source-mark img { display:block; width:115px; height:auto; }
#detail-panel .crosshair-layout { grid-template-columns:180px minmax(0,1fr); align-items:center; gap:20px; }
.crosshair-preview-wrap { min-width:0; }
#detail-panel .crosshair-preview { min-height:128px; border-radius:6px 6px 0 0; }
#detail-panel .profile-crosshair[data-surface='dark'] .crosshair-preview { background:#09121a; }
#detail-panel .profile-crosshair[data-surface='light'] .crosshair-preview { background:#d5dade; }
#detail-panel .profile-crosshair:not([data-surface='map']) .crosshair-preview::before { display:none; }
#detail-panel .profile-crosshair[data-surface='light'] .crosshair-scale { color:#34444f; text-shadow:none; }
.crosshair-surfaces { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; padding:3px; border:1px solid var(--cfg-line); border-top:0; border-radius:0 0 6px 6px; background:#101c27; }
.crosshair-surfaces button { min-width:0; min-height:30px; border:0; border-radius:3px; color:var(--cfg-muted); background:transparent; font:500 12px/1.5 'Segoe UI','Microsoft YaHei',sans-serif; cursor:pointer; }
.crosshair-surfaces button:hover { color:#fff; background:#ffffff0d; }
.crosshair-surfaces button[aria-pressed='true'] { color:#ffe3a3; background:#a97a2429; }
#detail-panel .crosshair-kicker { margin-bottom:8px; color:var(--cfg-muted); font-size:12px; line-height:1.5; letter-spacing:0; }
#detail-panel .crosshair-code { padding:10px 12px; border:1px solid #344857; border-radius:5px; color:#f5f8fc; background:#0c1721; font:500 14px/1.7 Consolas,'Cascadia Mono',monospace; letter-spacing:.015em; text-shadow:none; overflow-wrap:anywhere; }
#detail-panel .crosshair-legacy { color:var(--cfg-muted); font-size:14px; }
#detail-panel .crosshair-actions { gap:10px 14px; margin-top:12px; }
#detail-panel .crosshair-copy-button { min-height:40px; padding:8px 13px; color:#ffe3a3; background:#4a381f; border-color:#99753e; font:600 13px/1.5 'Segoe UI','Microsoft YaHei',sans-serif; }
#detail-panel .crosshair-copy-button:hover { background:#604725; border-color:#d3a65a; }
#detail-panel .crosshair-copy-button.is-copied { color:#c5f4d7; background:#1c4332; border-color:#6dae88; }
#detail-panel .crosshair-checked { color:var(--cfg-muted); font-size:12px; }
#detail-panel .crosshair-copy-status { color:#b8e8ca; font-size:12px; }
#detail-panel .crosshair-scale { font-size:11px; }
#detail-panel .player-settings-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:16px; }
.settings-metric { min-width:0; padding:12px 14px; border:1px solid #385061; border-radius:6px; background:#1c2c39; }
.settings-metric span { display:block; color:var(--cfg-muted); font-size:12px; line-height:1.5; }
.settings-metric strong { display:block; margin-top:5px; color:#fff; font:650 19px/1.35 'Segoe UI',sans-serif; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.settings-metric:last-child strong { font-size:17px; }
.player-settings-tabs { position:relative; display:flex; gap:2px; max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:thin; scrollbar-color:#587080 transparent; padding:0 0 8px; border-bottom:1px solid var(--cfg-line); }
.settings-tab { flex:none; min-height:38px; padding:8px 13px; border:1px solid transparent; border-radius:5px; color:var(--cfg-muted); background:transparent; font:600 13px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; cursor:pointer; }
.settings-tab:hover { color:#fff; background:#ffffff08; }
.settings-tab[aria-selected='true'] { color:#ffe3a3; border-color:#c9944245; background:#b5812321; }
#detail-panel .player-settings-groups { display:block; }
#detail-panel .player-settings-group { border:0; border-radius:0; background:transparent; }
#detail-panel .player-settings-group dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; margin:0; padding:4px 0 0; }
#detail-panel .player-settings-group dl>div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; gap:12px; min-width:0; padding:12px 0; border-bottom:1px solid #34485799; }
#detail-panel .player-settings-group dl>div:nth-last-child(-n+2) { border-bottom:0; }
#detail-panel .player-settings-group dt { color:var(--cfg-muted); font:400 13px/1.6 'Segoe UI','Microsoft YaHei',sans-serif; white-space:normal; overflow:visible; overflow-wrap:anywhere; }
#detail-panel .player-settings-group dd { margin:0; color:var(--cfg-text); font:600 13px/1.6 'Segoe UI','Microsoft YaHei',sans-serif; font-variant-numeric:tabular-nums; text-align:right; white-space:normal; overflow:visible; overflow-wrap:anywhere; }
#detail-panel .player-settings-source { margin:12px 0 0; color:var(--cfg-muted); font-size:11px; line-height:1.6; }
#detail-panel .player-settings-empty { margin:0; color:var(--cfg-muted); font-size:13px; line-height:1.7; }
#detail-panel .player-settings[data-state='unavailable'] { padding:16px 18px; }
#detail-panel .player-settings[data-state='unavailable'] .player-settings-header { margin-bottom:6px; }
#detail-panel :is(.player-settings,.profile-crosshair) [hidden] { display:none!important; }
#detail-panel :is(.settings-tab,.player-settings-group,.crosshair-surfaces button):focus-visible { outline:2px solid #ffdd95; outline-offset:2px; }
#detail-panel #social-disclosure { margin-top:18px; }

/* No blur across the entire directory while a profile is open. The opaque backdrop
   gives the same focus without rerasterizing every card under a large filter. */
.detail-open #app-shell.is-detail-open { filter:none; }
#detail-backdrop { backdrop-filter:none; background:rgba(6,11,19,.82); }
/* NRG supplies a black monochrome logo. Lift that source mark on dark surfaces. */
:is([data-team='nrg'],[data-group='nrg']) { --crest-filter:brightness(0) invert(1) drop-shadow(0 1px 2px #0005); }
@media(max-width:700px) {
  #detail-panel .profile-crosshair,#detail-panel .player-settings { padding:14px; }
  #detail-panel .crosshair-layout { grid-template-columns:140px minmax(0,1fr); gap:14px; }
  #detail-panel .player-settings-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #detail-panel .player-settings-group dl { grid-template-columns:minmax(0,1fr); }
  #detail-panel .player-settings-group dl>div:nth-last-child(2) { border-bottom:1px solid #34485799; }
  .settings-metric { padding:10px 12px; }
  .settings-tab { padding-inline:11px; }
}
@media(max-width:540px) {
  #detail-panel .crosshair-layout { grid-template-columns:minmax(0,1fr); gap:14px; }
  #detail-panel .crosshair-preview { min-height:120px; }
  .crosshair-surfaces button { min-height:34px; }
  #detail-panel .crosshair-code { font-size:13px; }
  #detail-panel .crosshair-copy-button { min-height:42px; }
  #detail-panel .crosshair-heading h3,#detail-panel .player-settings h3 { font-size:15px; }
  #detail-panel .crosshair-source img,.settings-source-mark img { width:104px; }
}
@media(prefers-reduced-motion:reduce) {
  .settings-tab,.crosshair-surfaces button { transition:none; }
}

/* interface-v79.css */
/* V79 — one utility rail, one background entry. Solid surfaces keep scrolling light. */
body.interface-v79 {
  --v79-ui-font:'Segoe UI','Microsoft YaHei UI','Microsoft YaHei','PingFang SC',sans-serif;
}
body.interface-v79[data-category] .topbar {
  height:72px;
  background:#111923;
  border-bottom:1px solid #b8cde426;
  box-shadow:0 3px 14px #0003;
  backdrop-filter:none;
}
body.interface-v79[data-category] .topbar-inner {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  max-width:1368px;
  height:100%;
  padding:0 24px;
  gap:14px;
}
.interface-v79 .topbar-identity { display:flex; align-items:center; flex:none; gap:12px; min-width:0; }
.interface-v79 .topbar .brand { display:flex; align-items:center; gap:9px; width:auto; height:48px; flex:none; margin:0; }
.interface-v79 .topbar .brand-mark { display:block; width:46px; height:46px; flex:none; filter:none; }
.interface-v79 .brand-wordmark { display:flex; flex-direction:column; gap:5px; min-width:0; font-family:var(--v79-ui-font); }
.interface-v79 .brand-wordmark strong { color:#edf2f5; font-size:13px; line-height:1.2; font-weight:750; letter-spacing:.055em; white-space:nowrap; }
.interface-v79 .brand-wordmark strong span { color:#eab16a; }
.interface-v79 .brand-wordmark small { color:#96a9bb; font-size:10px; line-height:1.3; letter-spacing:.1em; }
.interface-v79 .topbar .build-badge { display:none; }
body.interface-v79[data-category] .header-cs2-logo {
  position:static;
  width:74px;
  height:24px;
  margin-left:8px;
  padding-left:16px;
  box-sizing:content-box;
  object-fit:contain;
  border-left:1px solid #b8cde422;
  opacity:.54;
  filter:brightness(0) invert(1);
  transform:none;
}
body.interface-v79:not([data-category='pro']) .header-cs2-logo { width:25px; height:25px; filter:none; opacity:.75; }
body.interface-v79[data-category] .topnav {
  display:flex;
  align-items:center;
  flex:0 0 auto;
  gap:2px;
  margin:0 0 0 auto;
  padding:3px;
  min-height:44px;
  border:1px solid #b9cde421;
  border-radius:6px;
  background:#17222e;
}
body.interface-v79[data-category] .topnav :is(.toy-nav-button,.sound-toggle,.motion-toggle-v78) {
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:auto;
  min-width:0;
  height:36px;
  min-height:36px;
  margin:0;
  padding:0 11px;
  border:1px solid transparent;
  border-radius:4px;
  background:transparent;
  box-shadow:none;
  color:#cdd8e3;
  font:500 12px/1.3 var(--v79-ui-font);
  letter-spacing:0;
  white-space:nowrap;
  writing-mode:horizontal-tb;
  cursor:pointer;
  transition:background 140ms,color 140ms,border-color 140ms;
}
body.interface-v79[data-category] .topnav :is(.toy-nav-button,.sound-toggle,.motion-toggle-v78):hover {
  border-color:#a8c8df2b;
  background:#293747;
  color:#f3f6fa;
}
body.interface-v79[data-category] .topnav .motion-toggle-v78[aria-disabled='true'] { color:#8191a1; cursor:default; }
.interface-v79 .topnav :is(.toy-nav-button,.sound-toggle,.motion-toggle-v78) svg { width:17px; height:17px; flex:none; }
.interface-v79 .topnav .toy-login-button [data-toy-login-icon] { width:21px; height:21px; }
.interface-v79 .topnav .motion-toggle-status { width:4px; height:4px; margin-left:-2px; box-shadow:none; }
.interface-v79 .topnav #toy-login-label { max-width:96px; }
body.interface-v79[data-category] .scene-quick-row--topbar {
  display:flex;
  order:3;
  flex:0 0 218px;
  flex-direction:row;
  align-items:center;
  min-height:44px;
  margin:0;
  padding:0;
  gap:0;
}
body.interface-v79[data-category] .scene-quick-row--topbar .scene-quick-control {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  width:100%;
  min-height:44px;
  height:44px;
  padding:5px 10px 5px 5px;
  border:1px solid #c4d7eb36;
  border-radius:6px;
  background:#1b2836;
  box-shadow:inset 0 1px #ffffff05;
  transform:none;
  font-family:var(--v79-ui-font);
  transition:background 140ms,border-color 140ms;
}
body.interface-v79[data-category] .scene-quick-row--topbar .scene-quick-control:is(:hover,[aria-expanded='true']) { background:#293747; border-color:#e5b57399; transform:none; }
.interface-v79 .scene-quick-row--topbar .scene-quick-swatch { display:block; width:52px; height:32px; border:0; border-radius:3px; }
.interface-v79 .scene-quick-row--topbar .scene-quick-copy { display:flex; flex-direction:column; gap:2px; flex:1; min-width:0; }
.interface-v79 .scene-quick-row--topbar .scene-quick-label { display:block; color:#a2b6c8; font:500 9px/1.1 var(--v79-ui-font); letter-spacing:.04em; }
.interface-v79 .scene-quick-row--topbar .scene-quick-copy strong { overflow:visible; color:#f0f4f8; font:600 12px/1.35 var(--v79-ui-font); text-overflow:clip; white-space:normal; overflow-wrap:anywhere; }
.interface-v79 .scene-quick-row--topbar .scene-quick-arrow { display:block; width:14px; height:14px; margin-left:auto; color:#b6c9dc; stroke:currentColor; }
.interface-v79 .topbar :is(button,a):focus-visible { outline:2px solid #f5c780; outline-offset:3px; }

/* Put hierarchy in spacing and type, not in additional labels or animated layers. */
body.interface-v79[data-category] .home-main { padding-top:20px; }
body.interface-v79[data-category] .hero-copy {
  min-height:180px;
  padding:24px 28px 21px;
  border-color:#bfd0e227;
  border-top-color:#d9af7773;
  border-radius:6px;
  background:linear-gradient(112deg,#17212d,#121d2b 68%,#152235);
  box-shadow:inset 0 1px #ffffff05;
}
body.interface-v79[data-category] .hero-copy h1 { font-family:var(--v79-ui-font); font-size:34px; font-weight:700; line-height:1.25; letter-spacing:.005em; }
body.interface-v79[data-category] .directory-dateline { color:#adbdcd; font:600 10px/1.5 var(--v79-ui-font); letter-spacing:.12em; }
body.interface-v79[data-category] .directory-dateline .live-clock { font:500 10px/1.5 var(--v79-ui-font); letter-spacing:.02em; }
body.interface-v79[data-category] .clock-zone { color:#9aadc1; }
body.interface-v79[data-category] .hero-copy .subtitle { font-size:12px; color:#b1c0ce; line-height:1.6; }
.interface-v79 .masthead-stats { gap:20px; margin-top:15px; color:#a8b9c8; font:500 11px/1.4 var(--v79-ui-font); }
.interface-v79 .masthead-stats strong { font-size:19px; color:#f0f3f8; }
.interface-v79 .major-trophy-v78 { right:72px; width:273px; }
.interface-v79 .major-trophy-v78 figcaption { top:55px; }
body.interface-v79:not([data-category='pro']) .hero-copy { min-height:136px; }
body.interface-v79[data-category='public'] .hero-copy { min-height:118px; }
body.interface-v79[data-category='public'] .hero-copy h1 { font-size:29px; }
body.interface-v79[data-category] .search-box { backdrop-filter:none; background:#1a2532; }
body.interface-v79[data-category] .search-footnote .directory-nav .entry-copy strong { font:600 12px/1.5 var(--v79-ui-font); }
.interface-v79 .arena-grid-v78 { opacity:.08; }

/* The appearance drawer follows the same restrained, readable surface system. */
.interface-v79 dialog.scene-picker { border-radius:10px; border-color:#b5cce444; background:#121d29; box-shadow:0 24px 80px #000a; }
.interface-v79 dialog.scene-picker::backdrop { background:#060b13c7; backdrop-filter:none; }
.interface-v79 dialog.scene-picker .scene-picker-head { padding:18px 24px; background:#1a2735; }
.interface-v79 .scene-picker-kicker { color:#9baebf; letter-spacing:.1em; }
.interface-v79 .scene-picker-head h2 { font-size:22px; line-height:1.4; }
.interface-v79 dialog.scene-picker .scene-picker-close { border-radius:5px; width:36px; height:36px; }
.interface-v79 .scene-picker-settings,.interface-v79 .scene-picker-current,.interface-v79 .scene-tabs { border-radius:6px; }
.interface-v79 dialog.scene-picker .scene-picker-option { border-radius:5px; background:#1b2a3a; }
.interface-v79 .scene-tabs button { border-radius:4px; }
.interface-v79 .scene-option-title strong { font-size:13px; line-height:1.4; }
.interface-v79 .scene-option-landmark { color:#aabcca; }
.interface-v79 .scene-operation-period { display:none; }
.interface-v79 .scene-shuffle { backdrop-filter:none; border-radius:5px; }
.interface-v79 #scene-current-label { letter-spacing:0; font-size:27px; }

@media(max-width:1100px) {
  body.interface-v79[data-category] .header-cs2-logo { display:none; }
  body.interface-v79[data-category] .topbar-inner { gap:12px; }
  .interface-v79 .topbar .brand-mark { width:42px; height:42px; }
  .interface-v79 .topbar .brand { gap:7px; }
  .interface-v79 .brand-wordmark strong { font-size:11px; }
  .interface-v79 .brand-wordmark small { font-size:9px; letter-spacing:.05em; }
  body.interface-v79[data-category] .topnav :is(.toy-nav-button,.sound-toggle,.motion-toggle-v78) { padding-inline:9px; font-size:11px; gap:6px; }
  body.interface-v79[data-category] .scene-quick-row--topbar { flex-basis:202px; }
}
@media(max-width:850px) and (min-width:701px) {
  body.interface-v79[data-category] .topbar-inner { padding-inline:20px; gap:9px; }
  .interface-v79 .brand-wordmark { display:none; }
  body.interface-v79[data-category] .topnav { margin-left:auto; }
}
@media(max-width:700px) {
  body.interface-v79[data-category] .topbar { height:62px; }
  body.interface-v79[data-category] .topbar-inner { padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right)); gap:8px; }
  .interface-v79 .topbar .brand { height:44px; gap:6px; }
  .interface-v79 .topbar .brand-mark { width:38px; height:38px; }
  .interface-v79 .brand-wordmark { display:none; }
  body.interface-v79[data-category] .topnav { min-height:42px; padding:0; gap:0; border-color:transparent; background:transparent; }
  body.interface-v79[data-category] .topnav :is(.toy-nav-button,.sound-toggle,.motion-toggle-v78) { width:44px; height:44px; min-height:44px; flex:0 0 44px; padding:0; border:0; border-radius:4px; }
  .interface-v79 .topnav :is(.toy-nav-button,.sound-toggle,.motion-toggle-v78) svg { width:19px; height:19px; }
  .interface-v79 .topnav :is(#toy-login-label,.toy-rank-label,[data-sound-label],.motion-toggle-label,.motion-toggle-status) { display:none; }
  body.interface-v79[data-category] .scene-quick-row--topbar { flex:0 0 44px; min-height:44px; margin:0; }
  body.interface-v79[data-category] .scene-quick-row--topbar .scene-quick-control { justify-content:center; width:44px; height:44px; padding:5px; }
  .interface-v79 .scene-quick-row--topbar .scene-quick-swatch { width:32px; height:32px; }
  .interface-v79 .scene-quick-row--topbar :is(.scene-quick-copy,.scene-quick-arrow) { display:none; }
  body.interface-v79[data-category] .home-main { padding-top:14px; }
  body.interface-v79[data-category] .hero-copy { min-height:176px; padding:18px 16px; }
  body.interface-v79[data-category] .hero-copy h1 { font-size:29px; }
  body.interface-v79[data-category] .directory-dateline { font-size:9px; letter-spacing:.05em; }
  body.interface-v79[data-category] .directory-dateline .live-clock { font-size:9px; }
  .interface-v79 .masthead-stats { font-size:10px; gap:13px; }
  .interface-v79 .masthead-stats strong { font-size:16px; }
  .interface-v79 .major-trophy-v78 { right:4px; width:167px; top:23px; }
  body.interface-v79:not([data-category='pro']) .hero-copy { min-height:128px; }
  body.interface-v79[data-category='public'] .hero-copy { min-height:113px; }
  body.interface-v79[data-category='public'] .hero-copy h1 { font-size:26px; }
  body.interface-v79[data-category='hof'] .hero-copy { min-height:182px; }
  body.interface-v79[data-category] .search-footnote .directory-nav .entry-copy strong { font-size:11px; }
  .interface-v79 dialog.scene-picker .scene-picker-head { padding:12px 14px; }
  .interface-v79 .scene-picker-head h2 { font-size:20px; }
  .interface-v79 #scene-current-label { font-size:21px; }
}
@media(max-width:359px) {
  body.interface-v79[data-category] .topbar-inner { padding-inline:10px; gap:6px; }
  body.interface-v79[data-category] .hero-copy h1 { font-size:27px; }
  body.interface-v79[data-category] .directory-dateline { font-size:8px; }
  .interface-v79 .masthead-stats { gap:10px; font-size:9px; }
  .interface-v79 .masthead-stats strong { font-size:15px; }
  .interface-v79 .masthead-stats>span { gap:4px; }
}
@media(prefers-reduced-motion:reduce) {
  .interface-v79 .topbar :is(button,a) { transition:none; }
}
@media(forced-colors:active) {
  .interface-v79 .topnav,.interface-v79 .scene-quick-control { border:1px solid ButtonText; }
  .interface-v79 .scene-quick-label,.interface-v79 .scene-quick-copy strong { color:ButtonText; }
}

/* interface-v80.css */
/* V80 — restrained materials, stronger hierarchy, one coherent honors backdrop. */
body.interface-v80[data-category='pro'] .hero-copy {
  isolation:isolate;
  min-height:218px;
  padding:26px 32px 28px;
  border:1px solid #7e96ad42;
  border-radius:10px;
  background:#101b27;
  box-shadow:inset 0 1px #e3edf811,0 12px 36px #0002;
}
body.interface-v80[data-category='pro'] .hero-copy::before { display:none; }
body.interface-v80[data-category='pro'] .hero-copy::after {
  content:''; display:block; position:absolute; inset:0; width:auto; height:auto; z-index:-1; pointer-events:none; border-radius:inherit; box-shadow:none;
  background:linear-gradient(90deg,#0f1a26 0%,#0f1a26e8 27%,#0f1a2680 43%,transparent 66%);
}
.honors-art-v80 { position:absolute; z-index:-2; inset:0 0 0 auto; width:73%; max-width:680px; pointer-events:none; overflow:hidden; border-radius:0 9px 9px 0; mask-image:linear-gradient(90deg,transparent,#000 22%); }
.honors-art-v80>img { display:block; width:100%; height:100%; object-fit:cover; object-position:right center; }
body.interface-v80:not([data-category='pro']) .honors-art-v80 { display:none; }
body.interface-v80[data-category='pro'] .hero-copy h1 { margin:19px 0 14px; font-size:clamp(38px,4vw,51px); line-height:1.1; font-weight:750; letter-spacing:.015em; }
body.interface-v80[data-category='pro'] #page-title>span { margin-right:14px; color:#f0bd77; text-shadow:none; }
body.interface-v80[data-category='pro'] .hero-copy .subtitle { display:flex; flex-direction:column; gap:5px; max-width:46%; margin:0; color:#c0ceda; font:400 14px/1.6 'Segoe UI','Microsoft YaHei',sans-serif; letter-spacing:0; }
body.interface-v80[data-category='pro'] .directory-dateline { position:relative; z-index:1; max-width:46%; color:#93a8bc; font-size:10px; letter-spacing:.15em; }
body.interface-v80 .home-pet-slot { right:12px; bottom:12px; }
body.interface-v80[data-category='pro'] .hero-copy #home-pet-slot { border-radius:8px; background:#0b152344; }

body.interface-v80[data-category] .search-box { border:1px solid #657d944f; border-radius:8px; background:#172431; box-shadow:inset 0 1px #ffffff08; }
body.interface-v80[data-category] .search-box:focus-within { border-color:#d7b075; box-shadow:0 0 0 3px #d7b07514; background:#1a2936; }
body.interface-v80 .search-submit { border-radius:5px; box-shadow:inset 0 1px #fff5,0 2px 8px #0003; }
body.interface-v80[data-category] .directory-nav .public-entry { border-color:#8199af36; border-radius:7px; background:linear-gradient(140deg,#1c2a37,#13202c); box-shadow:inset 0 1px #ffffff08; transition:border-color 150ms,background 150ms,box-shadow 150ms; }
body.interface-v80[data-category] .directory-nav .public-entry:hover { border-color:#d6b47b99; background:linear-gradient(140deg,#293541,#1c2934); }
body.interface-v80[data-category] .directory-nav .public-entry[aria-pressed='true'] { border-color:#e7bc75; background:#3c3326; }
body.interface-v80 .controversy-entry .entry-symbol img { width:29px; height:29px; max-width:none; object-fit:contain; filter:none; }
body.interface-v80[data-category='controversy'] .header-cs2-logo { width:32px; height:32px; opacity:1; filter:none; }
body.interface-v80 #detail-panel[data-category='controversy'] .inspect-logo { width:35px; height:35px; object-fit:contain; }

/* Region belongs to the team, never to the organisation's country flag. */
body.interface-v80[data-category='pro'] .team-filter-section { padding:13px 12px 12px; border:1px solid #71889d35; border-radius:0 0 9px 9px; background:#101c28eb; }
body.interface-v80[data-category='pro'] .team-filters { display:grid; grid-template-columns:repeat(auto-fit,minmax(158px,1fr)); gap:6px; padding:0; }
body.interface-v80[data-category='pro'] .team-filters .collection-tab {
  display:grid; grid-template-columns:27px minmax(0,1fr) auto; grid-template-rows:auto;
  align-items:center; gap:7px; height:auto; min-height:53px; padding:8px;
  border:1px solid #7591aa2e; border-radius:6px; background:linear-gradient(145deg,#1d2b38,#15212d);
  box-shadow:inset 0 1px #ffffff05; text-align:left;
  transition:background 160ms,border-color 160ms,box-shadow 160ms;
}
body.interface-v80[data-category='pro'] .team-filters .collection-tab>img { width:25px; height:25px; grid-column:1; margin:0; }
.team-filter-copy { display:flex; flex-direction:column; justify-content:center; gap:4px; min-width:0; }
body.interface-v80[data-category='pro'] .team-filters .team-filter-name { display:block; color:#e9f0f6; font:600 12px/1.3 'Segoe UI','Microsoft YaHei',sans-serif; white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; }
.team-region-label { display:block; color:#a7bbcd; font:400 10px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; white-space:nowrap; }
body.interface-v80[data-category='pro'] .team-filters .team-rank { align-self:start; margin:0; color:#d3b982; font:600 10px/1.4 'Segoe UI',sans-serif; }
body.interface-v80[data-category='pro'] .team-filters .team-count { display:none; }
body.interface-v80[data-category='pro'] .team-filters .collection-tab:hover { border-color:#9ab3cb99; background:#243443; }
body.interface-v80[data-category='pro'] .team-filters .collection-tab[aria-pressed='true'] { border-color:#e4b773; background:linear-gradient(130deg,#3e372a,#26313a); box-shadow:inset 3px 0 #e4b773,inset 0 1px #ffd99913; }
body.interface-v80[data-category='pro'] .team-filters .collection-tab[aria-pressed='true'] .team-region-label { color:#dac9a8; }
body.interface-v80 .team-filters .collection-tab:focus-visible { outline:2px solid #f5c780; outline-offset:2px; }
body.interface-v80 .team-filters .collection-tab.team-pending { opacity:.55; }
body.interface-v80[data-category='pro'] .team-filters .collection-tab.team-pending .team-count { display:block; grid-column:2; font-size:10px; }

@keyframes v80-control-dwell { 0%,100% { box-shadow:inset 0 1px #ffffff08; } 45% { box-shadow:inset 0 0 0 1px #f3cc8f55,0 0 18px #e6b16b28; } }
@media(hover:hover) and (pointer:fine) {
  html[data-motion-v78='on'] .interface-v80 :is(.team-filters .collection-tab,.directory-nav .public-entry,.topnav button,#scene-picker-open):hover:not(:disabled) { animation:v80-control-dwell 900ms ease 3s 1; }
}
@media(max-width:1100px) and (min-width:701px) {
  body.interface-v80[data-category='pro'] .hero-copy { min-height:206px; padding-inline:26px; }
  body.interface-v80[data-category='pro'] .directory-dateline { gap:14px; }
  body.interface-v80[data-category='pro'] .hero-copy h1 { font-size:42px; }
  .honors-art-v80 { width:71%; }
}
@media(max-width:700px) {
  body.interface-v80[data-category='pro'] .hero-copy { min-height:218px; padding:21px 18px 23px; }
  body.interface-v80[data-category='pro'] .hero-copy h1 { margin:22px 0 15px; font-size:36px; }
  body.interface-v80[data-category='pro'] .hero-copy .subtitle { max-width:calc(100% - 43px); font-size:12px; gap:4px; }
  body.interface-v80[data-category='pro'] .directory-dateline { max-width:100%; font-size:9px; gap:16px; }
  .honors-art-v80 { width:100%; opacity:.3; }
  .honors-art-v80>img { object-position:67% center; }
  body.interface-v80[data-category='pro'] .hero-copy::after { background:linear-gradient(90deg,#0e1a27f5,#0e1a27d9 40%,#0e1a2755); }
  body.interface-v80[data-category='pro'] .team-filter-section { padding:10px; }
  body.interface-v80[data-category='pro'] .team-filters { grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }
  body.interface-v80[data-category='pro'] .team-filters .collection-tab { min-height:52px; padding:7px; gap:6px; grid-template-columns:23px minmax(0,1fr) auto; }
  body.interface-v80[data-category='pro'] .team-filters .team-filter-name { font-size:11px; }
  .team-region-label { font-size:10px; }
  body.interface-v80 .controversy-entry .entry-symbol img { width:26px; height:26px; }
}
@media(max-width:359px) {
  body.interface-v80[data-category='pro'] .hero-copy { padding-inline:15px; }
  body.interface-v80[data-category='pro'] .hero-copy .subtitle { font-size:11px; }
  body.interface-v80[data-category='pro'] .directory-dateline { gap:10px; font-size:8px; }
  body.interface-v80[data-category='pro'] .team-filters .collection-tab { gap:4px; grid-template-columns:20px minmax(0,1fr) auto; }
}
@media(prefers-reduced-motion:reduce) {
  .interface-v80 .team-filters .collection-tab,.interface-v80 .directory-nav .public-entry { animation:none!important; transition:none; }
}
@media(forced-colors:active) { .honors-art-v80 { display:none; } .team-region-label { color:CanvasText; } }

/* cards-v80.css */
/* V80 player cards: a dark arena, an etched perimeter, one deliberate reveal. */
body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) {
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px;
  align-items:stretch; overflow:visible; padding:0; margin:0;
}
body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) > .portrait-card {
  --v80-card-height:304px; --v80-visual-height:222px; --v80-portrait-height:184px;
  --v80-portrait-inset:13px; --v80-portrait-top:38px;
  display:flex; position:relative; flex-direction:column; width:100%; min-width:0;
  height:var(--v80-card-height); min-height:var(--v80-card-height); padding:0;
  border:1px solid #afc3d338; border-bottom:2px solid rgba(var(--team-rgb),.68);
  border-radius:9px; overflow:hidden; isolation:isolate; background:#111b26;
  box-shadow:0 6px 18px #03091140,inset 0 1px #e9f3ff0c;
  transform:none; text-align:left; backdrop-filter:none;
  transition:transform 190ms cubic-bezier(.2,.8,.25,1),border-color 180ms,box-shadow 220ms;
}
body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) > .portrait-card .card-atmosphere {
  display:block; position:absolute; inset:0 0 80px; z-index:0; opacity:1;
  background:radial-gradient(ellipse at 50% 45%,rgba(var(--team-rgb),.14),transparent 70%),
    linear-gradient(120deg,#090f1b55,#14253420 50%,#080e1980),
    url('./assets/backgrounds/profile-arena-v76.webp') center 58%/cover;
}
.cards-v80-ready #hot-list.v80-player-grid .card-atmosphere::before {
  content:''; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(118deg,transparent 41%,#d8e4f10c 41.3%,transparent 41.7%),
    linear-gradient(118deg,transparent 73%,rgba(var(--team-rgb),.12) 73.3%,transparent 73.7%);
}
.cards-v80-ready #hot-list.v80-player-grid .card-atmosphere::after {
  content:''; position:absolute; width:72%; height:1px; left:14%; bottom:0; filter:none;
  background:linear-gradient(90deg,transparent,rgba(var(--team-rgb),.75),transparent);
}
body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) > .portrait-card .person-card-visual {
  position:relative; display:flex; align-items:center; justify-content:flex-end;
  height:var(--v80-visual-height); flex:0 0 var(--v80-visual-height); width:100%;
  padding:0 var(--v80-portrait-inset); overflow:hidden;
}
body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) > .portrait-card .portrait-frame {
  position:relative; inset:auto; display:block; width:100%; height:var(--v80-portrait-height);
  max-width:100%; min-height:0; margin:var(--v80-portrait-top) 0 0; padding:0; aspect-ratio:auto;
  border:0; border-radius:0; background:none; box-shadow:none; transform:none; overflow:visible;
}
body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) > .portrait-card .portrait-frame .player-portrait {
  display:block; position:static; width:100%; height:100%; max-width:100%;
  object-fit:contain!important; object-position:center bottom!important; transform:none; scale:none;
  filter:drop-shadow(0 5px 10px #0005); opacity:1; transition:opacity 260ms ease;
}
.cards-v80-ready #hot-list.v80-player-grid .portrait-frame .player-hover-photo-v80 {
  display:block; position:absolute; inset:0; width:100%; height:100%; max-width:100%;
  object-fit:contain; object-position:center bottom; border:0; border-radius:0;
  opacity:0; transform:none; filter:drop-shadow(0 5px 10px #0005);
  transition:opacity 300ms ease; pointer-events:none;
}
.cards-v80-ready #hot-list.v80-player-grid .portrait-frame .v80-event-photo {
  inset:calc(-1 * var(--v80-portrait-top)) auto auto calc(-1 * var(--v80-portrait-inset));
  width:calc(100% + 2 * var(--v80-portrait-inset)); max-width:none; height:var(--v80-visual-height);
  object-fit:cover; object-position:center; border-radius:0; filter:none;
}
.cards-v80-ready #hot-list.v80-player-grid .v80-event-card .person-card-visual::after {
  content:''; position:absolute; inset:0; z-index:2; pointer-events:none; opacity:0;
  background:linear-gradient(180deg,#06101e30,transparent 25% 65%,#111b2680);
  transition:opacity 300ms ease;
}
.cards-v80-ready #hot-list.v80-player-grid .v80-event-card.v80-photo-ready .person-card-visual::after { opacity:1; }
body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) > .portrait-card.v80-photo-ready .portrait-frame .player-portrait { opacity:0; }
.cards-v80-ready #hot-list.v80-player-grid .v80-photo-ready .player-hover-photo-v80 { opacity:1; }
body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) > .portrait-card .person-card-identity {
  display:flex; position:relative; flex:1 0 80px; height:80px; min-height:80px;
  justify-content:center; gap:4px; margin:0; padding:12px 14px;
  border-top:1px solid #c9dcef25;
  background:linear-gradient(130deg,#1e2b39,#131e2a 78%); z-index:3;
}
.cards-v80-ready #hot-list.v80-player-grid .person-card-identity::before {
  content:''; position:absolute; top:-1px; left:14px; width:45px; height:2px;
  background:rgba(var(--team-rgb),.8); box-shadow:0 0 12px rgba(var(--team-rgb),.13);
}
body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) > .portrait-card .hot-person-name {
  display:flex; align-items:center; position:static; gap:9px; max-width:calc(100% - 12px);
  color:#f4f7fa; font:700 20px/1.28 'Segoe UI','Microsoft YaHei UI','Microsoft YaHei',sans-serif;
  letter-spacing:.005em; text-shadow:0 1px 1px #03071280;
}
body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) > .portrait-card .player-name-text {
  display:block; white-space:normal; overflow-wrap:anywhere; overflow:visible; text-overflow:clip; min-width:0;
}
body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) > .portrait-card .name-team-mark {
  width:26px; height:26px; flex:0 0 26px; padding:1px; background:none; border:0;
  border-radius:0; box-shadow:none; overflow:visible;
}
.cards-v80-ready #hot-list.v80-player-grid .name-team-mark img { width:24px; height:24px; }
body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) > .portrait-card .hot-person-team {
  position:static; inset:auto; max-width:100%; padding:0 12px 0 35px;
  color:#b2c1d0; font:500 11px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; letter-spacing:.02em;
}
.cards-v80-ready #hot-list.v80-player-grid .person-card-arrow {
  right:13px; bottom:16px; color:#d6b481; font-size:16px;
  transition:transform 170ms ease,color 170ms ease;
}
.cards-v80-ready #hot-list.v80-player-grid .person-card-topline { top:12px; left:12px; right:12px; z-index:3; }
.cards-v80-ready #hot-list.v80-player-grid .person-card-topline .career-badge {
  background:#0d1724eb; color:#bfccd9; border-color:#aebfd229; padding:3px 6px; font-size:10px;
}
.cards-v80-ready #hot-list.v80-player-grid .card-country { padding:2px; border-radius:3px; background:#0c1522b3; }
.cards-v80-ready #hot-list.v80-player-grid .portrait-card .hltv-rank-badge {
  top:12px; left:12px; border-color:#d1b58045; background:#0c1522ed; padding:4px 6px; border-radius:3px; z-index:4;
}
.cards-v80-ready #hot-list.v80-player-grid .portrait-card .card-rank-record strong { color:#f2d9a8; font-size:10px; line-height:14px; }
.cards-v80-ready #hot-list.v80-player-grid .portrait-card .card-rank-years { max-width:none; flex-wrap:nowrap; color:#c1cbd4; font-size:9px; line-height:14px; }
.cards-v80-ready #hot-list.v80-player-grid .card-v80-edge {
  position:absolute; inset:6px; z-index:6; display:block; pointer-events:none;
  opacity:.43; border-radius:3px;
  background:linear-gradient(#b7c9df 0 0) left top/12px 1px no-repeat,
    linear-gradient(#b7c9df 0 0) left top/1px 12px no-repeat,
    linear-gradient(rgba(var(--team-rgb),.9) 0 0) right bottom/12px 1px no-repeat,
    linear-gradient(rgba(var(--team-rgb),.9) 0 0) right bottom/1px 12px no-repeat;
  transition:opacity 200ms;
}
.cards-v80-ready #hot-list.v80-player-grid .card-v80-sweep {
  display:block; position:absolute; top:0; bottom:0; left:-70%; width:65%; z-index:5; pointer-events:none;
  opacity:0; transform:translateX(0) skewX(-16deg);
  background:linear-gradient(90deg,transparent,rgba(var(--team-rgb),.035) 20%,#eff8ff24 50%,rgba(var(--team-rgb),.035) 75%,transparent);
}
body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) > .portrait-card:is(.v80-engaged,:focus-visible) {
  border-color:rgba(var(--team-rgb),.8); border-bottom-color:rgb(var(--team-rgb));
  background:#14212e; box-shadow:0 12px 25px #03091360,inset 0 1px #ebf7ff20,0 0 18px rgba(var(--team-rgb),.09);
}
.cards-v80-ready #hot-list.v80-player-grid .v80-engaged .card-v80-edge { opacity:.95; }
.cards-v80-ready #hot-list.v80-player-grid .v80-engaged .person-card-arrow { color:#f7dcad; transform:translate(2px,-2px); }
.cards-v80-ready #hot-list.v80-player-grid .portrait-card:focus-visible { outline:2px solid #f6cd89; outline-offset:4px; }
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  [data-motion-v78='on'][data-motion-v78-active='true'] body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) > .portrait-card.v80-engaged { transform:translateY(-4px); }
}
[data-motion-v78='on'][data-motion-v78-active='true'] .cards-v80-ready #hot-list.v80-player-grid .v80-dwell-active .card-v80-sweep { animation:v80-card-sweep 1050ms cubic-bezier(.16,.7,.22,1) both; }
[data-motion-v78='on'][data-motion-v78-active='true'] .cards-v80-ready #hot-list.v80-player-grid .v80-dwell-active .card-v80-edge { animation:v80-card-edge 950ms ease-out both; }
@keyframes v80-card-sweep {
  0% { opacity:0; transform:translateX(0) skewX(-16deg); }
  20% { opacity:.95; }
  80% { opacity:.7; }
  100% { opacity:0; transform:translateX(285%) skewX(-16deg); }
}
@keyframes v80-card-edge {
  0%,100% { opacity:.9; }
  35% { opacity:1; box-shadow:inset 0 0 0 1px rgba(var(--team-rgb),.34),0 0 14px rgba(var(--team-rgb),.2); }
}
@media(max-width:1050px) and (min-width:701px) {
  body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
}
@media(max-width:700px) {
  body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) > .portrait-card { --v80-card-height:260px; --v80-visual-height:177px; --v80-portrait-height:144px; --v80-portrait-inset:7px; --v80-portrait-top:33px; border-radius:7px; }
  body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) > .portrait-card .person-card-visual { padding:0 7px; }
  body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) > .portrait-card .portrait-frame { margin-top:33px; }
  body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) > .portrait-card .person-card-identity { height:auto; min-height:80px; padding:10px; }
  body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) > .portrait-card .hot-person-name { font-size:16px; line-height:1.28; gap:6px; max-width:100%; }
  body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) > .portrait-card .name-team-mark { width:22px; height:22px; flex-basis:22px; }
  body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) > .portrait-card .hot-person-team { padding-left:28px; font-size:10px; }
  .cards-v80-ready #hot-list.v80-player-grid .name-team-mark img { width:21px; height:21px; }
  .cards-v80-ready #hot-list.v80-player-grid .person-card-arrow { right:9px; bottom:10px; font-size:12px; }
  .cards-v80-ready #hot-list.v80-player-grid .person-card-topline { top:9px; left:9px; right:9px; }
  .cards-v80-ready #hot-list.v80-player-grid .portrait-card .hltv-rank-badge { top:9px; left:9px; padding:2px 5px; }
  .cards-v80-ready #hot-list.v80-player-grid .portrait-card .card-rank-years { display:none; }
}
@media(max-width:350px) {
  body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) > .portrait-card .person-card-identity { padding-inline:8px; }
  body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) > .portrait-card .hot-person-name { font-size:14px; gap:5px; }
}
@media(hover:none),(pointer:coarse) {
  body.cards-v80-ready.interface-v77[data-category='pro'] #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) > .portrait-card:hover { transform:none; }
}
@media(prefers-reduced-motion:reduce) {
  .cards-v80-ready #hot-list.v80-player-grid .card-v80-sweep { display:none; }
  .cards-v80-ready #hot-list.v80-player-grid .card-v80-edge { animation:none!important; }
}
@media(forced-colors:active) {
  .cards-v80-ready #hot-list.v80-player-grid :is(.card-atmosphere,.card-v80-edge,.card-v80-sweep) { display:none; }
  .cards-v80-ready #hot-list.v80-player-grid .portrait-card { border:1px solid ButtonText; }
}

/* creator-directory-v81.css */
/* V81 creator directory. Card colour is identity-derived; all motion is finite. */
body.interface-v81[data-category='creator'] {
  --creator-page-rgb:235,157,192;
  --v78-light-rgb:235,157,192;
}
body.interface-v81[data-category='creator'] .header-cs2-logo {
  opacity:.9;
  filter:brightness(0) saturate(100%) invert(82%) sepia(12%) saturate(968%) hue-rotate(291deg) brightness(100%) contrast(86%);
}
body.interface-v81[data-category='creator'] .category-backbar {
  border-color:#8babc423;
  background:linear-gradient(100deg,#1a2530f2,#111e2af2);
  box-shadow:inset 0 1px #dbe8f906,0 5px 16px #030a1014;
}
body.interface-v81[data-category='creator'] .category-backbar .directory-home {
  border-color:#92adbf40;
  background:#243443;
  color:#d7e5ee;
  box-shadow:inset 0 1px #e4f1fc0b;
}
body.interface-v81[data-category='creator'] .category-backbar .directory-home:hover {
  border-color:#bdcddd80;
  background:#304151;
}
body.interface-v81[data-category='creator'] .category-location { color:#91a7b7; }
body.interface-v81[data-category='creator'] .category-location strong { color:#e7c0d5; }
body.interface-v81[data-category='creator'] .hero-copy {
  position:relative;
  isolation:isolate;
  min-height:120px;
  padding:23px 27px 25px;
  border:1px solid #aebed52e;
  border-top-color:#e3b1cb55;
  border-radius:10px;
  background:radial-gradient(ellipse at 0 0,#a7658620,transparent 43%),linear-gradient(105deg,#1b2230,#14202d 66%,#172c37);
  box-shadow:inset 0 1px #f1e1ee0b,0 9px 30px #02091130;
}
body.interface-v81[data-category='creator'] .hero-copy::before {
  content:'';
  display:block;
  position:absolute;
  z-index:-1;
  inset:0;
  width:auto;
  height:auto;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(120deg,transparent 66%,#aacddd0c 66.12%,transparent 66.4%,transparent 73%,#e6b3ce0a 73.1%,transparent 73.5%),radial-gradient(ellipse at 92% 120%,#77c7d91a,transparent 40%);
}
body.interface-v81[data-category='creator'] .hero-copy::after {
  content:'';
  position:absolute;
  display:block;
  inset:auto 27px -1px;
  width:auto;
  height:1px;
  background:linear-gradient(90deg,#e1aac783,#7fbbca44 57%,transparent);
  pointer-events:none;
}
body.interface-v81[data-category='creator'] .directory-dateline {
  color:#c1a8bb;
  font-size:10px;
  letter-spacing:.12em;
  margin-bottom:12px;
}
body.interface-v81[data-category='creator'] .hero-copy h1 {
  max-width:calc(100% - 75px);
  color:#f5eff6;
  font:750 32px/1.22 'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif;
  letter-spacing:-.025em;
  text-shadow:none;
}
body.interface-v81[data-category='creator'] .search-box {
  border-color:#99aec23d;
  background:linear-gradient(115deg,#1c2937,#172331);
}
body.interface-v81[data-category='creator'] .search-box:hover { border-color:#b6b9d063; }
body.interface-v81[data-category='creator'] .search-box:focus-within {
  border-color:#daa5c3;
  background:#1d2a39;
  box-shadow:0 0 0 3px #dda4c116;
}
body.interface-v81[data-category='creator'] .search-submit {
  color:#2a1d2d;
  border-color:#f0bdd665;
  background:linear-gradient(130deg,#f0c1d8,#db9fbe);
  box-shadow:inset 0 1px #ffe6f198,0 3px 10px #0a081a26;
}
body.interface-v81[data-category='creator'] .search-submit:hover {
  background:linear-gradient(130deg,#f9d2e6,#e7b0ce);
  box-shadow:inset 0 1px #fff5,0 0 15px #e9accc1c;
}
body.interface-v81[data-category='creator'] .search-footnote .directory-nav .public-entry[aria-pressed='true'] {
  border-color:#dca6c283;
  background:linear-gradient(125deg,#3b2b3d,#252a3c);
  box-shadow:inset 0 1px #fbdceb0e,inset 0 -2px #d8a4c155;
}
body.interface-v81[data-category='creator'] .search-footnote .directory-nav .public-entry[aria-pressed='true'] .entry-copy strong { color:#f2d5e4; }
body.interface-v81[data-category='creator'] .collection-heading { margin-bottom:12px; }
body.interface-v81[data-category='creator'] .collection-heading h2 { color:#eaf0f7; font-weight:700; }
body.interface-v81[data-category='creator'] .collection-heading h2::before {
  width:3px;
  background:linear-gradient(#e3b0cb,#82b8cc);
  box-shadow:0 0 9px #e0a4c021;
}
body.interface-v81[data-category='creator'] .directory-sort-controls button {
  border-color:#9dafc433;
  background:linear-gradient(120deg,#223040,#1c2736);
  color:#cbd9e5;
}
body.interface-v81[data-category='creator'] .directory-sort-controls button::before { color:#dcb2ca; }
body.interface-v81[data-category='creator'] .directory-sort-controls button:hover,
body.interface-v81[data-category='creator'] .directory-sort-controls button[aria-pressed='true'] {
  color:#f4dbea;
  border-color:#e2aec579;
  background:#342c40;
}
body.interface-v81[data-category='creator'] .letter-filter {
  margin-bottom:15px;
  padding:11px 12px;
  border-color:#9db3cd23;
  border-radius:8px;
  background:linear-gradient(115deg,#172230ee,#14202eee);
  box-shadow:inset 0 1px #d7e5fa06;
}
body.interface-v81[data-category='creator'] .letter-filter-label { color:#9cafc2; }
body.interface-v81[data-category='creator'] .letter-filter .letter-filter-button {
  border:1px solid transparent;
  color:#b6c8d8;
  background:#26354491;
  border-radius:5px;
  transition:background 150ms,border-color 150ms,color 150ms;
}
body.interface-v81[data-category='creator'] .letter-filter .letter-filter-button:hover {
  border-color:#cfa5bf59;
  background:#354052;
  color:#fae8f2;
}
body.interface-v81[data-category='creator'] .letter-filter .letter-filter-button[aria-pressed='true'] {
  border-color:#f0c5dc;
  color:#2b2030;
  background:#e4b4ce;
  box-shadow:inset 0 1px #fff6;
}
body.interface-v81[data-category='creator'] :is(.letter-filter button,.directory-sort-controls button,.directory-home,.search-submit):focus-visible {
  outline:2px solid #efbbd5;
  outline-offset:3px;
}

body.interface-v81[data-category='creator'] #hot-list.creator-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;
  gap:13px;
  overflow:visible;
  padding:0;
  margin:0;
}
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-v81 {
  --creator-rgb:219,162,193;
  --v78-light-rgb:var(--creator-rgb);
  --team-rgb:var(--creator-rgb);
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:60px auto;
  align-items:start;
  align-content:start;
  justify-items:start;
  gap:13px;
  width:100%;
  min-width:0;
  height:auto;
  min-height:164px;
  padding:18px 19px 16px;
  overflow:hidden;
  border:1px solid #7f95af34;
  border-top-color:#b2c2d64a;
  border-radius:11px;
  background:linear-gradient(138deg,#222e3d,#172431 74%);
  box-shadow:inset 0 1px #e5effa08,0 5px 16px #02081424;
  color:#edf2f7;
  text-align:left;
  cursor:pointer;
  transform:none;
  transition:border-color 180ms,box-shadow 220ms,background 180ms,transform 220ms cubic-bezier(.2,.75,.25,1);
}
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-v81::before,
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-v81::after { content:none; display:none; }
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-art-v81 {
  position:absolute;
  z-index:-1;
  inset:0;
  display:block;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(ellipse at 8% 0,rgba(var(--creator-rgb),.12),transparent 60%),linear-gradient(130deg,transparent 74%,#adc5d406 74.2%,transparent 74.6%,transparent 84%,#adc5d408 84.2%,transparent 84.7%);
  opacity:.72;
  transition:opacity 230ms;
}
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-art-v81::after {
  content:'';
  position:absolute;
  left:19px;
  top:0;
  width:54px;
  height:1px;
  background:linear-gradient(90deg,rgba(var(--creator-rgb),.72),rgba(var(--creator-rgb),.15));
}
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-avatar-shell-v81 {
  position:relative;
  display:grid;
  place-items:center;
  flex:none;
  width:60px;
  height:60px;
  min-width:0;
  padding:4px;
  border:1px solid rgba(var(--creator-rgb),.38);
  border-radius:50%;
  background:linear-gradient(150deg,rgba(var(--creator-rgb),.13),#101d2be6 70%);
  box-shadow:0 4px 12px #0003,inset 0 1px #e7f0fa0c;
  transition:box-shadow 220ms,border-color 200ms,transform 220ms;
}
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-avatar-shell-v81::after {
  content:'';
  position:absolute;
  inset:-5px;
  border:1px solid rgba(var(--creator-rgb),.085);
  border-radius:inherit;
  pointer-events:none;
  transition:border-color 220ms;
}
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-avatar-shell-v81>.creator-avatar {
  position:static;
  display:block;
  width:50px;
  height:50px;
  min-width:0;
  max-width:none;
  margin:0;
  padding:0;
  flex:none;
  border:0;
  border-radius:50%;
  background:#142231;
  object-fit:cover;
  object-position:center;
  box-shadow:none;
  filter:none;
  transform:none;
}
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-info {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  align-self:stretch;
  justify-content:space-between;
  gap:8px;
  min-width:0;
  width:100%;
  padding:0;
  margin:0;
}
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-name {
  display:block;
  width:100%;
  min-width:0;
  max-width:none;
  max-height:none;
  padding:0;
  margin:0;
  overflow:visible;
  white-space:normal;
  overflow-wrap:anywhere;
  text-overflow:clip;
  -webkit-line-clamp:unset;
  color:#eff3f9;
  font:650 16px/1.45 'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif;
  letter-spacing:0;
  text-shadow:none;
}
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-channels-v81 {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px 14px;
  min-height:16px;
  color:#b6c5d6;
  font:500 11px/1.45 'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif;
}
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-channels-v81>span {
  display:inline-flex;
  align-items:center;
  gap:5px;
  white-space:nowrap;
}
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-channels-v81 img {
  display:block;
  width:14px;
  height:14px;
  flex:0 0 14px;
  object-fit:contain;
  opacity:.88;
}
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-channels-v81 [data-channel='bilibili'] img {
  filter:brightness(0) saturate(100%) invert(82%) sepia(12%) saturate(968%) hue-rotate(291deg) brightness(100%) contrast(86%);
}
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-channels-v81 [data-channel='steam'] img {
  filter:brightness(0) saturate(100%) invert(82%) sepia(10%) saturate(621%) hue-rotate(166deg) brightness(93%) contrast(89%);
}
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-arrow-v81 {
  position:absolute;
  display:grid;
  place-items:center;
  top:18px;
  right:18px;
  width:28px;
  height:28px;
  color:#97acc0;
  border:1px solid #b5c9df1d;
  border-radius:50%;
  background:#afc5df06;
  pointer-events:none;
  transition:color 180ms,border-color 180ms,background 180ms,transform 220ms;
}
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-arrow-v81 svg {
  display:block;
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-sweep-v81 {
  position:absolute;
  z-index:3;
  pointer-events:none;
  display:block;
  inset:-10% auto -10% 0;
  width:50%;
  opacity:0;
  transform:translateX(-150%) skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(var(--creator-rgb),.115),#ebf4ff13,transparent);
}
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-v81:is(:focus-visible,.creator-engaged-v81) {
  border-color:rgba(var(--creator-rgb),.66);
  background:linear-gradient(138deg,#29384a,#1b2a39 74%);
  box-shadow:inset 0 1px #f5f6ff10,0 9px 24px #02081448,0 0 20px rgba(var(--creator-rgb),.055);
}
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-v81:is(:focus-visible,.creator-engaged-v81) .creator-avatar-shell-v81 {
  border-color:rgba(var(--creator-rgb),.74);
  box-shadow:0 4px 12px #0003,0 0 18px rgba(var(--creator-rgb),.14);
}
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-v81:is(:focus-visible,.creator-engaged-v81) .creator-avatar-shell-v81::after { border-color:rgba(var(--creator-rgb),.22); }
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-v81:is(:focus-visible,.creator-engaged-v81) .creator-art-v81 { opacity:1; }
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-v81:is(:focus-visible,.creator-engaged-v81) .creator-card-arrow-v81 {
  color:#e9d9e9;
  border-color:rgba(var(--creator-rgb),.35);
  background:rgba(var(--creator-rgb),.07);
}
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-v81:focus-visible { outline:2px solid #f2bfd8; outline-offset:3px; }
body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-v81:active { background:#243345; border-color:rgba(var(--creator-rgb),.8); }
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  html[data-motion-v78='on'] body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-v81.creator-engaged-v81 { transform:translateY(-3px); }
  html[data-motion-v78='on'] body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-engaged-v81 .creator-avatar-shell-v81 { transform:scale(1.035); }
  html[data-motion-v78='on'] body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-engaged-v81 .creator-card-arrow-v81 { transform:translate(1px,-1px); }
}
@media(prefers-reduced-motion:no-preference) {
  html[data-motion-v78='on'] body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-dwell-v81 .creator-sweep-v81 { animation:creator-sweep-v81 850ms cubic-bezier(.22,.65,.35,1) 1; }
  html[data-motion-v78='on'] body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-dwell-v81 .creator-avatar-shell-v81::after { animation:creator-ring-v81 850ms ease-out 1; }
}
@keyframes creator-sweep-v81 {
  0% { opacity:0; transform:translateX(-150%) skewX(-18deg); }
  15% { opacity:1; }
  80% { opacity:.7; }
  100% { opacity:0; transform:translateX(325%) skewX(-18deg); }
}
@keyframes creator-ring-v81 {
  0%,100% { transform:scale(1); opacity:1; }
  48% { transform:scale(1.1); border-color:rgba(var(--creator-rgb),.72); opacity:.9; }
}
@media(min-width:900px) and (max-width:1199px) {
  body.interface-v81[data-category='creator'] #hot-list.creator-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:899px) {
  body.interface-v81[data-category='creator'] #hot-list.creator-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
  body.interface-v81[data-category='creator'] .hero-copy { min-height:109px; padding:19px 18px 21px; border-radius:8px; }
  body.interface-v81[data-category='creator'] .hero-copy h1 { font-size:28px; }
  body.interface-v81[data-category='creator'] .hero-copy::after { left:18px; right:18px; }
  body.interface-v81[data-category='creator'] .directory-dateline { margin-bottom:13px; font-size:8px; }
  body.interface-v81[data-category='creator'] .letter-filter { padding:10px; gap:8px; }
  body.interface-v81[data-category='creator'] .letter-filter-list { gap:4px; }
  body.interface-v81[data-category='creator'] .letter-filter .letter-filter-button { min-width:29px; min-height:32px; }
  body.interface-v81[data-category='creator'] .letter-filter .letter-filter-button[data-letter='all'] { min-width:40px; padding-inline:7px; }
  body.interface-v81[data-category='creator'] #hot-list.creator-grid { gap:10px; }
  body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-v81 {
    grid-template-rows:56px auto;
    min-height:158px;
    padding:16px 15px 14px;
    gap:12px;
    border-radius:10px;
  }
  body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-art-v81::after { left:15px; width:44px; }
  body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-avatar-shell-v81 { width:56px; height:56px; }
  body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-avatar-shell-v81>.creator-avatar { width:46px; height:46px; }
  body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-name { font-size:15px; line-height:1.5; }
  body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-info { gap:8px; }
  body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-channels-v81 { gap:6px 10px; font-size:10px; }
  body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-channels-v81>span { gap:4px; }
  body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-channels-v81 img { width:13px; height:13px; flex-basis:13px; }
  body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-arrow-v81 { top:16px; right:13px; width:25px; height:25px; }
}
@media(max-width:359px) {
  body.interface-v81[data-category='creator'] #hot-list.creator-grid { gap:8px; }
  body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-v81 { padding-inline:12px; min-height:158px; }
  body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-name { font-size:14px; }
  body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-arrow-v81 { width:22px; height:22px; right:10px; }
  body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-channels-v81 { gap:5px 8px; }
}
html[data-motion-v78='off'] body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-v81,
html[data-motion-v78='off'] body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-v81 * {
  animation:none!important;
  transition:none!important;
  transform:none!important;
}
html[data-motion-v78='off'] body.interface-v81[data-category='creator'] .creator-sweep-v81 { display:none!important; }
@media(prefers-reduced-motion:reduce) {
  body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-v81,
  body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-v81 *,
  body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-v81 *::after { animation:none!important; transition:none!important; transform:none!important; }
  body.interface-v81[data-category='creator'] .creator-sweep-v81 { display:none; }
}
@media(forced-colors:active) {
  body.interface-v81[data-category='creator'] .creator-art-v81,
  body.interface-v81[data-category='creator'] .creator-sweep-v81 { display:none!important; }
  body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-v81 { border:1px solid ButtonText; background:Canvas; color:CanvasText; box-shadow:none; }
  body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-name,
  body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-channels-v81,
  body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-arrow-v81 { color:CanvasText; }
  body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-avatar-shell-v81 { border-color:ButtonText; box-shadow:none; }
  body.interface-v81[data-category='creator'] #hot-list.creator-grid .creator-card-v81:focus-visible { outline-color:Highlight; }
}

/* creator-profile-v81.css */
/* V81 · Bilibili profiles. Keep the original person, links and account data. */
#detail-panel[data-category='creator'] {
  --creator-rgb:238,157,192;
  --creator-text:#f4f6fc;
  --creator-muted:#abb8cc;
  width:min(800px,calc(100vw - 48px));
  border:1px solid #64799470;
  border-radius:16px;
  background:#111a27;
  color:var(--creator-text);
  box-shadow:0 28px 90px #03081299,inset 0 1px #edf4ff0a;
  scrollbar-color:#52667e #101826;
  font-family:'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif;
}
#detail-panel[data-category='creator'] .inspect-header {
  height:58px;
  padding:0 24px;
  gap:16px;
  background:#121c29;
  border:0;
  border-bottom:1px solid #8397b023;
  backdrop-filter:none;
}
#detail-panel[data-category='creator'] .inspect-logo { width:30px; height:30px; object-fit:contain; opacity:1; }
#detail-panel[data-category='creator'] .inspect-title { align-self:center; padding:0; border:0; color:#c7d2e1; font-size:13px; font-weight:600; letter-spacing:.02em; }
#detail-panel[data-category='creator'] .inspect-header-note img { width:28px; height:28px; opacity:.68; }
#detail-panel[data-category='creator'] :is(.inspect-sound,.inspect-close) { height:36px; min-width:36px; border:1px solid #8598b32b; border-radius:8px; color:#c2cede; background:#1b2839; }
#detail-panel[data-category='creator'] .inspect-close { gap:7px; padding-inline:10px; }
#detail-panel[data-category='creator'] .inspect-close kbd { color:#8f9fb6; }
#detail-panel[data-category='creator'] .inspect-content { background:#111a27; }

/* Identity is a single stable row; long names grow vertically, never over the portrait. */
#detail-panel[data-category='creator'] .profile-overview {
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  align-items:center;
  gap:26px;
  min-height:190px;
  padding:30px 32px;
  border-bottom:1px solid #7288a32b;
  background:radial-gradient(ellipse at 4% 8%,rgba(var(--creator-rgb),.105),transparent 63%),linear-gradient(115deg,#1b2233,#111e2d 75%);
}
#detail-panel[data-category='creator'] .profile-overview::before {
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(125deg,transparent 71%,#86c6e906 71% 71.25%,transparent 71.25% 81%,#86c6e906 81% 81.25%,transparent 81.25%),linear-gradient(90deg,rgba(var(--creator-rgb),.7),#83cde34a,transparent) 32px bottom/calc(100% - 64px) 1px no-repeat;
}
#detail-panel[data-category='creator'] .profile-portrait { position:relative; align-self:center; width:112px; height:112px; margin:0; padding:0; overflow:visible; }
#detail-panel[data-category='creator'] .profile-portrait::before {
  content:'';
  position:absolute;
  inset:-6px;
  border:1px solid rgba(var(--creator-rgb),.22);
  border-radius:28px;
  pointer-events:none;
}
#detail-panel[data-category='creator'] .profile-portrait::after {
  content:'';
  position:absolute;
  inset:-6px;
  border:1px solid transparent;
  border-top-color:rgba(var(--creator-rgb),.8);
  border-left-color:rgba(var(--creator-rgb),.45);
  border-radius:28px;
  opacity:.75;
  pointer-events:none;
}
#detail-panel[data-category='creator'] .profile-portrait .portrait-frame {
  position:relative;
  inset:auto;
  width:112px;
  height:112px;
  margin:0;
  border:1px solid #ecf2ff3b;
  border-radius:22px;
  overflow:hidden;
  background:#1a2738;
  box-shadow:0 10px 25px #04091340;
  transform:none;
}
#detail-panel[data-category='creator'] .profile-portrait .detail-avatar { position:static; display:block; width:100%; height:100%; object-fit:cover; object-position:center; border:0; border-radius:0; filter:none; transform:none; }
#detail-panel[data-category='creator'] :is(.profile-role,#inspect-position) { display:none; }
#detail-panel[data-category='creator'] .profile-overview .detail-copy { position:relative; min-width:0; margin:0; padding:0; }
#detail-panel[data-category='creator'] .profile-identity { display:block; min-width:0; padding:0; }
#detail-panel[data-category='creator'] .profile-eyebrow { justify-content:flex-start; gap:8px; margin:0 0 9px; }
#detail-panel[data-category='creator'] .profile-eyebrow::before { content:''; width:16px; height:2px; background:rgb(var(--creator-rgb)); }
#detail-panel[data-category='creator'] .inspect-eyebrow { margin:0; color:rgb(var(--creator-rgb)); font:600 10px/1.5 'Segoe UI',sans-serif; letter-spacing:.12em; }
#detail-panel[data-category='creator'] .profile-name-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:14px 12px; min-width:0; }
#detail-panel[data-category='creator'] #detail-name { grid-column:1/-1; width:100%; min-width:0; margin:0; padding:0; color:#f5f7fc; font:700 clamp(27px,3vw,34px)/1.3 'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif; letter-spacing:0; white-space:normal; overflow:visible; overflow-wrap:anywhere; text-wrap:pretty; text-shadow:none; }
#detail-panel[data-category='creator'] #detail-country-mark { grid-column:2; grid-row:2; justify-self:end; }
#detail-panel[data-category='creator'] #detail-country-mark:empty { display:none; }
#detail-panel[data-category='creator'] .country-flag { width:20px; height:15px; }
#detail-panel[data-category='creator'] .favorite-toggle { grid-column:1; grid-row:2; justify-self:start; min-height:36px; margin:0; padding:7px 11px; border:1px solid #91a1b347; border-radius:7px; color:#bdccdf; background:#1f2c3b; font:600 12px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; }
#detail-panel[data-category='creator'] .favorite-toggle svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.6; }
#detail-panel[data-category='creator'] .favorite-toggle[aria-pressed='true'] { color:#ffe3a7; background:#413624; border-color:#b48d4d88; }
#detail-panel[data-category='creator'] .favorite-toggle[aria-pressed='true'] svg { fill:currentColor; }
#detail-panel[data-category='creator'] .favorite-save-status { grid-column:1/-1; margin:0; overflow-wrap:anywhere; }
#detail-panel[data-category='creator'] .favorite-save-status:empty { display:none!important; }

/* Primary destinations stay brand-coloured, not a second set of banners. */
#detail-panel[data-category='creator'] .inspect-info.profile-actions { padding:24px 32px 28px; border:0; color:var(--creator-text); background:#111a27; }
#detail-panel[data-category='creator'] .inspect-section-label { min-height:18px; margin:0 0 10px; }
#detail-panel[data-category='creator'] .inspect-section-label>span { color:#aebbce; font:600 11px/1.5 'Segoe UI','Microsoft YaHei',sans-serif; letter-spacing:.03em; }
#detail-panel[data-category='creator'] .primary-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#detail-panel[data-category='creator'] .profile-actions .platform-card.profile-link {
  --link-surface:#1b2d3d;
  --link-accent:#b9e5fc;
  --link-line:#648ea455;
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 18px;
  align-items:center;
  min-width:0;
  min-height:90px;
  padding:18px;
  gap:13px;
  border:1px solid var(--link-line);
  border-radius:11px;
  color:var(--link-accent);
  background:var(--link-surface);
  box-shadow:inset 0 1px #ffffff06;
  overflow:hidden;
  text-decoration:none;
}
#detail-panel[data-category='creator'] .profile-actions .profile-link[data-platform='bilibili'] { --link-surface:#302638; --link-accent:#ffc6e0; --link-line:#c37d9f66; }
#detail-panel[data-category='creator'] .profile-actions .profile-link[data-platform='steam'] { --link-surface:#192c3e; --link-accent:#bce8ff; --link-line:#668ead66; }
#detail-panel[data-category='creator'] .profile-actions .profile-link .platform-icon-shell { width:42px; height:42px; border:1px solid #ffffff0d; border-radius:11px; color:var(--link-accent); background:#ffffff08; }
#detail-panel[data-category='creator'] .profile-actions .profile-link .platform-icon-shell :is(svg,img) { width:26px; height:26px; }
#detail-panel[data-category='creator'] .profile-actions .profile-link .platform-card-copy { min-width:0; }
#detail-panel[data-category='creator'] .profile-actions .profile-link .platform-desc { margin:0; color:var(--link-accent); font:650 18px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; letter-spacing:0; overflow-wrap:anywhere; }
#detail-panel[data-category='creator'] .profile-actions .profile-link .action-hint { display:none; }
#detail-panel[data-category='creator'] .profile-actions .profile-link .platform-arrow { width:18px; height:18px; color:var(--link-accent); opacity:.66; }
#detail-panel[data-category='creator'] .primary-links .profile-link:only-child { grid-column:1/-1; }

/* Copyable identifiers are quiet utility rows, with the real copy status intact. */
#detail-panel[data-category='creator'] .steam-friend-code { margin-top:14px; padding:14px 16px; border:1px solid #7896b239; border-radius:10px; color:#eef4fc; background:#172535; }
#detail-panel[data-category='creator'] .steam-friend-icon { width:34px; height:34px; border:1px solid #718da240; border-radius:9px; background:#253b4e; }
#detail-panel[data-category='creator'] .steam-friend-icon img { width:22px; height:22px; filter:brightness(0) invert(1); opacity:.8; }
#detail-panel[data-category='creator'] .steam-friend-copy { gap:3px 14px; }
#detail-panel[data-category='creator'] .steam-friend-copy strong { color:#b6c7dc; font-size:12px; font-weight:500; }
#detail-panel[data-category='creator'] .steam-friend-copy .account-id { color:#f1f5fc; font-size:20px; font-weight:650; line-height:1.45; letter-spacing:.035em; }
#detail-panel[data-category='creator'] .steam-friend-hint { color:#a6b8cc; font-size:11px; line-height:1.6; }
#detail-panel[data-category='creator'] .steam-friend-button { min-height:40px; padding:9px 12px; border:1px solid #7392b365; border-radius:7px; color:#d8ebfd; background:#29435c; font-size:12px; font-weight:600; }
#detail-panel[data-category='creator'] .steam-friend-code[data-kind='permanent-link'] { background:#1c2538; border-color:#8d89b048; }
#detail-panel[data-category='creator'] .steam-friend-code[data-kind='permanent-link'] .steam-friend-copy .account-id { color:#e2dcf5; font-size:13px; letter-spacing:0; }
#detail-panel[data-category='creator'] .steam-friend-button.is-copied { color:#c8f8e0; background:#204738; border-color:#80c4a283; }
#detail-panel[data-category='creator'] .steam-accelerator-notice { margin-top:12px; padding:8px 11px; border:1px solid #b8955940; border-radius:8px; color:#ceb98f; background:#282619; }
#detail-panel[data-category='creator'] .steam-notice-copy strong { color:#d8c295; font-size:11px; font-weight:500; }
#detail-panel[data-category='creator'] .steam-notice-close { min-width:30px; min-height:30px; border:1px solid #b4995847; border-radius:5px; color:#dcc699; background:#39321f; }
#detail-panel[data-category='creator'] .direct-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:14px 0 0; }
#detail-panel[data-category='creator'] .direct-links.hidden { display:none; }
#detail-panel[data-category='creator'] .profile-actions .direct-account { min-height:54px; padding:10px 13px; border-color:#6586a347; border-radius:8px; color:#c8dff2; background:#182b3c; }
#detail-panel[data-category='creator'] .direct-account .account-platform { display:block; margin:0; color:#d0e1f1; font-size:12px; }
#detail-panel[data-category='creator'] .direct-account .account-id { display:none; }
#detail-panel[data-category='creator'] #social-disclosure { gap:14px; margin-top:20px; padding:18px; border:1px solid #7288a239; border-radius:11px; background:#151f2f; box-shadow:none; }
#detail-panel[data-category='creator'] #social-title { color:#ecf3fb; font:650 15px/1.5 'Segoe UI','Microsoft YaHei',sans-serif; }
#detail-panel[data-category='creator'] #link-count { padding:2px 6px; border-color:#708cac40; border-radius:4px; color:#b5c8de; background:#223147; font-size:10px; }
#detail-panel[data-category='creator'] #account-help { margin-top:5px; color:#9fb0c7; font-size:11px; }
#detail-panel[data-category='creator'] #secondary-links { gap:10px; }
#detail-panel[data-category='creator'] #social-disclosure .social-account { min-height:76px; padding:12px; border-color:#6e87a447; border-radius:8px; background:#111c2b; box-shadow:none; }
#detail-panel[data-category='creator'] #social-disclosure .social-account .account-platform { font-size:12px; }
#detail-panel[data-category='creator'] #social-disclosure .account-platform small { font-size:10px; color:#9fadc3; }
#detail-panel[data-category='creator'] #social-disclosure .account-id { color:#eef4fc; font-size:14px; }
#detail-panel[data-category='creator'] #social-disclosure .copy-account { min-height:40px; padding:8px 10px; border-color:#6481a16b; border-radius:6px; color:#d9e8f7; background:#253951; font-size:12px; }
#detail-panel[data-category='creator'] #social-disclosure .copy-account.is-copied { color:#c8f8e0; background:#204738; border-color:#80c4a283; }

/* Pinned navigation stays modest and fully keyboard reachable. */
#detail-panel[data-category='creator'] .inspect-footer { padding:14px 24px 0; border-top:1px solid #7b91aa38; background:#111a28; box-shadow:0 -5px 16px #060e1826; }
#detail-panel[data-category='creator'] .switch-context { gap:9px; }
#detail-panel[data-category='creator'] #switch-group { color:#b4c5db; font-size:12px; }
#detail-panel[data-category='creator'] #switch-count { color:#889db8; font-size:11px; font-variant-numeric:tabular-nums; }
#detail-panel[data-category='creator'] .switch-controls { gap:6px; }
#detail-panel[data-category='creator'] .switch-arrow { width:36px; height:40px; border:1px solid #6c83a145; border-radius:7px; color:#bcd8ef; background:#1b2b3e; }
#detail-panel[data-category='creator'] #profile-select { height:40px; border-color:#6c83a14d; border-radius:7px; color:#e2edf9; background:#1b2b3e; font-size:13px; }
#detail-panel[data-category='creator'] #profile-select option { color:#e2edf9; background:#1b2b3e; }
#detail-panel[data-category='creator'] .profile-select-wrap>svg { top:14px; }
#detail-panel[data-category='creator'] .inspect-bottom { height:29px; color:#7e94ad; font-size:9px; }
#detail-panel[data-category='creator'] :is(button,a,select):focus-visible { outline:2px solid #f4c8e0; outline-offset:3px; }

@media(hover:hover) and (pointer:fine) {
  #detail-panel[data-category='creator'] .profile-actions .platform-card.profile-link:hover { border-color:var(--link-accent); color:var(--link-accent); background:var(--link-surface); box-shadow:inset 0 1px #ffffff10,0 5px 15px #04091340; }
  #detail-panel[data-category='creator'] .favorite-toggle:hover { border-color:#c9dfef; color:#e6f2fc; background:#283b4f; }
  #detail-panel[data-category='creator'] .favorite-toggle[aria-pressed='true']:hover { color:#ffe3a7; border-color:#dbc287; background:#4a3e29; }
  #detail-panel[data-category='creator'] :is(.steam-friend-button,.copy-account):not(.is-copied):hover { color:#fff; border-color:#9bb9d5; background:#36546f; }
  #detail-panel[data-category='creator'] :is(.inspect-close,.inspect-sound,.switch-arrow):hover { color:#f6d8ea; border-color:#be93b0; background:#2b2e44; }
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  html[data-motion-v78='on'] #detail-panel[data-category='creator'] :is(.profile-link,.favorite-toggle,.steam-friend-button,.copy-account,.inspect-close,.inspect-sound,.switch-arrow) { transition:border-color 160ms ease,background-color 160ms ease,box-shadow 160ms ease,translate 160ms ease; }
  html[data-motion-v78='on'] #detail-panel[data-category='creator'] .profile-portrait::after { transition:opacity 180ms ease,box-shadow 180ms ease; }
  html[data-motion-v78='on'] #detail-panel[data-category='creator'] .profile-portrait .detail-avatar { transition:transform 260ms ease; }
  html[data-motion-v78='on'] #detail-panel[data-category='creator'] .profile-portrait:hover::after { opacity:1; box-shadow:0 0 20px rgba(var(--creator-rgb),.1); }
  html[data-motion-v78='on'] #detail-panel[data-category='creator'] .profile-portrait:hover .detail-avatar { transform:scale(1.035); }
  html[data-motion-v78='on'] #detail-panel[data-category='creator'] .profile-link:hover { translate:0 -2px; }
  html[data-motion-v78='on'] #detail-panel[data-category='creator'] :is(.profile-link,.favorite-toggle,.steam-friend-button,.copy-account,.inspect-close,.inspect-sound,.switch-arrow):active { translate:0 1px; }
}
@media(max-width:700px) {
  #detail-panel[data-category='creator'] { width:min(100%,560px); border-radius:14px; }
  #detail-panel[data-category='creator'] .inspect-header { height:52px; padding:0 17px; gap:11px; }
  #detail-panel[data-category='creator'] .inspect-logo { width:25px; height:25px; }
  #detail-panel[data-category='creator'] .inspect-title { font-size:12px; }
  #detail-panel[data-category='creator'] .inspect-sound { margin-left:auto; }
  #detail-panel[data-category='creator'] .inspect-close { padding-inline:8px; }
  #detail-panel[data-category='creator'] .profile-overview { grid-template-columns:82px minmax(0,1fr); min-height:164px; gap:21px; padding:26px 22px; }
  #detail-panel[data-category='creator'] .profile-overview::before { background-size:auto,calc(100% - 44px) 1px; background-position:0 0,22px bottom; }
  #detail-panel[data-category='creator'] .profile-portrait { width:82px; height:82px; }
  #detail-panel[data-category='creator'] .profile-portrait .portrait-frame { width:82px; height:82px; border-radius:17px; }
  #detail-panel[data-category='creator'] .profile-portrait::before,#detail-panel[data-category='creator'] .profile-portrait::after { inset:-5px; border-radius:22px; }
  #detail-panel[data-category='creator'] .profile-eyebrow { margin-bottom:7px; }
  #detail-panel[data-category='creator'] .inspect-eyebrow { font-size:9px; letter-spacing:.09em; }
  #detail-panel[data-category='creator'] .profile-name-row { gap:12px 8px; }
  #detail-panel[data-category='creator'] #detail-name { font-size:25px; line-height:1.35; }
  #detail-panel[data-category='creator'] .favorite-toggle { min-height:36px; padding:7px 10px; font-size:11px; }
  #detail-panel[data-category='creator'] .inspect-info.profile-actions { padding:20px; }
  #detail-panel[data-category='creator'] .primary-links { gap:10px; }
  #detail-panel[data-category='creator'] .profile-actions .platform-card.profile-link { grid-template-columns:30px minmax(0,1fr) 14px; min-height:76px; padding:12px; gap:9px; border-radius:9px; }
  #detail-panel[data-category='creator'] .profile-actions .profile-link .platform-icon-shell { width:30px; height:30px; border-radius:8px; }
  #detail-panel[data-category='creator'] .profile-actions .profile-link .platform-icon-shell :is(svg,img) { width:21px; height:21px; }
  #detail-panel[data-category='creator'] .profile-actions .profile-link .platform-desc { font-size:14px; }
  #detail-panel[data-category='creator'] .profile-actions .profile-link .platform-arrow { width:14px; height:14px; }
  #detail-panel[data-category='creator'] .steam-friend-code { margin-top:12px; padding:12px; }
  #detail-panel[data-category='creator'] .steam-friend-copy .account-id { font-size:19px; }
  #detail-panel[data-category='creator'] .steam-friend-button { min-height:42px; padding:9px 10px; }
  #detail-panel[data-category='creator'] .direct-links { grid-template-columns:1fr; }
  #detail-panel[data-category='creator'] #social-disclosure { padding:14px; }
  #detail-panel[data-category='creator'] #secondary-links { grid-template-columns:1fr; }
  #detail-panel[data-category='creator'] #social-disclosure .social-account { padding:10px; }
  #detail-panel[data-category='creator'] #social-disclosure .copy-account { min-height:42px; padding-inline:9px; }
  #detail-panel[data-category='creator'] .inspect-footer { padding:12px 18px 0; }
  #detail-panel[data-category='creator'] .switch-context { width:auto; flex:none; }
  #detail-panel[data-category='creator'] #switch-count { font-size:10px; }
  #detail-panel[data-category='creator'] .switch-controls { flex:1; gap:5px; min-width:0; }
  #detail-panel[data-category='creator'] .profile-select-wrap { flex:1; width:auto; max-width:none; min-width:0; }
  #detail-panel[data-category='creator'] #profile-select { height:42px; font-size:14px; }
  #detail-panel[data-category='creator'] .switch-arrow { flex:0 0 32px; width:32px; height:42px; }
  #detail-panel[data-category='creator'] .profile-select-wrap>svg { top:15px; }
}
@media(max-width:400px) {
  #detail-panel[data-category='creator'] .inspect-header { padding-inline:14px; }
  #detail-panel[data-category='creator'] .profile-overview { grid-template-columns:72px minmax(0,1fr); gap:18px; padding:24px 18px; }
  #detail-panel[data-category='creator'] .profile-portrait { width:72px; height:72px; }
  #detail-panel[data-category='creator'] .profile-portrait .portrait-frame { width:72px; height:72px; }
  #detail-panel[data-category='creator'] #detail-name { font-size:22px; }
  #detail-panel[data-category='creator'] .inspect-info.profile-actions { padding:18px 14px; }
  #detail-panel[data-category='creator'] .primary-links { gap:8px; }
  #detail-panel[data-category='creator'] .profile-actions .platform-card.profile-link { grid-template-columns:28px minmax(0,1fr); gap:8px; padding:11px 10px; min-height:72px; }
  #detail-panel[data-category='creator'] .profile-actions .profile-link .platform-icon-shell { width:28px; height:28px; }
  #detail-panel[data-category='creator'] .profile-actions .profile-link .platform-desc { font-size:13px; }
  #detail-panel[data-category='creator'] .profile-actions .profile-link .platform-arrow { display:none; }
  #detail-panel[data-category='creator'] .inspect-footer { padding-inline:14px; }
  #detail-panel[data-category='creator'] .steam-friend-copy .account-id { font-size:18px; }
}
@media(prefers-reduced-motion:reduce) {
  #detail-panel[data-category='creator'] .profile-portrait .detail-avatar { transform:none; transition:none; }
}
@media(forced-colors:active) {
  #detail-panel[data-category='creator'] .profile-overview::before,#detail-panel[data-category='creator'] .profile-portrait::after { display:none; }
  #detail-panel[data-category='creator'] :is(.profile-link,.favorite-toggle,.steam-friend-button,.copy-account,.inspect-close,.switch-arrow) { border:1px solid ButtonText; }
}

/* scenes-v82.css */
/* V82 appearance picker polish.
   This file is intentionally scoped to the picker so the page background and
   existing player cards keep their established materials. */
dialog.scene-picker.scene-picker-v82 {
  --scene-v82-line: color-mix(in srgb, #9eb6c5 24%, transparent);
  --scene-v82-muted: #a9bfcb;
  --scene-v82-amber: #f3bd7b;
  --scene-v82-blue: #78c7df;
  border-color: #94b3c44d;
  background:
    radial-gradient(110% 75% at 100% 0%, #25465a2b, transparent 62%),
    linear-gradient(135deg, #142634, #0e1b27 58%, #101f2c);
  box-shadow: 0 38px 120px #000c, 0 0 0 1px #c5e4ee10, 0 0 80px #1b5a6c1a;
}

dialog.scene-picker.scene-picker-v82::before {
  content: '';
  position: absolute;
  z-index: 0;
  inset: 0 0 auto;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--scene-v82-amber) 32%, var(--scene-v82-blue) 68%, transparent);
  opacity: .85;
  pointer-events: none;
}

dialog.scene-picker.scene-picker-v82 > * { position: relative; z-index: 1; }

dialog.scene-picker.scene-picker-v82 .scene-picker-head {
  padding: 20px 26px 18px;
  border-bottom-color: #afcbd825;
  background: linear-gradient(100deg, #2a455650, #172d3c2e 52%, transparent);
}

dialog.scene-picker.scene-picker-v82 .scene-picker-kicker {
  color: #b9cfda;
  letter-spacing: .18em;
}

dialog.scene-picker.scene-picker-v82 .scene-picker-head h2 {
  font-size: 24px;
  letter-spacing: -.02em;
}

dialog.scene-picker.scene-picker-v82 .scene-picker-workspace {
  gap: 22px;
  padding: 22px 24px 24px;
}

dialog.scene-picker.scene-picker-v82 .scene-preview-pane,
dialog.scene-picker.scene-picker-v82 .scene-library-pane {
  min-width: 0;
}

dialog.scene-picker.scene-picker-v82 .scene-picker-current {
  border-color: #bad5df45;
  border-radius: 15px;
  background-color: #142b38;
  box-shadow: 0 18px 42px #07121c72, inset 0 1px #e1f1f51a;
}

dialog.scene-picker.scene-picker-v82 .scene-picker-current::after {
  background: linear-gradient(180deg, #07132108 12%, #07111bdd 100%);
}

dialog.scene-picker.scene-picker-v82 #scene-current-label {
  text-shadow: 0 2px 12px #000d;
}

dialog.scene-picker.scene-picker-v82 .scene-picker-settings {
  border-color: #a4c2cf32;
  background: linear-gradient(140deg, #1c3444e8, #152936e8);
}

/* The CS2 sub-scope row is created by scenes.js at runtime.  Giving it the
   same segmented treatment as the primary tabs keeps the operation library
   visually grouped without introducing new markup into index.html. */
dialog.scene-picker.scene-picker-v82 .scene-cs2-tools {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  border: 1px solid #7f9baa32;
  border-radius: 10px;
  background: #081721b8;
}

dialog.scene-picker.scene-picker-v82 .scene-cs2-tools button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  flex: 1;
  min-width: 0;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid transparent;
  border-radius: 7px;
  color: var(--scene-v82-muted);
  background: transparent;
  font: 600 12px/1 var(--sans, sans-serif);
  white-space: nowrap;
  cursor: pointer;
  transition: color 160ms, background 160ms, border-color 160ms, transform 160ms;
}

dialog.scene-picker.scene-picker-v82 .scene-cs2-tools button:hover {
  color: #f3f8fa;
  background: #ffffff09;
  border-color: #aac5d126;
}

dialog.scene-picker.scene-picker-v82 .scene-cs2-tools button:active { transform: translateY(1px); }

dialog.scene-picker.scene-picker-v82 .scene-cs2-tools button[aria-pressed='true'] {
  color: #ffe0ae;
  border-color: #e8bb7b77;
  background: linear-gradient(180deg, #60482f, #493726);
  box-shadow: inset 0 1px #ffedca18, 0 2px 8px #0004;
}

dialog.scene-picker.scene-picker-v82 .scene-cs2-tools .scene-scope-count {
  min-width: 16px;
  color: #a8beca;
  font: 600 10px/1 var(--mono, monospace);
  font-variant-numeric: tabular-nums;
}

dialog.scene-picker.scene-picker-v82 .scene-cs2-tools button[aria-pressed='true'] .scene-scope-count {
  color: #ffe5bb;
}

dialog.scene-picker.scene-picker-v82 .scene-library-heading {
  padding-top: 15px;
  border-bottom: 1px solid #9db7c421;
}

dialog.scene-picker.scene-picker-v82 .scene-library-heading > span:first-child {
  color: #e0edf2;
  font-size: 13px;
  letter-spacing: .01em;
}

dialog.scene-picker.scene-picker-v82 .scene-library-count {
  color: #afc5cf;
  font-variant-numeric: tabular-nums;
}

dialog.scene-picker.scene-picker-v82 .scene-section-heading {
  min-height: 24px;
  color: #d8e7ed;
}

dialog.scene-picker.scene-picker-v82 .scene-section-heading strong::before {
  content: '';
  display: inline-block;
  width: 3px;
  height: 14px;
  margin-right: 8px;
  vertical-align: -2px;
  border-radius: 2px;
  background: linear-gradient(#f5ca8a, #7ecbe1);
  box-shadow: 0 0 10px #f3be7b44;
}

dialog.scene-picker.scene-picker-v82 .scene-section-heading::after { background: #a5c1ce2e; }

dialog.scene-picker.scene-picker-v82 .scene-picker-option {
  border-color: #9ab5c33d;
  background: linear-gradient(155deg, #1b303d, #152733);
  box-shadow: 0 5px 16px #07111a36, inset 0 1px #d7e9ef0b;
  transition: border-color 180ms, background 180ms, box-shadow 180ms, transform 180ms;
}

dialog.scene-picker.scene-picker-v82 .scene-picker-option > img {
  filter: saturate(.9) contrast(1.04);
  transition: filter 180ms, transform 240ms;
}

dialog.scene-picker.scene-picker-v82 .scene-picker-option:hover {
  border-color: #c4dce67a;
  background: linear-gradient(155deg, #254150, #1a303f);
  box-shadow: 0 8px 22px #040d15a8, 0 0 0 1px #b5d9e21c;
  transform: translateY(-2px);
}

dialog.scene-picker.scene-picker-v82 .scene-picker-option:hover > img {
  filter: saturate(1.06) contrast(1.06) brightness(1.04);
  transform: scale(1.018);
}

dialog.scene-picker.scene-picker-v82 .scene-picker-option.is-selected {
  border-color: #f0bd7b;
  background: linear-gradient(155deg, #4b3c2c, #2f302e);
  box-shadow: 0 0 0 1px #edbd7c35, 0 8px 22px #060e16a2, inset 0 1px #ffedc521;
}

dialog.scene-picker.scene-picker-v82 .scene-picker-option.is-selected:hover {
  border-color: #ffe0ad;
  background: linear-gradient(155deg, #5a452f, #39352e);
}

/* Operations share a consistent “archive card” treatment and never rely on
   English labels to convey the name.  The Chinese title is supplied by
   operation-scenes.js and remains visible at every supported width. */
dialog.scene-picker.scene-picker-v82 .scene-picker-option[data-scene^='operation-'] .scene-option-copy {
  min-height: 76px;
}

dialog.scene-picker.scene-picker-v82 .scene-picker-option[data-scene^='operation-'] .scene-option-title {
  align-items: flex-start;
}

dialog.scene-picker.scene-picker-v82 .scene-picker-option[data-scene^='operation-'] .scene-option-title strong {
  color: #fff4dd;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

dialog.scene-picker.scene-picker-v82 .scene-picker-option[data-scene^='operation-'] .scene-option-landmark {
  color: #c6d8df;
  font-family: var(--mono, monospace);
  font-variant-numeric: tabular-nums;
}

dialog.scene-picker.scene-picker-v82 .scene-operation-badge {
  color: #ffe0a9;
  border-color: #f4c5796e;
  background: #17222ce8;
}

dialog.scene-picker.scene-picker-v82 :is(button, input, select, a):focus-visible {
  outline-color: #f6c786;
  box-shadow: 0 0 0 3px #f6c7862e;
}

@media (max-width: 720px) {
  dialog.scene-picker.scene-picker-v82 .scene-picker-head { padding: 13px 16px; }
  dialog.scene-picker.scene-picker-v82 .scene-picker-workspace { gap: 11px; padding: 12px; }
  dialog.scene-picker.scene-picker-v82 .scene-cs2-tools { gap: 3px; overflow-x: auto; }
  dialog.scene-picker.scene-picker-v82 .scene-cs2-tools button { min-height: 31px; padding: 6px 7px; font-size: 11px; }
  dialog.scene-picker.scene-picker-v82 .scene-cs2-tools .scene-scope-count { font-size: 9px; }
  dialog.scene-picker.scene-picker-v82 .scene-picker-option[data-scene^='operation-'] .scene-option-copy { min-height: 70px; }
}

@media (max-width: 350px) {
  dialog.scene-picker.scene-picker-v82 .scene-cs2-tools button { gap: 4px; padding-inline: 5px; font-size: 10px; }
  dialog.scene-picker.scene-picker-v82 .scene-picker-option[data-scene^='operation-'] .scene-option-copy { min-height: 64px; }
}

@media (prefers-reduced-motion: reduce) {
  dialog.scene-picker.scene-picker-v82 .scene-picker-option,
  dialog.scene-picker.scene-picker-v82 .scene-picker-option > img,
  dialog.scene-picker.scene-picker-v82 .scene-cs2-tools button { transition: none; }
}

/* pet-v82.css */
/* V88 — the existing pet is an independent edge dock, outside the content rail. */
.pet-v82 {
  --pet-size:92px;
  --pet-accent:#e6bb73;
  --pet-cyan:#8bc6d6;
  position:fixed;
  z-index:45;
  left:max(14px,env(safe-area-inset-left));
  bottom:max(24px,env(safe-area-inset-bottom));
  width:var(--pet-size);
  color:#edf4f1;
  font-family:'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif;
  isolation:isolate;
}
.pet-v82[hidden],.pet-v82 [hidden] { display:none!important; }
.pet-v82 button { box-sizing:border-box; font:inherit; cursor:pointer; touch-action:manipulation; }
.pet-v82 .pet-toggle {
  display:block; position:relative; width:var(--pet-size); height:var(--pet-size); margin:0; padding:0;
  border:1px solid #b8d7df28; border-radius:30px; background:linear-gradient(145deg,#1e3340cc,#101a24c4);
  color:inherit; box-shadow:0 14px 32px #02070d7a,0 0 0 1px #ffffff06 inset; transition:transform 160ms ease,border-color 180ms ease,box-shadow 180ms ease;
}
.pet-v82 .pet-toggle:hover,.pet-v82 .pet-toggle:focus-visible { transform:translateY(-2px); border-color:#e6bb736e; box-shadow:0 17px 38px #02070dcc,0 0 24px #e6bb731d,0 0 0 1px #ffffff12 inset; }
.pet-v82 .pet-toggle:active { transform:translateY(1px) scale(.98); }
.pet-v82 .pet-sprite {
  display:block; position:relative; width:100%; height:100%; overflow:hidden; border-radius:inherit;
  background-repeat:no-repeat; background-size:300% 200%; transform-origin:50% 84%; filter:drop-shadow(0 6px 5px #0009); pointer-events:none;
}
.pet-v82:not(.is-reacting) .pet-sprite { animation:pet-v82-breathe 4.8s ease-in-out infinite; }
.pet-v82 .pet-fallback { display:block; width:100%; height:100%; object-fit:contain; }
.pet-v82[data-atlas='ready'] .pet-sprite { background-image:url('./assets/pet/dog-atlas.webp'); }
.pet-v82[data-atlas='ready'] .pet-fallback { visibility:hidden; }
.pet-v82[data-pose='0'] .pet-sprite { background-position:0 0; }
.pet-v82[data-pose='1'] .pet-sprite { background-position:50% 0; }
.pet-v82[data-pose='2'] .pet-sprite { background-position:100% 0; }
.pet-v82[data-pose='3'] .pet-sprite { background-position:0 100%; }
.pet-v82[data-pose='4'] .pet-sprite { background-position:50% 100%; }
.pet-v82[data-pose='5'] .pet-sprite { background-position:100% 100%; }
.pet-v82 .pet-asset-fallback { display:none; }
.pet-v82.pet-image-missing:not([data-atlas='ready']) .pet-fallback { visibility:hidden; }
.pet-v82.pet-image-missing:not([data-atlas='ready']) .pet-asset-fallback { position:absolute; inset:0; display:grid; place-items:center; font-size:42px; }
.pet-v82 .pet-spark { position:absolute; right:15%; top:13%; color:#ffe3a1; font-size:17px; opacity:0; transform:scale(.7) rotate(-10deg); }
.pet-v82.is-reacting .pet-spark { animation:pet-v82-spark 700ms ease-out 1; }
.pet-v82 .pet-tap-hint {
  position:absolute; left:50%; bottom:3px; transform:translateX(-50%); padding:3px 9px; border:1px solid #d4e6df31;
  border-radius:20px; background:#15252fe8; color:#dcebe5; font-size:10px; line-height:1.4; white-space:nowrap; opacity:0; transition:opacity 140ms ease; pointer-events:none;
}
.pet-v82 .pet-toggle:hover .pet-tap-hint,.pet-v82 .pet-toggle:focus-visible .pet-tap-hint { opacity:1; }
.pet-v82-summary { display:flex; align-items:center; justify-content:center; gap:5px; margin:6px 0 0; color:#d4e2e3; font-size:10px; line-height:1.4; }
.pet-v82-name { max-width:88px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pet-v82-level { color:#e8c987; font-size:9px; letter-spacing:.04em; }
.pet-v82 .pet-context { margin:3px 0 0; color:#cbdcd8; font-size:10px; line-height:1.55; text-align:center; text-shadow:0 1px 5px #09171c; overflow-wrap:anywhere; pointer-events:none; }
.pet-v82[data-status='有点饿了'] .pet-context,.pet-v82[data-status='需要休息'] .pet-context { color:#e6c588; }
.pet-v82[data-status='默契满格'] .pet-context { color:#a7ded0; }
.pet-v82 .pet-popover {
  position:absolute; z-index:2; left:0; bottom:calc(100% + 10px); width:288px; max-width:calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right));
  padding:13px 14px 14px; border:1px solid #aac8ce46; border-radius:15px 15px 15px 5px; background:linear-gradient(145deg,#1d303bf7,#101c27f8 78%);
  box-shadow:0 17px 44px #02070ed1,0 0 0 1px #ffffff07 inset;
}
.pet-v82 .pet-popover-heading { display:flex; align-items:center; justify-content:space-between; min-height:25px; gap:10px; }
.pet-v82 .pet-speaker { color:#a8c7cb; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.pet-v82 .pet-popover-close { display:grid; place-items:center; flex:none; width:29px; height:29px; margin:-5px -5px -2px 0; padding:0; border:0; border-radius:7px; background:transparent; color:#bacccc; font-size:21px; line-height:1; }
.pet-v82 .pet-popover-close:hover { background:#e6bb7319; color:#f2d494; }
.pet-v82 .pet-speech { min-height:35px; margin:7px 0 12px; color:#eff6f3; font-size:12px; line-height:1.65; overflow-wrap:anywhere; }
.pet-v82 .pet-v82-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0 0 13px; }
.pet-v82 .pet-v82-stat { display:grid; grid-template-columns:1fr auto; gap:5px; color:#9cb8be; font-size:9px; }
.pet-v82 .pet-v82-stat-value { color:#d7e6df; font-variant-numeric:tabular-nums; text-align:right; }
.pet-v82 .pet-v82-stat[data-level='low'] .pet-v82-stat-value { color:#e7b57c; }
.pet-v82 .pet-v82-stat[data-level='good'] .pet-v82-stat-value { color:#a8dcc8; }
.pet-v82 .pet-v82-meter { grid-column:1/-1; display:block; height:5px; border-radius:99px; background:#d9e8e718; overflow:hidden; }
.pet-v82 .pet-v82-meter i { display:block; width:50%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#70b7c8,#e8c171); transition:width 260ms ease; }
.pet-v82 .pet-v82-stat[data-level='low'] .pet-v82-meter i { background:linear-gradient(90deg,#b2756f,#e5b06f); }
.pet-v82 .pet-actions { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.pet-v82 .pet-actions button,.pet-v82 .pet-restore {
  display:inline-flex; align-items:center; justify-content:center; gap:4px; min-height:34px; padding:5px 10px; border:1px solid #b9d0d02b; border-radius:8px;
  background:#b4d0d010; color:#dce9e5; font-size:11px; white-space:nowrap; transition:color 160ms ease,background 160ms ease,border-color 160ms ease,transform 120ms ease;
}
.pet-v82 .pet-actions button:hover,.pet-v82 .pet-actions button:focus-visible,.pet-v82 .pet-restore:hover,.pet-v82 .pet-restore:focus-visible { border-color:#e6bb7370; background:#e6bb731b; color:#f1d89a; }
.pet-v82 .pet-actions button:active { transform:scale(.96); }
.pet-v82 .pet-actions button:last-child { margin-left:auto; color:#a9bec1; }
.pet-v82 button:focus-visible { outline:2px solid #ebd594; outline-offset:3px; }
.pet-v82 .pet-restore { min-height:38px; padding:7px 12px; border-radius:20px; background:#203640f0; box-shadow:0 4px 14px #0711184d; }
.pet-v82.is-minimized { width:auto; }
.pet-v82 .pet-live { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }

/* Neither old slot is allowed to reserve room in the hero or the profile.
   The higher-specificity IDs also defeat the legacy home/profile selectors. */
#home-pet-slot,#profile-pet-slot { display:none!important; }
#detail-panel #social-disclosure.social-hub { grid-template-columns:minmax(0,1fr); }
#detail-panel #social-disclosure .social-hub-heading { grid-column:1/-1; }

#leien-pet.pet-dock-v88[data-placement='dock'] {
  position:fixed; inset:auto; left:max(14px,env(safe-area-inset-left)); bottom:max(24px,env(safe-area-inset-bottom));
  display:block; width:var(--pet-size); height:auto; margin:0; padding:0; border:0; background:none;
  --pet-popover-reserve:154px;
}
#leien-pet.pet-dock-v88[data-dock-side='right'] { left:auto; right:max(14px,env(safe-area-inset-right)); }
#leien-pet.pet-dock-v88 .pet-context {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0;
}
#leien-pet.pet-dock-v88 .pet-toggle { border-radius:24px; }
#leien-pet.pet-dock-v88 .pet-popover {
  box-sizing:border-box; top:auto; right:auto; left:0; bottom:calc(100% + 12px); width:300px;
  max-width:calc(100vw - 28px - env(safe-area-inset-left) - env(safe-area-inset-right));
  max-height:calc(100vh - var(--pet-popover-reserve)); max-height:calc(100dvh - var(--pet-popover-reserve)); overflow-y:auto; overscroll-behavior:contain;
  border-radius:14px 14px 14px 5px;
}
#leien-pet.pet-dock-v88[data-dock-side='right'] .pet-popover { left:auto; right:0; border-radius:14px 14px 5px 14px; }
#leien-pet.pet-dock-v88[data-dock-mode='compact'] { --pet-popover-reserve:98px; width:46px; bottom:max(14px,env(safe-area-inset-bottom)); }
#leien-pet.pet-dock-v88 .pet-restore {
  position:relative; display:grid; place-items:center; width:46px; height:46px; min-height:46px; padding:2px; border-radius:14px;
  border-color:#a6bec64f; background:linear-gradient(145deg,#203640f7,#111f2df5); box-shadow:0 5px 18px #020a13a8,inset 0 1px #eaf7ff0d;
}
#leien-pet.pet-dock-v88 .pet-restore img { display:block; width:40px; height:40px; object-fit:contain; }
#leien-pet.pet-dock-v88 .pet-restore-fallback { display:none; font-size:25px; }
#leien-pet.pet-dock-v88 .pet-restore-image-missing img { display:none; }
#leien-pet.pet-dock-v88 .pet-restore-image-missing .pet-restore-fallback { display:block; }
#leien-pet.pet-dock-v88 .pet-restore:is(:hover,[aria-expanded='true']) { border-color:#e9c4869c; background:#263b48; }
#leien-pet.pet-dock-v88 .pet-actions button { min-height:38px; font-size:12px; }
#leien-pet.pet-dock-v88 .pet-dock-position { display:flex; align-items:center; gap:6px; margin-top:12px; padding-top:10px; border-top:1px solid #a6c1ce25; }
#leien-pet.pet-dock-v88 .pet-dock-position>span { flex:1; color:#bcced6; font-size:11px; }
#leien-pet.pet-dock-v88 .pet-dock-position button { min-height:34px; padding:6px 12px; border:1px solid #b9d0d02b; border-radius:7px; background:#b4d0d008; color:#c8d9de; font-size:11px; }
#leien-pet.pet-dock-v88 .pet-dock-position button[aria-pressed='true'] { border-color:#e6bb7375; background:#e6bb7319; color:#f1d89a; }
#leien-pet.pet-dock-v88 .pet-dock-position button:hover { border-color:#c1dbe179; color:#f0f7fa; }

@media(max-width:1559px) {
  /* The compact edge button has its own space at the end of the document. */
  body .site-footer.version-footer { padding-bottom:calc(76px + env(safe-area-inset-bottom)); }
}

.pet-v82.is-reacting[data-motion='wiggle'] .pet-sprite { animation:pet-v82-wiggle 580ms ease-out 1; }
.pet-v82.is-reacting[data-motion='hop'] .pet-sprite { animation:pet-v82-hop 620ms ease-out 1; }
.pet-v82.is-reacting[data-motion='bounce'] .pet-sprite { animation:pet-v82-bounce 750ms ease-out 1; }
.pet-v82.is-reacting[data-motion='nod'] .pet-sprite { animation:pet-v82-nod 580ms ease-out 1; }
.pet-v82.is-reacting[data-motion='tilt'] .pet-sprite { animation:pet-v82-tilt 660ms ease-out 1; }
@keyframes pet-v82-wiggle { 0%,100% { transform:rotate(0); } 25% { transform:rotate(-5deg); } 65% { transform:rotate(5deg); } }
@keyframes pet-v82-hop { 0%,100% { transform:translateY(0); } 35% { transform:translateY(-9px) rotate(-3deg); } 70% { transform:translateY(0) scaleY(.96); } }
@keyframes pet-v82-bounce { 0%,45%,100% { transform:translateY(0); } 23% { transform:translateY(-8px) rotate(-3deg); } 70% { transform:translateY(-5px) rotate(3deg); } }
@keyframes pet-v82-nod { 0%,100% { transform:rotate(0); } 45% { transform:rotate(4deg) translateY(2px); } }
@keyframes pet-v82-tilt { 0%,100% { transform:rotate(0); } 30%,70% { transform:rotate(-7deg); } }
@keyframes pet-v82-breathe { 0%,100% { transform:translateY(0) scale(1); } 50% { transform:translateY(-2px) scale(1.012); } }
@keyframes pet-v82-spark { 0% { opacity:0; transform:scale(.7) rotate(-10deg); } 38% { opacity:.95; transform:scale(1.25) rotate(12deg); } 100% { opacity:0; transform:scale(.9) rotate(28deg); } }

@media(max-width:700px) {
  .pet-v82 { --pet-size:72px; }
  .pet-v82 .pet-v82-summary { margin-top:3px; font-size:8px; }
  .pet-v82 .pet-v82-level { font-size:7px; }
  .pet-v82 .pet-tap-hint { opacity:1; bottom:-1px; padding:1px 6px; font-size:9px; }
  .pet-v82 .pet-popover { left:0; bottom:calc(100% + 10px); width:276px; }
  .pet-v82 .pet-popover-close { width:36px; height:36px; margin-top:-6px; margin-right:-6px; }
  .pet-v82 .pet-actions { gap:5px; }
  .pet-v82 .pet-actions button { min-height:40px; flex:1 1 auto; }
  .pet-v82 .pet-actions button:last-child { margin-left:0; flex:0 0 auto; }
  #leien-pet.pet-dock-v88 .pet-actions button { min-height:42px; }
  #leien-pet.pet-dock-v88 .pet-dock-position button { min-height:40px; }
}
@media(prefers-reduced-motion:reduce) {
  .pet-v82 .pet-sprite,.pet-v82 .pet-spark { animation:none!important; transform:none!important; }
  .pet-v82 .pet-toggle,.pet-v82 .pet-actions button,.pet-v82 .pet-v82-meter i,.pet-v82 .pet-tap-hint { transition:none!important; }
}

/* interface-v82.css */
/*
 * V82 visual pass — a calm CS2 surface system for a 100% Edge/Chrome view.
 *
 * This file only changes presentation.  It does not resize content by
 * JavaScript, change records, or add a second navigation.  The existing
 * 1320px desktop rail is retained and each major section gets a quiet
 * boundary so the page reads as a set of blocks instead of one long sheet.
 */

body.interface-v82 {
  --v82-ink:#ecf3f7;
  --v82-muted:#9eafbf;
  --v82-line:rgba(153,181,205,.19);
  --v82-line-strong:rgba(185,208,229,.31);
  --v82-surface:rgba(13,27,41,.9);
  --v82-surface-deep:rgba(8,19,31,.93);
  --v82-gold:#e7b66f;
  --v82-font:'Segoe UI','Microsoft YaHei UI','Microsoft YaHei','PingFang SC',sans-serif;
  color:var(--v82-ink);
  font-family:var(--v82-font);
}

/* The top rail is one compact control group, with the background picker at
 * the far right as requested.  No text is rotated or squeezed at 100% zoom. */
body.interface-v82[data-category] .topbar {
  height:68px;
  background:linear-gradient(180deg,#111d2a 0%,#0d1824 100%);
  border-bottom:1px solid rgba(189,213,235,.2);
  box-shadow:0 8px 24px rgba(1,8,17,.25),inset 0 -1px rgba(238,247,255,.035);
  backdrop-filter:none;
}
body.interface-v82[data-category] .topbar::after {
  content:'';
  position:absolute;
  right:24px;
  bottom:-1px;
  left:24px;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,#d9ad6f88 38%,#8db7d34c 67%,transparent);
}
body.interface-v82[data-category] .topbar-inner {
  max-width:1368px;
  padding-inline:24px;
  gap:16px;
}
body.interface-v82[data-category] .topbar .brand {
  border-radius:6px;
  transition:background 150ms ease,transform 150ms ease;
}
body.interface-v82[data-category] .topbar .brand:hover {
  background:rgba(153,190,221,.08);
  transform:translateY(-1px);
}
body.interface-v82[data-category] .topbar .brand-wordmark strong { color:#e8f0f5; }
body.interface-v82[data-category] .topbar .brand-wordmark small { color:#91a8bb; }
body.interface-v82[data-category] .topnav {
  gap:2px;
  padding:3px;
  border:1px solid rgba(177,204,227,.2);
  border-radius:7px;
  background:#142333;
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 4px 14px rgba(2,10,19,.16);
}
body.interface-v82[data-category] .topnav :is(.toy-nav-button,.sound-toggle,.motion-toggle-v78) {
  min-height:34px;
  height:34px;
  padding-inline:10px;
  border:1px solid transparent;
  border-radius:5px;
  color:#c7d4df;
  background:transparent;
  font:500 11px/1.25 var(--v82-font);
  transition:background 150ms ease,border-color 150ms ease,color 150ms ease;
}
body.interface-v82[data-category] .topnav :is(.toy-nav-button,.sound-toggle,.motion-toggle-v78):hover {
  color:#f2f7fa;
  border-color:rgba(188,215,237,.25);
  background:#243747;
}
body.interface-v82[data-category] .scene-quick-row--topbar {
  flex-basis:224px;
  min-width:0;
}
body.interface-v82[data-category] .scene-quick-row--topbar .scene-quick-control {
  border-color:rgba(173,204,229,.25);
  border-radius:7px;
  background:#152638;
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 4px 14px rgba(1,8,18,.2);
}
body.interface-v82[data-category] .scene-quick-row--topbar .scene-quick-control:is(:hover,[aria-expanded='true']) {
  border-color:rgba(231,182,111,.7);
  background:#203448;
}

/* Keep the original 1320px rail: it fills a 1366px viewport neatly and
 * stops growing at 1920px, preventing the cards from becoming oversized. */
body.interface-v82[data-category] .home-main {
  width:min(1320px,calc(100% - 48px));
  padding:22px 0 48px;
}
body.interface-v82[data-category] .hero-copy {
  border-color:rgba(174,201,224,.3);
  border-top-color:rgba(231,182,111,.62);
  border-radius:10px;
  box-shadow:inset 0 1px rgba(241,248,255,.06),0 12px 30px rgba(1,10,20,.25);
}
body.interface-v82[data-category] .hero-copy::after {
  height:2px;
  opacity:.68;
  background:linear-gradient(90deg,#e6b26a,#8db9d351 52%,transparent);
}
body.interface-v82[data-category] .hero-copy h1 {
  font-family:var(--v82-font);
  letter-spacing:-.02em;
}
body.interface-v82[data-category] .directory-dateline {
  color:#9db2c2;
  font-family:var(--v82-font);
}

/* Search and category links form a single, bounded utility block. */
body.interface-v82[data-category] .search-box {
  min-height:54px;
  height:54px;
  border:1px solid rgba(171,201,227,.29);
  border-radius:8px;
  background:#152637;
  box-shadow:inset 0 1px rgba(245,250,255,.045),0 8px 22px rgba(2,12,20,.16);
}
body.interface-v82[data-category] .search-box:hover { border-color:rgba(192,218,238,.48); background:#192d40; }
body.interface-v82[data-category] .search-box:focus-within {
  border-color:#e6b16b;
  background:#1a2f41;
  box-shadow:0 0 0 3px rgba(230,177,107,.13),inset 0 1px rgba(250,253,255,.06);
}
body.interface-v82[data-category] .search-box input {
  font:500 15px/1.4 var(--v82-font);
  color:#f0f5f8;
}
body.interface-v82[data-category] .search-box input::placeholder { color:#9fb2c3; }
body.interface-v82[data-category] .search-submit {
  min-width:82px;
  height:36px;
  margin-right:8px;
  border:1px solid rgba(255,235,190,.55);
  border-radius:6px;
  background:linear-gradient(135deg,#efbd74,#d99f59);
  box-shadow:inset 0 1px rgba(255,255,255,.45),0 4px 10px rgba(1,7,13,.18);
  color:#2a2118;
  font-weight:700;
}
body.interface-v82[data-category] .search-submit:hover { background:linear-gradient(135deg,#f6ca83,#e7ae67); }
body.interface-v82[data-category] .search-footnote {
  margin-top:8px;
  padding:8px;
  border:1px solid var(--v82-line);
  border-radius:8px;
  background:linear-gradient(135deg,rgba(15,29,43,.92),rgba(10,22,35,.86));
  box-shadow:inset 0 1px rgba(243,249,255,.03);
}
body.interface-v82[data-category] .search-footnote .search-helper { display:none; }
body.interface-v82[data-category] .directory-nav { gap:6px; }
body.interface-v82[data-category] .directory-nav .public-entry {
  min-height:42px;
  border-color:rgba(160,190,216,.22);
  border-radius:6px;
  background:linear-gradient(145deg,#1b2c3d,#142333);
  box-shadow:inset 0 1px rgba(255,255,255,.04);
  transition:background 150ms ease,border-color 150ms ease,transform 150ms ease,box-shadow 150ms ease;
}
body.interface-v82[data-category] .directory-nav .public-entry:hover {
  border-color:rgba(197,216,234,.5);
  background:linear-gradient(145deg,#263b4e,#1b2d3e);
  transform:translateY(-1px);
  box-shadow:0 5px 12px rgba(1,8,16,.15),inset 0 1px rgba(255,255,255,.06);
}
body.interface-v82[data-category] .directory-nav .public-entry[aria-pressed='true'] {
  border-color:rgba(232,184,111,.8);
  background:linear-gradient(145deg,#3d352a,#273342);
  box-shadow:inset 0 -2px rgba(232,184,111,.52),inset 0 1px rgba(255,255,255,.07);
}
body.interface-v82[data-category] .directory-nav .entry-copy strong { color:#e5edf3; font:650 11px/1.3 var(--v82-font); }
body.interface-v82[data-category] .directory-nav .entry-copy small { color:#91a6b7; font:500 9px/1.25 var(--v82-font); }
body.interface-v82[data-category] .directory-nav .entry-count { color:#c7d5df; font:600 10px/1 var(--v82-font); }

/* The roster and each data-heavy module get the same quiet boundary.  The
 * short top rail acts as the Valorant-style edge marker without adding labels. */
body.interface-v82[data-category] .dynamic-zone {
  display:grid;
  gap:14px;
  margin-top:18px;
}
body.interface-v82[data-category] .hot-section,
body.interface-v82[data-category] .gear-spotlight,
body.interface-v82[data-category] .results-section.is-active {
  position:relative;
  border:1px solid var(--v82-line);
  border-radius:10px;
  background:linear-gradient(145deg,rgba(12,27,41,.94),rgba(8,19,31,.91));
  box-shadow:inset 0 1px rgba(241,248,255,.035),0 10px 26px rgba(1,8,16,.18);
}
body.interface-v82[data-category] .hot-section::before,
body.interface-v82[data-category] .gear-spotlight::before,
body.interface-v82[data-category] .results-section.is-active::before {
  content:'';
  position:absolute;
  z-index:2;
  top:-1px;
  left:16px;
  width:96px;
  height:2px;
  pointer-events:none;
  background:linear-gradient(90deg,var(--v82-gold),rgba(139,188,221,.4),transparent);
}
body.interface-v82[data-category] .hot-section {
  padding:14px 14px 15px;
}
body.interface-v82[data-category] .hot-section > :is(.collection-heading,.collection-tabs,.workshop-filters,.team-roster-note,.letter-filter,#hot-list,.category-empty) {
  position:relative;
  z-index:1;
}
body.interface-v82[data-category] .collection-heading {
  margin-bottom:9px;
}
body.interface-v82[data-category] .collection-heading h2 {
  color:#eef4f7;
  font:700 17px/1.35 var(--v82-font);
}
body.interface-v82[data-category] .collection-heading h2::before { background:linear-gradient(#e9b56b,#81b8d1); }
body.interface-v82[data-category] .collection-tabs {
  margin-bottom:10px;
  padding:9px;
  border:1px solid rgba(154,184,211,.16);
  border-radius:8px;
  background:rgba(10,24,37,.74);
}
body.interface-v82[data-category] .directory-filters {
  border-bottom-color:rgba(166,194,216,.12);
}
body.interface-v82[data-category] .team-filter-section {
  border-color:rgba(154,184,211,.13);
  border-radius:0 0 7px 7px;
  background:rgba(7,19,31,.55);
}
body.interface-v82[data-category] .team-filter-label { color:#93a8b9; }
body.interface-v82[data-category] .team-filters .collection-tab {
  border-color:rgba(145,177,205,.19);
  border-radius:6px;
  background:linear-gradient(145deg,#1b2c3c,#142334);
}
body.interface-v82[data-category] .team-filters .collection-tab:hover { border-color:rgba(198,220,239,.5); background:#253a4c; }
body.interface-v82[data-category] .team-filters .collection-tab[aria-pressed='true'] {
  border-color:rgba(232,184,111,.75);
  background:linear-gradient(145deg,#40372b,#243341);
  box-shadow:inset 3px 0 #e5b26d,inset 0 1px rgba(255,255,255,.05);
}
body.interface-v82[data-category] .letter-filter {
  margin-top:10px;
  margin-bottom:10px;
  border-color:rgba(152,184,211,.18);
  border-radius:8px;
  background:rgba(13,27,41,.78);
}
body.interface-v82[data-category] .gear-spotlight {
  margin-top:0;
  padding:18px;
}
body.interface-v82[data-category] .gear-heading {
  padding-bottom:10px;
  border-bottom:1px solid rgba(161,189,213,.13);
}
body.interface-v82[data-category] .gear-heading h2 { color:#edf3f6; font:700 16px/1.35 var(--v82-font); }
body.interface-v82[data-category] .gear-heading-source { color:#91a7b9; }

/* Keep the five feature cards crisp on a 100% desktop view without changing
 * their data or image crops. */
body.interface-v82[data-category='pro'] #hot-list.v80-player-grid {
  gap:10px;
}
body.interface-v82[data-category='pro'] #hot-list.v80-player-grid .portrait-card {
  border-radius:9px;
  box-shadow:inset 0 1px rgba(242,249,255,.05),0 7px 18px rgba(1,9,17,.25);
}
body.interface-v82[data-category='pro'] #hot-list.v80-player-grid .portrait-card:hover {
  box-shadow:inset 0 1px rgba(242,249,255,.08),0 11px 24px rgba(1,9,17,.35),0 0 0 1px rgba(var(--team-rgb),.26);
}

/* Mobile remains a compact two-column feed; panel padding is reduced so the
 * 390px layout never acquires a horizontal scroll bar. */
@media(max-width:700px) {
  body.interface-v82[data-category] .topbar { height:60px; }
  body.interface-v82[data-category] .topbar::after { right:12px; left:12px; }
  body.interface-v82[data-category] .topbar-inner { padding-inline:12px; gap:6px; }
  body.interface-v82[data-category] .scene-quick-row--topbar { flex-basis:44px; }
  body.interface-v82[data-category] .scene-quick-row--topbar .scene-quick-control { justify-content:center; padding:5px; }
  body.interface-v82[data-category] .scene-quick-row--topbar .scene-quick-copy,
  body.interface-v82[data-category] .scene-quick-row--topbar .scene-quick-arrow { display:none; }
  body.interface-v82[data-category] .home-main { width:calc(100% - 24px); padding:18px 0 38px; }
  body.interface-v82[data-category] .search-footnote { padding:7px; }
  body.interface-v82[data-category] .directory-nav { gap:5px; }
  body.interface-v82[data-category] .directory-nav .public-entry { min-height:40px; padding-inline:8px; }
  body.interface-v82[data-category] .directory-nav .entry-copy small { display:none; }
  body.interface-v82[data-category] .hot-section { padding:10px; border-radius:9px; }
  body.interface-v82[data-category] .hot-section::before,
  body.interface-v82[data-category] .gear-spotlight::before { left:11px; width:66px; }
  body.interface-v82[data-category] .collection-heading h2 { font-size:18px; }
  body.interface-v82[data-category] .collection-tabs { padding:7px; }
  body.interface-v82[data-category] .gear-spotlight { padding:12px; }
  body.interface-v82[data-category] .gear-heading { padding-bottom:8px; }
}
@media(max-width:370px) {
  body.interface-v82[data-category] .home-main { width:calc(100% - 20px); }
  body.interface-v82[data-category] .hot-section { padding:8px; }
  body.interface-v82[data-category] .directory-nav .public-entry { padding-inline:6px; }
}

@media(prefers-reduced-motion:reduce) {
  body.interface-v82 * { transition-duration:0ms!important; animation-duration:0ms!important; }
}
@media(forced-colors:active) {
  body.interface-v82[data-category] .hot-section,
  body.interface-v82[data-category] .gear-spotlight,
  body.interface-v82[data-category] .search-footnote { border-color:CanvasText; background:Canvas; box-shadow:none; }
}

/* hero-showcase-v83.css */
/* V83 — a gold, five-card homepage stage for the curated legends. */
body.interface-v82[data-category='pro'] #hot-section.v83-hero-home {
  border-color:rgba(224,185,112,.34);
  background:radial-gradient(ellipse at 50% 0%,rgba(230,181,100,.08),transparent 56%),linear-gradient(145deg,rgba(20,31,43,.97),rgba(8,18,29,.95));
  box-shadow:inset 0 1px rgba(255,245,213,.09),0 14px 32px rgba(1,8,15,.24),0 0 34px rgba(214,161,69,.05);
}
body.interface-v82[data-category='pro'] #hot-section.v83-hero-home::before { width:152px; background:linear-gradient(90deg,#f6d28e,#bb7e36 62%,transparent); box-shadow:0 0 14px rgba(242,184,91,.25); }
body.interface-v82[data-category='pro'] #hot-list.v83-hero-stage { grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; padding:6px 2px 8px; }
body.interface-v82[data-category='pro'] #hot-list.v83-hero-stage > .v83-hero-card {
  --v83-hero-color:#d8a85d;
  height:330px; min-height:330px;
  border:1px solid color-mix(in srgb,var(--v83-hero-color) 58%,#d7e6f0 22%); border-bottom:2px solid var(--v83-hero-color);
  background:linear-gradient(160deg,#1e2b35,#121c27 72%);
  box-shadow:inset 0 1px rgba(255,247,224,.15),0 10px 22px rgba(2,8,14,.35),0 0 0 1px rgba(230,182,99,.09),0 0 18px color-mix(in srgb,var(--v83-hero-color) 14%,transparent);
  transform:translateY(0); transition:transform 220ms cubic-bezier(.2,.8,.25,1),border-color 180ms ease,box-shadow 220ms ease,filter 180ms ease;
}
body.interface-v82[data-category='pro'] #hot-list.v83-hero-stage > .v83-hero-card:hover,
body.interface-v82[data-category='pro'] #hot-list.v83-hero-stage > .v83-hero-card:focus-visible { border-color:var(--v83-hero-color); box-shadow:inset 0 1px rgba(255,249,226,.2),0 16px 30px rgba(2,8,14,.45),0 0 28px color-mix(in srgb,var(--v83-hero-color) 28%,transparent); transform:translateY(-5px); filter:saturate(1.08); }
body.interface-v82[data-category='pro'] #hot-list.v83-hero-stage > .v83-hero-card .card-atmosphere {
  opacity:1; background:radial-gradient(ellipse at 50% 36%,color-mix(in srgb,var(--v83-hero-color) 21%,transparent),transparent 65%),linear-gradient(120deg,#090f1bdd,#1425342e 50%,#080e19d9),url('./assets/backgrounds/profile-arena-v76.webp') center 58%/cover;
}
body.interface-v82[data-category='pro'] #hot-list.v83-hero-stage > .v83-hero-card .person-card-visual { height:236px; flex-basis:236px; }
body.interface-v82[data-category='pro'] #hot-list.v83-hero-stage > .v83-hero-card .portrait-frame { height:194px; }
body.interface-v82[data-category='pro'] #hot-list.v83-hero-stage > .v83-hero-card .person-card-identity { min-height:92px; height:92px; padding:10px 12px 8px; justify-content:flex-start; gap:2px; }
body.interface-v82[data-category='pro'] #hot-list.v83-hero-stage > .v83-hero-card .hot-person-name { font-size:19px; }
body.interface-v82[data-category='pro'] #hot-list.v83-hero-stage > .v83-hero-card .hot-person-team { color:#d7c397; }
.v83-card-kicker { position:absolute; z-index:8; top:11px; left:12px; display:inline-flex; align-items:center; gap:5px; color:#f4d18f; font:700 9px/1.1 'Segoe UI','Microsoft YaHei',sans-serif; letter-spacing:.13em; text-transform:uppercase; text-shadow:0 1px 2px #03070c; pointer-events:none; }
.v83-card-kicker-mark { display:grid; place-items:center; width:17px; height:17px; border:1px solid #e7bf7c99; border-radius:50%; background:#1c222aee; color:#f8d99c; font-size:8px; letter-spacing:0; }
.v83-card-crown { position:absolute; z-index:8; top:7px; right:12px; color:#f6d38d; font:400 26px/1 Georgia,serif; text-shadow:0 0 9px rgba(240,184,82,.58),0 2px 2px #05080c; pointer-events:none; }
.v83-card-loadout { display:flex; flex-direction:column; gap:3px; width:100%; margin-top:4px; padding-top:5px; border-top:1px solid rgba(232,192,116,.18); pointer-events:none; }
.v83-card-role { color:#9eafbf; font:600 9px/1.2 'Segoe UI','Microsoft YaHei',sans-serif; letter-spacing:.04em; }
.v83-card-skin { display:flex; align-items:center; gap:4px; min-width:0; color:#f0d49d; font:650 10px/1.2 'Segoe UI','Microsoft YaHei',sans-serif; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.v83-card-skin i { color:#edbb64; font-style:normal; font-size:8px; }
.v83-detail-loadout { position:relative; margin-top:16px; padding:12px 14px 13px; overflow:hidden; border:1px solid rgba(225,184,107,.32); border-radius:8px; background:linear-gradient(135deg,rgba(44,38,29,.78),rgba(17,29,41,.94) 70%); box-shadow:inset 0 1px rgba(255,245,210,.08),0 8px 22px rgba(2,9,16,.2); }
.v83-detail-loadout::after { content:''; position:absolute; top:0; right:18px; width:74px; height:1px; background:linear-gradient(90deg,transparent,#e7be73); }
.v83-detail-loadout-top,.v83-detail-loadout-meta,.v83-detail-loadout-main { position:relative; z-index:1; }
.v83-detail-loadout-top { display:flex; align-items:center; justify-content:space-between; color:#bfccd7; font:700 9px/1.2 'Segoe UI','Microsoft YaHei',sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.v83-detail-crown { color:#f2ce8b; font:400 20px/1 Georgia,serif; text-shadow:0 0 8px rgba(236,180,79,.45); }
.v83-detail-loadout-main { display:flex; align-items:center; gap:10px; margin-top:8px; }
.v83-detail-loadout-main > div { display:flex; flex-direction:column; gap:2px; min-width:0; }
.v83-detail-loadout-main strong { color:#f5d49a; font:700 17px/1.25 'Segoe UI','Microsoft YaHei',sans-serif; }
.v83-detail-loadout-main small { color:#9daebe; font:500 10px/1.2 'Segoe UI','Microsoft YaHei',sans-serif; }
.v83-detail-weapon-icon { display:grid; place-items:center; width:35px; height:35px; flex:0 0 35px; border:1px solid rgba(234,193,116,.45); border-radius:7px; color:#efc87e; background:linear-gradient(145deg,#433729,#1b2833); box-shadow:inset 0 1px rgba(255,247,222,.12),0 3px 9px rgba(3,9,13,.25); }
.v83-detail-loadout-meta { display:grid; gap:5px; margin-top:10px; color:#aebdca; font:500 11px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; }
.v83-detail-loadout-meta span { display:flex; gap:8px; }
.v83-detail-loadout-meta b { flex:0 0 auto; color:#d4e0e8; font-weight:650; }
@media(max-width:1050px) and (min-width:701px) { body.interface-v82[data-category='pro'] #hot-list.v83-hero-stage { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:700px) {
  body.interface-v82[data-category='pro'] #hot-list.v83-hero-stage { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding-inline:0; }
  body.interface-v82[data-category='pro'] #hot-list.v83-hero-stage > .v83-hero-card { height:286px; min-height:286px; }
  body.interface-v82[data-category='pro'] #hot-list.v83-hero-stage > .v83-hero-card .person-card-visual { height:190px; flex-basis:190px; }
  body.interface-v82[data-category='pro'] #hot-list.v83-hero-stage > .v83-hero-card .portrait-frame { height:153px; }
  body.interface-v82[data-category='pro'] #hot-list.v83-hero-stage > .v83-hero-card .person-card-identity { min-height:96px; height:auto; }
  body.interface-v82[data-category='pro'] #hot-list.v83-hero-stage > .v83-hero-card .hot-person-name { font-size:16px; }
  .v83-card-crown { top:5px; right:8px; font-size:22px; }
  .v83-card-kicker { top:8px; left:8px; font-size:8px; }
  .v83-card-kicker-mark { width:15px; height:15px; }
  .v83-card-loadout { margin-top:3px; }
  .v83-card-role { font-size:8px; }
  .v83-card-skin { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) { body.interface-v82[data-category='pro'] #hot-list.v83-hero-stage > .v83-hero-card { transition:none; } }
@media(forced-colors:active) { .v83-card-crown,.v83-card-kicker,.v83-card-loadout,.v83-detail-loadout { color:CanvasText; } .v83-detail-loadout { border-color:CanvasText; background:Canvas; box-shadow:none; } }

/* navigation-v83.css */
/* V83 navigation affordances: make the active filter state and its exit path
 * obvious at Edge/Chrome 100%.  This file deliberately sits after the other
 * interface passes so it can own only the navigation controls. */
body.navigation-v83 {
  --nav83-gold:#f2be72;
  --nav83-gold-soft:rgba(242,190,114,.18);
  --nav83-line:rgba(180,207,230,.28);
  --nav83-ink:#edf4f8;
  --nav83-muted:#9fb1c1;
}

/* A visible route back to the player home is kept in the same reading order
 * as the selected directory title.  It never reserves space while hidden. */
body.navigation-v83[data-category]:not([data-category='pro']) .category-backbar {
  display:flex;
  align-items:center;
  gap:12px;
  min-height:48px;
  margin:0 0 14px;
  padding:6px;
  border:1px solid var(--nav83-line);
  border-left:3px solid var(--nav83-gold);
  border-radius:8px;
  background:linear-gradient(135deg,rgba(22,39,55,.98),rgba(11,26,40,.96));
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 8px 22px rgba(2,10,19,.2);
}
body.navigation-v83 .category-backbar[hidden] { display:none; }
body.navigation-v83[data-category]:not([data-category='pro']) .category-backbar .directory-home {
  min-height:36px;
  padding:0 14px;
  gap:8px;
  border:1px solid rgba(246,202,133,.78);
  border-radius:6px;
  background:linear-gradient(135deg,#f1bd75,#d89a54);
  color:#241c14;
  font:700 12px/1.2 'Segoe UI','Microsoft YaHei',sans-serif;
  box-shadow:inset 0 1px rgba(255,255,255,.45),0 3px 8px rgba(0,0,0,.18);
}
body.navigation-v83[data-category]:not([data-category='pro']) .category-backbar .directory-home:hover {
  background:linear-gradient(135deg,#ffd08c,#e8aa64);
  transform:translateY(-1px);
}
body.navigation-v83 .category-backbar .directory-home:active { transform:translateY(1px); }
body.navigation-v83 .category-backbar .directory-home svg { width:17px; height:17px; }
body.navigation-v83 .category-location {
  min-width:0;
  color:var(--nav83-muted);
  font:600 11px/1.35 'Segoe UI','Microsoft YaHei',sans-serif;
}
body.navigation-v83 .category-location strong { color:var(--nav83-ink); }

/* The reset control is injected beside the collection title on filtered
 * player/search states.  It is not shown on a clean home screen. */
body.navigation-v83 .navigation-v83-reset {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:34px;
  gap:7px;
  margin-left:auto;
  padding:0 12px;
  border:1px solid rgba(245,196,116,.64);
  border-radius:6px;
  background:linear-gradient(135deg,rgba(94,71,38,.86),rgba(52,45,34,.96));
  color:#ffe2ae;
  font:700 11px/1 'Segoe UI','Microsoft YaHei',sans-serif;
  letter-spacing:.01em;
  white-space:nowrap;
  cursor:pointer;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 4px 12px rgba(1,9,16,.2);
  transition:background 150ms ease,border-color 150ms ease,color 150ms ease,transform 150ms ease,box-shadow 150ms ease;
}
body.navigation-v83 .navigation-v83-reset[hidden] { display:none; }
body.navigation-v83 .navigation-v83-reset::before {
  content:'↺';
  display:inline-grid;
  place-items:center;
  width:16px;
  height:16px;
  border:1px solid currentColor;
  border-radius:50%;
  font-size:13px;
  line-height:1;
}
body.navigation-v83 .navigation-v83-reset:hover {
  border-color:#f6d192;
  background:linear-gradient(135deg,rgba(129,91,43,.98),rgba(67,53,34,.98));
  color:#fff3d1;
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 7px 16px rgba(1,9,16,.27);
  transform:translateY(-1px);
}
body.navigation-v83 .navigation-v83-reset:active { transform:translateY(1px); }
body.navigation-v83 .navigation-v83-reset:focus-visible,
body.navigation-v83 .category-backbar .directory-home:focus-visible {
  outline:2px solid #ffe7ad;
  outline-offset:3px;
}

/* Keep the team-only clear action legible and easy to hit.  The app still
 * controls its hidden state; this rule only changes its affordance. */
body.navigation-v83 #clear-team {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  gap:5px;
  padding:0 10px;
  border:1px solid rgba(245,196,116,.55);
  border-radius:5px;
  background:rgba(105,75,37,.34);
  color:#f6ce91;
  font:700 11px/1.2 'Segoe UI','Microsoft YaHei',sans-serif;
  letter-spacing:.01em;
  white-space:nowrap;
  text-decoration:none;
  box-shadow:inset 0 1px rgba(255,255,255,.06);
  transition:background 150ms ease,border-color 150ms ease,color 150ms ease,transform 150ms ease;
}
body.navigation-v83 #clear-team:not([hidden]):hover {
  border-color:#f6d192;
  background:rgba(139,96,43,.55);
  color:#fff0ca;
  transform:translateY(-1px);
}
body.navigation-v83 #clear-team:not([hidden]):focus-visible { outline:2px solid #ffe7ad; outline-offset:3px; }
body.navigation-v83 #clear-team[hidden] { display:none; }

/* Avoid the title/reset/control row becoming wider than the viewport. */
body.navigation-v83 .collection-heading { min-width:0; }
body.navigation-v83 .collection-heading h2 { min-width:0; }
body.navigation-v83 .collection-heading .carousel-controls { flex:0 1 auto; min-width:0; }

@media(max-width:700px) {
  body.navigation-v83[data-category]:not([data-category='pro']) .category-backbar {
    min-height:44px;
    margin-bottom:11px;
    padding:5px;
  }
  body.navigation-v83[data-category]:not([data-category='pro']) .category-backbar .directory-home {
    min-height:36px;
    padding-inline:11px;
  }
  body.navigation-v83 .category-location { margin-right:4px; font-size:10px; }
  body.navigation-v83 .navigation-v83-reset {
    min-height:32px;
    padding-inline:9px;
    font-size:10px;
  }
  body.navigation-v83 .navigation-v83-reset::before { width:15px; height:15px; font-size:12px; }
  body.navigation-v83 .collection-heading { gap:7px; }
  body.navigation-v83 .collection-heading h2 { flex:1 1 100%; order:1; }
  body.navigation-v83 .collection-heading .navigation-v83-reset { order:2; margin-left:0; }
  body.navigation-v83 .collection-heading .mobile-team-picker { order:3; }
  body.navigation-v83 .collection-heading .carousel-controls { order:4; margin-left:auto; }
  body.navigation-v83 #clear-team { min-height:32px; padding-inline:8px; font-size:10px; }
}

@media(max-width:390px) {
  body.navigation-v83 .navigation-v83-reset { flex:1 1 auto; min-width:0; }
  body.navigation-v83 .navigation-v83-reset span { overflow:hidden; text-overflow:ellipsis; }
  body.navigation-v83 .category-location { display:none; }
  body.navigation-v83 #clear-team { padding-inline:7px; }
}

@media(prefers-reduced-motion:reduce) {
  body.navigation-v83 .navigation-v83-reset,
  body.navigation-v83 #clear-team,
  body.navigation-v83 .category-backbar .directory-home { transition:none; }
}

/* play-hub-v85.css */
/* V85: a compact gear panel and regional matchmaking directory share a rail. */
body.interface-v82[data-category] #gear-spotlight.play-hub-v85 {
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.4fr);
  align-items:start;
  gap:14px;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:#edf3f8;
}
body.interface-v82[data-category] #gear-spotlight.play-hub-v85::before { content:none; }
body.interface-v82[data-category] #gear-spotlight.play-hub-v85[hidden],
body.interface-v82:has(#results-section.is-active) #gear-spotlight.play-hub-v85 { display:none; }
#gear-spotlight .hub-panel-v85 {
  --hub-accent:#edbc70;
  position:relative;
  min-width:0;
  padding:17px;
  border:1px solid #b6d0e32a;
  border-radius:10px;
  background:linear-gradient(135deg,#182a39f5,#0e1b29fa 70%);
  box-shadow:inset 0 1px #e2effb0a,0 8px 24px #02091625;
}
#gear-spotlight .hub-panel-v85::before {
  content:'';
  position:absolute;
  top:-1px;
  left:17px;
  width:42px;
  height:2px;
  background:var(--hub-accent);
}
#gear-spotlight .matchmaking-v85 { --hub-accent:#80ceec; }
#gear-spotlight .hub-heading-v85 { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
#gear-spotlight .hub-heading-v85 > div { display:flex; align-items:baseline; flex-wrap:wrap; gap:7px 12px; min-width:0; }
#gear-spotlight .hub-heading-v85 h2 { margin:0; color:#f0f5f8; font:700 17px/1.35 var(--v82-font); letter-spacing:.01em; }
#gear-spotlight .hub-index-v85 { color:var(--hub-accent); font:600 9px/1.2 Consolas,monospace; letter-spacing:.07em; }
#gear-spotlight .hub-source-v85 { display:grid; place-items:center; flex-shrink:0; opacity:.85; }
#gear-spotlight .hub-source-v85 img { display:block; width:82px; height:auto; max-height:19px; object-fit:contain; }
#gear-spotlight .platform-heading-note-v85 { font:500 11px/1.4 var(--v82-font); color:#a9bdcf; white-space:nowrap; }

/* Three models by default; no full-height brand sidebar or oversized hero. */
#gear-spotlight .gear-tabs { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:5px; margin:0 0 11px; }
#gear-spotlight .gear-tabs button { min-width:0; min-height:35px; padding:7px 3px; gap:5px; flex-direction:row; border-radius:5px; font:600 12px/1.2 var(--v82-font); background:#1b2e40; border:1px solid #a7c1d629; color:#bfcddb; }
#gear-spotlight .gear-tabs svg { flex-shrink:0; width:15px; height:15px; }
#gear-spotlight .gear-tabs button[aria-selected='true'] { color:#241d15; background:#edbc70; border-color:#f4c989; box-shadow:inset 0 1px #ffe9c57a; }
#gear-spotlight .gear-tabs button:hover { border-color:#dfc49a; }
#gear-spotlight .gear-model-panel { border-color:#94b4cf25; border-radius:7px; background:#122334; }
#gear-spotlight .gear-leader { grid-template-columns:minmax(0,1fr) 25%; gap:10px; min-height:123px; padding:13px; background:linear-gradient(115deg,#ece7d8,#d8e0df); color:#162636; }
#gear-spotlight .gear-leader-label { gap:6px; color:#4b6070; font:600 10px/1.25 var(--v82-font); }
#gear-spotlight .gear-leader-label b { height:20px; width:20px; font-size:10px; background:#243647; border-radius:4px; }
#gear-spotlight .gear-leader h3 { max-width:none; margin:8px 0 10px; color:#182a3a; font:750 15px/1.4 var(--v82-font); letter-spacing:0; overflow-wrap:anywhere; }
#gear-spotlight .gear-leader-count { gap:6px; }
#gear-spotlight .gear-leader-count strong { color:#192c3d; font:750 23px/1.1 var(--v82-font); letter-spacing:-.03em; }
#gear-spotlight .gear-leader-count span { color:#516878; font:500 10px/1.3 var(--v82-font); }
#gear-spotlight .gear-leader-image img { width:100%; max-width:120px; height:90px; }
#gear-spotlight .gear-list-labels { padding:10px 13px 2px; color:#a3b6c7; font:500 10px/1.3 var(--v82-font); }
#gear-spotlight .gear-model-list { padding:0 13px; }
#gear-spotlight .gear-model-list li { min-height:46px; gap:8px; padding:7px 0; }
#gear-spotlight .gear-position { flex-basis:16px; color:#9fb6c8; font-size:10px; }
#gear-spotlight .gear-model-copy strong { color:#e2eaf2; font:600 12px/1.4 var(--v82-font); }
#gear-spotlight .gear-usage-track { height:2px; margin-top:5px; max-width:160px; }
#gear-spotlight .gear-model-count { flex-basis:34px; gap:4px; }
#gear-spotlight .gear-model-count b { font:650 12px/1 var(--v82-font); }
#gear-spotlight .gear-model-count small { color:#a7bbcc; font-size:10px; }
#gear-spotlight .gear-expand { min-height:34px; color:#e7c48d; font:600 11px/1.3 var(--v82-font); }
#gear-spotlight .gear-expand:hover { background:#edbc700c; color:#ffe4ae; }
#gear-spotlight .gear-brands-disclosure-v85 { margin-top:10px; padding:0 10px; border:1px solid #a7c1d622; border-radius:6px; background:#152536; }
#gear-spotlight .gear-brands-disclosure-v85 summary { display:flex; align-items:center; justify-content:space-between; min-height:34px; gap:10px; color:#c5d2de; list-style:none; cursor:pointer; font:600 11px/1.4 var(--v82-font); }
#gear-spotlight .gear-brands-disclosure-v85 summary::-webkit-details-marker { display:none; }
#gear-spotlight .gear-brands-disclosure-v85 summary small { margin-left:5px; color:#93aabc; font:500 9px/1 Consolas,monospace; }
#gear-spotlight .gear-disclosure-action-v85 { display:flex; align-items:center; gap:8px; color:#a8bdce; }
#gear-spotlight .gear-disclosure-close-v85 { display:none; }
#gear-spotlight .gear-brands-disclosure-v85[open] .gear-disclosure-close-v85 { display:inline; }
#gear-spotlight .gear-brands-disclosure-v85[open] .gear-disclosure-open-v85 { display:none; }
#gear-spotlight .gear-brands-disclosure-v85[open] .gear-disclosure-chevron-v85 { transform:rotate(180deg); }
#gear-spotlight .gear-brands-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-flow:row; grid-template-rows:none; gap:0 10px; padding-bottom:8px; }
#gear-spotlight .gear-brands-list li { border-color:#acbdd215; }
#gear-spotlight .gear-brand-row { gap:6px; min-height:35px; padding:4px 0; color:#d4e0ea; }
#gear-spotlight .gear-brand-row:hover { background:#bdcede09; }
#gear-spotlight .gear-brand-number { width:14px; color:#9bafbf; font-size:9px; }
#gear-spotlight .gear-brand-round { width:24px; height:24px; padding:3px; border:0; border-radius:4px; background:#edf1e9; }
#gear-spotlight .gear-brands-list strong { color:#cbd7e1; font:600 11px/1.3 var(--v82-font); overflow-wrap:anywhere; }
#gear-spotlight .gear-snapshot-date { margin:9px 0 0; color:#9aafc0; font:400 10px/1.4 var(--v82-font); text-align:left; }

/* Platform cards: official identities, region and one verifiable pathway. */
#gear-spotlight .platform-toolbar-v85 { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:6px; margin:0 0 11px; }
#gear-spotlight .platform-filters-v85 { display:flex; flex-wrap:wrap; gap:5px; }
#gear-spotlight .platform-filter-v85 { min-height:35px; padding:7px 12px; border:1px solid #acc9e025; border-radius:5px; background:#1b2e40; color:#bacddd; font:600 12px/1.2 var(--v82-font); cursor:pointer; transition:background 140ms,border-color 140ms,color 140ms; }
#gear-spotlight .platform-filter-v85[aria-pressed='true'] { color:#062635; border-color:#9bddf1; background:#97d7ec; box-shadow:inset 0 1px #e8faff7a; }
#gear-spotlight .platform-filter-v85:hover { border-color:#97d7ec; }
#gear-spotlight .platform-grid-v85 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
#gear-spotlight .platform-card-v85 { --platform-accent:#8cbfda; position:relative; display:flex; flex-direction:column; min-width:0; min-height:153px; padding:13px; border:1px solid #b3cee629; border-radius:7px; background:linear-gradient(125deg,#213246,#152638); text-decoration:none; color:#e9f2fa; overflow:hidden; isolation:isolate; transition:transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease; }
#gear-spotlight .platform-card-v85::before { content:''; position:absolute; inset:0; z-index:-1; opacity:0; pointer-events:none; background:linear-gradient(120deg,#ffffff07,transparent 55%); transition:opacity 160ms ease; }
#gear-spotlight .platform-card-v85:hover { border-color:var(--platform-accent); transform:translateY(-2px); box-shadow:0 7px 18px #050c1933,inset 0 0 0 1px #ffffff06; }
#gear-spotlight .platform-card-v85:hover::before { opacity:1; }
#gear-spotlight .platform-card-v85:active { transform:translateY(0) scale(.99); }
#gear-spotlight .platform-card-top-v85 { display:flex; align-items:center; min-width:0; gap:10px; }
#gear-spotlight .platform-logo-v85 { display:grid; place-items:center; width:64px; height:40px; flex-shrink:0; padding:5px; border:1px solid #acc8e222; border-radius:5px; background:#0d1928; }
#gear-spotlight .platform-logo-v85 img { display:block; width:100%; height:100%; object-fit:contain; }
#gear-spotlight .platform-logo-v85[data-tone='light'] { background:#f1f3ed; border-color:#f1f3ed; }
#gear-spotlight .platform-name-v85 { flex:1; min-width:0; }
#gear-spotlight .platform-name-v85 h3 { margin:0; color:#f1f6fb; font:700 14px/1.35 var(--v82-font); overflow-wrap:anywhere; }
#gear-spotlight .platform-region-v85 { display:block; margin-top:3px; color:#abc1d2; font:500 10px/1.3 var(--v82-font); }
#gear-spotlight .platform-outbound-v85 { flex-shrink:0; align-self:flex-start; color:#a6c2d6; font:500 17px/1 var(--v82-font); }
#gear-spotlight .platform-summary-v85 { margin:10px 0 9px; color:#c4d3df; font:400 12px/1.65 var(--v82-font); overflow-wrap:anywhere; }
#gear-spotlight .platform-feature-v85 { display:flex; flex-wrap:wrap; align-items:center; gap:4px 6px; margin-top:auto; color:#b0c6d8; font:500 10px/1.4 var(--v82-font); }
#gear-spotlight .platform-path-v85 { display:inline-flex; align-items:center; gap:4px; max-width:100%; padding:3px 6px; border:1px solid #c5ddf124; border-radius:3px; color:var(--platform-accent); background:#08162675; font:650 10px/1.2 var(--v82-font); overflow-wrap:anywhere; }
#gear-spotlight .platform-path-v85 img { width:28px; height:16px; object-fit:contain; }
#gear-spotlight .platform-history-v85 { color:#aebfce; }
#gear-spotlight .platform-expand-v85 { display:flex; justify-content:center; align-items:center; gap:8px; width:100%; margin:10px 0 0; min-height:33px; padding:6px 12px; border:1px solid #a8c3de23; border-radius:5px; background:#162a3c; color:#b9dcf0; font:600 11px/1.35 var(--v82-font); cursor:pointer; }
#gear-spotlight .platform-expand-v85:hover { background:#1d344a; border-color:#97c9e262; color:#e0f4ff; }
#gear-spotlight .platform-bottom-v85 { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:5px 10px; margin-top:9px; color:#9bb2c5; font:400 10px/1.4 var(--v82-font); }
#gear-spotlight .platform-sources-v85 { margin-top:5px; color:#9db2c2; font:400 10px/1.5 var(--v82-font); }
#gear-spotlight .platform-sources-v85 summary { width:fit-content; cursor:pointer; padding:4px 0; color:#b2c5d6; }
#gear-spotlight .platform-sources-content-v85 { margin-top:5px; padding:10px; border:1px solid #a6c2de20; border-radius:5px; background:#0d2030; }
#gear-spotlight .platform-sources-content-v85 p { margin:0 0 7px; }
#gear-spotlight .platform-sources-content-v85 ul { margin:0; padding-left:16px; columns:2; column-gap:20px; }
#gear-spotlight .platform-sources-content-v85 li { break-inside:avoid; margin-bottom:5px; }
#gear-spotlight .platform-sources-content-v85 a { color:#a5d7f2; text-decoration:underline; text-underline-offset:3px; }
#gear-spotlight .platform-league-marks-v85 { display:flex; flex-wrap:wrap; gap:10px; margin:10px 0 14px; }
#gear-spotlight .platform-league-marks-v85 a { display:flex; align-items:center; gap:9px; flex:1 1 210px; padding:9px; border:1px solid #9bbbce26; border-radius:5px; background:#0a1725; text-decoration:none; }
#gear-spotlight .platform-league-marks-v85 img { width:100px; height:48px; object-fit:contain; }
#gear-spotlight .platform-league-marks-v85 small { display:block; margin-top:3px; color:#afc2d0; font-size:9px; }
#gear-spotlight .platform-sources-content-v85 .platform-exclusions-v85 { margin:10px 0 0; }
#gear-spotlight :is(button,a,summary,[tabindex]):focus-visible { outline:2px solid #fae0a6; outline-offset:3px; }
#gear-spotlight .gear-expand:focus-visible { outline-offset:-3px; }
#gear-spotlight :is(.platform-card-v85,.platform-filter-v85,.platform-expand-v85):focus-visible { outline-color:#b4e9fa; }
#gear-spotlight [hidden] { display:none!important; }

@media(max-width:1150px) {
  #gear-spotlight .hub-panel-v85 { padding:14px; }
  #gear-spotlight .hub-index-v85 { display:none; }
  #gear-spotlight .gear-tabs button { font-size:11px; gap:3px; }
  #gear-spotlight .platform-card-v85 { padding:11px; }
  #gear-spotlight .platform-heading-note-v85 { font-size:10px; }
}
@media(max-width:980px) {
  body.interface-v82[data-category] #gear-spotlight.play-hub-v85 { grid-template-columns:minmax(0,1fr); }
  #gear-spotlight .gear-compact-v85 { padding:15px; }
  #gear-spotlight .gear-leader { grid-template-columns:minmax(0,1fr) 120px; }
  #gear-spotlight .gear-leader h3 { max-width:480px; }
  #gear-spotlight .gear-tabs button { font-size:12px; }
  #gear-spotlight .hub-index-v85 { display:inline; }
  #gear-spotlight .platform-card-v85 { min-height:140px; padding:13px; }
}
@media(max-width:560px) {
  #gear-spotlight .hub-panel-v85 { padding:12px; }
  #gear-spotlight .hub-heading-v85 { gap:8px; margin-bottom:12px; }
  #gear-spotlight .hub-heading-v85 > div { gap:8px; }
  #gear-spotlight .hub-heading-v85 h2 { font-size:16px; }
  #gear-spotlight .hub-index-v85 { display:none; }
  #gear-spotlight .hub-source-v85 img { width:74px; }
  #gear-spotlight .gear-tabs button { min-height:39px; font-size:11px; gap:4px; }
  #gear-spotlight .gear-leader { grid-template-columns:minmax(0,1fr) 72px; gap:6px; padding:12px; }
  #gear-spotlight .gear-leader h3 { font-size:14px; }
  #gear-spotlight .gear-leader-image img { height:80px; }
  #gear-spotlight .platform-grid-v85 { grid-template-columns:minmax(0,1fr); gap:8px; }
  #gear-spotlight .platform-card-v85 { min-height:0; padding:12px; }
  #gear-spotlight .platform-summary-v85 { margin:8px 0; }
  #gear-spotlight .platform-filter-v85 { min-height:39px; padding-inline:12px; }
  #gear-spotlight .platform-expand-v85,#gear-spotlight .gear-expand { min-height:39px; }
  #gear-spotlight .platform-sources-content-v85 ul { columns:1; }
}
@media(max-width:370px) {
  #gear-spotlight .gear-tabs svg { display:none; }
  #gear-spotlight .gear-tabs button { font-size:11px; }
  #gear-spotlight .platform-filter-v85 { padding-inline:9px; }
  #gear-spotlight .platform-heading-note-v85 { display:none; }
}
@media(prefers-reduced-motion:reduce) {
  #gear-spotlight :is(.platform-card-v85,.platform-card-v85::before,.platform-filter-v85) { transition:none; transform:none; }
}
html[data-motion-v78='off'] #gear-spotlight .platform-card-v85 { transition:none; transform:none; }
@media(forced-colors:active) {
  #gear-spotlight :is(.hub-panel-v85,.platform-card-v85,.gear-model-panel,.gear-leader) { background:Canvas; color:CanvasText; border-color:CanvasText; box-shadow:none; }
  #gear-spotlight .platform-filter-v85[aria-pressed='true'],#gear-spotlight .gear-tabs button[aria-selected='true'] { border:2px solid Highlight; }
}

/* search-v85.css */
/* V85 — one clearly visible search entry, shared by every directory.
 * The light search well deliberately contrasts with the dark page.  Keep
 * these rules after earlier interface passes; no page-level scaling is used. */
body.search-v85[data-category] .search-area {
  display:block;
  grid-column:1 / -1;
  width:100%;
  min-width:0;
}
body.search-v85[data-category] #person-search-form {
  position:relative;
  display:flex;
  align-items:center;
  gap:0;
  width:100%;
  max-width:100%;
  min-width:0;
  height:66px;
  min-height:66px;
  margin:0;
  padding:0;
  border:1px solid #dfc18c;
  border-left:4px solid #edb85f;
  border-radius:9px;
  background:#f3f0e7;
  color:#142536;
  color-scheme:light;
  text-shadow:none;
  backdrop-filter:none;
  box-shadow:0 9px 24px #020b1647,inset 0 1px #ffffff;
  transition:border-color 160ms ease,box-shadow 160ms ease,background 160ms ease;
}
body.search-v85[data-category] #person-search-form:hover {
  border-color:#f0c479;
  background:#faf7ef;
}
body.search-v85[data-category] #person-search-form:focus-within {
  border-color:#ffd38a;
  background:#fffdf6;
  /* The legacy motion layer declares this property !important. */
  box-shadow:0 0 0 3px #f3bf7047,0 12px 28px #020b1652,inset 0 1px #fff !important;
}
body.search-v85[data-category] #person-search-form::before,
body.search-v85[data-category] #person-search-form::after { display:none; content:none; }
body.search-v85[data-category] #person-search-form .search-v85-label {
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  gap:10px;
  margin:0;
  padding:0 18px;
  border:0;
  border-right:1px solid #d4bd95;
  border-radius:5px 0 0 5px;
  background:linear-gradient(115deg,#f1d39d,#edc47e);
  color:#322616;
  font:700 14px/1.4 var(--v82-font,'Segoe UI','Microsoft YaHei',sans-serif);
  white-space:nowrap;
  cursor:text;
}
body.search-v85[data-category] #person-search-form .search-icon {
  display:block;
  flex:0 0 22px;
  width:22px;
  height:22px;
  margin:0;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}
body.search-v85[data-category] #person-search-form #person-search {
  display:block;
  flex:1 1 0%;
  width:0;
  min-width:0;
  height:100%;
  min-height:0;
  margin:0;
  padding:0 17px;
  border:0;
  border-radius:0;
  outline:0;
  background:transparent;
  color:#122435;
  caret-color:#875306;
  font:550 17px/1.5 var(--v82-font,'Segoe UI','Microsoft YaHei',sans-serif);
  letter-spacing:0;
  text-shadow:none;
  -webkit-text-fill-color:currentColor;
  appearance:none;
}
body.search-v85[data-category] #person-search-form #person-search::placeholder {
  color:#53606b;
  font-weight:450;
  opacity:1;
}
body.search-v85[data-category] #person-search-form #person-search::selection { color:#132638; background:#edc275; }
/* An explicit keyboard-accessible clear button replaces the tiny native x. */
body.search-v85[data-category] #person-search::-webkit-search-cancel-button { display:none; appearance:none; }
body.search-v85[data-category] #person-search::-webkit-search-decoration { display:none; }
body.search-v85[data-category] #person-search-form .search-v85-shortcut {
  display:grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  margin:0 8px 0 0;
  padding:0;
  border:1px solid #bec0ba;
  border-radius:4px;
  color:#53606b;
  background:#e9e9e0;
  box-shadow:0 2px 0 #c9cbc3;
  font:600 14px/1 'Consolas','SFMono-Regular',monospace;
  pointer-events:none;
}
body.search-v85[data-category] #person-search-form .search-v85-clear {
  display:grid;
  place-items:center;
  flex:0 0 34px;
  width:34px;
  height:34px;
  min-width:0;
  min-height:0;
  margin:0 4px 0 0;
  padding:7px;
  border:1px solid transparent;
  border-radius:5px;
  background:transparent;
  color:#54616a;
  cursor:pointer;
  transition:color 140ms ease,background 140ms ease,border-color 140ms ease;
}
body.search-v85[data-category] #person-search-form .search-v85-clear[hidden] { display:none; }
body.search-v85[data-category] #person-search-form .search-v85-clear:hover { color:#132638; background:#e3e3d9; border-color:#b7bab2; }
body.search-v85[data-category] #person-search-form .search-v85-clear svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
body.search-v85[data-category] #person-search-form .search-submit {
  display:flex;
  align-self:center;
  align-items:center;
  justify-content:center;
  flex:0 0 104px;
  gap:13px;
  min-width:104px;
  height:48px;
  min-height:48px;
  margin:7px 8px 7px 4px;
  padding:0 14px;
  border:1px solid #263d50;
  border-radius:6px;
  background:linear-gradient(135deg,#233d51,#142737);
  color:#fff4dc;
  font:700 14px/1.3 var(--v82-font,'Segoe UI','Microsoft YaHei',sans-serif);
  letter-spacing:0;
  box-shadow:inset 0 1px #ffffff24,0 3px 7px #10243421;
  transition:background 150ms ease,box-shadow 150ms ease,transform 150ms ease;
}
body.search-v85[data-category] #person-search-form .search-submit:hover {
  color:#ffffff;
  border-color:#29485e;
  background:linear-gradient(135deg,#315774,#203e55);
  box-shadow:inset 0 1px #ffffff2b,0 3px 10px #17384d33;
}
body.search-v85[data-category] #person-search-form .search-submit:active { transform:translateY(1px); }
body.search-v85[data-category] #person-search-form .search-submit > span { display:inline; flex:none; white-space:nowrap; }
body.search-v85[data-category] #person-search-form .search-submit > svg { display:block; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; }
body.search-v85[data-category] #person-search-form :is(.search-submit,.search-v85-clear):focus-visible { outline:2px solid #85590f; outline-offset:2px; }

/* Keep the existing reset handler, but outside the collection that collapses
 * during a search.  This row occupies no space on an unfiltered home page. */
body.search-v85[data-category] .search-v85-actions { display:none; margin-top:8px; }
body.search-v85[data-category] .search-v85-actions:has(.navigation-v83-reset:not([hidden])) { display:flex; justify-content:flex-end; }
body.search-v85[data-category] .search-v85-actions .navigation-v83-reset { margin:0; min-height:34px; color:#ffe0a9; border-color:#d8ac64a6; background:#392e21; }
body.search-v85[data-category] .search-v85-actions .navigation-v83-reset:hover { color:#fff5dd; background:#51402a; }
body.search-v85[data-category] .search-v85-help { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; border:0; }

@media(max-width:760px) {
  body.search-v85[data-category] #person-search-form { height:60px; min-height:60px; border-left-width:3px; }
  body.search-v85[data-category] #person-search-form .search-v85-label { gap:0; padding:0 0 0 14px; background:none; border:0; }
  body.search-v85[data-category] #person-search-form .search-v85-label > span { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  body.search-v85[data-category] #person-search-form #person-search { padding-inline:11px; font-size:16px; }
  body.search-v85[data-category] #person-search-form .search-v85-shortcut { display:none; }
  body.search-v85[data-category] #person-search-form .search-submit { flex-basis:82px; min-width:82px; height:44px; min-height:44px; gap:9px; margin:6px; padding-inline:12px; }
}
@media(max-width:460px) {
  body.search-v85[data-category] #person-search-form { height:58px; min-height:58px; }
  body.search-v85[data-category] #person-search-form .search-v85-label { padding-left:10px; }
  body.search-v85[data-category] #person-search-form .search-icon { flex-basis:20px; width:20px; height:20px; }
  body.search-v85[data-category] #person-search-form #person-search { padding-inline:9px; }
  body.search-v85[data-category] #person-search-form .search-v85-clear { flex-basis:30px; width:30px; height:36px; margin:0; padding:6px; }
  body.search-v85[data-category] #person-search-form .search-submit { flex-basis:58px; min-width:58px; height:42px; min-height:42px; padding-inline:9px; margin:6px 6px 6px 2px; font-size:13px; }
  body.search-v85[data-category] #person-search-form .search-submit > svg { display:none; }
}
@media(hover:none) {
  body.search-v85[data-category] #person-search-form .search-v85-shortcut { display:none; }
}
html[data-motion-v78='off'] body.search-v85 #person-search-form,
html[data-motion-v78='off'] body.search-v85 #person-search-form :is(.search-submit,.search-v85-clear),
html[data-motion-v78='off'] body.search-v85 #person-search-form .search-submit > svg { transition:none; animation:none; }
@media(prefers-reduced-motion:reduce) {
  body.search-v85[data-category] #person-search-form,
  body.search-v85[data-category] #person-search-form :is(.search-submit,.search-v85-clear),
  body.search-v85[data-category] #person-search-form .search-submit > svg { transition:none; animation:none; }
}
@media(forced-colors:active) {
  body.search-v85[data-category] #person-search-form,
  body.search-v85[data-category] #person-search-form .search-v85-label { color:CanvasText; background:Canvas; border-color:CanvasText; box-shadow:none; }
  body.search-v85[data-category] #person-search-form #person-search { color:CanvasText; caret-color:CanvasText; }
  body.search-v85[data-category] #person-search-form #person-search::placeholder { color:GrayText; }
  body.search-v85[data-category] #person-search-form :is(.search-submit,.search-v85-clear) { color:ButtonText; background:ButtonFace; border:1px solid ButtonText; box-shadow:none; }
  body.search-v85[data-category] #person-search-form :is(.search-submit,.search-v85-clear):focus-visible { outline-color:Highlight; }
}

/* readability-v86.css */
/* V86: readable text, not page zoom. Keep Chinese names on a UI font stack. */
body.interface-v82 {
  --v86-ui-font:'Segoe UI','Microsoft YaHei UI','Microsoft YaHei','PingFang SC',sans-serif;
}
body.interface-v82 #gear-spotlight .hub-heading-v85 h2 { font:700 18px/1.4 var(--v86-ui-font); letter-spacing:0; }
body.interface-v82 #gear-spotlight .gear-tabs button { font-size:12px; min-height:38px; }
body.interface-v82 #gear-spotlight .gear-leader h3 { font-size:16px; line-height:1.45; }
body.interface-v82 #gear-spotlight .gear-leader-label { font-size:11px; }
body.interface-v82 #gear-spotlight .gear-leader-count span { font-size:11px; }
body.interface-v82 #gear-spotlight .gear-model-copy strong { font-size:13px; line-height:1.45; font-weight:600; }
body.interface-v82 #gear-spotlight .gear-model-list li { min-height:50px; }
body.interface-v82 #gear-spotlight .gear-list-labels { color:#bbcbd8; font-size:11px; }
body.interface-v82 #gear-spotlight .gear-model-count b { font-size:13px; }
body.interface-v82 #gear-spotlight .gear-model-count small { color:#b9c9d6; font-size:11px; }
body.interface-v82 #gear-spotlight .gear-expand { min-height:38px; font-size:12px; }
body.interface-v82 #gear-spotlight .gear-brands-disclosure-v85 summary { min-height:38px; font-size:12px; }
body.interface-v82 #gear-spotlight .gear-brands-list strong { font-size:12px; }
body.interface-v82 #gear-spotlight .gear-snapshot-date { color:#b5c5d2; font-size:11px; line-height:1.5; }
body.interface-v82 #gear-spotlight :is(.gear-leader-copy,.gear-model-copy,.gear-model-count) { text-shadow:none; letter-spacing:0; }
body.interface-v82[data-category='pro'] #hot-section .team-region-label { color:#b7c9d8; font-size:11px; }
body.interface-v82[data-category='pro'] #hot-section .team-filter-name { font-weight:600; line-height:1.4; }
body.interface-v82 #detail-panel.is-player-profile .detail-copy { font-family:var(--v86-ui-font); text-shadow:none; }
body.interface-v82 #detail-panel.is-player-profile #detail-name { font-family:var(--v86-ui-font); letter-spacing:-.025em; text-shadow:none; }
body.interface-v82 #detail-panel.is-player-profile #detail-achievement .achievement-label { color:#e4c68b; font-size:11px; line-height:1.5; letter-spacing:.025em; }
body.interface-v82 #detail-panel.is-player-profile #detail-achievement strong { font-family:var(--v86-ui-font); font-size:17px; line-height:1.5; color:#ffe0a4; text-shadow:none; }
body.interface-v82 #detail-panel.is-player-profile #detail-achievement .achievement-story { color:#d1deea; font:400 13px/1.8 var(--v86-ui-font); }
body.interface-v82 #detail-panel.is-player-profile #detail-ranking { font-family:var(--v86-ui-font); font-size:13px; line-height:1.5; }
body.interface-v82 #detail-panel.is-player-profile #detail-ranking .ranking-kicker { color:#bfcedd; font:500 11px/1.5 var(--v86-ui-font); letter-spacing:.02em; }
body.interface-v82 #detail-panel.is-player-profile .profile-facts dt { color:#b8c8d6; font:500 12px/1.5 var(--v86-ui-font); }
body.interface-v82 #detail-panel.is-player-profile .profile-facts dd { font:600 14px/1.5 var(--v86-ui-font); }
@media(max-width:560px) {
  body.interface-v82 #gear-spotlight .gear-leader h3 { font-size:15px; }
  body.interface-v82 #gear-spotlight .gear-tabs button { font-size:11px; }
  body.interface-v82 #detail-panel.is-player-profile #detail-achievement strong { font-size:16px; }
  body.interface-v82 #detail-panel.is-player-profile .profile-facts dd { font-size:13px; }
}

/* hero-showcase-v86.css */
/* V86 — home honours, portrait and weapon are independent flow regions.
   Two scoped IDs deliberately outrank the older V77/V80 fixed-height rules.
   No changes apply when the home five are replaced by a filtered collection. */
#hot-section.v83-hero-home #hot-list.v83-hero-stage {
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:stretch;
  gap:12px;
  padding:4px 0 8px;
}
#hot-section.v83-hero-home #hot-list.v83-hero-stage > .v83-hero-card {
  --v80-visual-height:190px;
  --v80-portrait-height:188px;
  --v80-portrait-top:2px;
  --v80-portrait-inset:8px;
  display:flex;
  flex-direction:column;
  height:auto;
  min-height:0;
  padding:0;
  overflow:hidden;
  border:1px solid #a47d42;
  border-bottom:2px solid #d9ad66;
  border-radius:9px;
  color:#f5f1e8;
  background:#111c28;
  box-shadow:0 7px 20px #02081340,inset 0 1px #ffe0a81a;
  text-shadow:none;
  filter:none;
  isolation:isolate;
}
#hot-section.v83-hero-home #hot-list.v83-hero-stage > .v83-hero-card:is(:hover,:focus-visible,.v80-engaged) {
  border-color:#f1cf8e;
  border-bottom-color:#f1cf8e;
  background:#15222f;
  box-shadow:0 12px 25px #03091360,inset 0 1px #ffe7c02e,0 0 18px #d5aa6520;
  filter:none;
}
#hot-section.v83-hero-home #hot-list.v83-hero-stage > .v83-hero-card:focus-visible {
  outline:2px solid #ffe0a2;
  outline-offset:4px;
}
#hot-section.v83-hero-home #hot-list.v83-hero-stage .v86-card-header {
  position:relative;
  z-index:7;
  display:flex;
  flex:0 0 34px;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  width:100%;
  min-width:0;
  padding:0 12px;
  border-bottom:1px solid #cba76b2e;
  background:linear-gradient(100deg,#3d3323,#202630 82%);
}
#hot-section.v83-hero-home #hot-list.v83-hero-stage .v83-card-kicker {
  position:static;
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#f4d8a8;
  font:600 11px/1.4 'Segoe UI','Microsoft YaHei UI','Microsoft YaHei',sans-serif;
  letter-spacing:.06em;
  text-shadow:none;
}
#hot-section.v83-hero-home #hot-list.v83-hero-stage .v83-card-kicker-mark {
  width:auto;
  height:auto;
  border:0;
  border-radius:0;
  color:#caae81;
  background:none;
  font:600 10px/1.4 'Segoe UI',sans-serif;
  font-variant-numeric:tabular-nums;
}
#hot-section.v83-hero-home #hot-list.v83-hero-stage .v83-card-crown {
  position:static;
  display:flex;
  width:20px;
  height:20px;
  flex:none;
  color:#f4ce85;
  font:inherit;
  text-shadow:none;
}
.v83-card-crown svg,.v83-detail-crown svg { display:block; width:100%; height:100%; }
#hot-section.v83-hero-home #hot-list.v83-hero-stage .card-atmosphere {
  inset:34px 0 auto;
  height:var(--v80-visual-height);
  opacity:1;
  background:radial-gradient(ellipse at 50% 48%,#d3ae7023,transparent 68%),linear-gradient(120deg,#0a111a99,#15233240 50%,#0a101cb3),url('./assets/backgrounds/profile-arena-v76.webp') center 58%/cover;
}
#hot-section.v83-hero-home #hot-list.v83-hero-stage .person-card-visual {
  position:relative;
  display:flex;
  flex:0 0 var(--v80-visual-height);
  align-items:center;
  justify-content:flex-end;
  width:100%;
  height:var(--v80-visual-height);
  min-height:0;
  padding:0 var(--v80-portrait-inset);
  overflow:hidden;
}
#hot-section.v83-hero-home #hot-list.v83-hero-stage .portrait-frame {
  position:relative;
  inset:auto;
  width:100%;
  max-width:100%;
  height:var(--v80-portrait-height);
  min-height:0;
  margin:var(--v80-portrait-top) 0 0;
  padding:0;
  aspect-ratio:auto;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  transform:none;
}
#hot-section.v83-hero-home #hot-list.v83-hero-stage .person-card-topline,
#hot-section.v83-hero-home #hot-list.v83-hero-stage .hltv-rank-badge,
#hot-section.v83-hero-home #hot-list.v83-hero-stage .person-card-arrow {
  display:none;
}
#hot-section.v83-hero-home #hot-list.v83-hero-stage .person-card-identity {
  position:relative;
  display:flex;
  flex:0 0 auto;
  flex-direction:column;
  justify-content:flex-start;
  gap:4px;
  width:100%;
  height:auto;
  min-height:107px;
  margin:0;
  padding:11px 12px 10px;
  border-top:1px solid #e6c48a4a;
  background:linear-gradient(130deg,#222b35,#17212d 85%);
}
#hot-section.v83-hero-home #hot-list.v83-hero-stage .person-card-identity::before {
  left:12px;
  width:34px;
  background:#e7c387;
  box-shadow:none;
}
#hot-section.v83-hero-home #hot-list.v83-hero-stage .hot-person-name {
  position:static;
  display:flex;
  align-items:center;
  gap:7px;
  width:100%;
  max-width:100%;
  color:#f6f7f7;
  font:700 20px/1.3 'Segoe UI','Microsoft YaHei UI','Microsoft YaHei',sans-serif;
  letter-spacing:0;
  text-shadow:none;
}
#hot-section.v83-hero-home #hot-list.v83-hero-stage .name-team-mark {
  width:24px;
  height:24px;
  flex:0 0 24px;
  padding:0;
  background:none;
}
#hot-section.v83-hero-home #hot-list.v83-hero-stage .name-team-mark img { width:24px; height:24px; }
#hot-section.v83-hero-home #hot-list.v83-hero-stage .player-name-text {
  min-width:0;
  white-space:nowrap;
  overflow-wrap:normal;
  overflow:visible;
  text-overflow:clip;
}
#hot-section.v83-hero-home #hot-list.v83-hero-stage .hot-person-team {
  position:static;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:2px 6px;
  width:100%;
  max-width:100%;
  padding:0;
  color:#c1cdd9;
  font:500 12px/1.5 'Segoe UI','Microsoft YaHei UI','Microsoft YaHei',sans-serif;
  letter-spacing:0;
  text-shadow:none;
}
#hot-section.v83-hero-home #hot-list.v83-hero-stage .v86-card-position { color:#f3d8aa; white-space:nowrap; }
#hot-section.v83-hero-home #hot-list.v83-hero-stage .v86-card-record {
  display:flex;
  flex-direction:column;
  gap:1px;
  min-height:33px;
  padding-top:4px;
  color:#b7c5d1;
  font:500 11px/1.4 'Segoe UI','Microsoft YaHei UI','Microsoft YaHei',sans-serif;
  letter-spacing:0;
  text-shadow:none;
}
#hot-section.v83-hero-home #hot-list.v83-hero-stage .v86-card-record-title { display:flex; align-items:baseline; gap:6px; }
#hot-section.v83-hero-home #hot-list.v83-hero-stage .v86-card-record b { color:#f2d59e; font-weight:700; }
#hot-section.v83-hero-home #hot-list.v83-hero-stage .v86-card-years { color:#d0d8df; font-variant-numeric:tabular-nums; }
#hot-section.v83-hero-home #hot-list.v83-hero-stage .v83-card-loadout {
  position:relative;
  z-index:3;
  display:grid;
  flex:1 0 auto;
  grid-template-columns:minmax(0,1fr);
  align-content:start;
  gap:2px;
  width:100%;
  min-width:0;
  min-height:116px;
  margin:0;
  padding:5px 12px 11px;
  overflow:hidden;
  border-top:1px solid #cead7130;
  background:radial-gradient(ellipse at 65% 20%,#e6b5640d,transparent 70%),#101a24;
  text-shadow:none;
}
#hot-section.v83-hero-home #hot-list.v83-hero-stage .v86-card-weapon-art {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:67px;
  min-width:0;
}
#hot-section.v83-hero-home #hot-list.v83-hero-stage .v86-card-weapon-art img {
  display:block;
  width:100%;
  max-width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 4px 5px #0006);
  transform:none;
  opacity:1;
}
#hot-section.v83-hero-home #hot-list.v83-hero-stage .v86-card-weapon-label {
  display:block;
  color:#b6c3cd;
  font:500 10px/1.5 'Segoe UI','Microsoft YaHei UI','Microsoft YaHei',sans-serif;
}
#hot-section.v83-hero-home #hot-list.v83-hero-stage .v83-card-skin {
  display:block;
  min-width:0;
  color:#f3dba9;
  font:650 13px/1.5 'Segoe UI','Microsoft YaHei UI','Microsoft YaHei',sans-serif;
  white-space:normal;
  overflow:visible;
  overflow-wrap:anywhere;
  text-overflow:clip;
  letter-spacing:0;
}
#hot-section.v83-hero-home #hot-list.v83-hero-stage .card-v80-edge { opacity:.35; }
#hot-section.v83-hero-home #hot-list.v83-hero-stage .card-v80-sweep { z-index:4; }

/* Keep the skin out of the name/portrait grid: a wide, contained render has its
   own feature strip, and no extra prose competes with the player's record. */
#detail-panel.v83-detail-hero .v83-detail-loadout {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  align-items:center;
  gap:20px;
  min-width:0;
  min-height:175px;
  margin:20px 28px 0;
  padding:20px 24px;
  overflow:hidden;
  border:1px solid #ac894952;
  border-radius:8px;
  color:#f3f6f8;
  background:radial-gradient(ellipse at 76% 53%,#c3903f19,transparent 56%),linear-gradient(120deg,#252b30,#111d2a 70%);
  box-shadow:inset 0 1px #f0d59814;
  font-family:'Segoe UI','Microsoft YaHei UI','Microsoft YaHei',sans-serif;
  text-shadow:none;
}
#detail-panel.v83-detail-hero .v83-detail-loadout::before {
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,transparent 66%,#ecd09b08 66.2%,transparent 66.5%);
}
#detail-panel.v83-detail-hero .v83-detail-loadout::after { right:24px; width:90px; background:linear-gradient(90deg,transparent,#e7be73); }
#detail-panel.v83-detail-hero .v86-detail-weapon-copy { position:relative; z-index:1; min-width:0; }
#detail-panel.v83-detail-hero .v83-detail-loadout-top { display:flex; justify-content:flex-start; align-items:center; gap:7px; color:#e5c99b; font:600 11px/1.5 'Segoe UI','Microsoft YaHei UI','Microsoft YaHei',sans-serif; letter-spacing:.04em; }
#detail-panel.v83-detail-hero .v83-detail-crown { display:flex; width:18px; height:18px; flex:none; color:#f0cd8b; font:inherit; text-shadow:none; }
#detail-panel.v83-detail-hero .v86-detail-weapon-name { margin:10px 0 0; color:#f5dfa9; font:700 22px/1.4 'Segoe UI','Microsoft YaHei UI','Microsoft YaHei',sans-serif; letter-spacing:0; overflow-wrap:anywhere; }
#detail-panel.v83-detail-hero .v86-detail-weapon-english { margin:3px 0 0; color:#bbcbd7; font:500 13px/1.5 'Segoe UI',sans-serif; }
#detail-panel.v83-detail-hero .v86-detail-weapon-role { display:inline-flex; margin-top:14px; padding:4px 8px; border:1px solid #adbdce2c; border-radius:4px; color:#dce7ef; background:#14212dcc; font:500 12px/1.5 'Segoe UI','Microsoft YaHei UI','Microsoft YaHei',sans-serif; }
#detail-panel.v83-detail-hero .v86-detail-weapon-art { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; min-width:0; height:145px; }
#detail-panel.v83-detail-hero .v86-detail-weapon-art img { display:block; width:100%; max-width:100%; height:100%; object-fit:contain; object-position:center; filter:drop-shadow(0 10px 9px #0005); }

@media(max-width:1150px) and (min-width:701px) {
  #hot-section.v83-hero-home #hot-list.v83-hero-stage { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #hot-section.v83-hero-home #hot-list.v83-hero-stage > .v83-hero-card { --v80-visual-height:205px; --v80-portrait-height:203px; }
}
@media(max-width:700px) {
  #hot-section.v83-hero-home #hot-list.v83-hero-stage { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  #hot-section.v83-hero-home #hot-list.v83-hero-stage > .v83-hero-card { --v80-visual-height:166px; --v80-portrait-height:164px; --v80-portrait-inset:5px; border-radius:7px; }
  #hot-section.v83-hero-home #hot-list.v83-hero-stage .v86-card-header { flex-basis:32px; padding-inline:10px; }
  #hot-section.v83-hero-home #hot-list.v83-hero-stage .card-atmosphere { top:32px; }
  #hot-section.v83-hero-home #hot-list.v83-hero-stage .person-card-identity { padding:10px; min-height:107px; }
  #hot-section.v83-hero-home #hot-list.v83-hero-stage .hot-person-name { font-size:18px; gap:6px; }
  #hot-section.v83-hero-home #hot-list.v83-hero-stage .name-team-mark,
  #hot-section.v83-hero-home #hot-list.v83-hero-stage .name-team-mark img { width:22px; height:22px; }
  #hot-section.v83-hero-home #hot-list.v83-hero-stage .name-team-mark { flex-basis:22px; }
  #hot-section.v83-hero-home #hot-list.v83-hero-stage .v83-card-loadout { min-height:114px; padding-inline:10px; }
  #hot-section.v83-hero-home #hot-list.v83-hero-stage .v86-card-weapon-art { height:62px; }
  #detail-panel.v83-detail-hero .v83-detail-loadout { gap:14px; margin:16px 18px 0; padding:18px; }
  #detail-panel.v83-detail-hero .v86-detail-weapon-name { font-size:19px; }
  #detail-panel.v83-detail-hero .v86-detail-weapon-art { height:130px; }
}
@media(max-width:420px) {
  #hot-section.v83-hero-home #hot-list.v83-hero-stage .v86-card-header { padding-inline:8px; }
  #hot-section.v83-hero-home #hot-list.v83-hero-stage .v83-card-kicker { gap:5px; font-size:10px; }
  #hot-section.v83-hero-home #hot-list.v83-hero-stage .v83-card-crown { width:18px; height:18px; }
  #hot-section.v83-hero-home #hot-list.v83-hero-stage .person-card-identity { padding-inline:8px; min-height:120px; }
  #hot-section.v83-hero-home #hot-list.v83-hero-stage .hot-person-name { font-size:16px; gap:5px; }
  #hot-section.v83-hero-home #hot-list.v83-hero-stage .hot-person-team { font-size:11px; }
  #hot-section.v83-hero-home #hot-list.v83-hero-stage .v83-card-loadout { padding-inline:8px; min-height:129px; }
  #hot-section.v83-hero-home #hot-list.v83-hero-stage .v83-card-skin { font-size:12px; }
  #detail-panel.v83-detail-hero .v83-detail-loadout { grid-template-columns:minmax(0,1fr); gap:8px; margin-inline:14px; padding:16px; }
  #detail-panel.v83-detail-hero .v86-detail-weapon-art { grid-row:1; height:132px; }
  #detail-panel.v83-detail-hero .v86-detail-weapon-role { margin-top:10px; }
}
@media(hover:none),(pointer:coarse) {
  #hot-section.v83-hero-home #hot-list.v83-hero-stage > .v83-hero-card:hover { transform:none; }
}
@media(prefers-reduced-motion:reduce) {
  #hot-section.v83-hero-home #hot-list.v83-hero-stage > .v83-hero-card { transition:none; transform:none; }
  #hot-section.v83-hero-home #hot-list.v83-hero-stage > .v83-hero-card:is(:hover,.v80-engaged,:focus-visible) { transform:none; }
}
@media(forced-colors:active) {
  #hot-section.v83-hero-home #hot-list.v83-hero-stage > .v83-hero-card,
  #detail-panel.v83-detail-hero .v83-detail-loadout { border-color:ButtonText; background:Canvas; box-shadow:none; }
  #hot-section.v83-hero-home #hot-list.v83-hero-stage :is(.v86-card-header,.person-card-identity,.v83-card-loadout) { color:CanvasText; background:Canvas; }
  #hot-section.v83-hero-home #hot-list.v83-hero-stage :is(.v83-card-kicker,.v83-card-crown,.v86-card-position,.v86-card-record,.v86-card-years,.v83-card-skin),
  #detail-panel.v83-detail-hero :is(.v86-detail-weapon-name,.v86-detail-weapon-english,.v86-detail-weapon-role) { color:CanvasText; }
}

/* platforms-v86.css */
/* V86 platform directory: consistent optical logo seats, clearer type, copy-only actions.
 * The AI-rendered common plinth is a background; original brand marks are not redrawn. */
#gear-spotlight .matchmaking-v85 {
  --hub-accent:#9be1ef;
  background:linear-gradient(140deg,#192e3e,#10212f 72%);
  border-color:#7da1ba59;
  box-shadow:inset 0 1px #e2f4ff13,0 9px 28px #00000022;
}
#gear-spotlight .matchmaking-v85 .hub-heading-v85 h2 { font-size:18px; letter-spacing:0; }
#gear-spotlight .matchmaking-v85 .hub-index-v85 { font-size:11px; }
#gear-spotlight .platform-heading-note-v85 { font-size:12px; color:#c2d4e0; }
#gear-spotlight .platform-toolbar-v85 { gap:9px; margin-bottom:12px; }
#gear-spotlight .platform-filter-v85 { min-height:36px; padding:8px 12px; border-color:#7796af52; font-size:13px; color:#d2e0eb; }
#gear-spotlight .platform-filter-v85[aria-pressed='true'] { color:#092735; background:#9be0ef; border-color:#bcecf7; }
#gear-spotlight .platform-copy-hint-v86 { margin-left:auto; color:#b7cddb; font:500 12px/1.4 var(--v82-font); }
#gear-spotlight .platform-grid-v85 { gap:10px; align-items:stretch; }
#gear-spotlight button.platform-card-v85 {
  width:100%; min-height:218px; padding:13px; appearance:none; text-align:left;
  font-family:var(--v82-font); cursor:pointer;
  background:linear-gradient(135deg,#20364a 0%,#192d3e 56%,#152737 100%);
  border:1px solid #809fb84c; border-radius:9px;
  box-shadow:inset 0 1px #f0faff08,0 3px 9px #07101c22;
  -webkit-font-smoothing:antialiased;
}
#gear-spotlight button.platform-card-v85::before {
  inset:0; opacity:.35;
  background:linear-gradient(120deg,#d6f0ff0b,transparent 42%);
}
#gear-spotlight button.platform-card-v85:hover {
  border-color:var(--platform-accent); transform:translateY(-2px);
  box-shadow:0 8px 20px #020b1733,inset 0 1px #ffffff18;
}
#gear-spotlight button.platform-card-v85:active { transform:translateY(0); }
#gear-spotlight .platform-card-top-v85 { gap:11px; min-height:60px; width:100%; }
#gear-spotlight .platform-logo-v85 {
  position:relative; flex:0 0 74px; width:74px; height:60px; padding:6px;
  border-radius:8px; border:1px solid #92c0db5c; overflow:hidden;
  background-color:#0c1b2b;
  background-image:url('./assets/platforms-v86/logo-plinth.webp'),linear-gradient(140deg,#25465e,#0c1726 65%);
  background-size:cover; background-position:center;
  box-shadow:inset 0 1px 8px #040c1680,0 1px #badceb18;
}
#gear-spotlight .platform-logo-v85::after {
  content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  box-shadow:inset 0 0 0 1px #e4f8ff07; background:linear-gradient(160deg,#d8f4ff05,transparent 45%);
}
#gear-spotlight .platform-logo-v85 img {
  position:relative; z-index:1; display:block; width:100%; height:100%; max-width:64px; max-height:45px;
  object-fit:contain; filter:drop-shadow(0 2px 3px #00000055);
}
#gear-spotlight .platform-logo-v85[data-logo-kind='symbol'] img { max-width:46px; max-height:46px; }
#gear-spotlight [data-platform-id='faceit'] .platform-logo-v85 img,
#gear-spotlight [data-platform-id='5eplay'] .platform-logo-v85 img,
#gear-spotlight [data-platform-id='b5'] .platform-logo-v85 img { max-width:66px; max-height:32px; }
#gear-spotlight [data-platform-id='esea'] .platform-logo-v85 img { max-width:62px; max-height:36px; }
#gear-spotlight .platform-name-v85 { display:block; }
#gear-spotlight .platform-name-v85 strong {
  display:block; margin:0; color:#f5f9fc; font:700 15px/1.4 var(--v82-font);
  letter-spacing:0; overflow-wrap:anywhere; text-shadow:0 1px 1px #00000040;
}
#gear-spotlight .platform-region-v85 { margin-top:4px; color:#c0d2df; font:500 12px/1.45 var(--v82-font); }
#gear-spotlight .platform-summary-v85 { display:block; margin:11px 0 10px; color:#e0e9f0; font:400 13px/1.65 var(--v82-font); }
#gear-spotlight .platform-feature-v85 { width:100%; gap:6px; color:#c7d9e6; font:500 12px/1.45 var(--v82-font); }
#gear-spotlight .platform-path-v85 {
  min-height:23px; padding:3px 6px; border-color:#a5c5df38;
  color:var(--platform-accent); background:#0c1d2dbd; font:650 11px/1.4 var(--v82-font);
}
#gear-spotlight .platform-history-v85 { color:#c4d4df; }
#gear-spotlight .platform-copy-footer-v86 {
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:5px 8px; width:100%; margin-top:12px; padding-top:10px;
  border-top:1px solid #8caec632; color:#b2e8f5; font:600 12px/1.45 var(--v82-font);
}
#gear-spotlight .platform-copy-footer-v86 > span:first-child { display:inline-flex; align-items:center; gap:7px; }
#gear-spotlight .platform-copy-icon-v86 { width:15px; height:15px; flex:0 0 15px; stroke:currentColor; stroke-width:1.55; stroke-linecap:round; stroke-linejoin:round; }
#gear-spotlight .platform-copy-result-v86 { color:#a9efd2; font:600 12px/1.4 var(--v82-font); }
#gear-spotlight .platform-copy-result-v86:empty { display:none; }
#gear-spotlight [data-copy-state='pending'] .platform-copy-result-v86 { color:#d8eaf6; }
#gear-spotlight [data-copy-state='manual'] .platform-copy-result-v86 { color:#ffe0a4; }
#gear-spotlight button.platform-card-v85[data-copy-state='copied'] { border-color:#8ad9b9; box-shadow:inset 0 0 0 1px #8ad9b926; }
#gear-spotlight [data-platform-copy][aria-disabled='true'] { cursor:progress; }
#gear-spotlight .platform-expand-v85 { min-height:38px; font-size:13px; border-color:#7ea0b74c; color:#c8eafa; }
#gear-spotlight .platform-bottom-v85 { margin-top:10px; font-size:11px; color:#b5c8d6; }
#gear-spotlight .platform-sources-v85 { font:400 12px/1.65 var(--v82-font); color:#bed0de; }
#gear-spotlight .platform-sources-v85 summary { padding:7px 0 3px; color:#c4dfed; }
#gear-spotlight .platform-sources-content-v85 { padding:12px; border-color:#89aeca42; }
#gear-spotlight .platform-sources-content-v85 ul { columns:1; list-style:none; padding:0; }
#gear-spotlight .platform-sources-content-v85 li { margin-bottom:9px; }
#gear-spotlight .platform-source-copy-v86 {
  display:inline-flex; align-items:center; gap:6px; margin:0 5px 2px 0; padding:3px 0;
  border:0; border-radius:2px; background:none; color:#b6e6fc;
  font:600 12px/1.5 var(--v82-font); text-align:left; cursor:pointer;
}
#gear-spotlight .platform-source-copy-v86:hover { color:#e3f6ff; text-decoration:underline; text-underline-offset:4px; }
#gear-spotlight .platform-league-marks-v85 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
#gear-spotlight .platform-league-copy-v86 {
  display:flex; flex-wrap:wrap; align-items:center; gap:8px; min-width:0; padding:10px;
  border:1px solid #87afc744; border-radius:6px; background:#122538; color:#e0edf7;
  font:600 13px/1.45 var(--v82-font); text-align:left; cursor:pointer;
}
#gear-spotlight .platform-league-copy-v86:hover { border-color:#a5dce9; background:#183044; }
#gear-spotlight .platform-league-copy-v86 > img { width:68px; height:50px; flex-shrink:0; }
#gear-spotlight .platform-league-copy-v86 > span:not(.platform-copy-result-v86) { flex:1; min-width:92px; }
#gear-spotlight .platform-league-copy-v86 small { font-size:11px; line-height:1.5; color:#b7cad9; }
#gear-spotlight .platform-league-copy-v86 .platform-source-action-v86 { display:flex; align-items:center; gap:5px; margin-top:5px; color:#b6e6fc; }
#gear-spotlight .platform-copy-fallback-v86 {
  margin-top:12px; padding:12px; border:1px solid #d9be7770; border-radius:7px;
  background:#2a2b25; color:#ffe8b6; font:500 13px/1.5 var(--v82-font);
}
#gear-spotlight .platform-fallback-heading-v86 { display:flex; justify-content:space-between; align-items:center; gap:8px; }
#gear-spotlight .platform-fallback-close-v86 {
  flex-shrink:0; width:30px; height:30px; border:1px solid #d8cbab50; border-radius:5px;
  color:#ffe8b6; background:#ffffff08; font:500 20px/1 var(--v82-font); cursor:pointer;
}
#gear-spotlight .platform-manual-url-v86 {
  display:block; width:100%; min-width:0; margin-top:8px; padding:10px;
  border:1px solid #b5a66d80; border-radius:4px; background:#0d1b29; color:#f1f5f9;
  font:500 13px/1.5 Consolas,monospace; user-select:text;
}
#gear-spotlight .platform-copy-fallback-v86 p { margin:6px 0 0; color:#d9d1bd; font-size:12px; }
#gear-spotlight .platform-copy-buffer-v86 { position:fixed; top:0; left:0; width:1px; height:1px; padding:0; opacity:0; pointer-events:none; }

@media(min-width:981px) and (max-width:1150px) {
  #gear-spotlight .platform-copy-hint-v86 { width:100%; margin-left:0; }
  #gear-spotlight .platform-card-top-v85 { gap:9px; }
  #gear-spotlight button.platform-card-v85 { padding:11px; }
}
@media(max-width:560px) {
  #gear-spotlight button.platform-card-v85 { min-height:0; padding:13px; }
  #gear-spotlight .platform-heading-note-v85 { font-size:11px; }
  #gear-spotlight .platform-copy-hint-v86 { display:none; }
  #gear-spotlight .platform-name-v85 strong { font-size:16px; }
  #gear-spotlight .platform-summary-v85 { margin:10px 0; }
  #gear-spotlight .platform-copy-footer-v86 { margin-top:11px; }
  #gear-spotlight .platform-league-marks-v85 { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) {
  #gear-spotlight button.platform-card-v85,#gear-spotlight button.platform-card-v85:hover,#gear-spotlight button.platform-card-v85:active { transition:none; transform:none; }
}
html[data-motion-v78='off'] #gear-spotlight button.platform-card-v85,
html[data-motion-v78='off'] #gear-spotlight button.platform-card-v85:hover,
html[data-motion-v78='off'] #gear-spotlight button.platform-card-v85:active { transition:none; transform:none; }
@media(forced-colors:active) {
  #gear-spotlight .matchmaking-v85,#gear-spotlight button.platform-card-v85,#gear-spotlight .platform-logo-v85,
  #gear-spotlight .platform-copy-fallback-v86,#gear-spotlight .platform-league-copy-v86 { background:Canvas; color:CanvasText; border-color:CanvasText; box-shadow:none; }
  #gear-spotlight .platform-copy-footer-v86,#gear-spotlight .platform-copy-result-v86 { color:ButtonText; }
  #gear-spotlight .platform-logo-v85::after { display:none; }
}

/* interface-v87.css */
/* V87 — readable directories, with the existing five-card home left intact.
 * Two scoped IDs own the list layouts. The few !important declarations below
 * replace legacy mobile !important heights/grids and the old 10px role text.
 * No viewport scaling, new assets, idle effects or interaction code is added.
 */
body.interface-v82 #hot-section {
  --directory-v87-font:'Segoe UI','Microsoft YaHei UI','Microsoft YaHei','PingFang SC',sans-serif;
  --directory-v87-ink:#f0f5f9;
  --directory-v87-muted:#bdcbd7;
  --directory-v87-line:#93b2cc38;
}
body.interface-v82 #hot-section:not(.v83-hero-home) {
  border-color:#95b8d342;
  background:linear-gradient(145deg,#122234f5,#0c1929f5);
  box-shadow:inset 0 1px #ebf6ff0c,0 12px 28px #01091130;
}
body.interface-v82 #hot-section > .collection-heading {
  gap:10px 14px;
  min-height:38px;
  margin-bottom:12px;
}
body.interface-v82 #hot-section > .collection-heading h2 {
  color:var(--directory-v87-ink);
  font:700 19px/1.4 var(--directory-v87-font);
  letter-spacing:0;
  text-shadow:none;
}
body.interface-v82 #hot-section .directory-sort-controls > span { color:#aebfcd; font-size:11px; }
body.interface-v82 #hot-section .directory-sort-controls button {
  min-height:34px;
  border-color:#a5c3dc44;
  color:#e0ebf2;
  background:#213449;
  font:600 12px/1.4 var(--directory-v87-font);
}

/* One quiet filter tray: hierarchy comes from spacing, not nested frames. */
body.interface-v82[data-category='pro'] #hot-section .collection-tabs {
  padding:9px;
  border-color:#8cacc62b;
  border-radius:9px;
  background:#0a1726c9;
  box-shadow:inset 0 1px #dcefff05;
}
body.interface-v82[data-category='pro'] #hot-section .directory-filters {
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  padding:0 0 10px;
  margin:0 0 10px;
  border:0;
  border-bottom:1px solid #91afc626;
}
body.interface-v82[data-category='pro'] #hot-section .directory-filters > .collection-tab {
  flex:0 1 auto;
  min-width:112px;
  min-height:36px;
  height:auto;
  margin:0;
  padding:8px 13px;
  border:1px solid transparent;
  border-radius:6px;
  color:#b8c9d9;
  background:transparent;
  font:600 13px/1.4 var(--directory-v87-font);
  box-shadow:none;
}
body.interface-v82[data-category='pro'] #hot-section .directory-filters > .collection-tab:hover { color:#f2f7fa; background:#23374b; }
body.interface-v82[data-category='pro'] #hot-section .directory-filters > .collection-tab[aria-pressed='true'] {
  color:#f9dfb2;
  border-color:#d5ad6866;
  background:linear-gradient(110deg,#4a3d2c,#2c3340);
  box-shadow:inset 0 1px #ffe4b61c;
}
body.interface-v82[data-category='pro'] #hot-section .filter-count { color:inherit; opacity:.8; font-size:11px; }
body.interface-v82[data-category='pro'] #hot-section .team-filter-section { padding:0; border:0; border-radius:0; background:none; }
body.interface-v82[data-category='pro'] #hot-section .team-filter-label {
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:9px;
  color:#bbccdb;
  font:600 12px/1.5 var(--directory-v87-font);
}
body.interface-v82[data-category='pro'] #hot-section .team-filters {
  grid-template-columns:repeat(auto-fit,minmax(168px,1fr));
  gap:6px;
}
body.interface-v82[data-category='pro'] #hot-section .team-filters .collection-tab {
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  min-width:0;
  min-height:53px;
  height:auto;
  padding:7px 9px;
  border:1px solid #8dabca2c;
  border-radius:6px;
  color:#ebf1f6;
  background:linear-gradient(130deg,#1d3042,#152637);
  box-shadow:inset 0 1px #e6f5ff06;
  text-align:left;
  text-shadow:none;
}
body.interface-v82[data-category='pro'] #hot-section .team-filters .collection-tab > img {
  box-sizing:border-box;
  width:28px;
  height:28px;
  max-width:100%;
  padding:3px;
  border:1px solid #eff7fb54;
  border-radius:5px;
  background:#dce6ed;
  object-fit:contain;
  filter:none;
  opacity:1;
}
body.interface-v82[data-category='pro'] #hot-section .team-filter-copy { min-width:0; gap:2px; }
body.interface-v82[data-category='pro'] #hot-section .team-filter-name {
  color:#edf4f9;
  font:600 12px/1.35 var(--directory-v87-font);
  white-space:normal;
  overflow:visible;
  overflow-wrap:anywhere;
  word-break:normal;
  text-overflow:clip;
}
body.interface-v82[data-category='pro'] #hot-section .team-region-label { color:#b2c6d7; font:400 11px/1.4 var(--directory-v87-font); }
body.interface-v82[data-category='pro'] #hot-section .team-rank { align-self:start; min-width:0; color:#dbc393; font:600 10px/1.4 var(--directory-v87-font); font-variant-numeric:tabular-nums; }
body.interface-v82[data-category='pro'] #hot-section .team-filters .collection-tab:not(:disabled):hover { border-color:#aacbe580; background:#253e53; box-shadow:inset 0 1px #edf7ff10; }
body.interface-v82[data-category='pro'] #hot-section .team-filters .collection-tab[aria-pressed='true'] {
  border-color:#e8bc79;
  background:linear-gradient(130deg,#4a3d2a,#263747);
  box-shadow:inset 3px 0 #edc483,inset 0 1px #ffe0b61a;
}
body.interface-v82 #hot-section :is(.team-filters .collection-tab,.directory-filters .collection-tab):focus-visible { outline:2px solid #f7d49a; outline-offset:3px; }
body.interface-v82 #hot-section #letter-filter { gap:10px; padding:10px; border-color:#9bb8d033; background:#132436; }
body.interface-v82 #hot-section #letter-filter .letter-filter-label { color:#b9cbd8; font-size:12px; }
body.interface-v82 #hot-section #letter-filter .letter-filter-button { min-width:32px; min-height:32px; color:#d0deea; font-size:12px; background:#20364a; }
body.interface-v82 #hot-section #letter-filter .letter-filter-button[aria-pressed='true'] { color:#202a35; background:#efd19e; border-color:#ffe3b5; }

/* Filtered players keep team colour; their identity grows with long names.
 * The explicit :not(.v83-hero-home) excludes all five gold home cards. */
body.interface-v82[data-category='pro'] #hot-section:not(.v83-hero-home) #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) { gap:12px; }
body.interface-v82[data-category='pro'] #hot-section:not(.v83-hero-home) #hot-list.v80-player-grid > .portrait-card {
  height:auto;
  min-height:0;
  border-color:#8fb2cf4a;
  border-bottom-color:rgba(var(--team-rgb),.8);
  border-radius:9px;
  box-shadow:inset 0 1px #e6f4ff0c,0 6px 18px #020b1638;
}
body.interface-v82[data-category='pro'] #hot-section:not(.v83-hero-home) #hot-list.v80-player-grid > .portrait-card .card-atmosphere { inset:0 0 auto; height:var(--v80-visual-height); }
body.interface-v82[data-category='pro'] #hot-section:not(.v83-hero-home) #hot-list.v80-player-grid > .portrait-card .person-card-identity {
  display:flex;
  flex:1 0 auto;
  flex-direction:column;
  justify-content:flex-start;
  gap:5px;
  min-height:86px;
  height:auto;
  padding:12px;
  background:linear-gradient(120deg,#213346,#162535);
  border-top-color:#bad3e637;
}
body.interface-v82[data-category='pro'] #hot-section:not(.v83-hero-home) #hot-list.v80-player-grid > .portrait-card .hot-person-name {
  width:100%;
  max-width:100%;
  align-items:flex-start;
  gap:8px;
  color:#f4f8fb;
  font:700 20px/1.3 var(--directory-v87-font);
  letter-spacing:0;
  text-shadow:none;
}
body.interface-v82[data-category='pro'] #hot-section:not(.v83-hero-home) #hot-list.v80-player-grid > .portrait-card .player-name-text { white-space:normal; overflow:visible; overflow-wrap:anywhere; word-break:normal; }
body.interface-v82[data-category='pro'] #hot-section:not(.v83-hero-home) #hot-list.v80-player-grid > .portrait-card .hot-person-team {
  max-width:100%;
  padding:0 18px 0 34px;
  color:#c0d0df;
  font:500 12px/1.5 var(--directory-v87-font);
  letter-spacing:0;
  white-space:normal;
  overflow:visible;
  overflow-wrap:anywhere;
}

/* Public people: full photographs, then name, role and public account name.
 * Natural heights deliberately replace every legacy 96/104/112px lock. */
body.interface-v82[data-category='public'] #hot-section #hot-list.public-grid {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch;
  gap:12px!important;
  padding:0;
  margin:0;
}
body.interface-v82[data-category='public'] #hot-section #hot-list.public-grid > .public-list-card:not(.founder-feature) {
  position:relative;
  display:grid;
  grid-template-columns:76px minmax(0,1fr) 20px!important;
  align-items:center;
  gap:14px!important;
  width:100%;
  min-width:0;
  height:auto!important;
  min-height:128px!important;
  padding:16px!important;
  border:1px solid #93b9d13d;
  border-radius:9px;
  background:radial-gradient(ellipse at 0 0,#659bb519,transparent 70%),linear-gradient(140deg,#1d3042,#152437);
  box-shadow:inset 0 1px #e1f2ff0b,0 6px 18px #010b172b;
  color:var(--directory-v87-ink);
  font-family:var(--directory-v87-font);
  text-align:left;
  text-shadow:none;
  transform:none;
  transition:border-color 160ms ease,background 160ms ease,box-shadow 160ms ease;
}
body.interface-v82[data-category='public'] #hot-section #hot-list.public-grid .public-card-mark {
  display:grid;
  place-items:center;
  width:76px;
  height:76px;
  padding:4px;
  overflow:hidden;
  border:1px solid #b4d0e452;
  border-radius:11px;
  background:#0e1c2b;
  box-shadow:inset 0 0 0 3px #bedcf006,0 4px 12px #030b143b;
}
body.interface-v82[data-category='public'] #hot-section #hot-list.public-grid .public-card-mark img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  border-radius:7px;
  filter:none;
}
body.interface-v82[data-category='public'] #hot-section #hot-list.public-grid .public-card-mark img.avatar-fallback { padding:12px; }
body.interface-v82[data-category='public'] #hot-section #hot-list.public-grid .public-card-copy { display:flex; flex-direction:column; min-width:0; gap:4px; }
body.interface-v82[data-category='public'] #hot-section #hot-list.public-grid .public-card-copy :is(strong,span,small) {
  display:block;
  min-width:0;
  max-width:100%;
  white-space:normal;
  word-break:normal;
  overflow-wrap:anywhere;
  overflow:visible;
  text-overflow:clip;
  -webkit-line-clamp:unset;
  letter-spacing:0;
  text-shadow:none;
}
body.interface-v82[data-category='public'] #hot-section #hot-list.public-grid .public-card-copy strong { order:1; color:#f2f6fa; font:700 18px/1.4 var(--directory-v87-font); }
body.interface-v82[data-category='public'] #hot-section #hot-list.public-grid .public-card-copy small { order:2; color:#e2c89c; font-family:var(--directory-v87-font); font-size:12px!important; font-weight:500; line-height:1.5!important; }
body.interface-v82[data-category='public'] #hot-section #hot-list.public-grid .public-card-alias { order:3; color:#bdcbd7; font:400 12px/1.5 var(--directory-v87-font); }
body.interface-v82[data-category='public'] #hot-section #hot-list.public-grid .public-card-arrow { position:static; align-self:center; justify-self:end; color:#bad4e5; font:400 18px/1 var(--directory-v87-font); }
body.interface-v82[data-category='public'] #hot-section #hot-list.public-grid > .public-list-card:not(.founder-feature):is(:hover,:focus-visible) { border-color:#b7d9eead; background:linear-gradient(130deg,#2c4256,#1b3044); box-shadow:inset 0 1px #e6f5ff14,0 8px 22px #020a1538; transform:none; }
body.interface-v82[data-category='public'] #hot-section #hot-list.public-grid > .public-list-card:focus-visible { outline:2px solid #f6d294; outline-offset:3px; }

/* Coaches and retired players use the same legible identity rhythm. */
body.interface-v82[data-category='pro'] #hot-section #hot-list.coach-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }
body.interface-v82[data-category='pro'] #hot-section #hot-list.coach-grid > .hot-person {
  min-width:0;
  height:auto;
  min-height:108px;
  padding:14px 14px 14px 86px;
  border-color:#a3bfd33d;
  border-radius:8px;
  background:linear-gradient(135deg,#203346,#142637);
  box-shadow:inset 0 1px #e4f1ff0a;
}
body.interface-v82[data-category='pro'] #hot-section #hot-list.coach-grid .career-list-avatar { left:10px; width:65px; height:95px; }
body.interface-v82[data-category='pro'] #hot-section #hot-list.coach-grid .coach-copy { min-width:0; padding-right:22px; }
body.interface-v82[data-category='pro'] #hot-section #hot-list.coach-grid .coach-copy strong { color:#eef5fa; font:700 18px/1.4 var(--directory-v87-font); white-space:normal; overflow:visible; overflow-wrap:anywhere; }
body.interface-v82[data-category='pro'] #hot-section #hot-list.coach-grid .coach-copy > span { color:#bed0df; font:400 12px/1.5 var(--directory-v87-font); white-space:normal; overflow:visible; overflow-wrap:anywhere; }
body.interface-v82[data-category='pro'] #hot-section #hot-list.coach-grid .retired-history-hint { color:#bdc8d3; font-size:11px; line-height:1.5; }
body.interface-v82[data-category='pro'] #hot-section #hot-list.coach-grid > .uses-team-mark { padding-left:70px; }

@media(max-width:1050px) {
  body.interface-v82[data-category='public'] #hot-section #hot-list.public-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  body.interface-v82[data-category='pro'] #hot-section #hot-list.coach-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
  body.interface-v82 #hot-section > .collection-heading { gap:8px; margin-bottom:10px; }
  body.interface-v82 #hot-section > .collection-heading h2 { font-size:18px; }
  body.interface-v82[data-category='pro'] #hot-section .collection-tabs { padding:7px; }
  body.interface-v82[data-category='pro'] #hot-section .directory-filters { gap:4px; }
  body.interface-v82[data-category='pro'] #hot-section .directory-filters > .collection-tab { flex:1 1 0; min-width:0; padding:8px 4px; font-size:12px; }
  body.interface-v82[data-category='pro'] #hot-section .team-filters { grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }
  body.interface-v82[data-category='pro'] #hot-section .team-filters .collection-tab { grid-template-columns:24px minmax(0,1fr); gap:6px; padding:7px; }
  body.interface-v82[data-category='pro'] #hot-section .team-filters .collection-tab > img { width:24px; height:24px; padding:2px; }
  body.interface-v82[data-category='pro'] #hot-section .team-filter-name { font-size:11px; }
  body.interface-v82[data-category='pro'] #hot-section .team-rank { display:none; }
  body.interface-v82 #hot-section #letter-filter { gap:8px; padding:8px; }
  body.interface-v82 #hot-section #letter-filter .letter-filter-label { font-size:11px; }
  body.interface-v82 #hot-section #letter-filter .letter-filter-button { min-width:31px; }
  body.interface-v82[data-category='pro'] #hot-section:not(.v83-hero-home) #hot-list.v80-player-grid:not(.coach-grid):not(.retired-grid) { gap:10px; }
  body.interface-v82[data-category='pro'] #hot-section:not(.v83-hero-home) #hot-list.v80-player-grid > .portrait-card .person-card-identity { min-height:82px; padding:10px; }
  body.interface-v82[data-category='pro'] #hot-section:not(.v83-hero-home) #hot-list.v80-player-grid > .portrait-card .hot-person-name { font-size:17px; gap:6px; }
  body.interface-v82[data-category='pro'] #hot-section:not(.v83-hero-home) #hot-list.v80-player-grid > .portrait-card .hot-person-team { padding-left:28px; font-size:11px; }
}
@media(max-width:620px) {
  body.interface-v82[data-category='public'] #hot-section #hot-list.public-grid { grid-template-columns:minmax(0,1fr)!important; gap:9px!important; }
  body.interface-v82[data-category='public'] #hot-section #hot-list.public-grid > .public-list-card:not(.founder-feature) { grid-template-columns:64px minmax(0,1fr) 16px!important; min-height:112px!important; padding:13px!important; gap:12px!important; }
  body.interface-v82[data-category='public'] #hot-section #hot-list.public-grid .public-card-mark { width:64px; height:64px; }
  body.interface-v82[data-category='public'] #hot-section #hot-list.public-grid .public-card-copy strong { font-size:17px; }
  body.interface-v82[data-category='pro'] #hot-section #hot-list.coach-grid { grid-template-columns:minmax(0,1fr); }
  body.interface-v82[data-category='pro'] #hot-section #hot-list.coach-grid > .hot-person { min-height:100px; }
}
@media(max-width:370px) {
  body.interface-v82[data-category='pro'] #hot-section .team-filters .collection-tab { gap:5px; padding:6px; }
  body.interface-v82[data-category='public'] #hot-section #hot-list.public-grid > .public-list-card:not(.founder-feature) { grid-template-columns:60px minmax(0,1fr) 14px!important; padding:11px!important; gap:10px!important; }
  body.interface-v82[data-category='public'] #hot-section #hot-list.public-grid .public-card-mark { width:60px; height:60px; }
}
@media(prefers-reduced-motion:reduce) {
  body.interface-v82 #hot-section :is(.public-list-card,.coach-grid > .hot-person,.team-filters .collection-tab,.directory-filters .collection-tab) { animation:none!important; transition:none!important; transform:none!important; }
}
@media(forced-colors:active) {
  body.interface-v82 #hot-section :is(.public-list-card,.coach-grid > .hot-person,.team-filters .collection-tab,.directory-filters .collection-tab) { border-color:ButtonText!important; background:Canvas!important; box-shadow:none!important; }
  body.interface-v82 #hot-section :is(.public-card-copy strong,.public-card-copy small,.public-card-alias,.public-card-arrow,.coach-copy strong,.coach-copy > span,.team-filter-name,.team-region-label) { color:CanvasText!important; }
  body.interface-v82 #hot-section :is(.team-filters .collection-tab,.directory-filters .collection-tab)[aria-pressed='true'] { outline:2px solid Highlight; outline-offset:1px; }
}

/* markets-v88.css */
/* V88: brand directory, matching the play cards without suggesting a link. */
#gear-spotlight .market-directory-v88 {
  --hub-accent:#eacb8b;
  grid-column:1 / -1;
  min-width:0;
  padding:18px;
  border-color:#839caf59;
  background:linear-gradient(135deg,#192d3d,#10202d 74%);
  box-shadow:inset 0 1px #e4f3ff12,0 9px 28px #00000022;
  font-family:var(--v82-font);
  -webkit-font-smoothing:antialiased;
}
#gear-spotlight .market-heading-v88 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px 18px;
  margin:0 0 14px;
}
#gear-spotlight .market-heading-v88 > div:first-child {
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:7px 12px;
  min-width:0;
}
#gear-spotlight .market-index-v88 {
  color:#dfc58e;
  font:600 11px/1.3 Consolas,monospace;
  letter-spacing:.06em;
}
#gear-spotlight .market-heading-v88 h2 {
  margin:0;
  color:#f5f7f9;
  font:700 18px/1.4 var(--v82-font);
  letter-spacing:0;
}
#gear-spotlight .market-filters-v88 { display:flex; flex-wrap:wrap; gap:5px; }
#gear-spotlight .market-filter-v88 {
  min-height:36px;
  padding:8px 14px;
  appearance:none;
  border:1px solid #7895ab52;
  border-radius:5px;
  background:#1c3143;
  color:#d3e0e9;
  font:600 13px/1.3 var(--v82-font);
  cursor:pointer;
  transition:background 140ms ease,border-color 140ms ease,color 140ms ease;
}
#gear-spotlight .market-filter-v88[aria-pressed='true'] {
  border-color:#f3d597;
  background:#e9ca8c;
  color:#282216;
  box-shadow:inset 0 1px #fff5d97a;
}
#gear-spotlight .market-filter-v88:hover { border-color:#e8d0a0; }
#gear-spotlight .market-grid-v88 {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:10px;
}
#gear-spotlight .market-card-v88 {
  position:relative;
  min-width:0;
  padding:14px;
  border:1px solid #839eb64a;
  border-radius:9px;
  background:linear-gradient(135deg,#21374a,#182c3c 72%);
  box-shadow:inset 0 1px #effaff0a,0 3px 9px #07101c22;
  cursor:default;
  transition:border-color 180ms ease,box-shadow 180ms ease;
}
#gear-spotlight .market-card-v88:hover {
  border-color:var(--market-accent,#dfc58e);
  box-shadow:inset 0 1px #fff8df1c,0 4px 16px #07101c30;
}
#gear-spotlight .market-card-top-v88 { display:flex; align-items:center; gap:12px; min-width:0; }
#gear-spotlight .market-logo-v88 {
  display:grid;
  place-items:center;
  flex:0 0 78px;
  width:78px;
  height:62px;
  padding:7px;
  border:1px solid #9bb8cb4a;
  border-radius:8px;
  background:linear-gradient(145deg,#263d50,#0e1d2c 80%);
  box-shadow:inset 0 1px #e6f7ff0b,inset 0 2px 7px #040c1640;
}
#gear-spotlight .market-logo-v88 img {
  display:block;
  width:100%;
  height:100%;
  max-width:48px;
  max-height:48px;
  object-fit:contain;
  object-position:center;
  border-radius:4px;
}
#gear-spotlight .market-logo-v88[data-logo-kind='wordmark'] img { max-width:64px; max-height:44px; border-radius:0; }
#gear-spotlight .market-identity-v88 { min-width:0; flex:1; }
#gear-spotlight .market-identity-v88 h3 {
  margin:0;
  color:#f5f9fd;
  font:700 16px/1.4 var(--v82-font);
  letter-spacing:0;
  overflow-wrap:anywhere;
  text-shadow:0 1px 1px #00000040;
}
#gear-spotlight .market-region-v88 { display:block; margin-top:3px; color:#bccfdd; font:500 12px/1.4 var(--v82-font); }
#gear-spotlight .market-summary-v88 { margin:12px 0 0; color:#dce7ef; font:400 13px/1.65 var(--v82-font); overflow-wrap:anywhere; }
#gear-spotlight .market-expand-v88 {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:37px;
  margin:12px 0 0;
  padding:8px 12px;
  appearance:none;
  border:1px solid #aac4d839;
  border-radius:6px;
  background:#172e40;
  color:#d8c396;
  font:600 13px/1.4 var(--v82-font);
  cursor:pointer;
}
#gear-spotlight .market-expand-v88:hover { color:#fff0c4; border-color:#d4bc825f; background:#20384b; }
#gear-spotlight :is(.market-filter-v88,.market-expand-v88):focus-visible { outline:2px solid #f4d692; outline-offset:3px; }
#gear-spotlight .market-directory-v88 [hidden] { display:none!important; }
@media(max-width:1050px) {
  #gear-spotlight .market-grid-v88 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:620px) {
  #gear-spotlight .market-directory-v88 { padding:13px; }
  #gear-spotlight .market-heading-v88 { gap:10px; margin-bottom:12px; }
  #gear-spotlight .market-index-v88 { display:none; }
  #gear-spotlight .market-grid-v88 { grid-template-columns:minmax(0,1fr); gap:9px; }
  #gear-spotlight .market-card-v88 { padding:13px; }
  #gear-spotlight .market-card-top-v88 { gap:11px; }
  #gear-spotlight .market-filter-v88 { min-height:40px; padding:9px 12px; }
  #gear-spotlight .market-expand-v88 { min-height:40px; }
}
@media(prefers-reduced-motion:reduce) {
  #gear-spotlight :is(.market-card-v88,.market-filter-v88) { transition:none; }
}
html[data-motion-v78='off'] #gear-spotlight :is(.market-card-v88,.market-filter-v88) { transition:none; }
@media(forced-colors:active) {
  #gear-spotlight :is(.market-directory-v88,.market-card-v88,.market-logo-v88,.market-filter-v88,.market-expand-v88) { color:CanvasText; background:Canvas; border-color:CanvasText; box-shadow:none; }
  #gear-spotlight :is(.market-summary-v88,.market-region-v88,.market-index-v88,.market-identity-v88 h3,.market-heading-v88 h2) { color:CanvasText; text-shadow:none; }
  #gear-spotlight .market-filter-v88[aria-pressed='true'] { color:HighlightText; background:Highlight; border-color:Highlight; }
}

/* header-v89.css */
/* V89 — the date rail stays in normal flow at 100% zoom. */
body.interface-v82[data-category] .hero-copy .directory-dateline{position:relative;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:6px 14px;width:100%;max-width:none!important;min-height:18px;margin:0 0 12px;box-sizing:border-box;}
body.interface-v82[data-category] .hero-copy .directory-dateline>span{min-width:0;line-height:1.45;}
body.interface-v82[data-category] .hero-copy .directory-dateline .browser-scale-note{order:2;white-space:nowrap;color:#a7b7c5;}
body.interface-v82[data-category] .hero-copy .directory-dateline .live-clock{position:static!important;inset:auto!important;display:flex;align-items:center;gap:7px;margin-left:auto;white-space:nowrap;color:#bfd0de;}
body.interface-v82[data-category] .hero-copy .directory-dateline .clock-zone{color:#93aabd;}
body.interface-v82[data-category] .hero-copy .directory-dateline #site-clock{color:#dbe6ed;font-variant-numeric:tabular-nums;letter-spacing:.02em;}
body.interface-v82[data-category='public'] .hero-copy .directory-dateline{padding-right:0;}
@media(max-width:700px){
 body.interface-v82[data-category] .hero-copy .directory-dateline{gap:5px 10px;margin-bottom:10px;}
 body.interface-v82[data-category] .hero-copy .directory-dateline .live-clock{margin-left:0;font-size:9px;}
 body.interface-v82[data-category] .hero-copy .directory-dateline .browser-scale-note{order:3;flex-basis:100%;font-size:8px;letter-spacing:.02em;}
}
@media(max-width:359px){body.interface-v82[data-category] .hero-copy .directory-dateline{font-size:8px;gap:4px 7px;}body.interface-v82[data-category] .hero-copy .directory-dateline .browser-scale-note{font-size:7px;}}

/* founder-v89.css */
/* V89 — Minh Le memorial treatment: an editorial panel, not a banner. */
body.interface-v82[data-category='public'] .founder-v78{--founder-v89-gold:#e4c27f;--founder-v89-muted:#aab8b2;position:relative;isolation:isolate;margin:0 0 22px;border:1px solid #d9b97968;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#202b2b,#121f24 56%,#172937);box-shadow:0 18px 44px #01070c66,inset 0 1px #fff5dc14,inset 0 -1px #050b1099;}
body.interface-v82[data-category='public'] .founder-v78::before{content:'';position:absolute;z-index:3;left:0;top:0;width:46%;height:3px;background:linear-gradient(90deg,#f2d18b,#d7b86d 45%,transparent);opacity:.95;}
body.interface-v82[data-category='public'] .founder-v78::after{content:'ORIGIN  ·  1999';position:absolute;z-index:4;right:24px;top:16px;color:#d9be82;font:600 9px/1.4 'Segoe UI','Microsoft YaHei',sans-serif;letter-spacing:.18em;opacity:.8;pointer-events:none;}
body.interface-v82[data-category='public'] .founder-stage{grid-template-columns:minmax(154px,.28fr) minmax(0,1fr) minmax(218px,.42fr);gap:0 clamp(22px,3vw,40px);padding:28px 28px 24px;background:radial-gradient(ellipse at 25% 0,#d4bc7d14,transparent 50%),linear-gradient(110deg,#263027,#172127 57%,#192b39);}
body.interface-v82[data-category='public'] .founder-photo{min-height:250px;border-color:#e0c88a61;border-radius:5px;background:#0f191c;box-shadow:0 9px 22px #030b0e7a,inset 0 0 0 1px #f5dfaa14;}
body.interface-v82[data-category='public'] .founder-photo img{filter:saturate(.84) contrast(1.04) sepia(.08);object-position:center 33%;}
body.interface-v82[data-category='public'] .founder-photo figcaption{left:15px;bottom:12px;color:#f0dfb6;font-size:10px;letter-spacing:.07em;}
body.interface-v82[data-category='public'] .founder-content{padding-top:3px;}
body.interface-v82[data-category='public'] .founder-eyebrow{gap:11px;margin-bottom:13px;}
body.interface-v82[data-category='public'] .founder-eyebrow>span{padding:4px 10px;border-color:#d9b979a8;background:linear-gradient(135deg,#544a31aa,#26382f);color:#f1d795;font-size:10px;letter-spacing:.13em;}
body.interface-v82[data-category='public'] .founder-eyebrow small{color:#b6c0ac;font-size:10px;letter-spacing:.08em;}
body.interface-v82[data-category='public'] .founder-v78 h2{color:#f5f3e9;font-size:clamp(32px,3vw,42px);line-height:1.08;letter-spacing:-.03em;text-shadow:0 3px 18px #02070866;}
body.interface-v82[data-category='public'] .founder-v78 h2>span{color:#c6d2c6;font-size:18px;letter-spacing:.02em;}
body.interface-v82[data-category='public'] .founder-role{margin-top:11px;color:#e2c785;font-size:13px;line-height:1.5;}
body.interface-v82[data-category='public'] .founder-intro{max-width:620px;margin-top:14px;color:#c1cbc6;font-size:13px;line-height:1.85;}
body.interface-v82[data-category='public'] .founder-classic{border-color:#bda86e59;border-radius:5px;background:#0b151a;box-shadow:0 10px 22px #02090d5c,inset 0 1px #ffe4a914;}
body.interface-v82[data-category='public'] .founder-classic>img{filter:saturate(.68) brightness(.78) contrast(1.04);}
body.interface-v82[data-category='public'] .founder-console-toggle{margin:15px;width:calc(100% - 30px);border-color:#d6b9739b;border-radius:4px;background:linear-gradient(135deg,#3b3c2bd9,#20322ed9);box-shadow:0 6px 16px #01070a66,inset 0 1px #ffeab32b;}
body.interface-v82[data-category='public'] .founder-console-toggle:hover,body.interface-v82[data-category='public'] .founder-console-toggle[aria-expanded='true']{border-color:#f0d18b;background:linear-gradient(135deg,#51472edb,#294239e5);}
body.interface-v82[data-category='public'] .founder-console-key{border-color:#d0b77988;background:#101a1bb8;color:#e8d393;}
body.interface-v82[data-category='public'] .founder-timeline{border-bottom-color:#dfc47d33;}
body.interface-v82[data-category='public'] .founder-timeline time{color:#edce87;}
body.interface-v82[data-category='public'] .founder-actions button{border-color:#bdab775e;background:#21312f;color:#dfe7de;}
body.interface-v82[data-category='public'] .founder-actions .founder-profile-button{border-color:#e2c67f;background:linear-gradient(135deg,#e4cc91,#ad9d69);color:#15221d;box-shadow:inset 0 1px #fff4c5aa,0 4px 12px #01060845;}
body.interface-v82[data-category='public'] .founder-actions .founder-archive-toggle:hover,body.interface-v82[data-category='public'] .founder-actions .founder-archive-toggle[aria-expanded='true']{border-color:#d5b976a6;background:#344238;}
body.interface-v82[data-category='public'] .founder-archive{border-top-color:#d5b87542;background:linear-gradient(135deg,#15221f,#10202a);}
body.interface-v82[data-category='public'] .founder-archive-heading>span{color:#d0b779;}
body.interface-v82[data-category='public'] .founder-interviews a{border-color:#b8ac7938;background:#1b2c2b99;}
body.interface-v82[data-category='public'] .founder-interviews a:hover{border-color:#d7bb7b9b;background:#293e37;}
body.interface-v82[data-category='public'] .founder-credits{color:#8e9f99;}
body.interface-v82[data-category='public'] .founder-credits a{color:#c6b77e;}
@media(max-width:1100px){body.interface-v82[data-category='public'] .founder-stage{grid-template-columns:148px minmax(0,1fr) 198px;gap:0 20px;padding:22px;}body.interface-v82[data-category='public'] .founder-v78 h2{font-size:32px;}body.interface-v82[data-category='public'] .founder-intro{font-size:12px;}}
@media(max-width:780px){body.interface-v82[data-category='public'] .founder-v78::after{right:18px;top:13px;font-size:8px;}body.interface-v82[data-category='public'] .founder-stage{grid-template-columns:138px minmax(0,1fr);grid-template-areas:'photo content' 'footer footer' 'classic classic';gap:0 17px;padding:20px;}body.interface-v82[data-category='public'] .founder-photo{min-height:205px;}body.interface-v82[data-category='public'] .founder-v78 h2{font-size:29px;}body.interface-v82[data-category='public'] .founder-intro{font-size:11px;line-height:1.75;}body.interface-v82[data-category='public'] .founder-footer{padding-top:18px;}}
@media(max-width:520px){body.interface-v82[data-category='public'] .founder-v78{margin-bottom:16px;}body.interface-v82[data-category='public'] .founder-v78::after{right:13px;top:10px;font-size:7px;letter-spacing:.12em;}body.interface-v82[data-category='public'] .founder-stage{grid-template-columns:104px minmax(0,1fr);gap:0 13px;padding:14px;}body.interface-v82[data-category='public'] .founder-photo{min-height:173px;}body.interface-v82[data-category='public'] .founder-v78 h2{font-size:25px;}body.interface-v82[data-category='public'] .founder-role{font-size:10px;margin-top:7px;}body.interface-v82[data-category='public'] .founder-intro{margin-top:8px;font-size:10px;line-height:1.7;}body.interface-v82[data-category='public'] .founder-eyebrow{gap:6px;margin-bottom:8px;}body.interface-v82[data-category='public'] .founder-eyebrow>span{padding:3px 6px;font-size:8px;}body.interface-v82[data-category='public'] .founder-eyebrow small{font-size:8px;}body.interface-v82[data-category='public'] .founder-footer{padding-top:14px;}body.interface-v82[data-category='public'] .founder-console-toggle{margin:8px;width:calc(100% - 16px);}}
@media(prefers-reduced-motion:reduce){body.interface-v82[data-category='public'] .founder-v78,body.interface-v82[data-category='public'] .founder-v78 *{animation:none!important;transition:none!important;}}

/* scenes-v89.css */
/* V89 — event-city filters and denser, legible scene metadata. */
dialog.scene-picker.scene-picker-v82 .scene-event-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:1px 0 0;}
dialog.scene-picker.scene-picker-v82 .scene-event-tools::before{content:'赛事';color:#7f9aa9;font:600 10px/1 var(--mono,monospace);letter-spacing:.08em;margin-right:3px;}
dialog.scene-picker.scene-picker-v82 .scene-event-tools button{display:inline-flex;align-items:center;gap:5px;min-height:29px;padding:6px 9px;border:1px solid transparent;border-radius:7px;color:#a9c0cc;background:transparent;font:600 11px/1 var(--sans,sans-serif);cursor:pointer;white-space:nowrap;}
dialog.scene-picker.scene-picker-v82 .scene-event-tools button:hover{color:#f2f7f8;background:#213847;}
dialog.scene-picker.scene-picker-v82 .scene-event-tools button[aria-pressed=true]{color:#f6d09a;border-color:#e5b46a63;background:#3b3329;}
dialog.scene-picker.scene-picker-v82 .scene-event-tools .scene-scope-count{color:#a4bbc6;font:500 10px/1 var(--mono,monospace);}
dialog.scene-picker.scene-picker-v82 .scene-option-events{display:block;overflow:hidden;color:#d5b87f;font:600 10px/1.25 var(--sans,sans-serif);text-overflow:ellipsis;white-space:nowrap;}
dialog.scene-picker.scene-picker-v82 .scene-picker-option:has(.scene-option-events){border-color:#9f896143;}
dialog.scene-picker.scene-picker-v82 .scene-picker-option:has(.scene-option-events):hover{border-color:#e4bd7b9c;}
@media(max-width:720px){dialog.scene-picker.scene-picker-v82 .scene-event-tools{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none;}dialog.scene-picker.scene-picker-v82 .scene-event-tools::-webkit-scrollbar{display:none;}dialog.scene-picker.scene-picker-v82 .scene-event-tools button{flex:none;padding-inline:7px;font-size:10px;}}