/* Original app/globals.css; scoped, not redesigned. */
@scope (.platform-ui) {
:scope{--bg:#F7F9FC;--surface:#fff;--text:#2E3E54;--muted:#7B8CA1;--line:#E3EAF2;--accent:#1E40AF;--accent2:#173595;--navy:#2E3E54;--soft:#F8FAFC;--header-bg:#F3F5F8;--brand:#2E3E54;--shadow:0 8px 24px rgba(18,42,68,.04);--surface-page:#F7F9FC;--surface-card:#fff;--surface-soft:#F8FAFC;--surface-elevated:#fff;--border-soft:#E3EAF2;--text-primary:#2E3E54;--text-secondary:#53657A;--text-muted:#7B8CA1;--accent-primary:#3B5BB3;--accent-primary-hover:#1E40AF;--accent-primary-soft:#DDE6FF;--accent-gold:#C49A3C;--accent-green:#2F8A5A;--accent-violet:#7A5AC8;--accent-coral:#D06A5A;--space-xs:6px;--space-sm:8px;--space-md:13px;--space-lg:14px;--space-xl:22px;--space-gap:11px;--fs-xs:11px;--fs-sm:12px;--fs-base:12px;--header-nav-fs:13px;--fs-md:14px;--fs-lg:18px;--fs-xl:24px;--fw-body:400;--fw-meta:500;--fw-ui:500;--fw-title:600;--fw-display:600;--font-ui:Inter,"Pretendard","Noto Sans KR",Arial,sans-serif;--header-h:66px;--header-ctrl:34px;--ctrl-h-sm:30px;--ctrl-h-md:34px;--ctrl-h-lg:38px;--ctrl-radius:8px;--ctrl-radius-lg:10px;--ctrl-pad-sm:11px;--ctrl-pad-md:13px;--ctrl-pad-lg:16px;--ctrl-fs:11px;--ctrl-fs-md:12px;--ctrl-fs-lg:12px;--ctrl-fw:500;--ctrl-gap:6px;--ctrl-bg:transparent;--ctrl-border:#D6E0EB;--ctrl-fg:#37567A;--ctrl-bg-hover:#F1F5FA;--ctrl-border-hover:#CBD6E8;--ctrl-fg-hover:#355A85;--ctrl-bg-active:#E8EEF5;--ctrl-border-active:#AFC2D8;--ctrl-fg-active:#2E4F76;--ctrl-bg-disabled:#F6F8FB;--ctrl-border-disabled:#E1E7EF;--ctrl-fg-disabled:#B0BEC9;--ctrl-focus:rgba(47,79,118,.28);--ctrl-primary-bg:#E8EEF5;--ctrl-primary-border:#AFC2D8;--ctrl-primary-fg:#2E4F76;--ctrl-primary-bg-hover:#DDE6F0;--ctrl-primary-border-hover:#9FB4CC;--card-pad:14px;--card-radius:12px;--tier-bronze:#9c6a13;--tier-silver:#5a6d80;--tier-gold:#9a7318;--tier-platinum:#1f7a84;--tier-diamond:#1e74d0;--tier-master:#6b3fb5;--tier-challenger-grad:linear-gradient(90deg,#b8860b 0%,#1a52b5 38%,#7c3aed 70%,#0e8aaa 100%);--rect-h-sm:32px;--rect-h-md:44px;--rect-radius:10px;--rect-pad-x:14px;--rect-border-w:1px;--rect-border:color-mix(in srgb,var(--accent) 16%,var(--line));--rect-border-active:color-mix(in srgb,var(--accent) 42%,var(--line));--rect-bg:linear-gradient(165deg,color-mix(in srgb,var(--accent) 8%,var(--surface)) 0%,var(--surface) 70%);--rect-bg-active:linear-gradient(165deg,color-mix(in srgb,var(--accent) 16%,var(--surface)) 0%,var(--surface) 64%);--rect-label-size:11px;--rect-label-weight:500;--rect-nav-size:12px;--rect-nav-weight:500;--rect-value-size:14px;--rect-value-weight:500;--rect-unit-size:11px;--rect-unit-weight:500;--more-h:30px;--more-pad-x:12px;--more-radius:8px}
:scope[data-theme="dark"]{--bg:#121A28;--surface:#1A2434;--text:#E6EDF5;--muted:#8A9BB0;--line:#33455C;--soft:#202B3C;--header-bg:#161F2E;--brand:#E6EDF5;--navy:#E6EDF5;--shadow:0 14px 38px rgba(8,14,24,.32);--surface-page:#121A28;--surface-card:#1A2434;--surface-soft:#202B3C;--surface-elevated:#223044;--border-soft:#2C3D52;--text-primary:#E6EDF5;--text-secondary:#B5C2D1;--text-muted:#8292A6;--ctrl-bg:transparent;--ctrl-border:#3A4F68;--ctrl-fg:#CBD6E6;--ctrl-bg-hover:#1A2738;--ctrl-border-hover:#4B6585;--ctrl-fg-hover:#E1EBF8;--ctrl-bg-active:#26384C;--ctrl-border-active:#4F6986;--ctrl-fg-active:#D6E6F7;--ctrl-bg-disabled:#121C2B;--ctrl-border-disabled:#24354A;--ctrl-fg-disabled:#6F7F94;--ctrl-focus:rgba(214,230,247,.28);--ctrl-primary-bg:#26384C;--ctrl-primary-border:#4F6986;--ctrl-primary-fg:#D6E6F7;--ctrl-primary-bg-hover:#2C4158;--ctrl-primary-border-hover:#5A7594;--accent-primary:#5678BE;--accent-primary-hover:#4466AE;--accent-primary-soft:rgba(86,120,190,.18);--accent-gold:#E2C06A;--accent-green:#6EE7B7;--accent-violet:#C4B0FF;--accent-coral:#E0A070;--tier-bronze:#e2b57a;--tier-silver:#c5d3e4;--tier-gold:#e6c86a;--tier-platinum:#7ee0dc;--tier-diamond:#7ec4ff;--tier-master:#d2b4ff;--tier-challenger-grad:linear-gradient(90deg,#f0d48a 0%,#7eb6ff 38%,#c4b0ff 70%,#67e8f9 100%);--rect-border:var(--line);--rect-border-active:var(--ctrl-border-active);--rect-bg:var(--surface-elevated);--rect-bg-active:var(--ctrl-bg-active)}
:scope{
  --panel-bg:#fff;--panel-border:#D6E0EB;--panel-radius:12px;--panel-pad:14px;--panel-shadow:none;
  --attend-mark:#E85B65;--attend-mark-line:#E85B65;
  --card-light-bg:linear-gradient(155deg,#FFFFFF 0%,#F5F8FC 52%,#E8EEF6 100%);
  --card-light-border:rgba(186,202,218,.55);
  --card-light-shadow:0 1px 0 rgba(255,255,255,.96) inset,0 14px 28px rgba(18,42,68,.08),0 2px 6px rgba(18,42,68,.04);
  --card-dark-bg:var(--surface-card);
  --card-dark-border:var(--border-soft);
  --card-dark-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 8px 20px rgba(0,0,0,.18);
  --section-title-icon-gap:8px
}
:scope[data-theme="dark"]{
  --panel-bg:var(--surface-card);--panel-border:var(--border-soft);
  --attend-mark:#EA626C;--attend-mark-line:#EA626C;
  --dark-accent-blue:#3868D8;
  --dark-accent-blue-hover:color-mix(in srgb,var(--dark-accent-blue) 96%,#fff);
  --dark-accent-blue-active:color-mix(in srgb,var(--dark-accent-blue) 90%,#000);
  --dark-accent-blue-muted:color-mix(in srgb,var(--dark-accent-blue) 58%,var(--bg));
  --dark-primary-cobalt:var(--dark-accent-blue);
  --dark-cta-primary:var(--dark-accent-blue);
  --dark-cta-primary-hover:var(--dark-accent-blue-hover);
  --dark-cta-primary-active:var(--dark-accent-blue-active);
  --dark-blue-selected:var(--dark-accent-blue);
  --home-row-bg:var(--header-bg);
  --accent-primary:var(--dark-accent-blue);
  --accent-primary-hover:var(--dark-accent-blue-hover);
  --accent-primary-soft:color-mix(in srgb,var(--dark-accent-blue) 18%,transparent);
  --accent:var(--accent-primary);
  --accent2:var(--accent-primary-hover);
  --ctrl-primary-bg:var(--dark-cta-primary);
  --ctrl-primary-border:var(--dark-cta-primary);
  --ctrl-primary-fg:#fff;
  --ctrl-primary-bg-hover:var(--dark-cta-primary-hover);
  --ctrl-primary-border-hover:var(--dark-cta-primary-hover);
  --ctrl-focus:color-mix(in srgb,var(--dark-accent-blue) 65%,var(--text-primary))
}
*{box-sizing:border-box}:scope{scroll-behavior:smooth;word-break:keep-all;overflow-wrap:anywhere;font-family:var(--font-ui)}:scope{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);max-width:100%}button,input,select,textarea{font:inherit}.wrap{width:min(1660px,calc(100% - 64px));margin-inline:auto;min-width:0;max-width:100%}
.topbar{height:var(--header-h,66px);background:color-mix(in srgb,var(--surface) 96%,transparent);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(32px,calc((100vw - 1660px)/2));position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
/* The canonical wordmark is a self-contained SVG. */
.brand{font-size:25px;font-weight:900;letter-spacing:-.03em;color:var(--text-primary);white-space:nowrap;overflow-wrap:normal;font-family:inherit}.brand span{color:inherit}.nav{display:flex;gap:2px;margin-left:48px}.navItem{border:0;background:transparent;color:var(--text);padding:26px 13px 22px;font-size:var(--header-nav-fs);cursor:pointer;border-bottom:2px solid transparent}.navItem.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:850}.headerTools{margin-left:auto;display:flex;align-items:center;gap:10px}.search{width:260px;background:var(--soft);border:1px solid var(--line);color:var(--muted);padding:11px 17px;border-radius:22px;font-size:12px}.iconButton{width:var(--header-ctrl,34px);height:var(--header-ctrl,34px);border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:50%;cursor:pointer}.profileMini{border:0;background:transparent;color:var(--text);display:flex;align-items:center;gap:8px;text-align:left}.profileMini small{display:block;color:var(--accent);font-weight:850;margin-top:2px}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#0f2846,#40648e);color:white;font-weight:900}.avatar.sm{width:29px;height:29px;font-size:10px}
.hero{height:430px;margin-top:22px;border-radius:22px;position:relative;overflow:hidden;background:linear-gradient(112deg,var(--surface-elevated) 0%,var(--surface-elevated) 54%,var(--surface-elevated) 100%);color:#fff;box-shadow:0 18px 50px rgba(8,28,50,.12)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 18%,rgba(130,165,210,.28),transparent 26%),linear-gradient(90deg,transparent 0 48%,rgba(255,255,255,.025) 48% 49%,transparent 49%)}.hero:after{content:"";position:absolute;left:46%;right:-5%;bottom:-48px;height:250px;border:1px solid rgba(255,255,255,.08);border-radius:50% 50% 0 0;box-shadow:0 -34px 80px rgba(65,115,158,.12) inset;background:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 1px,transparent 1px 76px);transform:perspective(500px) rotateX(61deg)}.stadiumLights{position:absolute;right:7%;top:56px;width:43%;height:165px;border-top:1px solid rgba(255,255,255,.22);border-radius:50%;transform:rotate(-5deg);opacity:.8}.stadiumLights:after{content:"";position:absolute;inset:-5px 8% auto;height:6px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.85) 0 3px,transparent 3px 28px);filter:blur(.3px);box-shadow:0 0 24px rgba(255,255,255,.28)}.heroCopy{position:absolute;left:72px;top:62px;z-index:3}.eyebrow{font-size:15px;letter-spacing:1.6px;color:#c9d5e2}.eyebrow strong{color:#d9b15b}.hero h1{font-size:56px;line-height:.98;margin:14px 0 18px;letter-spacing:-2.4px}.hero p{font-size:16px;color:#d8e2ec;margin-bottom:27px}.heroButtons{display:flex;gap:10px}.primaryBtn{border:1px solid var(--accent-primary);background:var(--accent-primary);color:#fff;border-radius:9px;padding:12px 20px;font-weight:800;cursor:pointer;box-shadow:none;white-space:nowrap;line-height:1;transition:background .18s ease,border-color .18s ease}
.primaryBtn:hover:not(:disabled){background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);color:#fff}.primaryBtn.big,.ghostBtn.big{padding:14px 24px}.ghostBtn{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:9px;font-weight:700}.heroQuote{position:absolute;right:72px;top:84px;font-size:24px;line-height:1.5;text-align:right;z-index:3}.heroQuote small{display:block;margin-top:17px;font-size:10px;letter-spacing:4px;color:#9fb0c2}.heroMetric{position:absolute;right:72px;bottom:48px;z-index:3;display:flex;gap:10px}.metric{min-width:130px;padding:13px 16px;border:1px solid rgba(255,255,255,.13);background:rgba(4,20,37,.38);backdrop-filter:blur(8px);border-radius:12px}.metric small{display:block;color:#9fb1c4;font-size:10px;margin-bottom:4px}.metric b{font-size:17px}
.shortcutGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:12px}.shortcut{background:var(--card-light-bg);border:1px solid var(--card-light-border);border-radius:14px;padding:18px 14px;text-align:left;display:grid;grid-template-columns:38px 1fr;column-gap:10px;align-items:center;box-shadow:var(--card-light-shadow);transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.shortcut:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent-primary) 28%,var(--card-light-border))}.shortcut span{grid-row:1/3;width:38px;height:38px;border-radius:10px;background:var(--surface-soft);color:var(--accent-primary);display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;flex:0 0 38px}.shortcut b{font-size:14px}.shortcut small{color:var(--muted);font-size:10px}
:scope[data-theme="dark"] .shortcut{background:var(--card-dark-bg);border-color:var(--card-dark-border);box-shadow:var(--card-dark-shadow)}
:scope[data-theme="dark"] .shortcut span{background:var(--surface-soft);color:var(--accent-primary)}
:scope[data-theme="dark"] .shortcut:hover{border-color:color-mix(in srgb,var(--accent-primary) 32%,var(--card-dark-border))}
.contentGrid{display:grid;grid-template-columns:minmax(0,2.65fr) minmax(330px,.85fr);gap:12px;margin-top:12px}.nntvCard{min-width:0;max-width:100%}.sectionHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.sectionHead h2{font-size:var(--fs-lg);margin:0;letter-spacing:-.4px;display:inline-flex;align-items:center;gap:var(--section-title-icon-gap)}.sectionHead p{font-size:11px;color:var(--muted);margin:5px 0 0}
.sectionHead .sectionTitleIcon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;box-sizing:border-box;border-radius:8px;margin:0 !important;background:color-mix(in srgb,var(--accent-primary) 10%,var(--soft));color:var(--accent-primary)}
.sectionHead .sectionTitleIcon svg{width:16px;height:16px;display:block}
:scope[data-theme="dark"] .nntvCard{min-width:0}.datePill{border:1px solid var(--line);border-radius:9px;padding:8px 12px;font-size:11px}.tabs{display:flex;gap:6px;margin:16px 0 11px}.tabs.compact{margin:13px 0}.matchRow{display:grid;grid-template-columns:92px minmax(300px,1fr) 292px 112px;gap:14px;align-items:center;min-height:76px;border-top:1px solid var(--line)}.matchMeta{display:grid;gap:2px}.matchMeta strong{font-size:var(--fs-base)}.matchMeta small{color:var(--muted);font-size:9px}.teams{display:flex;align-items:center;justify-content:center;gap:13px}.teams b{font-size:var(--fs-base)}.teams span{color:var(--muted);font-size:9px}.teamMark{width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,#e8eef5,#fff);border:1px solid var(--line);display:grid;place-items:center;font-size:9px;font-weight:900;color:var(--accent)}.odds{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.odd{border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:8px;min-height:47px;padding:7px 5px;display:grid;gap:1px;cursor:pointer}.odd:hover{border-color:#9fb5ca}.odd small{color:var(--muted);font-size:9px}.odd.selected{border-color:var(--accent);outline:2px solid rgba(30,64,175,.13);background:rgba(30,64,175,.07)}.matchRow>.primaryBtn{width:112px;height:47px;padding:0 13px;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:13px}
.sideStack{display:grid;gap:12px}.rankRow{display:grid;grid-template-columns:24px 29px 1fr auto 58px;align-items:center;gap:7px;padding:9px 0;border-top:1px solid var(--line);font-size:11px}.rankRow strong{text-align:right}.rankNo{font-weight:700;text-align:center;color:#8b98ad;font-size:11px}.tier{font-size:8px;font-weight:900;padding:4px 6px;border-radius:6px;background:#e8edff;color:#4a60cc}.t0{background:#f4ddff;color:#942eb2}.t1{background:#dcecff;color:#2867a4}.t2{background:#d9f1f5;color:#177a89}.t3,.t4{background:#fff0c9;color:#9c6a13}.legendBanner{min-height:145px;border-radius:16px;background:radial-gradient(circle at 86% 18%,#3a5278,transparent 34%),linear-gradient(115deg,var(--surface-elevated),var(--surface-elevated));color:#fff;padding:24px;display:flex;justify-content:space-between;align-items:center}.legendBanner b{font-size:25px;line-height:1.06}.legendBanner b span{color:#ddb75f}.legendBanner div{font-size:55px;color:#ddb75f}.lower{margin-top:12px}.liveGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:13px}.liveCard{display:grid;gap:5px}.liveThumb{height:126px;border-radius:10px;background:radial-gradient(circle at 70% 30%,#3c6d6b,transparent 28%),linear-gradient(150deg,#0c4738,#071d26);position:relative;overflow:hidden}.liveThumb:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-25%;height:65%;border-radius:50%;border:1px solid rgba(255,255,255,.18)}.liveThumb.v1{background:radial-gradient(circle at 70% 30%,#47648e,transparent 28%),linear-gradient(150deg,var(--surface-elevated),var(--surface-elevated))}.liveThumb.v2{background:radial-gradient(circle at 70% 30%,#815d47,transparent 28%),linear-gradient(150deg,#4b3023,#1d1716)}.liveThumb.v3{background:radial-gradient(circle at 70% 30%,#654a88,transparent 28%),linear-gradient(150deg,#2d1b50,#141026)}.liveThumb span{position:absolute;left:8px;top:8px;background:#e83950;color:#fff;font-weight:900;font-size:9px;padding:4px 7px;border-radius:5px;z-index:2}.liveThumb i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:23px;color:#fff;z-index:2}.liveCard small,.liveCard em{color:var(--muted);font-size:9px;font-style:normal}.liveCard b{font-size:12px}.noticeRow{display:grid;grid-template-columns:48px 1fr 44px;gap:8px;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:11px}.noticeRow:first-of-type{margin-top:10px}.noticeRow span{font-size:8px;font-weight:800;color:#fff;background:#e54b5e;padding:5px;border-radius:5px;text-align:center}.noticeRow small{color:var(--muted);text-align:right}.linkBtn{border:0;background:transparent;color:var(--muted);cursor:pointer}.threeGrid{display:grid;grid-template-columns:1.12fr 1fr .72fr;gap:12px;margin-top:12px}.postRow{display:grid;grid-template-columns:40px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.postThumb{width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,var(--surface-elevated),var(--accent-primary));color:white;display:grid;place-items:center;font-weight:900}.postRow span{display:grid;gap:3px}.postRow span b{font-size:11px}.postRow small,.postRow em{font-size:9px;color:var(--muted);font-style:normal}.shopTabs{display:flex;gap:18px;font-size:11px;margin:14px 0}.shopTabs b{color:var(--accent)}.shopTabs span{color:var(--muted)}.shopGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.shopGrid article{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:11px;display:grid;gap:4px;text-align:center}.shopGrid article b{font-size:10px}.shopGrid article strong{font-size:12px}.shopIcon{font-size:30px;height:48px;display:grid;place-items:center}.attendance{text-align:center}.attendanceIcon{width:54px;height:54px;border-radius:17px;background:#ffe8ef;color:#d8426d;display:grid;place-items:center;font-size:27px;font-weight:900;margin:0 auto 9px}.attendance h3{margin:0 0 5px}.attendance p{font-size:10px;color:var(--muted)}.wide{width:100%}.streak{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:11px}.streak span{font-size:8px;color:var(--muted);padding-top:14px;position:relative}.streak span:before{content:"";position:absolute;top:2px;left:50%;translate:-50%;width:7px;height:7px;border-radius:50%;background:#d5dbe6}.streak .done:before{background:var(--accent)}.smallGap{gap:10px}:scope[data-theme="dark"] .referral{border-radius:16px;background:linear-gradient(130deg,var(--surface-elevated),#174178);color:white;padding:21px}.referral b{font-size:16px}.referral p{font-size:9px;color:#b9c8dd}.footer{margin-top:24px;background:var(--surface);border-top:1px solid var(--line)}.footerInner{min-height:125px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:40px}.footer p{font-size:11px;color:var(--muted)}.footerLinks{display:flex;gap:18px;color:var(--muted);font-size:10px}.footer small{color:var(--muted)}
@media(min-width:1900px){.wrap{width:min(1740px,calc(100% - 96px))}.topbar{padding-left:max(48px,calc((100vw - 1740px)/2));padding-right:max(48px,calc((100vw - 1740px)/2))}.hero{height:445px}.contentGrid{grid-template-columns:minmax(0,2.75fr) minmax(350px,.82fr)}}
@media(max-width:1200px){.nav{display:none}.search{display:none}.contentGrid,.threeGrid{grid-template-columns:1fr}.shortcutGrid{grid-template-columns:repeat(3,1fr)}.matchRow{grid-template-columns:80px 1fr 245px 105px}.sideStack{grid-template-columns:1fr 1fr}.footerInner{grid-template-columns:1fr}.footerLinks{flex-wrap:wrap;padding-bottom:18px}}
@media(max-width:760px){.wrap{width:calc(100% - 24px)}.topbar{height:64px;padding:0 12px}.brand{font-size:22px}.profileMini span:last-child{display:none}.hero{height:405px;margin-top:10px}.heroCopy{left:24px;top:38px}.hero h1{font-size:32px;letter-spacing:-1.2px;overflow-wrap:anywhere}.heroQuote,.heroMetric,.stadiumLights{display:none}.shortcutGrid{grid-template-columns:repeat(2,1fr)}.shortcut{padding:14px 10px}.sideStack{grid-template-columns:1fr}.matchRow{grid-template-columns:62px 1fr;gap:8px;padding:11px 0}.teams{justify-content:flex-start}.odds{grid-column:1/3}.matchRow>.primaryBtn{grid-column:1/3;width:100%}.liveGrid{grid-template-columns:repeat(2,1fr)}.threeGrid{display:block}.threeGrid>.nntvCard,.threeGrid>.sideStack{margin-top:12px}.footerInner{display:block;padding:28px 0}.footerLinks{margin:18px 0}.datePill{display:none}}
a{color:inherit;text-decoration:none}a.navItem,a.tab,a.linkBtn,a.shortcut,a.profileMini,a.liveCard,a.postRow,a.noticeRow,a.primaryBtn,a.ghostBtn,a.headerInbox,a.opsMsgRow{cursor:pointer}a.primaryBtn,a.ghostBtn{display:inline-flex;align-items:center;justify-content:center}input.search,input.field,select.field,textarea.field{font:inherit;outline:none}button:disabled,.primaryBtn:disabled{opacity:.55;cursor:not-allowed}.pageWrap{margin-top:20px;margin-bottom:36px;min-width:0;max-width:100%}.formGrid{display:grid;gap:10px;max-width:420px;margin-top:14px}.formGrid label,.muted,.notice{font-size:12px;color:var(--muted)}.field{width:100%;border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:9px;padding:11px 12px}.field.area,textarea.field{min-height:140px;resize:vertical}.adminTable{width:100%;border-collapse:collapse;font-size:12px}.adminTable th,.adminTable td{border-top:1px solid var(--line);padding:8px;text-align:left;vertical-align:top}.streamFrame{width:100%;min-height:68vh;border:0;border-radius:16px;background:#000;display:block}.chatLog{height:420px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--soft)}.chatLine{padding:8px 0;border-top:1px solid var(--line);font-size:13px}.err{color:#c23b4b;font-size:12px}.ok{color:var(--accent);font-size:12px}.rowActions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.homeBoard{--home-gap:10px;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--home-gap);margin-top:12px;align-items:stretch;min-width:0;max-width:100%}
.homeBoardTop,.homeBoardBottom{display:contents}
.homeBoardTop>.predictionCard{grid-column:1 / span 2;min-width:0;min-height:0;display:flex;flex-direction:column;align-self:stretch}
.homeBoardTop>.homeRankStack{grid-column:3;min-width:0;min-height:0;align-self:stretch;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:var(--home-gap)}
.homeBoardBottom>.nntvCard,.homeBoardBottom>.referral{min-width:0;min-height:280px;padding:22px 24px;border-radius:16px;display:flex;flex-direction:column;align-items:stretch;text-align:left}
.homeRankStack>.nntvCard{min-height:0;display:flex;flex-direction:column}
.homeBoard .homeHlStrip,.homeBoard>.homeHlStrip{grid-column:1 / -1;min-width:0}
.homeBoardBottom .attendance{text-align:left}
.homeUtilityCard{position:relative;overflow:hidden;gap:12px}
.homeUtilityBody{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start;min-width:0;flex:1 1 auto}
.homeUtilityCopy{position:relative;z-index:1;display:grid;gap:4px;min-width:0;padding-right:80px;text-align:left;justify-items:start}
.homeUtilityLead{margin:0;font-size:13px;line-height:1.45;color:var(--text-muted);text-align:left}
.homeUtilityStat{margin:0;font-size:13px;line-height:1.45;color:var(--text-secondary);text-align:left}
.homeBoardBottom .attendance .homeUtilityLead,
.homeBoardBottom .attendance .homeUtilityStat,
.homeBoardBottom .referral .homeUtilityLead,
.homeBoardBottom .referral .homeUtilityStat{font-size:13px;line-height:1.45}
.homeBoardBottom .attendance .homeUtilityStat,
.homeBoardBottom .referral .homeUtilityStat{color:var(--text-secondary)}
.homeUtilityStat b{color:var(--text-primary);font-weight:800}
.homeUtilityDecor{display:none}
.homeBoardBottom .sectionHead{flex:0 0 auto;min-height:28px}
.homeBoardBottom .pointShop .homeGiftGrid{flex:1 1 auto}
.homeBoardBottom .attendance .primaryBtn{margin-top:auto;width:100%}
.homeBoardBottom .referral .successBtn{margin-top:auto;width:100%}
.attTrack{margin-top:auto;margin-bottom:12px}
.homeBoardBottom .streak{position:relative;z-index:1;margin:14px 0 12px}
.homeBoardBottom .streak span{font-size:9px}
.homeBoardBottom .streak span:before{width:8px;height:8px}
@media(max-width:1200px){
  .homeBoard{grid-template-columns:1fr}
  .homeBoardTop>.predictionCard,.homeBoardTop>.homeRankStack{grid-column:1}
  .homeRankStack{grid-template-columns:1fr 1fr;grid-template-rows:auto}
}
@media(max-width:760px){
  .homeRankStack{grid-template-columns:1fr}
  .homeBoard .ranking .rankingFilters{flex-wrap:wrap;justify-content:flex-start;gap:6px}
  .homeBoardBottom>.nntvCard,.homeBoardBottom>.referral{min-height:0}
  .homeUtilityCopy{padding-right:80px}
  .homeUtilityTile{width:56px;height:56px;border-radius:16px}
}

.homeBoardPrimary,.homeBoardUtils{grid-column:1 / -1;display:grid;gap:var(--home-gap);align-items:start;min-width:0;box-sizing:border-box}
.homeBoardPrimary{grid-template-columns:repeat(12,minmax(0,1fr))}
.homeBoardPrimary>.homeFeaturedCard{grid-column:span 6;min-width:0;min-height:0;display:flex;flex-direction:column;align-self:start;padding-top:16px;padding-bottom:10px;height:302px;box-sizing:border-box}
.homeBoardPrimary>.homeAnalysisCard{grid-column:span 3;min-width:0;min-height:0;display:flex;flex-direction:column;align-self:start;padding-top:16px;padding-bottom:10px;height:302px;box-sizing:border-box}
.homeBoardPrimary>.ranking{grid-column:span 3;min-width:0;min-height:0;align-self:start;display:flex;flex-direction:column;gap:0;padding-top:16px;padding-bottom:10px;height:302px;box-sizing:border-box}
.homeBoardPrimary>.ranking>.rankingFilters{display:none !important}
.homeBoardPrimary>.ranking .rankRow + .rankRow{margin-top:6px}
.homeBoardPrimary>.ranking .sectionHead{margin-bottom:0px;padding-bottom:6px}
.homeBoardPrimary>.homeAnalysisCard .sectionHead{margin-bottom:0px;padding-bottom:6px}
.homeBoardPrimary>.homeFeaturedCard .sectionHead{margin-bottom:0px;padding-bottom:6px}

.homeBoardPrimary>.ranking .rankRow{padding:0px 10px;height:38px;box-sizing:border-box;align-items:center}
.homeBoardPrimary>.ranking .rankRow .identityNick{font-size:11px;font-weight:500}
.homeBoardUtils{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;align-items:start}
.homeBoardUtils>.nntvCard,.homeBoardUtils>.homeFulfillmentCard{min-width:0;min-height:250px;height:auto;padding:16px 18px;border-radius:16px;display:flex;flex-direction:column;align-items:stretch;text-align:left;align-self:stretch}
.homeBoardUtils>.nntvCard button:last-child,.homeBoardUtils>.nntvCard .btn:last-child,.homeBoardUtils>.nntvCard .homeActionButton:last-child,.homeBoardUtils section .primaryBtn:last-of-type{margin-top:auto;align-self:stretch}

.matchCard{display:grid;grid-template-rows:auto auto;gap:10px;padding:14px 16px;border-top:1px solid var(--line);border-radius:10px;min-width:0;box-sizing:border-box}
.oddsMarkets{display:grid;gap:8px;min-width:0}
.oddsMarketRow{display:grid;grid-template-columns:72px minmax(0,1fr) 116px minmax(0,1fr);gap:8px;align-items:center;min-width:0}
.oddsMarketLabel{font-size:10px;font-weight:700;color:var(--text-muted);padding:0 6px;letter-spacing:.4px;min-width:0}
.matchMarketMobileLabel{display:none}
.odd--side .oddLabel{display:flex;align-items:center;flex:1 1 0;min-width:0}
.odd--side.odd--left .oddLabel{justify-content:flex-start;text-align:left}
.odd--side.odd--right .oddLabel{justify-content:flex-end;text-align:right}
.odd--side.odd--left .oddLabel b,.odd--side.odd--right .oddLabel b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.odd--center.odd--line{background:transparent;border:1px dashed var(--line);border-radius:8px;min-height:47px;padding:6px 8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:11px;font-weight:800;box-sizing:border-box}
.oddArrow{display:inline-flex;flex:0 0 auto}

.homeFeaturedList{display:grid;gap:6px;margin-top:0px;padding:0;list-style:none;min-width:0}
.homeFeaturedRow{display:grid;grid-template-columns:188px minmax(0,1fr);column-gap:10px;row-gap:0;align-items:center;padding:0px 10px;border-radius:10px;min-width:0;box-sizing:border-box;height:38px}
.homeFeaturedSportIcon{display:none}
.homeFeaturedMeta{display:grid;grid-template-columns:auto auto auto auto auto;gap:6px;align-items:center;min-width:0;grid-column:1 / 2}
.homeFeaturedDot{width:8px;height:8px;border-radius:50%;background:var(--line);flex:0 0 auto;box-shadow:none;position:relative}
.homeFeaturedDot.is-live{background:radial-gradient(circle at 35% 35%,#FF8A96 0%,#FF6B7A 30%,#E85B65 55%,#C94A56 100%);box-shadow:0 0 0 2px rgba(232,91,101,.08),0 0 9px 0 rgba(232,91,101,.22)}
.homeFeaturedLeague{font-size:10px;font-weight:700;color:var(--text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.homeFeaturedLeagueMobile{display:none}
.homeFeaturedDate{font-size:10px;font-weight:700;color:var(--text-muted);white-space:nowrap;flex:0 0 auto}
.homeFeaturedTime{font-size:10px;font-weight:800;color:var(--text-secondary);flex:0 0 auto;font-variant-numeric:tabular-nums;justify-self:start}
.homeFeaturedTeams{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:0px 8px;align-items:center;min-width:0;grid-column:2 / 3;height:100%}
.homeFeaturedTeam{font-size:12px;font-weight:600;color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.homeFeaturedTeam--home{text-align:right;grid-column:1 / 2}
.homeFeaturedTeam--away{text-align:left;grid-column:3 / 4}
.homeFeaturedTeams em{font-style:normal;font-size:11px;font-weight:800;color:var(--text-muted);text-align:center;grid-column:2 / 3;display:grid;place-items:center;height:100%}

.homeAnalysisList{display:grid;gap:6px;margin-top:0px;margin-bottom:0px;padding:0;list-style:none;min-width:0}
.homeAnalysisRow{display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:center;padding:0px 10px;border-radius:9px;min-width:0;box-sizing:border-box;height:38px}
.homeAnalysisSportIcon{width:32px;height:32px;border-radius:9px;border:1px solid var(--border-soft);background:var(--surface-soft);display:grid;place-items:center;font-size:15px;color:var(--text-secondary);flex:0 0 32px}
.homeAnalysisMatchup{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:4px 6px;align-items:center;min-width:0}
.homeAnalysisTeamName{font-size:12px;font-weight:600;line-height:1.3;color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.homeAnalysisTeamName--away{text-align:right}
.homeAnalysisVs{font-style:normal;font-size:10px;font-weight:800;color:var(--text-muted);text-align:center;grid-column:2 / 3;flex:0 0 auto}

.homeFulfillmentStats{margin:0 0 8px;font-size:11px;font-weight:700;color:var(--text-secondary);padding:0 4px;display:flex;justify-content:flex-end;align-items:center;gap:5px;min-width:0;text-align:right;white-space:nowrap}
.homeFulfillmentStats b{display:inline;font-size:11px;font-weight:700;color:var(--text-secondary);white-space:nowrap}
.homeFulfillmentStats span{display:inline;flex:0 0 auto;color:var(--text-secondary);line-height:1}
.homeFulfillmentStats em{font-style:normal;font-size:11px;font-weight:800;color:var(--text-primary);white-space:nowrap;margin-left:0}
.homeFulfillmentBody{margin-top:auto !important;display:flex !important;flex-direction:column !important;align-items:stretch;justify-content:flex-end;min-width:0}
.homeFulfillmentList{display:grid;gap:6px;margin:0;padding:0;list-style:none;min-width:0}
.homeBoardUtils .nntvCard.pointShop .homeGiftGrid{margin-top:auto !important}
.homeFulfillmentRow{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;border:1px solid var(--border-soft);background:var(--surface-soft);min-width:0;box-sizing:border-box;height:44px}
:scope[data-theme="dark"] .homeFulfillmentRow{background:var(--surface-card)}
.homeFulfillmentRow .tierIcon{min-width:0;max-width:32px;display:grid;place-items:center}
.homeFulfillmentRow .tierIconCopy{display:none !important}
.homeFulfillmentRow .tierIcon .srOnly{display:none !important}
.homeFulfillmentCopy{display:grid;gap:2px;min-width:0;word-break:keep-all;overflow-wrap:normal}
.homeFulfillmentCopy b{font-size:11px;font-weight:700;color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;display:block}
.homeFulfillmentCopy span{font-size:10px;color:var(--text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;display:block}
.homeFulfillmentStatus{font-size:10px;font-weight:800;color:var(--text-primary);flex:0 0 auto;padding:3px 7px;border-radius:6px;border:1px solid color-mix(in srgb,var(--cta-success-bg) 28%,transparent);background:color-mix(in srgb,var(--cta-success-bg) 8%,var(--surface));white-space:nowrap;word-break:keep-all;justify-self:end;align-self:center}

.ranking .rankRow{grid-template-columns:24px minmax(0,1fr) 72px 72px;padding:0px 4px;height:38px;box-sizing:border-box;border-radius:8px;border-top-color:transparent;align-items:center;gap:7px;display:grid}
.ranking{display:flex;flex-direction:column;gap:6px}
.rankTierLabel{font-size:10px;font-weight:800;color:var(--text-secondary);padding:4px 6px;border:1px solid var(--border-soft);border-radius:6px;background:var(--surface-soft);text-align:center;justify-self:center;align-self:center;white-space:nowrap}
.rankRating{font-size:11px;font-weight:800;color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums;padding-right:4px;justify-self:end;align-self:center;white-space:nowrap}

.heroRankLeader{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;min-width:0;max-width:100%;box-sizing:border-box}
.heroRankLeader span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}

@media(min-width:1900px){
  .oddsMarketRow{grid-template-columns:76px minmax(0,1fr) 120px minmax(0,1fr)}
}
@media(max-width:1200px){
  .homeBoardPrimary,.homeBoardUtils{grid-template-columns:1fr}
  .homeBoardPrimary>.homeFeaturedCard,.homeBoardPrimary>.homeAnalysisCard,.homeBoardPrimary>.ranking{grid-column:1}
  .oddsMarketRow{grid-template-columns:64px minmax(0,1fr) 104px minmax(0,1fr)}
  .ranking .rankRow{grid-template-columns:24px minmax(0,1fr) 68px 68px}
}
@media(max-width:760px){
  .homeFeaturedRow{position:relative;display:grid;grid-template-columns:var(--home-live-row-cols);grid-template-rows:auto;column-gap:4px;row-gap:0px;padding:8px 10px;height:auto;min-height:60px;align-items:center;box-sizing:border-box}
  .homeFeaturedRow .homeFeaturedMeta{display:contents}
  .homeFeaturedRow .homeFeaturedSportIcon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--border-soft);font-size:14px;line-height:1;grid-column:1 / 2;grid-row:1 / 2;justify-self:start;align-self:center}
  .homeFeaturedRow .homeFeaturedSportIcon svg{width:16px;height:16px}
  .homeFeaturedRow .homeFeaturedDot{display:none !important}
  .homeFeaturedRow .homeFeaturedDate{display:none !important}
  .homeFeaturedRow .homeFeaturedTime{display:inline-flex;align-items:center;font-size:11px;font-weight:800;color:var(--text-primary);white-space:nowrap;grid-column:2 / 3;grid-row:1 / 2;justify-self:start;align-self:center;font-variant-numeric:tabular-nums;min-width:0}
  .homeFeaturedRow .homeFeaturedLeague{font-size:11px;font-weight:700;color:var(--text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;grid-column:3 / 4;grid-row:1 / 2;justify-self:start;align-self:center}
  .homeFeaturedRow .homeFeaturedTeams{display:grid;grid-column:4 / 5;grid-row:1 / 2;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);column-gap:4px;align-items:center;min-width:0;width:100%}
  .homeFeaturedRow .homeFeaturedTeams em{display:grid;place-items:center;font-size:10px;font-weight:400;color:var(--text-muted);grid-column:2 / 3;grid-row:1 / 2;min-width:28px;width:28px;justify-self:center;align-self:center}
  .homeFeaturedRow .homeFeaturedTeam{font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;min-width:0;line-height:1.3;grid-row:1 / 2}
  .homeFeaturedRow .homeFeaturedTeam--home{text-align:right;grid-column:1 / 2;justify-self:stretch;width:100%;display:block}
  .homeFeaturedRow .homeFeaturedTeam--away{text-align:left;grid-column:3 / 4;justify-self:stretch;width:100%;display:block}
  .homeAnalysisRow{position:relative;display:grid;grid-template-columns:var(--home-analysis-row-cols);grid-template-rows:auto;column-gap:4px;row-gap:0px;padding:8px 10px;height:auto;min-height:60px;align-items:center;box-sizing:border-box}
  .homeAnalysisRow .homeAnalysisSportIcon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--border-soft);font-size:14px;line-height:1;grid-column:1 / 2;grid-row:1 / 2;justify-self:start;align-self:center}
  .homeAnalysisRow .homeAnalysisMeta{display:contents}
  .homeAnalysisRow .homeAnalysisTime--desktop{display:inline-flex !important;align-items:center;font-size:11px;font-weight:800;color:var(--text-primary);white-space:nowrap;grid-column:2 / 3;grid-row:1 / 2;justify-self:start;align-self:center;font-variant-numeric:tabular-nums;min-width:0}
  .homeAnalysisRow .homeAnalysisTime{display:none !important}
  .homeAnalysisRow .homeAnalysisDate{display:none !important}
  .homeAnalysisRow .homeAnalysisLeague{display:none !important}
  .homeAnalysisRow .homeAnalysisMatchup{display:grid;grid-column:3 / 4;grid-row:1 / 2;grid-template-columns:minmax(0,calc(50% + 6px)) 28px minmax(0,1fr);column-gap:4px;align-items:center;min-width:0;width:100%}
  .homeAnalysisRow .homeAnalysisTeamName{font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;min-width:0;line-height:1.3;grid-row:1 / 2}
  .homeAnalysisRow .homeAnalysisTeamName:first-of-type{text-align:right;grid-column:1 / 2;justify-self:stretch;width:100%;display:block}
  .homeAnalysisRow .homeAnalysisVs{display:grid;place-items:center;font-size:10px;font-weight:400;color:var(--text-muted);grid-column:2 / 3;grid-row:1 / 2;min-width:28px;width:28px;justify-self:center;align-self:center;font-style:normal}
  .homeAnalysisRow .homeAnalysisTeamName--away{text-align:left !important;grid-column:3 / 4;justify-self:stretch;width:100%;display:block}
  .homeFulfillmentRow{grid-template-columns:36px minmax(0,1fr) auto;align-items:center}
  .homeFulfillmentStatus{grid-column:auto;justify-self:end;align-self:center;margin-top:0}
  .homeBoardPrimary>.homeFeaturedCard,.homeBoardPrimary>.homeAnalysisCard,.homeBoardPrimary>.ranking{height:auto !important;min-height:0 !important;padding-bottom:14px !important}
  .homeBoardPrimary>.homeFeaturedCard .homeFeaturedRow:last-child,.homeBoardPrimary>.homeAnalysisCard .homeAnalysisItem:last-child{margin-bottom:0 !important}
}

.homeHlStrip{min-width:0;padding:16px 18px 18px;border:1px solid var(--border-soft);border-radius:16px;background:var(--surface-card);box-shadow:none}
.nntvCard.homeHlStrip{border-radius:16px}
.homeHlStrip .sectionHead{margin-bottom:8px}
.homeHlRow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;min-width:0}
.homeHlCard{display:block;min-width:0;color:var(--text-primary)}
.homeHlThumb{position:relative;display:block;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:var(--surface-soft);border:1px solid var(--border-soft)}
.homeHlThumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.homeHlCard:hover .homeHlThumb img{transform:scale(1.03)}
.homeHlPlay{position:absolute;left:50%;top:50%;z-index:1;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;display:grid;place-items:center;background:rgba(15,28,46,.46);color:#fff;line-height:0;pointer-events:none}
.homeHlPlay svg{display:block}
.homeHlMeta{display:block;margin-top:6px;font-size:11.5px;font-weight:600;line-height:1.3;letter-spacing:-.2px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.homeHlCard b{display:block;margin-top:2px;font-size:11px;font-weight:600;line-height:1.3;letter-spacing:-.1px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.homeHlRow::-webkit-scrollbar{height:4px}
.homeHlRow::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}
.homeHlRow::-webkit-scrollbar-track{background:transparent}
@media(max-width:1200px){
  .homeHlRow{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .homeHlRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}
}
.fieldWithAction{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.slipFlag{width:112px;height:47px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;font-size:12px;color:var(--muted);font-weight:800;background:var(--soft)}
.predictDesk{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px;align-items:start}
.predictionSlip{min-width:0}
.predictionSlip .sectionHead{align-items:center;gap:10px}
.slipHeading{display:flex;align-items:center;gap:9px;min-width:0}
.slipHeadingIcon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid var(--border-soft);border-radius:9px;background:var(--accent-primary-soft);color:var(--accent-primary)}
.slipHeading>div{min-width:0}
.predictionSlip .sectionHead h2{margin:0;color:var(--text-primary);font-size:17px;font-weight:700}
.slipHeading p{margin:3px 0 0;color:var(--text-muted);font-size:11px;line-height:1.35}
.slipList{display:grid;gap:8px;min-width:0;max-height:280px;overflow-y:auto;margin:12px 0}
.predictionSlip .datePill.slipCount{
  flex:0 0 auto;
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  min-width:52px;
  height:28px;
  padding:0 10px;
  border-color:var(--border-soft);
  border-radius:8px;
  background:var(--accent-primary-soft);
  color:var(--accent-primary);
  font-size:11px;
  font-weight:700;
  line-height:1;
}
.predictionSlip.compact{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.predictionSlip.compact .slipList{max-height:150px}
.slipItem{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) 26px;align-items:start;gap:8px;min-width:0;padding:11px;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface-soft)}
.slipItemContent,.slipItemMeta{min-width:0;overflow-wrap:anywhere}
.slipItemMeta{display:block;color:var(--text-muted);font-size:10px;line-height:1.45}
.predictionSlip .slipTeams{display:block;min-width:0;margin:6px 0 8px}
.predictionSlip .slipTeams b{display:block;color:var(--text-primary);font-size:12px;font-weight:700;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.slipPickRow{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}
.slipPickLabel{min-width:0;padding:4px 7px;border-radius:6px;background:var(--accent-primary-soft);color:var(--accent-primary);font-size:10px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.slipPickOdds{flex:0 0 auto;color:var(--text-primary);font-size:13px;font-variant-numeric:tabular-nums}
.slipRemove{display:grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text-muted);cursor:pointer}
.slipRemove:hover{border-color:var(--border-soft);background:var(--surface-card);color:var(--text-primary)}
.slipRemove:focus-visible{outline:2px solid var(--ctrl-focus);outline-offset:2px}
.slipTotalPreview{min-width:0;border:1px solid color-mix(in srgb,var(--accent-primary) 28%,var(--border-soft));border-radius:10px;background:var(--surface-card);font-variant-numeric:tabular-nums}
.slipTotalRow{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:12px;color:var(--text-secondary);background:color-mix(in srgb,var(--accent-primary) 8%,var(--surface-soft));border-radius:9px 9px 0 0;font-size:11px;font-weight:600;white-space:nowrap}
.slipTotalRow strong{flex:0 0 auto;color:var(--accent-primary);font-size:26px;font-weight:750;letter-spacing:-.6px;line-height:1.1}
.slipNpPreview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 0;border-top:1px solid color-mix(in srgb,var(--accent-primary) 18%,var(--border-soft));font-variant-numeric:tabular-nums}
.slipNpResult{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0;padding:0 11px;white-space:nowrap}
.slipNpResult+ .slipNpResult{border-left:1px solid var(--border-soft)}
.slipNpResult>span{color:var(--text-secondary);font-size:10px;font-weight:500}
.slipNpResult strong{font-size:17px;font-weight:700;letter-spacing:-.3px;line-height:1.2}
.slipNpResult small{font-size:10px;font-weight:500;letter-spacing:0}
.slipNpResultWin strong{color:color-mix(in srgb,var(--accent-green) 80%,var(--text-primary))}
.slipNpResultLoss strong{color:color-mix(in srgb,var(--action-red-bg) 75%,var(--text-primary))}
:scope[data-theme=dark] .slipTotalRow{background:color-mix(in srgb,var(--accent-primary) 12%,var(--surface-soft))}
:scope[data-theme=dark] .slipTotalRow strong{color:color-mix(in srgb,var(--accent-primary) 65%,var(--text-primary))}
:scope[data-theme=dark] .slipNpResultLoss strong{color:color-mix(in srgb,var(--action-red-bg) 55%,var(--text-primary))}
.predictionCard .teamCrestImg,.predictionCard .teamCrest{width:28px;height:28px}
.predictionCard .teamCrest{font-size:9px}
.betHistList{display:grid;gap:12px;min-width:0}
.betHistCard{box-sizing:border-box;width:100%;min-width:0;padding:var(--panel-pad);border:1px solid var(--panel-border);border-radius:var(--panel-radius);background:var(--panel-bg);box-shadow:var(--panel-shadow)}
.betHistHead{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin-bottom:10px}
.betHistHeadLeft{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap;font-size:13px}
.betHistHeadLeft>strong{color:var(--text);white-space:nowrap}
.betHistHeadSport,.betHistHeadMeta{color:var(--muted);font-size:12px}
.betHistHeadMeta{white-space:nowrap}
.betHistHeadToggle,.betHistFootToggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;border:1px solid var(--ctrl-border);background:var(--surface);color:var(--ctrl-fg);cursor:pointer}
.betHistHeadToggle{width:32px;height:32px;border-radius:var(--ctrl-radius)}
.betHistHeadToggle svg{transform:rotate(180deg)}
.betHistHeadToggle[aria-expanded=false] svg{transform:none}
.betHistHeadToggle:hover,.betHistFootToggle:hover{background:var(--ctrl-bg-hover);border-color:var(--ctrl-border-hover);color:var(--ctrl-fg-hover)}
.betHistNp{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-primary)}
.betHistNp--plus,.betHistNp--minus{color:var(--text-primary)}
.betHistNp--wait,.betHistNp--zero{color:var(--muted)}
.betHistSlipSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;min-width:0;border:1px solid var(--panel-border);border-radius:var(--rect-radius);background:var(--surface-soft)}
.betHistSummaryStat{display:grid;gap:4px;min-width:0;padding:11px 14px;border-right:1px solid var(--line)}
.betHistSummaryStat>span{font-size:11px;font-weight:500;color:var(--muted)}
.betHistSummaryStat>b{font-size:16px;line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-primary)}
.betHistSummaryResult{display:grid;gap:4px;min-width:0;padding:11px 14px;font-size:11px}
.betHistSummaryResult strong{color:var(--text-primary);font-size:13px;font-weight:700}
.betHistSummaryResult span{color:var(--muted)}
.betHistPicks{display:grid;min-width:0;margin-top:4px}
.betHistPick{display:grid;grid-template-columns:20px minmax(110px,145px) minmax(0,1fr) minmax(140px,200px) minmax(64px,auto);align-items:center;gap:10px;min-width:0;padding:10px 2px;border-bottom:1px solid var(--line)}
.betHistPickNo{color:var(--muted);font-size:11px;font-weight:600;text-align:center}
.betHistMatchMeta{display:grid;gap:2px;min-width:0;font-size:11px;color:var(--muted)}
.betHistMatchMeta b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:12px;font-weight:600}
.betHistTeams{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:8px;min-width:0}
.betHistSide{display:flex;align-items:center;gap:6px;min-width:0}
.betHistSide--away{justify-content:flex-end}
.betHistSide .betHistLogo{flex:none;width:24px;height:24px;object-fit:contain}
.betHistTeam{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-size:13px;font-weight:600}
.betHistSide--away .betHistTeam{text-align:right}
.betHistVs{text-align:center;color:var(--muted);font-size:11px;font-weight:700}
.betHistChoice{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;color:var(--muted);font-size:11px}
.betHistChoice span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.betHistChoice b{color:var(--text-primary);font-weight:600}
.betHistChoice strong{flex:none;color:var(--text-primary);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.betHistLegResult{display:grid;justify-items:end;gap:2px;min-width:0;font-size:11px}
.betHistLegStatus{white-space:nowrap;color:var(--muted)}
.betHistFoot{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin-top:10px;padding-top:10px}
.betHistFootText{display:grid;gap:3px;min-width:0;color:var(--muted);font-size:12px;line-height:1.4}
.betHistFootText strong{color:var(--text-primary);font-size:12px;font-weight:600}
.betHistFootToggle{min-height:32px;padding:0 10px;border-radius:var(--ctrl-radius);white-space:nowrap;font-size:12px;font-weight:600}
.betHistFootToggle[aria-expanded=true] svg{transform:rotate(180deg)}
@media(max-width:1000px){
  .betHistPick{grid-template-columns:20px minmax(100px,135px) minmax(0,1fr) minmax(120px,170px);gap:8px}
  .betHistLegResult{grid-column:4;grid-row:2;display:flex;justify-content:flex-end}
}
@media(max-width:760px){
  .betHistHead{align-items:flex-start}
  .betHistHeadLeft{gap:5px 9px}
  .betHistHeadMeta{width:100%}
  .betHistSlipSummary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .betHistSummaryStat{padding:10px 12px}
  .betHistSummaryStat:nth-child(2n){border-right:0}
  .betHistSummaryStat>b{font-size:15px}
  .betHistSummaryResult{align-self:stretch;padding:10px 12px}
  .betHistPick{grid-template-columns:20px minmax(0,1fr) auto;grid-template-areas:"number meta state" ". teams teams" ". choice choice";gap:8px 10px}
  .betHistPickNo{grid-area:number}
  .betHistMatchMeta{grid-area:meta;display:flex;align-items:center;flex-wrap:wrap;gap:3px 8px}
  .betHistMatchMeta b{max-width:100%}
  .betHistTeams{grid-area:teams}
  .betHistChoice{grid-area:choice}
  .betHistLegResult{grid-area:state;display:grid;justify-items:end}
  .betHistTeam{font-size:12px}
}
@media(max-width:380px){
  .betHistSummaryStat>span,.betHistSummaryResult{font-size:11px}
  .betHistSide .betHistLogo{width:20px;height:20px}
  .betHistTeams{gap:4px;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}
}
.predictionCard .matchRow{
  grid-template-columns:132px minmax(0,1fr);
  gap:12px;
  min-height:64px;
  padding:10px 4px;
  border-top:0;
  border-bottom:1px solid var(--line);
}
.predictionCard .matchRow:hover{background:color-mix(in srgb,var(--accent) 4%,transparent)}
.predictionCard .matchKick{display:flex;align-items:center;gap:6px;min-width:0}
.predictionCard .matchSportIcon{width:18px;height:18px;flex:0 0 18px;display:grid;place-items:center;font-size:14px;line-height:1;color:var(--text)}
.predictionCard .matchKick strong{font-size:11px;font-weight:500;letter-spacing:-.1px;white-space:nowrap}
.predictionCard .matchMeta small{margin-left:24px;font-size:11px;font-weight:400;color:var(--muted)}
.predictionCard .oddsBoard{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(58px,.42fr) minmax(0,1fr);
  gap:8px;
  align-items:stretch;
  min-width:0;
}
.predictionCard .oddsBoard--2{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr)}
.predictionCard .matchVs{display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.4px}
.predictionCard .odd{
  position:relative;
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid var(--line);
  background:var(--surface);
  border-radius:8px;
  min-height:44px;
  height:44px;
  padding:0 10px;
  box-shadow:0 1px 2px rgba(18,42,68,.04);
}
.predictionCard .odd--home,.predictionCard .odd--away{justify-content:space-between}
.predictionCard .odd--draw{
  flex-direction:row;
  justify-content:center;
  gap:0;
  text-align:center;
  padding:0 6px;
}
.predictionCard .odd b{min-width:0;font-size:11.5px;font-weight:500;letter-spacing:-.1px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.predictionCard .odd em{flex:0 0 auto;font-style:normal;font-size:11.5px;font-weight:500;letter-spacing:-.1px;line-height:1;font-variant-numeric:tabular-nums;color:var(--text-primary)}
.predictionCard .odd--draw em{font-size:11.5px}
.predictionCard .odd:not(:disabled):hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--surface));transform:translateY(-1px)}
.predictionCard .odd.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface));outline:none;box-shadow:none}
.predictionCard .odd.selected:after{content:none}
.predictionCard .odd:disabled{opacity:.72;background:var(--soft);transform:none}
@media(min-width:1201px){
  .predictDesk>.predictionSlip{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow-y:auto;overscroll-behavior:contain}
  .predictDesk>.predictionSlip .slipList{max-height:none}
}
@media(max-width:1200px){
  .predictionCard .matchRow{grid-template-columns:112px minmax(0,1fr);gap:10px}
}
@media(max-width:760px){
  .predictionCard .matchRow{grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 0}
  .predictionCard .matchMarketMobileLabel{display:inline-flex;flex:0 0 auto;font-size:10px;font-weight:700;color:var(--text-muted);white-space:nowrap}
  .predictionCard .matchMeta small{margin-left:auto;flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
  .predictionCard .oddsMarketRow{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);gap:6px}
  .predictionCard .oddsMarketLabel{display:none}
  .predictionCard .oddsMarketRow .odd--side{min-width:0}
  .predictionCard .oddsBoard,.predictionCard .oddsBoard--2,.predictionCard .oddsBoard--3{grid-template-columns:minmax(0,1fr)}
  .predictionCard .odd--home,.predictionCard .odd--away{justify-content:space-between}
  .predictionCard .odd--draw{flex-direction:row;justify-content:center;gap:8px}
  .predictionCard .matchVs{min-height:28px}
}
.chatPanel{display:grid;gap:12px}
.chatPanelHead{display:flex;align-items:center;justify-content:space-between;gap:10px}
.chatPanelHead h2{margin:0;font-size:var(--fs-lg)}
.chatPanelHead p{margin:4px 0 0;font-size:11px;color:var(--muted)}
.chatLive{background:#e83950;color:#fff;font-size:10px;font-weight:900;padding:5px 8px;border-radius:6px}
.chatRoomBar{display:flex;align-items:center;gap:8px;min-height:28px;padding:0 2px}
.chatRoomState{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:900;letter-spacing:.08em;border-radius:999px;padding:4px 8px}
.chatRoomState:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.chatRoomState.is-live{background:color-mix(in srgb,#e83950 12%,var(--surface));color:#e83950;border:1px solid color-mix(in srgb,#e83950 28%,var(--line))}
.chatRoomState.is-paused{background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line))}
.chatLog{height:480px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--soft)}
.chatEmpty,.chatLoginNote{margin:48px 12px;text-align:center;color:var(--muted);font-size:13px}
.chatMsg{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:8px 8px;border:0;border-radius:10px}
.chatMsg+.chatMsg{margin-top:2px}
.chatMsg:hover,.chatMsg:focus-within{background:color-mix(in srgb,var(--accent) 6%,transparent)}
.chatBody{min-width:0}
.chatText,.chatBody p{margin:5px 0 0;font-size:14px;line-height:1.55;color:var(--text);overflow-wrap:anywhere}
.chatMeta{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:nowrap}
.chatMeta .tierIcon{flex:0 0 auto}
.chatMsg .tierIcon-board{--tier-h:22px;gap:0}
.chatDiv{flex:0 0 auto;font-size:10px;font-weight:800;color:var(--muted);letter-spacing:.02em}
.chatNick{flex:0 1 auto;min-width:0;max-width:min(240px,calc(100% - 148px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:13px;font-weight:600}
.chatTime,.chatMeta small{flex:0 0 auto;color:var(--muted);font-size:12px;white-space:nowrap}
.chatActionWrap{flex:0 0 auto;margin-left:auto;position:relative}
.chatNotice{border:1px solid #f0d7a8;background:#fff8ea;border-radius:12px;padding:12px 14px}
.chatNotice b{display:block;margin-bottom:4px;font-size:13px;font-weight:800}
.chatNotice p{margin:0;font-size:12px;color:var(--muted);line-height:1.5}
.chatComposer{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:8px;align-items:center}
.chatComposer .field{border-radius:12px;padding:11px 14px}
.chatComposer .field:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}
.chatSendBtn{height:var(--ctrl-h-lg);padding:0 12px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}
.shopCatalog{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.shopProduct{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;min-height:88px}
.shopThumb{width:88px;height:64px;border-radius:10px;display:grid;place-items:center;font-size:22px;font-weight:800;color:#fff;overflow:hidden}
.shopThumb img{width:100%;height:100%;object-fit:cover}
.shopThumb.shopThumb--theme img{object-fit:contain;padding:8px;background:transparent}
.shopThumb.shopThumb--none{
  background:transparent;
  background-image:none;
  color:var(--text-primary);
}
.shopThumb.shopThumb--theme span:not(.giftCatIcon){font-size:18px;font-weight:800;line-height:1;letter-spacing:-.4px;color:inherit}
.shopThumb.c0{background:linear-gradient(145deg,var(--accent-primary),#4f8de0)}
.shopThumb.c1{background:linear-gradient(145deg,#0f766e,#2dd4bf)}
.shopThumb.c2{background:linear-gradient(145deg,#1e3a5f,#64748b)}
.shopThumb.c3{background:linear-gradient(145deg,#1e3a5f,#64748b)}
.shopThumb.c4{background:linear-gradient(145deg,#6d28d9,#c084fc)}
.shopProductMain{display:contents}
.shopProductBody{display:grid;gap:2px;min-width:0}
.shopProductBody small{color:var(--muted);font-size:11px;white-space:nowrap}
.shopProductBody b{font-size:var(--fs-md);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shopProductBody strong{color:var(--accent);font-size:16px;font-weight:850}
.shopProductBody em{font-size:11px;color:var(--muted);font-style:normal}
.shopBuy{margin:0}
.profileStats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}
.profileStats article{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px}
.profileStats small{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}
.profileStats b{font-size:14px}
@media(max-width:1200px){.predictDesk,.shopCatalog,.profileStats{grid-template-columns:1fr}}
@media(max-width:760px){.matchRow>.slipFlag,.chatComposer{grid-column:1/-1;width:100%}.shopProduct{grid-template-columns:72px minmax(0,1fr);align-items:start;width:100%}.shopThumb{width:72px;height:72px;flex:0 0 72px}.shopProductMain{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.shopProductBody{width:100%}.shopBuy{width:auto;margin:0}.profileStats{grid-template-columns:1fr 1fr}}
.tb{display:inline-flex;align-items:center;gap:4px;border-radius:999px;font-weight:800;letter-spacing:.2px;line-height:1;vertical-align:middle;border:1px solid color-mix(in srgb,var(--line) 80%,transparent)}
.tb i{font-style:normal;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}
.tb em{font-style:normal;font-weight:850}
.tb-sm{gap:3px;padding:2px 6px 2px 2px;font-size:8px}
.tb-sm i{width:14px;height:14px;font-size:8px}
.tb-md{gap:5px;padding:3px 8px 3px 3px;font-size:10px}
.tb-md i{width:18px;height:18px;font-size:10px}
.tb-lg{gap:6px;padding:5px 10px 5px 4px;font-size:11px}
.tb-lg i{width:22px;height:22px;font-size:11px}
.tb-bronze{background:#f6efe4;color:#8a5a28}.tb-bronze i{background:#c08a4e;color:#fff}
.tb-silver{background:#eef2f6;color:#5b6b7c}.tb-silver i{background:#8ea0b3;color:#fff}
.tb-gold{background:#f8efd6;color:#8a6a12}.tb-gold i{background:#d9b15b;color:#3a2a08}
.tb-platinum{background:#e7eef8;color:#3d5a86}.tb-platinum i{background:#7f9ec8;color:#fff}
.tb-diamond{background:#e8f3fb;color:#1a5278}.tb-diamond i{background:#1a52b5;color:#fff}
.tb-master{background:#f3e9fb;color:#6b3a8c}.tb-master i{background:#7b3fa8;color:#fff}
.tb-challenger{background:#0d1a2c;color:#ddb75f;border-color:#ddb75f55}.tb-challenger i{background:#ddb75f;color:#0d1a2c}
.rankRow .tb,.chatMeta .tb{flex-shrink:0}
:scope[data-theme=dark] .tb-bronze{background:#2a2118;color:#e2c39a}
:scope[data-theme=dark] .tb-silver{background:#1c2530;color:#c5d0dc}
:scope[data-theme=dark] .tb-gold{background:#2a2416;color:#e8d08a}
:scope[data-theme=dark] .tb-platinum{background:#182433;color:#b7c9e4}
:scope[data-theme=dark] .tb-diamond{background:#142436;color:#9ec0ef}
:scope[data-theme=dark] .tb-master{background:#24182e;color:#d4b3ea}
.partnerHero{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px}
.partnerGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.partnerCard{display:block;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);color:var(--text);transition:transform .16s ease,box-shadow .16s ease}
.partnerCard:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(13,26,44,.12)}
.partnerCard .partnerBanner{min-height:120px;background:linear-gradient(135deg,var(--surface-elevated),var(--accent-primary));overflow:hidden;display:flex;align-items:center;justify-content:center}
.partnerCard .partnerBanner img{width:100%;height:auto;max-height:180px;object-fit:contain;display:block}
.partnerCardBody{display:grid;gap:8px;padding:14px}
.partnerCardBody h3{margin:0;font-size:var(--fs-md);font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}
.partnerCardTitle{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--accent) 8%,var(--soft));border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line))}
.partnerCardCat{font-size:11px;font-weight:700;color:var(--muted)}
.partnerCardBadges{display:flex;flex-wrap:wrap;gap:6px}
.partnerCardBody .partnerShort{margin:0;font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}
.partnerDeposit{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#f8efd6;color:#8a6a12;font-size:11px;font-weight:800;white-space:nowrap}
.partnerChip{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);font-size:10px;font-weight:800}
.partnerChip.muted{background:var(--soft);color:var(--muted)}
.partnerMeta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}
.partnerBack{margin:0 0 10px}
.partnerBack a{color:var(--muted);font-size:13px}
.partnerDetail .tabs{width:100%;margin:0 0 16px}
.partnerDetail .partnerIntro{width:100%;box-sizing:border-box}
.partnerDetail{width:100%;max-width:1360px;margin:0 auto}
.partnerDetailHero{
  --partner-info-height:144px;
  --partner-info-pad-x:16px;
  --partner-info-pad-y:15px;
  --partner-info-icon:20px;
  --partner-info-label:11px;
  --partner-info-value:20px;
  --partner-info-description:11px;
  --partner-action-height:48px;
  --partner-info-radius:12px;
  --partner-info-gap:12px;
  display:grid;grid-template-columns:minmax(0,36%) minmax(0,1fr);
  align-items:stretch;gap:18px;padding:16px;
  border:1px solid var(--border-soft);border-radius:16px;
  background:var(--surface-card)
}
.partnerDetailBanner{
  display:grid;grid-template-rows:minmax(0,1fr);place-items:center;
  width:100%;min-width:0;min-height:0;height:100%;aspect-ratio:4/3;
  overflow:hidden;border:1px solid var(--border-soft);
  border-radius:12px;background:var(--surface-soft)
}
.partnerDetailBanner img{
  display:block;width:100%;height:100%;max-height:100%;min-height:0;
  padding:20px;object-fit:contain
}
.partnerDetailCopy{
  display:flex;flex-direction:column;gap:16px;min-width:0;
  padding:4px 0 0;color:var(--text-primary);background:transparent
}
.partnerDetailHeading{display:grid;gap:8px;min-width:0}
.partnerDetailEyebrow{
  color:var(--accent-primary);font-size:11px;font-weight:700;
  letter-spacing:.14em;line-height:1.2
}
.partnerDetailCopy h1{margin:0;font-size:30px;line-height:1.15;color:var(--text-primary)}
.partnerDetailHeading .partnerShort{margin:0;max-width:52ch;font-size:14px;line-height:1.5}
.partnerDetailCopy .partnerCardBadges{margin:2px 0 0}
.partnerDetail .partnerCardBadges .statusBadge{
  display:inline-flex;align-items:center;min-height:24px;
  padding:0 9px;border-radius:6px;font-size:11px
}
.partnerOfficial{display:inline-flex;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent2);font-size:12px;font-weight:800}
.partnerDetailRow{
  display:grid;grid-template-columns:minmax(0,2.05fr) minmax(0,1.15fr);
  align-items:stretch;gap:var(--partner-info-gap);min-width:0
}
.partnerDetailRow:not(:has(.partnerDetailFacts)){grid-template-columns:minmax(0,1fr)}
.partnerDetailFacts{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--partner-info-gap);min-width:0
}
.partnerDetailFacts:has(> :only-child){grid-template-columns:minmax(0,1fr)}
.partnerDepositBlock,.partnerJoin{
  display:grid;grid-template-rows:24px 36px 1fr;align-content:start;
  min-width:0;min-height:var(--partner-info-height);margin:0;
  padding:var(--partner-info-pad-y) var(--partner-info-pad-x);
  background:var(--surface-soft);border:1px solid var(--border-soft);
  border-radius:var(--partner-info-radius)
}
.partnerDepositBlock small,.partnerJoin small{
  display:flex;align-items:center;gap:7px;color:var(--text-muted);
  font-size:var(--partner-info-label);font-weight:600;line-height:1.2
}
.partnerDepositBlock small svg,.partnerJoin small svg{
  flex:0 0 var(--partner-info-icon);color:var(--accent-primary)
}
.partnerDepositBlock b,.partnerJoinRow b{
  color:var(--text-primary);font-size:var(--partner-info-value);
  font-weight:700;line-height:1.2
}
.partnerDepositBlock b{display:flex;align-items:center;margin:0}
.partnerDetailActions{
  display:flex;flex-direction:column;align-items:stretch;
  gap:10px;min-width:0;min-height:var(--partner-info-height)
}
.partnerDetailActions .primaryBtn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  width:100%;min-width:0;height:var(--partner-action-height);
  min-height:var(--partner-action-height);padding:0 12px;
  background:var(--accent-primary);border-color:var(--accent-primary);
  color:#fff;font-size:14px;font-weight:700
}
.partnerDetailActions .primaryBtn:hover:not(:disabled){background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);color:#fff}
.partnerDetailActionsSecondary{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;gap:8px;width:100%
}
.partnerDetailActionsSecondary:has(> :only-child){grid-template-columns:minmax(0,1fr)}
.partnerDetailActionsSecondary:empty{display:none}
.partnerDetailActionsSecondary .copyCodeBtn,.partnerDetailActionsSecondary .ghostBtn{
  display:inline-flex;align-items:center;justify-content:center;gap:5px;
  width:100%;min-width:0;height:42px;padding:0 8px;
  border:1px solid var(--ctrl-border);border-radius:var(--ctrl-radius);
  background:var(--surface);color:var(--text-secondary);
  font-size:var(--ctrl-fs-md);font-weight:var(--ctrl-fw);white-space:nowrap
}
.partnerDetailActionsSecondary .copyCodeBtn:hover,.partnerDetailActionsSecondary .ghostBtn:hover{background:var(--ctrl-bg-hover);border-color:var(--ctrl-border-hover);color:var(--text-primary)}
.partnerJoinRow{
  display:flex;align-items:center;justify-content:space-between;
  gap:8px;margin:0;min-width:0
}
.partnerJoinRow b{min-width:0;letter-spacing:.2px;overflow-wrap:anywhere}
.partnerJoinRow .copyCodeBtn{flex:0 0 auto}
.partnerJoin .muted,.partnerJoin p{
  margin:4px 0 0;color:var(--text-muted);
  font-size:var(--partner-info-description);line-height:1.45
}
.partnerFeatureStrip{
  display:grid;grid-template-columns:repeat(var(--partner-feature-count),minmax(0,1fr));
  min-height:76px;margin-top:auto;border:1px solid var(--border-soft);
  border-radius:var(--partner-info-radius);background:var(--surface-soft)
}
.partnerFeature{
  display:flex;align-items:center;gap:9px;min-width:0;
  padding:12px;position:relative
}
.partnerFeature:not(:first-child):before{
  content:"";position:absolute;left:0;top:16px;bottom:16px;
  border-left:1px solid var(--border-soft)
}
.partnerFeatureIcon{
  display:grid;place-items:center;flex:0 0 28px;
  width:28px;height:28px;color:var(--accent-primary)
}
.partnerFeatureText{display:grid;gap:4px;min-width:0}
.partnerFeatureText b{
  color:var(--text-primary);font-size:12px;font-weight:700;
  line-height:1.2;white-space:nowrap
}
.partnerFeatureText small{
  color:var(--text-muted);font-size:10px;line-height:1.25;
  white-space:nowrap
}
.partnerShort{color:var(--text-secondary);line-height:1.55}
.partnerIntro{
  padding:24px 26px;margin-top:14px;min-height:0;
  background:var(--surface-card);border:1px solid var(--border-soft);
  border-radius:14px
}
.partnerIntro h2{
  display:flex;align-items:center;gap:10px;
  margin:0 0 12px;font-size:17px;color:var(--text-primary)
}
.partnerIntro h2 svg{flex:0 0 20px;color:var(--accent-primary)}
.partnerIntro p{
  margin:0;max-width:90ch;white-space:pre-wrap;
  font-size:13px;line-height:1.7;color:var(--text-secondary)
}
.copyCodeBtn{display:inline-flex;align-items:center;justify-content:center;height:var(--ctrl-h-md);min-height:var(--ctrl-h-md);padding:0 var(--ctrl-pad-md);border:1px solid var(--ctrl-border);background:var(--ctrl-bg);color:var(--ctrl-fg);border-radius:var(--ctrl-radius);font-size:var(--ctrl-fs);font-weight:var(--ctrl-fw);line-height:1;cursor:pointer}
.copyCodeBtn:hover{background:var(--ctrl-bg-hover);border-color:var(--ctrl-border-hover);color:var(--ctrl-fg-hover)}
.partnerPromo{display:grid;gap:16px;margin-top:18px;justify-items:stretch}
.partnerPromo img{width:100%;max-width:100%;height:auto;display:block;border-radius:12px;border:1px solid var(--line)}
.navItem.featured{color:var(--accent);font-weight:850}
:scope[data-theme=dark] .partnerDeposit{background:#2a2416;color:#e8d08a}
:scope[data-theme=dark] .partnerCard:hover{box-shadow:0 14px 28px rgba(0,0,0,.28)}
:scope[data-theme=dark] .partnerDetailCopy,:scope[data-theme=dark] .partnerDetailCopy h1,:scope[data-theme=dark] .partnerJoinRow b,:scope[data-theme=dark] .partnerDepositBlock b,:scope[data-theme=dark] .partnerIntro h2,:scope[data-theme=dark] .partnerIntro p{color:var(--text-primary)}
:scope[data-theme=dark] .partnerJoin{background:var(--surface-soft);border-color:var(--border-soft)}
:scope[data-theme=dark] .partnerIntro{background:var(--surface-card);border-color:var(--border-soft)}
:scope[data-theme=dark] .partnerJoin small,:scope[data-theme=dark] .partnerDepositBlock small,:scope[data-theme=dark] .partnerShort,:scope[data-theme=dark] .partnerJoin .muted,:scope[data-theme=dark] .partnerJoin p{color:var(--text-secondary)}
:scope[data-theme=dark] .partnerOfficial{background:var(--surface-elevated);color:#8bb4ff}
:scope[data-theme=dark] .copyCodeBtn{background:var(--ctrl-bg);border-color:var(--ctrl-border);color:var(--ctrl-fg)}
@media(max-width:1200px){.partnerHero{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){
  .partnerDetailHero{grid-template-columns:minmax(0,1fr)}
  .partnerDetailBanner{height:auto;aspect-ratio:16/9}
  .partnerDetailCopy{padding:0}
}
@media(max-width:760px){
  .partnerHero{grid-template-columns:1fr}
  .partnerDetailHero{gap:16px;padding:12px}
  .partnerDetailBanner{aspect-ratio:16/10}
  .partnerDetailBanner img{padding:18px}
  .partnerDetailCopy{gap:16px}
  .partnerDetailCopy h1{font-size:24px}
  .partnerDetailRow{grid-template-columns:minmax(0,1fr)}
  .partnerDetailActions{min-height:0}
  .partnerFeatureStrip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .partnerFeature:nth-child(3):before{display:none}
  .partnerFeature:nth-child(n+3){border-top:1px solid var(--border-soft)}
  .partnerIntro{padding:20px}
}
.tb{width:max-content;max-width:max-content;flex:0 0 auto}
.postRow span{display:flex !important;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;width:auto}
.navGroup{position:relative;display:flex;align-items:stretch;height:var(--header-h,66px)}
.navDrop{position:absolute;top:calc(100% - 2px);left:0;min-width:188px;padding:6px 0;margin-top:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 28px rgba(13,26,44,.10),0 2px 8px rgba(13,26,44,.04);z-index:30;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-6px) scale(.98);transform-origin:top left;transition:opacity 140ms ease-in,transform 140ms ease-in,visibility 140ms,border-color 180ms ease,box-shadow 180ms ease}
.navDrop:before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
.navGroup.is-open .navDrop,.navDrop.open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity 220ms ease-out,transform 220ms ease-out,visibility 220ms,border-color 220ms ease,box-shadow 220ms ease}
.navDrop a,.navDropItem{box-sizing:border-box;display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:var(--header-nav-fs);font-weight:500;letter-spacing:-.01em;line-height:1;color:color-mix(in srgb,var(--navy) 68%,var(--muted));text-decoration:none;transition:background .18s ease,color .18s ease}
.navDrop a:hover,.navDropItem:hover{background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--accent)}
.navDrop a.active,.navDropItem.active{background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);font-weight:500}
.communityBoard,.communityArticle{width:100%}
.boardHead{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:0}
.boardHead h2{margin:0;font-size:18px;font-weight:800;letter-spacing:-.3px;line-height:1.2}
.boardHead .sectionTitleIcon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:8px;background:var(--surface-soft);color:var(--accent-primary)}
:scope[data-theme=dark] .boardHead .sectionTitleIcon{color:var(--dark-accent-blue)}
.boardHead p{margin:6px 0 0;color:var(--muted);font-size:13px}
.boardToolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 14px;min-height:38px}
.boardToolbarLead{display:flex;align-items:center;gap:8px;min-width:0;flex:1}
.boardFilter{display:flex;align-items:center;min-width:0}
.boardFilter select{box-sizing:border-box;height:var(--ctrl-h-md);min-height:var(--ctrl-h-md);max-width:180px;padding:0 28px 0 12px;border:1px solid var(--ctrl-border);border-radius:var(--ctrl-radius);background:var(--ctrl-bg);color:var(--ctrl-fg);font-size:var(--ctrl-fs);font-weight:var(--ctrl-fw)}
.communityBoard--canonical .boardFilter select{background:var(--surface);border-color:var(--panel-border)}
.boardToolbarLead .canonicalBoardSearch{margin-left:auto}
.boardToolbar>.canonicalBoardSearch{margin-left:auto}
.canonicalBoardSearch{
  box-sizing:border-box;display:flex;align-items:center;flex:0 1 310px;min-width:200px;height:40px;
  gap:8px;padding:0 10px 0 13px;border:1px solid var(--ctrl-border);border-radius:10px;
  color:var(--text-muted);background:var(--surface)
}
.canonicalBoardSearch:focus-within{border-color:var(--accent-primary)}
.canonicalBoardSearch input[name="q"]{flex:1 1 auto;width:0;min-width:0;border:0;outline:0;background:transparent;color:var(--text-primary);font-size:12px}
.canonicalBoardSearch button{flex:0 0 auto;border:0;background:transparent;color:var(--accent-primary);font-size:12px;font-weight:650;white-space:nowrap;cursor:pointer}
.communityBoard--canonical .canonicalBoardSearch button{color:var(--ctrl-fg);font-weight:var(--ctrl-fw)}
.boardToolbar .primaryBtn{height:var(--ctrl-h-md);min-height:var(--ctrl-h-md);padding:0 var(--ctrl-pad-md);font-size:var(--ctrl-fs-md);font-weight:var(--ctrl-fw);box-shadow:none}
.boardTableWrap{overflow:hidden;margin-top:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 8px 22px rgba(13,26,44,.04)}
.communityBoard--canonical .boardTableWrap{border-color:var(--panel-border);border-radius:var(--panel-radius);background:var(--panel-bg);box-shadow:var(--panel-shadow)}
.boardTable{width:100%;border-collapse:collapse}
.boardTable th,.boardTable td{border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);padding:0 12px;text-align:left;vertical-align:middle;background:transparent}
.boardTable thead th{height:40px;background:color-mix(in srgb,var(--accent) 6%,var(--soft));color:var(--muted);font-size:11.5px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.boardTable tbody td{height:52px}
.boardTable tbody tr{background:var(--surface)}
.boardTable tbody tr:hover td{background:color-mix(in srgb,var(--accent) 6%,var(--surface))}
.communityBoard--canonical .boardTable tbody tr:hover td{background:var(--surface-soft)}
.communityBoard--canonical .noticeBoard .boardTable tbody tr.is-pinned td{background:var(--surface-soft)}
.boardTable tbody tr:last-child td{border-bottom:0}
.boardTable .colNo{width:72px;color:var(--muted);font-size:12px;text-align:center}
.boardTable .colAuthor{width:240px}
.boardTable .colDate,.boardTable .colNum{width:72px;color:var(--muted);font-size:12px;text-align:center;font-variant-numeric:tabular-nums}
.boardTitleLink{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap;min-width:0;max-width:100%}
.boardTitleText{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;line-height:1.3;color:var(--navy)}
.boardTitleLink b.boardTitleText{font-size:13.5px;font-weight:600;line-height:1.3;color:var(--navy)}
.commentCount{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;color:#7b8ca3;font-size:11px;font-weight:700;line-height:1}
.commentCount em{font-style:normal;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:inherit}
.commentCount svg{width:14px;height:14px;display:block;flex:0 0 14px}
.boardTitleLink:hover .commentCount,.boardMobileTitle:hover .commentCount{color:var(--accent)}
.boardBadge,.catLabel,.postBadge,.noticeCat{
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:4px;
  height:22px;min-height:22px;padding:0 7px;font-size:11px;font-weight:700;line-height:1;
  border-radius:7px;border:1px solid var(--line);background:color-mix(in srgb,var(--accent) 6%,var(--soft));
  color:#3d5270;white-space:nowrap;flex:0 0 auto;vertical-align:middle
}
.boardBadge svg{width:11px;height:11px;display:block;flex:0 0 11px}
.boardBadge--pin,.postBadge.notice{
  background:color-mix(in srgb,var(--accent) 10%,#fff);color:var(--accent2);border-color:color-mix(in srgb,var(--accent) 22%,var(--line))
}
.boardBadge--category,.catLabel{
  background:color-mix(in srgb,var(--accent) 5%,var(--soft));color:#5a6d86;border-color:var(--line)
}
.boardBadge--notice{
  background:color-mix(in srgb,var(--accent) 10%,#fff);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 24%,var(--line))
}
.boardBadge--maintenance,.noticeCat--점검{
  background:#fff6e8;color:#9a6414;border-color:#efd3a3
}
.boardBadge--event,.noticeCat--이벤트{
  background:color-mix(in srgb,var(--accent) 10%,#fff);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 24%,var(--line))
}
.boardBadge--alert,.noticeCat--필독{
  background:#fff1f1;color:#a33b44;border-color:#f0c9cd
}
.boardBadge--info,.noticeCat--안내{
  background:color-mix(in srgb,var(--accent) 8%,#fff);color:#2a4a78;border-color:color-mix(in srgb,var(--accent) 20%,var(--line))
}
:scope .boardBadge--guide,
:scope[data-theme=dark] .boardBadge.boardBadge--guide{
  background:#9a6414;
  border-color:#9a6414;
  color:#fff;
}
.boardBadge--hot,.postBadge.hot{
  background:color-mix(in srgb,var(--accent) 10%,#fff);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 22%,var(--line))
}
.boardBadge--new,.postBadge.new{
  background:#eef3fb;color:var(--accent2);border-color:color-mix(in srgb,var(--accent) 16%,var(--line))
}
.boardBadge--live{
  background:color-mix(in srgb,#10b981 12%,var(--surface));color:#047857;border-color:color-mix(in srgb,#10b981 28%,var(--line))
}
.boardBadge--active{
  background:color-mix(in srgb,#f97316 12%,var(--surface));color:#c2410c;border-color:color-mix(in srgb,#f97316 28%,var(--line))
}
.boardAuthor{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap;white-space:nowrap;min-width:0;line-height:1}
.boardAuthor .tierIcon,.boardAuthor .tierIconCopy,.boardAuthor .boardNick{align-items:center}
.boardEmpty{text-align:center;color:var(--muted);padding:40px 0}
.boardMobileList{display:none}
.communityBoard--canonical .noticeBoard .boardMobileRow.is-pinned{background:var(--surface-soft)}
.pager{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:18px 0 6px;align-items:center;max-width:100%}
.pager a,.pager span,.pager button{min-width:var(--ctrl-h-sm);height:var(--ctrl-h-sm);padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ctrl-radius);font-size:var(--ctrl-fs-md);font-weight:var(--ctrl-fw);line-height:1;border:1px solid var(--ctrl-border);background:var(--ctrl-bg);color:var(--ctrl-fg);box-sizing:border-box;text-align:center}
.pager a:hover,.pager button:hover{background:var(--ctrl-bg-hover);border-color:var(--ctrl-border-hover);color:var(--ctrl-fg-hover)}
.pager a.active,.pager a.active:hover,.pager button.active,.pager button.active:hover{background:var(--ctrl-bg-active);color:var(--ctrl-fg-active);border-color:var(--ctrl-border-active);font-weight:var(--ctrl-fw)}
:scope[data-theme="dark"] .pager :is(a,button).active{
  background:var(--dark-accent-blue);
  border-color:var(--dark-accent-blue);
  color:#fff;
}
.pager span{color:var(--muted)}
.pager button{cursor:pointer;font-family:inherit}
.breadcrumb{font-size:13px;color:var(--muted);margin:0 0 10px}
.articleTitle{margin:0 0 10px;font-size:var(--fs-xl);letter-spacing:-.6px}
.articleMeta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.articleBody{padding:22px 4px 28px;line-height:1.85;font-size:var(--fs-md);white-space:pre-wrap;min-height:120px}
.likeWrap{display:flex;justify-content:center;margin:8px 0 18px}
.likeBtn{border:1px solid var(--accent);background:#fff;color:var(--accent);border-radius:999px;padding:10px 22px;font-weight:800;cursor:pointer}
.articleActions{display:flex;justify-content:flex-end;gap:8px;align-items:center}
.cmtSection{margin-top:28px;border-top:1px solid var(--line);padding-top:18px}
.cmtSection h2{font-size:18px;margin:0 0 12px}
.cmtItem{padding:16px 0;border-bottom:1px solid var(--line)}
.cmtItem.reply{margin-left:28px;border-bottom:0;padding-bottom:0}
.cmtHead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:6px}
.cmtTools{display:flex;gap:10px;margin-top:8px}
.cmtComposer{margin-top:18px;display:grid;gap:10px}
.cmtComposerActions,.writeActions,.articleFooterNav{display:flex;justify-content:flex-end;gap:8px}
.writeGrid{display:grid;gap:10px;margin-top:14px;max-width:none}
.writeArea{min-height:280px}
.nenetvModal{position:fixed;inset:0;background:rgba(13,26,44,.45);display:flex;align-items:center;justify-content:center;z-index:80;padding:20px}
.nenetvModalCard{width:min(420px,100%);background:var(--surface);border-radius:16px;padding:22px;display:grid;gap:10px}
.attendLayout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}
.attendMain,.attendSide{display:flex;flex-direction:column;gap:16px}
.attendSide{position:sticky;top:88px}
.attendPage{width:100%;min-width:0;display:grid;gap:16px}
.attendPage>*{min-width:0}
.attendPage .attSummary{
  display:grid;grid-template-columns:repeat(3,minmax(0,0.78fr)) minmax(380px,1.66fr);gap:0;padding:0;overflow:hidden;
  border:1px solid var(--border-soft);border-radius:16px;background:var(--surface);box-shadow:0 8px 24px rgba(18,42,68,.04)
}
.attSummary article{
  box-sizing:border-box;min-height:102px;padding:18px 14px;border-right:1px solid color-mix(in srgb,var(--line) 82%,transparent);
  background:var(--surface);display:flex;align-items:center;gap:12px
}
.attSummary article:last-child{border-right:0}
.attSummaryStat{position:relative}
.attSummaryIcon{
  width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex:0 0 40px;
  background:color-mix(in srgb,var(--accent-primary) 10%,var(--surface-soft));
  border:1px solid color-mix(in srgb,var(--accent-primary) 18%,var(--border-soft));
  color:var(--accent-primary)
}
.attSummaryIcon svg{width:19px;height:19px;display:block}
.attSummaryCopy{display:grid;gap:6px;min-width:0}
.attSummary small{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--muted);line-height:1.1}
.attSummary b{font-size:22px;font-weight:700;letter-spacing:-.4px;color:var(--navy);line-height:1.1;overflow-wrap:anywhere}
.attContent{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr);grid-template-areas:"calendar ranking" "policy policy";gap:16px;align-items:stretch}
.attContent>.attStage{grid-area:calendar}
.attContent>.attRankBoard{grid-area:ranking}
.attContent>.attendPolicy{grid-area:policy}
.attendPolicy{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:16px;align-items:stretch}
.attendStats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.attendStats article{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 16px;box-shadow:var(--shadow);display:grid;gap:6px;min-height:118px;transition:transform .15s ease,box-shadow .15s ease}
.attendStats article:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.06)}
.attendStats small{display:block;color:var(--muted);font-size:11px;font-weight:700}
.attendStats b{font-size:28px;letter-spacing:-.6px;color:var(--navy);line-height:1.1}
.attendStats span{color:var(--muted);font-size:12px}
.attendStats article svg{color:var(--accent)}
.calGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.calHead{margin:10px 0 8px;text-align:center;font-size:11px;font-weight:800;color:var(--muted)}
.attCalCard .calDays,.attStage .calDays{grid-auto-rows:44px;align-items:stretch;justify-items:stretch}
.attCalCard .calendar-day-cell,.attStage .calendar-day-cell{box-sizing:border-box;width:100%;height:44px;min-height:44px;max-height:44px;min-width:0;margin:0;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid var(--line);border-radius:var(--rect-radius);background:var(--surface);color:var(--text);font-size:13px;line-height:1;font-weight:700}
.attCalCard .calendar-day-cell .calDayNum,.attStage .calendar-day-cell .calDayNum{position:relative;z-index:1;line-height:1;font-variant-numeric:tabular-nums;pointer-events:none}
.attCalCard .calendar-day-cell .calDayCheck,
.attStage .calendar-day-cell .calDayCheck{position:absolute;right:8px;bottom:8px;width:6px;height:6px;border-radius:50%;background:var(--accent-green);margin:0;font-size:0;pointer-events:none}
:scope[data-theme="dark"] .attCalCard .calendar-day-cell .calDayCheck,
:scope[data-theme="dark"] .attStage .calendar-day-cell .calDayCheck{background:#3FA06A}
.attCalCard .calendar-day-cell.done,.attStage .calendar-day-cell.done{background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent2);border-color:var(--rect-border-active)}
.attCalCard .calendar-day-cell.today,.attStage .calendar-day-cell.today{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--surface)}
.attCalCard .calendar-day-cell.today.done,.attStage .calendar-day-cell.today.done{background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent2);box-shadow:inset 0 0 0 1px var(--accent)}
.attCalCard .calendar-day-cell.future,.attStage .calendar-day-cell.future{color:var(--muted);background:var(--soft)}
.attCalCard .calendar-day-cell.missed,.attStage .calendar-day-cell.missed{color:var(--muted);background:var(--surface)}
.attCalCard .calendar-day-cell.muted,.attStage .calendar-day-cell.muted{color:var(--muted);background:transparent;border-color:transparent;opacity:.4}
.streakBonusRow{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font-size:13px}
.attendPodium{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:8px;align-items:end;margin-bottom:12px}
.podium{background:var(--soft);border-radius:12px;padding:12px;text-align:center}
.podium.gold{background:#f8efd6;min-height:120px}
.hlHero{display:grid;grid-template-columns:1.4fr .8fr;gap:14px}
.hlGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.hlCard{display:block;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);color:var(--text)}
.hlThumb{aspect-ratio:16/9;background:linear-gradient(135deg,var(--surface-elevated),var(--accent-primary));color:#fff;display:flex;align-items:flex-end;padding:0;font-size:12px;position:relative;overflow:hidden}
.hlThumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hlThumb span{position:relative;z-index:1;padding:10px;text-shadow:0 1px 2px rgba(0,0,0,.55)}
.hlCard b{display:block;padding:10px 12px 4px;font-size:14px}
.hlCard small{display:block;padding:0 12px 12px;color:var(--muted)}
.hlPlayer{width:100%;aspect-ratio:16/9;border:0;border-radius:16px;background:var(--surface-elevated)}
@media(max-width:1200px){
  .attendLayout,.hlHero{grid-template-columns:1fr}
  .hlGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .attendStats{grid-template-columns:1fr 1fr}
  .attendTop{grid-template-columns:1fr}
}
@media(max-width:760px){
  .boardTable--desktop{display:none}
  .boardMobileList{display:grid;gap:0}
  .boardMobileRow{display:grid;gap:8px;padding:14px 16px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);min-width:0}
  .boardMobileRow:last-child{border-bottom:0}
  .boardMobileTitle{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;min-width:0;color:inherit;text-decoration:none}
  .boardMobileTitle .boardTitleText{flex:1 1 auto;font-size:14px;font-weight:600;line-height:1.35;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .boardMobileMeta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
  .boardMobileStats{font-size:11.5px;font-weight:500;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
  .boardToolbar{flex-wrap:wrap}
  .boardToolbarLead{flex:1 1 100%;flex-wrap:wrap}
  .boardToolbarLead .canonicalBoardSearch,.boardToolbar>.canonicalBoardSearch{flex:1 1 100%;width:100%;min-width:0;margin-left:0}
  .boardToolbar .primaryBtn{flex:0 0 auto;width:auto}
  .hlGrid{grid-template-columns:1fr}
  .attendTop,.attendPolicy{grid-template-columns:1fr}
}
.noticeBoard .boardTitleLink b.boardTitleText,
.noticeBoard .boardMobileTitle .boardTitleText{font-weight:400}
.bcPage{display:grid;gap:10px;min-width:0}
.bcPage.pageWrap{margin-top:10px;margin-bottom:40px}
.bcPage>*{min-width:0}
.bcPlayer{width:100%;max-width:min(100%,calc((100dvh - 148px) * 16 / 9));aspect-ratio:16/9;max-height:calc(100dvh - 148px);height:auto;min-width:0;border-radius:12px;overflow:hidden;background:var(--surface-elevated);color:#E8EEF4;scroll-margin-top:88px;position:relative}
.bcPlayer--catalog{aspect-ratio:auto;max-width:100%;max-height:none;height:auto;overflow:hidden}
.bcFrame{width:100%;height:100%;border:0;display:block;background:#000}
.bcPlayer video.bcFrame{object-fit:contain}
.bcMulti{display:grid;gap:2px;padding:0}
.bcMulti[data-mode="1"]{grid-template-columns:1fr;grid-template-rows:1fr}
.bcMulti[data-mode="2"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr}
.bcMulti[data-mode="3"],.bcMulti[data-mode="4"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.bcMulti[data-mode="3"] .bcSlot[data-slot="1"]{grid-column:1/-1}
.bcSlot{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--surface-elevated)}
.bcSlot.is-active{box-shadow:inset 0 0 0 2px var(--accent)}
.bcSlotFill{position:relative;width:100%;height:100%;min-width:0;min-height:0}
.bcSlotFill>.bcFrame,.bcSlotFill>video.bcFrame,.bcSlotFill>.bcVideoShell{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.bcSlotFill>.notice,.bcVideoShell>.notice{position:absolute;z-index:2;left:12px;right:12px;top:12px}
.bcVideoShell{position:absolute;inset:0;width:100%;height:100%;background:#000;outline:none}
.bcVideoShell video.bcFrame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border:0;outline:none;box-shadow:none}
.bcVideoShell:focus-visible{outline:2px solid var(--border-soft);outline-offset:-2px}
.bcPlayPrompt{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;pointer-events:none}
.bcPlayPrompt>.uiBtn{pointer-events:auto}
.bcPlayPrompt>p{margin:0;max-width:360px;padding:8px 12px;border-radius:6px;background:var(--surface);color:var(--text);text-align:center;font-size:13px}
.bcIframeShell{position:absolute;inset:0;width:100%;height:100%;background:#000}
.bcIframeShell>.bcFrame{position:absolute;inset:0;width:100%;height:100%;border:0}
.bcIframeFsBtn{
  position:absolute;right:10px;bottom:10px;z-index:3;display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(7,13,24,.68);
  color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)
}
.watchAffiliateOverlay{position:absolute;inset:0;z-index:2;pointer-events:none}
.watchAffiliateDim{
  position:absolute;inset:0;opacity:0;pointer-events:none;background:rgba(0,0,0,.26);
  transition:opacity var(--watch-affiliate-fade-ms,350ms) ease
}
.watchAffiliateCard{
  position:absolute;left:50%;top:50%;display:grid;justify-items:center;gap:0;width:min(252px,calc(100% - 48px));
  padding:12px 12px 11px;border:1px solid var(--border-soft);border-radius:12px;
  background:rgba(26,39,56,.90);color:var(--text-secondary);box-shadow:none;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;
  opacity:0;transform:translate(-50%,calc(-50% + 6px));
  transition:opacity var(--watch-affiliate-fade-ms,350ms) ease,transform var(--watch-affiliate-fade-ms,350ms) ease;
  box-sizing:border-box;overflow:hidden
}
.watchAffiliateEyebrow{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-size:9px;font-weight:600;line-height:12px;letter-spacing:0;color:var(--text-secondary);text-align:center
}
.watchAffiliateDot{width:6px;height:6px;border-radius:50%;background:var(--accent-primary);flex:none}
.watchAffiliateDivider{width:100%;height:1px;background:var(--border-soft);margin:11px 0 12px}
.watchAffiliateLogoWrap{position:relative;display:flex;align-items:center;justify-content:center;width:132px;height:36px;max-width:100%}
.watchAffiliateWordmark{font-family:Arial,Helvetica,sans-serif;font-size:26px;font-weight:700;font-style:italic;line-height:1;letter-spacing:-1px;color:#fff}
.watchAffiliateAccent{width:94px;height:3px;border-radius:2px;background:#21C14A;margin-top:0}
.watchAffiliateCaption{margin-top:9px;font-size:10px;font-weight:500;line-height:13px;letter-spacing:.06em;color:var(--text-secondary)}
.watchAffiliateOverlay.is-enter .watchAffiliateDim,
.watchAffiliateOverlay.is-visible .watchAffiliateDim{opacity:1}
.watchAffiliateOverlay.is-enter .watchAffiliateCard,
.watchAffiliateOverlay.is-visible .watchAffiliateCard{opacity:1;transform:translate(-50%,-50%)}
.watchAffiliateOverlay.is-exit .watchAffiliateDim{opacity:0}
.watchAffiliateOverlay.is-exit .watchAffiliateCard{opacity:0;transform:translate(-50%,calc(-50% + 3px))}
.watchAffiliateWordmark,.watchAffiliateCaption{
  transition:opacity var(--watch-affiliate-fade-ms,350ms) ease,transform var(--watch-affiliate-fade-ms,350ms) ease
}
.watchAffiliateOverlay.is-enter .watchAffiliateWordmark{animation:watchAffiliateSplitBrand var(--watch-affiliate-fade-ms,350ms) ease both}
.watchAffiliateOverlay.is-enter .watchAffiliateCaption{animation:watchAffiliateSplitCaption var(--watch-affiliate-fade-ms,350ms) ease both}
.watchAffiliateOverlay.is-visible .watchAffiliateWordmark,
.watchAffiliateOverlay.is-visible .watchAffiliateCaption{opacity:1;transform:translateY(0)}
.watchAffiliateOverlay.is-exit .watchAffiliateWordmark{opacity:0;transform:translateY(-12px)}
.watchAffiliateOverlay.is-exit .watchAffiliateCaption{opacity:0;transform:translateY(12px)}
@keyframes watchAffiliateSplitBrand{
  from{opacity:0;transform:translateY(-18px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes watchAffiliateSplitCaption{
  from{opacity:0;transform:translateY(15px)}
  to{opacity:1;transform:translateY(0)}
}
.bcEmbedSlot{width:100%;min-height:420px;background:linear-gradient(160deg,var(--surface-elevated),var(--surface-elevated))}
.bcEmbedViewport{position:relative;overflow:hidden;width:100%}
.bcEmbedViewport[data-layout="fixed"] .bcEmbed{height:100%}
.bcEmbedViewport[data-layout="crop"] .bcEmbed{transform:translateY(0)}
.bcEmbed{width:100%;border:0;display:block;background:var(--surface-elevated);pointer-events:auto}
.bcPlaceholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}
.bcPlaceholder small{letter-spacing:2px;font-size:11px;color:#9fb1c4}
.bcPlaceholder h1{margin:10px 0 8px;font-size:32px;letter-spacing:-.8px}
.bcPlaceholder p{margin:0;color:#d5e0ea;font-size:14px}
.bcAds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.bcAd{height:78px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface-elevated),var(--accent-primary));color:#fff;font-size:13px;font-weight:800}
.bcAd img{width:100%;height:100%;object-fit:cover}
.bcSportsRow{--filter-chip-h:34px;--filter-chip-px:11px;--filter-chip-gap:6px;--filter-chip-icon:14px;--filter-chip-radius:8px;--filter-chip-live:44px;display:flex;align-items:center;gap:11px;min-width:0}
.bcSports{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow:auto;min-width:0;flex:1}
.bcChatToggle,.bcSport{flex:0 0 auto}
.bcToolbar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}
.bcSearch{flex:1;min-width:220px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:10px 14px;font-size:13px}
.bcTools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.bcRefresh{width:var(--ctrl-h-sm);padding:0;flex:0 0 auto}
.bcRefresh svg{display:block;flex-shrink:0}
.bcRefresh:disabled{opacity:.5;cursor:wait}
.bcRefresh:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.bcChip,.bcMode,.bcCh,.bcChat{display:inline-flex;align-items:center;justify-content:center;height:var(--ctrl-h-sm);min-height:var(--ctrl-h-sm);padding:0 var(--ctrl-pad-sm);border:1px solid var(--ctrl-border);background:var(--ctrl-bg);color:var(--ctrl-fg);border-radius:var(--ctrl-radius);font-size:var(--ctrl-fs);font-weight:var(--ctrl-fw);line-height:1;cursor:pointer;white-space:nowrap}
.bcChip:hover,.bcMode:hover:not(.active){background:var(--ctrl-bg-hover);border-color:var(--ctrl-border-hover);color:var(--ctrl-fg-hover)}
.bcChip.active,.bcMode.active,.bcCh.active,.bcChip.active:hover,.bcMode.active:hover,.bcCh.active:hover{background:var(--ctrl-bg-active);border-color:var(--ctrl-border-active);color:var(--ctrl-fg-active)}
.bcModeLabel{font-size:11px;color:var(--muted);margin-left:4px}
.bcChat{background:var(--surface-elevated);color:#fff;border-color:var(--surface-elevated);font-weight:800}
.bcBoard{display:grid;gap:10px;min-width:0;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:none}
.bcBoard .bcSearch{background:var(--soft)}
.bcBoard .bcList{gap:0}
.bcList{display:grid;gap:8px;min-width:0;max-width:100%}
.bcList>*{min-width:0;max-width:100%}
.bcListHead{display:flex;align-items:center;gap:8px;min-width:0;padding:4px 4px 8px}
.bcListHead :is(h1,h2){margin:0;font-size:var(--fs-md)}
.bcCount{min-width:22px;height:22px;border-radius:999px;background:color-mix(in srgb,var(--navy) 10%,var(--soft));color:var(--text-secondary);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:500}
.bcRow{display:grid;grid-template-columns:minmax(248px,1fr) minmax(0,2fr) minmax(248px,1fr);align-items:center;gap:12px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 4px;color:var(--text);min-width:0;max-width:100%;box-sizing:border-box}
@media(min-width:761px){
  .bcList > .bcRow:first-of-type{
    border-top:1px solid var(--line);
  }
  .homeFeaturedRow{
    display:grid;
    grid-template-columns:8px 44px 46px minmax(0,84px) minmax(0,1fr) 28px minmax(0,1fr);
    column-gap:8px;
    row-gap:0;
    align-items:center;
  }
  .homeFeaturedRow .homeFeaturedSportIcon{display:none !important}
  .homeFeaturedRow .homeFeaturedMeta{
    grid-column:auto / auto;
    display:contents;
  }
  .homeFeaturedRow .homeFeaturedDot{grid-column:1 / 2;justify-self:center}
  .homeFeaturedRow .homeFeaturedDate{grid-column:2 / 3;font-size:10px;font-weight:700;color:var(--text-muted);white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;justify-self:start}
  .homeFeaturedRow .homeFeaturedTime{grid-column:3 / 4;font-size:10px;font-weight:800;color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;justify-self:start}
  .homeFeaturedRow .homeFeaturedLeague{grid-column:4 / 5;font-size:10px;font-weight:700;color:var(--text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;justify-self:start}
  .homeFeaturedRow .homeFeaturedTeams{
    grid-column:5 / 8;
    display:contents;
  }
  .homeFeaturedRow .homeFeaturedTeam--home{grid-column:5 / 6;text-align:right;justify-self:stretch;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;font-size:12px;font-weight:600;color:var(--text-primary)}
  .homeFeaturedRow .homeFeaturedTeams em{grid-column:6 / 7;text-align:center;justify-self:center;font-style:normal;font-size:11px;font-weight:800;color:var(--text-muted);min-width:0;white-space:nowrap}
  .homeFeaturedRow .homeFeaturedTeam--away{grid-column:7 / 8;text-align:left;justify-self:stretch;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;font-size:12px;font-weight:600;color:var(--text-primary)}
}
.bcRow:hover,.bcRow.active{background:color-mix(in srgb,var(--navy) 5%,transparent)}
.bcRowMeta{display:flex;align-items:center;gap:10px;min-width:0}
.bcDate{display:none}
.bcBadge{font-size:10px;font-weight:600;border-radius:5px;padding:4px 6px;flex:0 0 auto}
.bcBadge.live{background:#e83950;color:#fff}
.bcBadge.up{background:color-mix(in srgb,var(--navy) 8%,var(--soft));color:var(--text-secondary);border:1px solid var(--line)}
.bcTime{display:grid;font-size:12px;min-width:58px;flex:0 0 auto}
.bcTime small{color:var(--muted);font-size:10px}
.bcSportMini{width:28px;text-align:center;flex:0 0 auto}
.bcLeague{font-size:12px;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bcThumb{width:54px;height:36px;border-radius:6px;background:color-mix(in srgb,var(--navy) 12%,var(--soft));flex:0 0 auto;overflow:hidden}
.bcThumb img{width:100%;height:100%;object-fit:cover;display:block}
.bcTeams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:8px;min-width:0;width:100%;font-size:var(--fs-base);color:var(--text)}
.bcMatchSelect{border:0;background:transparent;padding:0;font-family:inherit;text-align:inherit;border-radius:4px}
.bcMatchSelect:not(:disabled),.bcRow.is-selectable{cursor:pointer}
.bcMatchSelect:disabled{cursor:default;opacity:1}
.bcMatchSelect:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}
.bcPlaybackState{position:absolute;left:12px;top:12px;z-index:4;padding:6px 10px;border-radius:6px;background:rgba(0,0,0,.75);color:#fff;font-size:12px;pointer-events:none}
.bcChannelPending{position:absolute;right:10px;bottom:4px;font-size:10px;color:var(--accent-primary);pointer-events:none}
.bc-channel-nav .hd-service:has(.bcChannelPending[data-pending=true]){outline:2px solid var(--accent-primary);outline-offset:-2px}
.bcTeams b{color:var(--text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:100%}
.bcTeams em{font-style:normal;color:var(--muted);font-size:10px;font-weight:500;text-align:center;justify-self:center}
.bcTeam{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%}
.bcTeams .bcTeam:first-child{justify-content:flex-end;text-align:right}
.bcTeams .bcTeam:last-child{justify-content:flex-start;text-align:left}
.bcRowActions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}
.bcWatch{height:var(--ctrl-h-sm);min-height:var(--ctrl-h-sm);padding:0 12px;font-size:var(--ctrl-fs);line-height:1;border-radius:var(--ctrl-radius)}
.bcCh{width:32px;height:32px;padding:0}
.bcReady{height:36px;display:inline-flex;align-items:center;padding:0 12px;font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:8px;background:var(--surface);white-space:nowrap;box-sizing:border-box}
.bcList .bcLeague{font-size:12px}
.bcList .bcTime{font-size:12px}
.bcList .bcTeams{font-size:12px}
.bcList .bcReady{font-size:12px}
.bcList .bcWatch,.bcList .primaryBtn.watchMint.bcWatch{font-size:12px}
.bcList .bcListHead :is(h1,h2){font-size:13px}
.bcList .bcTeams em{font-size:11px}
.bcList .bcBadge{font-size:11px}
.bcList .bcTime small{font-size:11px}
@media(max-width:1200px){
  .bcAds{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bcRow{grid-template-columns:minmax(180px,1fr) minmax(0,1.4fr) minmax(220px,1fr)}
}
@media(max-width:760px){
  .bcPlayer{max-height:none;max-width:100%}
  .bcMulti[data-mode="2"],.bcMulti[data-mode="3"],.bcMulti[data-mode="4"]{grid-template-columns:1fr;grid-template-rows:none;aspect-ratio:auto;max-height:none}
  .bcMulti[data-mode="3"] .bcSlot[data-slot="1"]{grid-column:auto}
  .bcMulti[data-mode="2"] .bcSlot,.bcMulti[data-mode="3"] .bcSlot,.bcMulti[data-mode="4"] .bcSlot{aspect-ratio:16/9}
  .bcPlaceholder h1{font-size:22px}
  .bcAds{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bcRow{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:8px;row-gap:4px;align-items:start;justify-items:stretch;padding:8px 6px}
  .bcRowMeta{grid-column:1 / 2;grid-row:1 / 2;align-self:center;display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:nowrap}
  .bcRowMeta .bcBadge{display:none !important}
  .bcRowMeta .bcDate{display:inline-flex;align-items:center;font-size:11px;font-weight:700;color:var(--text-secondary);white-space:nowrap;flex:0 0 auto;font-variant-numeric:tabular-nums}
  .bcRowMeta .bcTime{display:inline-flex;align-items:center;font-size:11px;font-weight:800;color:var(--text-primary);min-width:auto;flex:0 0 auto;font-variant-numeric:tabular-nums}
  .bcRowMeta .bcTime small{display:none}
  .bcRowMeta .bcSportMini{width:24px;height:24px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--border-soft);display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;flex:0 0 24px}
  .bcRowMeta .bcSportMini svg{width:16px;height:16px;display:block}
  .bcRowMeta .bcLeague{font-size:11px;font-weight:700;color:var(--text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto}
  .bcTeams{grid-column:1 / -1;grid-row:2 / 3;max-width:100%;display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);column-gap:6px;row-gap:0px;align-items:center;padding-left:30px}
  .bcTeams em{font-size:10px;font-weight:800;color:var(--text-muted);grid-column:2 / 3;text-align:center}
  .bcTeams .bcTeam:first-child b{text-align:right;justify-self:end;width:100%;display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bcTeams .bcTeam:last-child b{text-align:left;justify-self:start;width:100%;display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bcTeams .bcTeam{max-width:100%;gap:4px}
  .bcTeams .bcTeam:first-child{justify-content:flex-end}
  .bcTeams .bcTeam:last-child{justify-content:flex-start}
  .bcTeams .bcTeam img, .bcTeams .bcTeam svg{display:none}
  .bcTeam{max-width:100%}
  .bcLeague{min-width:0}
  .bcRowActions{grid-column:2 / 3;grid-row:1 / 2;align-self:center;justify-content:flex-end;flex-wrap:nowrap;max-width:100%;margin:0}
  .bcRowActions .bcCh{display:none !important}
  .bcSearch{min-width:0;width:100%}
  .bcToolbar{min-width:0}
  .topbar.is-nav-open .nav{top:64px}
}
.navToggle{display:none;margin-left:16px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:8px 12px;font-size:12px;font-weight:800;cursor:pointer}
.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tierIcon{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;max-width:100%}
.tierGlyph{display:block;flex:0 0 auto;width:auto;height:var(--tier-h,48px);aspect-ratio:80/96;overflow:visible;background:transparent}
.tierGlyphImage{width:var(--tier-h,48px);height:var(--tier-h,48px);aspect-ratio:1;object-fit:contain;overflow:hidden}
.tierIcon-xs{--tier-h:24px;gap:4px}
.tierIcon-sm{--tier-h:32px;gap:6px}
.tierIcon-board{--tier-h:26px;gap:6px}
.tierIcon-rank{--tier-h:30px;gap:8px}
.tierIcon-md{--tier-h:48px}
.tierIcon-lg{--tier-h:72px}
.tierIcon-xl{--tier-h:96px}
.tierIcon-copyOnly{gap:0}
.tierIconCopy{display:flex;align-items:center;gap:4px;line-height:1;min-width:0;font-size:11.5px;font-weight:700;letter-spacing:.02em}
.tierText{display:inline-flex;align-items:center;gap:4px;line-height:1;min-width:0;font-size:11.5px;font-weight:700;letter-spacing:.02em}
.tierIconCopy em,.tierText em{font-style:normal;font-weight:700;font-size:inherit;letter-spacing:inherit;line-height:1}
.tierIconCopy b,.tierText b{display:inline;min-width:0;min-height:0;height:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:inherit;font-weight:800;letter-spacing:inherit;line-height:1;opacity:1}
.tierIcon--BRONZE .tierIconCopy,.tierText--BRONZE{color:var(--tier-bronze)}
.tierIcon--SILVER .tierIconCopy,.tierText--SILVER{color:var(--tier-silver)}
.tierIcon--GOLD .tierIconCopy,.tierText--GOLD{color:var(--tier-gold)}
.tierIcon--PLATINUM .tierIconCopy,.tierText--PLATINUM{color:var(--tier-platinum)}
.tierIcon--DIAMOND .tierIconCopy,.tierText--DIAMOND{color:var(--tier-diamond)}
.tierIcon--MASTER .tierIconCopy,.tierText--MASTER{color:var(--tier-master)}
.tierIcon--CHALLENGER .tierIconCopy,.tierText--CHALLENGER{color:#b8860b}
.tierIcon--BRONZE .tierIconCopy em,.tierIcon--BRONZE .tierIconCopy b,.tierText--BRONZE em,.tierText--BRONZE b,
.tierIcon--SILVER .tierIconCopy em,.tierIcon--SILVER .tierIconCopy b,.tierText--SILVER em,.tierText--SILVER b,
.tierIcon--GOLD .tierIconCopy em,.tierIcon--GOLD .tierIconCopy b,.tierText--GOLD em,.tierText--GOLD b,
.tierIcon--PLATINUM .tierIconCopy em,.tierIcon--PLATINUM .tierIconCopy b,.tierText--PLATINUM em,.tierText--PLATINUM b,
.tierIcon--DIAMOND .tierIconCopy em,.tierIcon--DIAMOND .tierIconCopy b,.tierText--DIAMOND em,.tierText--DIAMOND b,
.tierIcon--MASTER .tierIconCopy em,.tierIcon--MASTER .tierIconCopy b,.tierText--MASTER em,.tierText--MASTER b{color:inherit;background:none;-webkit-text-fill-color:currentColor}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .tierIcon--CHALLENGER .tierIconCopy em,.tierIcon--CHALLENGER .tierIconCopy b,.tierText--CHALLENGER em,.tierText--CHALLENGER b{
    background-image:var(--tier-challenger-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent
  }
}
:scope[data-theme=dark] .tierIcon--CHALLENGER .tierIconCopy,:scope[data-theme=dark] .tierText--CHALLENGER{color:#f0d48a}
.tierIcon-sm .tierIconCopy em,.tierIcon-board .tierIconCopy em,.tierIcon-rank .tierIconCopy em{font-size:inherit;font-weight:700}
.tierIcon-sm .tierIconCopy b,.tierIcon-board .tierIconCopy b,.tierIcon-rank .tierIconCopy b{font-size:inherit;font-weight:800}
.profileMini .tierIcon{flex-shrink:0}
.navItem.featured,.navItem.partner{display:inline-flex;align-items:center;gap:6px}
.navItem.partner .partnerMark{width:16px;height:16px;flex:0 0 16px;display:block;color:var(--accent)}
.navItem.partner:hover .partnerMark,.navItem.partner.active .partnerMark{color:var(--accent-primary)}
.rkTopEmblem .tierIcon{flex-direction:column;gap:0}
.rkTopTier .tierIconCopy{justify-content:center}
.evMetaBlock{display:grid;gap:10px;margin-top:12px}
.evMetaBlock small{color:var(--muted);font-size:11px}
.evMetaBlock p{margin:2px 0 0;font-weight:800}
.pageWrap>.pageHero+.rkPage{margin-top:var(--page-gap,16px)}
.rkPage{display:grid;gap:24px}
.rkPage>.tabs{margin:0}
.rkHero{padding:28px 32px;background:linear-gradient(135deg,var(--surface-elevated),var(--accent-primary));color:#fff;--tier-bronze:#e2b57a;--tier-silver:#c5d3e4;--tier-gold:#e6c86a;--tier-platinum:#7ee0dc;--tier-diamond:#7ec4ff;--tier-master:#d2b4ff;--tier-challenger-grad:linear-gradient(90deg,#f0d48a 0%,#7eb6ff 38%,#c4b0ff 70%,#67e8f9 100%)}
.rkHero p{margin:0;letter-spacing:1.6px;font-size:11px;opacity:.8}
.rkHero h1{margin:8px 0 6px;font-size:32px;letter-spacing:-.8px}
.rkHero small{color:#d7e3f4}
.rkPreview{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px;align-items:center}
.rkPodium{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.07fr) minmax(0,1fr);gap:14px;align-items:end;position:relative;z-index:0;width:100%;min-width:0}
.rkTop{--rk-accent:#8fa3b8;--rk-aura:rgba(143,163,184,.2);position:relative;overflow:hidden;isolation:isolate;display:grid;justify-items:center;text-align:center;gap:4px;padding:12px 12px 14px;transform:none;width:100%;min-width:0;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.rkTop>*{position:relative;z-index:1}
.rkTopHead{display:grid;justify-items:center;gap:0}
.rkTop--1 .rkTopHead{margin-bottom:0}
.rkTopIdentity{display:grid;justify-items:center;gap:6px;width:100%;min-width:0}
.rkTopEmblem{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,var(--rk-aura) 0%,rgba(255,255,255,.48) 38%,transparent 72%);filter:drop-shadow(0 5px 9px color-mix(in srgb,var(--rk-accent) 18%,transparent));transition:transform .3s ease,filter .3s ease}
.rkTop--1 .rkTopEmblem{width:76px;height:76px}
.rkTop--2 .rkTopEmblem,.rkTop--3 .rkTopEmblem{width:68px;height:68px}
.rkTop--1 .tierIcon{--tier-h:68px}
.rkTop--2 .tierIcon{--tier-h:56px}
.rkTop--3 .tierIcon{--tier-h:52px}
.rkTop:hover .rkTopEmblem{transform:scale(1.04)}
.rkPlace{font-size:13px;font-weight:900;letter-spacing:.04em;color:var(--accent)}
.rkTable{padding:8px 16px 16px}
.rkHead,.rkRow{display:grid;grid-template-columns:48px minmax(0,1.3fr) minmax(168px,1.05fr) max-content 72px;gap:10px;align-items:center}
.rkTable:not(.rkTable--hit) .rkHead,.rkTable:not(.rkTable--hit) .rkRow{grid-template-columns:48px minmax(0,1.3fr) minmax(168px,1.05fr) max-content}
.rkHead{font-size:11px;color:var(--muted);padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
.rkRow{padding:0;min-height:52px;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent);font-size:var(--fs-base)}
.rkUser{display:flex;align-items:center;gap:8px;min-width:0}
.rkUser b,.rkUserName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rankRow{grid-template-columns:24px minmax(0,1fr) 58px}
.rankIdentity{display:flex;align-items:center;gap:7px;min-width:0}
.rankNick{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}
.attHero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:24px;min-height:148px;padding:24px 28px;background:linear-gradient(118deg,var(--surface-elevated) 0%,var(--surface-elevated) 58%,var(--surface-elevated) 100%);color:#fff;position:relative;overflow:hidden;border-color:transparent}
.attHero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 16%,rgba(130,165,210,.2),transparent 28%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 70px);pointer-events:none}
.attHeroCopy,.attHeroStats,.attHeroHint{position:relative;z-index:1}
.attHero p{margin:0;letter-spacing:1.8px;font-size:11px;color:#d9b15b;font-weight:800}
.attHero h1{margin:8px 0 10px;font-size:var(--fs-xl);letter-spacing:-.7px;color:#fff}
.attHeroIcon{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:#fff}
.attHeroStatus{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;font-style:normal;border:1px solid rgba(255,255,255,.18);background:rgba(4,20,37,.32);color:#e8f0ff}
.attHeroStatus.on{border-color:rgba(217,177,91,.55);color:#d9b15b}
.attHeroHint{margin:0;font-size:13px;color:var(--muted);line-height:1.5}
.attHeroStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px}
.attHeroStats article{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:4px}
.attHeroStats small{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);font-weight:700}
.attHeroStats small svg{width:14px;height:14px}
.attHeroStats b{font-size:18px;letter-spacing:-.4px;color:var(--navy)}
.attTodayCard{display:grid;gap:14px;align-content:start}
.attTodayHead{display:grid;gap:6px}
.attTodayEyebrow{margin:0;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--accent)}
.attTodayCard h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.4px;color:var(--navy);line-height:1.2}
.attTodayCard .primaryBtn{margin-top:2px;width:100%;max-width:none;height:var(--ctrl-h-lg);min-height:var(--ctrl-h-lg)}
.attTodayCard .field.area{min-height:72px;margin:0}
.attTodayNote{margin:0;font-size:12px;color:var(--muted);line-height:1.45}
.attBreak{margin:0;display:grid;gap:0;border:var(--rect-border-w) solid var(--rect-border);border-radius:var(--rect-radius);background:var(--rect-bg);overflow:hidden}
.attBreak div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px var(--rect-pad-x);border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
.attBreak div:first-child{border-top:0}
.attBreak dt{margin:0;font-size:12px;font-weight:700;color:var(--muted);line-height:1}
.attBreak dd{margin:0;font-size:13px;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums;line-height:1}
.attBreakTotal{background:var(--rect-bg-active)}
.attBreakTotal dt,.attBreakTotal dd{color:var(--accent2);font-weight:800}
.attDoneLine,.attBonusLine{display:flex;align-items:center;gap:8px;margin:0;font-weight:700;color:var(--navy)}
.attBonusLine{color:var(--accent)}
.attStage{padding:18px 20px;min-width:0;overflow:hidden}
.attCalHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.attCalTitle{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:12px;text-align:left}
.attCalTitleIcon{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:0 0 38px;
  background:color-mix(in srgb,var(--accent-primary) 10%,var(--surface-soft));
  border:1px solid color-mix(in srgb,var(--accent-primary) 18%,var(--border-soft));
  color:var(--accent-primary)
}
.attCalTitleIcon svg{width:20px;height:20px;display:block}
.attCalTitle>div{display:grid;gap:4px;min-width:0}
.attCalTitle small{display:block;margin:0;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--muted);line-height:1}
.attCalTitle h2,.attCalHead h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-.4px;color:var(--navy);line-height:1.15}
.attCalHead .tab{width:var(--rect-h-sm);min-width:var(--rect-h-sm);padding:0}
.attCalNav{display:flex;align-items:center;gap:6px}
.attCalHead .attTodayLink{width:auto;min-width:58px;padding:0 12px}
.attAction{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  min-width:0;min-height:82px;margin:14px;padding:16px 18px;
  border:1px solid color-mix(in srgb,var(--accent-primary) 84%,#fff);
  border-radius:15px;background:var(--accent-primary);color:#fff;
  box-shadow:0 10px 22px color-mix(in srgb,var(--accent-primary) 18%,transparent)
}
.attAction.is-done{
  background:var(--accent-primary);border-color:color-mix(in srgb,var(--accent-primary) 84%,#fff)
}
.attActionMain{display:flex;align-items:center;gap:14px;min-width:0}
.attActionIcon{
  width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:0 0 42px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)
}
.attActionIcon svg{width:22px;height:22px;display:block}
.attActionCopy{min-width:0;display:grid;gap:4px}
.attActionLabel{margin:0;font-size:15px;font-weight:700;letter-spacing:-.2px;color:#fff;line-height:1.2;white-space:nowrap}
.attActionText{margin:0;font-size:20px;font-weight:700;color:#fff;line-height:1.15;white-space:nowrap}
.attAction .field{margin-top:6px;max-width:360px}
.attAction .err{margin:4px 0 0}
.attActionControls{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto}
.attActionBtn{
  appearance:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
  flex:0 0 auto;width:auto;min-width:124px;height:40px;min-height:40px;margin:0;
  padding:0 16px;border-radius:11px;font-size:13px;font-weight:700;
  background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.72);color:var(--accent-primary);
  line-height:1;text-decoration:none;cursor:pointer;transition:background .16s ease,border-color .16s ease,filter .16s ease
}
.attAction .attActionBtn:hover:not(:disabled){
  background:#fff;border-color:#fff;color:var(--accent-primary);filter:brightness(.98)
}
.attAction.is-done .attActionBtn:disabled{
  background:rgba(255,255,255,.9);border-color:rgba(255,255,255,.64);
  color:var(--accent-primary);opacity:1;box-shadow:none
}
.attAction.is-disabled:not(.is-done) .attActionBtn:disabled{
  background:rgba(255,255,255,.78);border-color:rgba(255,255,255,.46);color:var(--text-muted);opacity:1
}
.attSummary .attAction .err{color:#fff}
.attPairCard{display:grid;align-content:start;gap:18px;min-height:100%;height:100%}
.attPairCard h2{margin:0;font-size:16px;font-weight:700;letter-spacing:-.3px;color:var(--navy);line-height:1.25}
.attSectionHeading{display:flex;align-items:flex-start;gap:12px;min-width:0}
.attSectionHeading>div{display:grid;gap:4px;min-width:0}
.attSectionHeading p{margin:0;font-size:12px;font-weight:500;line-height:1.4;color:var(--muted)}
.attSectionBadge{
  width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:0 0 36px;
  background:color-mix(in srgb,var(--accent-primary) 10%,var(--surface-soft));
  border:1px solid color-mix(in srgb,var(--accent-primary) 18%,var(--border-soft));
  color:var(--accent-primary);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)
}
.attSectionBadge svg{width:18px;height:18px;display:block}
.attBenefitList{margin:0;display:grid;gap:0}
.attBenefitList>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
.attBenefitList>div:first-child{border-top:0;padding-top:0}
.attBenefitList dt{margin:0;font-size:13px;font-weight:700;color:var(--text);line-height:1.3}
.attBenefitList dd{margin:0;font-size:13px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1.3;white-space:nowrap}
.attBenefitCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.attBenefitCards article{
  min-width:0;min-height:164px;padding:16px;border:1px solid var(--border-soft);border-radius:14px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--accent-primary) 4%,var(--surface-soft)) 0%,var(--surface) 100%);
  display:flex;flex-direction:column;align-items:flex-start;gap:10px
}
.attBenefitHead{display:flex;align-items:center;gap:10px;min-width:0}
.attBenefitIcon{
  width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:0 0 34px;
  background:color-mix(in srgb,var(--accent-primary) 10%,var(--surface-soft));
  border:1px solid color-mix(in srgb,var(--accent-primary) 18%,var(--border-soft));
  color:var(--accent-primary)
}
.attBenefitIcon svg{width:18px;height:18px;display:block}
.attBenefitCards article>small{color:var(--navy);font-size:14px;font-weight:700;line-height:1.2}
.attBenefitCards article>strong{color:var(--accent-primary);font-size:24px;font-weight:700;letter-spacing:-.5px;line-height:1.05}
.attBenefitCards article>span{color:var(--text);font-size:12px;font-weight:600;line-height:1.4}
.attBenefitCards article>p{margin:auto 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.attBenefitCards article.is-disabled{opacity:1;background:linear-gradient(180deg,var(--surface-soft) 0%,var(--surface) 100%)}
.attBenefitState{height:24px;min-height:24px;padding:0 10px;border-radius:999px}
.attBenefitCards dl{width:100%;margin:0;display:grid;gap:5px}
.attBenefitCards dl div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.attBenefitCards dt,.attBenefitCards dd{margin:0;font-size:12px;font-weight:700}
.attBenefitCards dd{color:var(--accent-primary);font-variant-numeric:tabular-nums}
.attRankHeadRow{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 8px}
.attRankHeadRow h2{margin:0;font-size:17px;font-weight:700;letter-spacing:-.3px;color:var(--navy);line-height:1.2}
.attRankHeadRow .tabs{margin:0}
.attRankEmpty{display:grid;justify-items:start;gap:12px;padding:18px 0 4px}
.attRewards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.attReward{border:1px solid var(--line);border-radius:16px;padding:16px 14px;background:var(--soft);display:grid;gap:6px}
.attReward.on{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:var(--accent);color:var(--accent)}
.attReward small,.attReward span{display:block;font-size:11px;color:var(--muted);letter-spacing:.08em;font-weight:800}
.attReward b{color:var(--text)}
.attReward.on b{color:var(--accent)}
.attProgress{height:6px;border-radius:99px;background:var(--line);overflow:hidden}
.attPolicyCard .attPolicyBlock{display:grid;gap:8px;padding:12px 0;border-top:1px solid var(--line)}
.attPolicyCard .attPolicyBlock:first-of-type{border-top:0;padding-top:0}
.attPolicyCard small{font-size:var(--rect-label-size);font-weight:var(--rect-label-weight);letter-spacing:.02em;color:var(--muted);line-height:1}
.attPolicyCard p{margin:0;font-size:14px;font-weight:700;color:var(--navy);line-height:1.4}
.attPolicyCard ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.attPolicyCard li{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;line-height:1}
.attPolicyCard li span{color:var(--text);font-weight:700}
.attPolicyCard li b{color:var(--accent2);font-weight:800;font-variant-numeric:tabular-nums}
.attGuideCard{display:grid;gap:0;align-content:start}
.attGuideCard h2{margin:0;font-size:16px;font-weight:700;letter-spacing:-.3px;color:var(--navy);line-height:1.25}
.attGuideBody{display:grid;gap:12px;font-size:13px;font-weight:500;line-height:1.7;color:var(--text);overflow-wrap:anywhere}
.attGuideSection{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
.attGuideSection:last-child{border-bottom:0;padding-bottom:0}
.attGuideIndex{font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--accent);line-height:1.7;font-variant-numeric:tabular-nums}
.attGuideBody p,.attGuideBody ul{margin:0}
.attGuideBody ul{padding-left:1.1em;display:grid;gap:8px}
.attGuideBody li{padding-left:2px}
.attGuideEmpty{margin:4px 0 0;font-size:13px;font-weight:500;color:var(--muted);line-height:1.65}
.attCalLegend{display:flex;gap:14px;flex-wrap:wrap;margin:4px 0 2px}
.attCalLegend span{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);font-weight:700;white-space:nowrap}
.attCalLegend span:before{content:"";width:10px;height:10px;border-radius:3px;border:1px solid var(--line);background:var(--soft);flex:0 0 auto}
.attCalLegend .done:before{background:var(--accent);border-color:var(--accent)}
.attCalLegend .today:before{background:var(--surface);outline:2px solid var(--accent);outline-offset:1px}
.attCalLegend .future:before{background:var(--soft)}
.attCalLegend .missed:before{background:var(--surface);border-color:var(--line)}
.attRankBoard .attRankTitle{display:inline-flex;align-items:center;gap:8px;margin:0}
.attRankTable{display:grid;gap:0;margin-top:8px;overflow-x:auto;min-width:0}
.attRankHead,.attRankRow{display:grid;grid-template-columns:42px minmax(128px,1fr) 72px 82px;gap:8px;align-items:center}
.attFeedHead,.attFeedRow{display:grid;grid-template-columns:48px minmax(140px,1fr) 88px 108px 88px;gap:12px;align-items:center}
.attRankHead,.attFeedHead{font-size:11px;color:var(--muted);padding:10px 4px;border-bottom:1px solid var(--line);line-height:1.2}
.attRankRow,.attFeedRow{padding:8px 4px;border-bottom:1px solid var(--line);font-size:13px;border-radius:8px;line-height:1.2;min-height:42px}
.attRankColRank{display:inline-flex;align-items:center;justify-content:flex-start;text-align:left;line-height:1.2;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums}
.attRankRow .attRankColRank{justify-content:center;justify-self:center}
.attRankRow .attRankColRank.top1,.attRankRow .attRankColRank.top2,.attRankRow .attRankColRank.top3{
  width:28px;height:24px;justify-content:center;border-radius:999px
}
.attRankRow .attRankColRank.top1{background:color-mix(in srgb,#d9b15b 22%,var(--surface));color:#8a6418}
.attRankRow .attRankColRank.top2{background:color-mix(in srgb,#8fa3b8 22%,var(--surface));color:#4d6178}
.attRankRow .attRankColRank.top3{background:color-mix(in srgb,#b07846 20%,var(--surface));color:#7a4d24}
.attRankColUser{display:inline-flex;align-items:center;line-height:1.2}
.attRankColNum{display:flex;align-items:center;justify-content:flex-end;text-align:right;line-height:1.2;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;color:var(--navy);min-height:26px;white-space:nowrap}
.attRankHead .attRankColNum,.attFeedHead .attRankColNum{font-size:11px;font-weight:700;color:var(--muted);min-height:18px}
.attRankRow strong.attRankColNum,.attFeedRow strong.attRankColNum{font-size:13px;font-weight:700}
.attRankRow span.attRankColNum{font-weight:500}
.attRankColPoints{color:var(--accent)}
:scope[data-theme=dark] .attRankColNum.attRankColPoints{color:var(--text)}
.attRankRow:hover,.attFeedRow:hover,.attSideRow:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}
.attRankUser{display:flex;align-items:center;gap:8px;min-width:0}
.attRankUser b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attRankBoard .attRankUser.identityMark--stacked{height:auto;min-height:32px;max-width:100%;align-items:center;gap:8px}
.attRankBoard .attRankUser.identityMark--stacked .identityTexts{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;max-width:100%}
.attRankBoard .attRankUser .identityNick{display:block;max-width:min(140px,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;line-height:1.2;color:var(--text)}
.attRankBoard .attRankUser.identityMark--stacked .identityMeta{display:block;font-size:11px;font-weight:500;line-height:1.2}
.attRankBoard .attRankUser.identityMark--stacked .identityMeta:not(.tierText){color:var(--muted)}
.attRankBoard .attRankUser.identityMark--stacked .tierText em{font-size:inherit;font-weight:700;line-height:inherit}
.attRankBoard .attRankUser.identityMark--stacked .tierText b{font-size:inherit;font-weight:800;line-height:inherit}
.attRankBadge{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:11px;background:var(--soft);color:var(--text);justify-self:center}
.attRankBadge.gold{background:#f3d27a;color:#7a5a12}
.attRankBadge.silver{background:#d7dee8;color:#445060}
.attRankBadge.bronze{background:#e4b08a;color:#6a3d1c}
.attFameList{display:grid;gap:10px;margin-top:12px}
.attFameRow{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.attSideCard{padding:16px}
.attSideCard h2{font-size:var(--fs-md)}
.attSideList{display:grid;margin-top:6px}
.attSideRow{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 4px;border-radius:8px;font-size:13px}
.attSideRow strong{font-size:12px;color:var(--accent);white-space:nowrap}
.attSideRow.top1{background:color-mix(in srgb,#d9b15b 12%,transparent)}
.attSideRow.top2{background:color-mix(in srgb,#8ea0b3 10%,transparent)}
.attSideRow.top3{background:color-mix(in srgb,#e4b08a 12%,transparent)}
:scope[data-theme=dark] .attHeroStats b,:scope[data-theme=dark] .attSummary b,:scope[data-theme=dark] .attTodayCard h2,:scope[data-theme=dark] .attCalHead h2,:scope[data-theme=dark] .attCalTitle h2,:scope[data-theme=dark] .attPairCard h2,:scope[data-theme=dark] .attActionLabel,:scope[data-theme=dark] .attRankHeadRow h2,:scope[data-theme=dark] .attRankColRank,:scope[data-theme=dark] .attRankColNum,:scope[data-theme=dark] .attBreak dd,:scope[data-theme=dark] .attBreakTotal dd,:scope[data-theme=dark] .attBenefitList dd,:scope[data-theme=dark] .attPolicyCard p,:scope[data-theme=dark] .attPolicyCard li span,:scope[data-theme=dark] .attPolicyCard li b,:scope[data-theme=dark] .attGuideCard h2,:scope[data-theme=dark] .attDoneLine,:scope[data-theme=dark] .attSideRow strong{color:var(--text)}
:scope[data-theme=dark] .attActionText{color:var(--text-primary)}
:scope[data-theme=dark] .attBenefitCards article:first-child > strong{color:var(--text-primary)}
:scope[data-theme=dark] .attActionIcon{background:rgba(255,255,255,.08);border-color:rgba(122,155,216,.24);color:var(--dark-accent-blue)}
:scope[data-theme=dark] .attSectionBadge,:scope[data-theme=dark] .attSummaryIcon,:scope[data-theme=dark] .attBenefitIcon,:scope[data-theme=dark] .attCalTitleIcon{background:rgba(86,120,190,.16);border-color:rgba(122,155,216,.26);box-shadow:none}
:scope[data-theme=dark] .attendPage .attAction,
:scope[data-theme=dark] .attendPage .attAction.is-done{
  background:var(--dark-accent-blue);
  border-color:var(--dark-accent-blue);
  box-shadow:0 10px 22px color-mix(in srgb,var(--dark-accent-blue) 18%,transparent);
}
:scope[data-theme=dark] .attendPage .attActionBtn,
:scope[data-theme=dark] .attendPage .attAction .attActionBtn:hover:not(:disabled),
:scope[data-theme=dark] .attendPage .attAction.is-done .attActionBtn:disabled{
  color:var(--dark-accent-blue);
}
:scope[data-theme=dark] .attendPage :is(.attSummaryIcon,.attCalTitleIcon,.attSectionBadge,.attBenefitIcon){
  color:var(--dark-accent-blue);
}
:scope[data-theme=dark] .attendPage .attActionIcon{
  background:var(--surface-card);
  border-color:var(--border-soft);
  color:var(--dark-accent-blue);
}
:scope[data-theme=dark] .attendPage .attAction.is-done .attActionIcon{
  background:color-mix(in srgb,var(--dark-accent-blue) 80%,var(--surface-card));
  border-color:rgba(255,255,255,.24);
  color:#fff;
}
:scope[data-theme=dark] .attBreakTotal dt{color:var(--muted)}
:scope[data-theme=dark] .attCalCard .calendar-day-cell.today,:scope[data-theme=dark] .attStage .calendar-day-cell.today{background:var(--dark-accent-blue);color:#fff}
:scope[data-theme=dark] .attCalCard .calendar-day-cell.done,:scope[data-theme=dark] .attStage .calendar-day-cell.done{background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--dark-accent-blue)}
:scope[data-theme=dark] .attCalCard .calendar-day-cell.future,:scope[data-theme=dark] .attStage .calendar-day-cell.future{background:var(--surface-elevated);color:#6d7d92}
:scope[data-theme=dark] .attCalCard .calendar-day-cell.missed,:scope[data-theme=dark] .attStage .calendar-day-cell.missed{background:var(--surface-elevated);color:var(--text-secondary)}
:scope[data-theme=dark] .attCalCard .calendar-day-cell.muted,:scope[data-theme=dark] .attStage .calendar-day-cell.muted{background:transparent;color:#6d7d92}
:scope[data-theme=dark] .attReward{background:var(--surface-elevated)}
:scope[data-theme=dark] .attReward.on{background:color-mix(in srgb,var(--accent) 16%,var(--surface-elevated))}
:scope[data-theme=dark] .attSideRow.top1{background:color-mix(in srgb,#d9b15b 16%,var(--surface-elevated))}
:scope[data-theme=dark] .attSideRow.top2{background:color-mix(in srgb,#8ea0b3 14%,var(--surface-elevated))}
:scope[data-theme=dark] .attSideRow.top3{background:color-mix(in srgb,#e4b08a 16%,var(--surface-elevated))}
@media(max-width:1200px){
  .attendStats{grid-template-columns:repeat(2,1fr)}
  .attHero{grid-template-columns:1fr;min-height:0;gap:16px}
  .attendSide{position:static}
  .attRankHead,.attRankRow{grid-template-columns:36px minmax(0,1fr) 56px 72px}
  .attFeedHead,.attFeedRow{grid-template-columns:40px minmax(0,1fr) 56px 64px 72px}
}
@media(max-width:760px){
  .attendStats,.attRewards{grid-template-columns:1fr}
  .attendPage .attSummary{grid-template-columns:repeat(3,minmax(0,1fr))}
  .attSummary article{min-height:78px;padding:14px 10px;text-align:left;border-top:1px solid var(--line);border-right:1px solid var(--line);gap:8px}
  .attSummary article:nth-of-type(3){border-right:0}
  .attSummaryIcon{width:30px;height:30px;border-radius:10px;flex-basis:30px}
  .attSummaryIcon svg{width:16px;height:16px}
  .attSummary small{font-size:11px}
  .attSummary b{font-size:16px}
  .attSummary .attAction{grid-column:1/-1;grid-row:1;min-height:86px;padding:16px}
  .attContent{grid-template-columns:1fr;grid-template-areas:"calendar" "policy" "ranking"}
  .attendTop,.attendPolicy{grid-template-columns:1fr}
  .attBenefitCards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .attHero{padding:20px 18px}
  .attHero h1{font-size:22px}
  .attHeroStats{grid-template-columns:1fr 1fr}
  .attFameRow{grid-template-columns:1fr}
  .attStage{padding:16px 14px 14px}
  .attCalTitle{justify-content:flex-start}
  .attCalTitleIcon{width:34px;height:34px;flex-basis:34px}
  .attCalTitle h2,.attCalHead h2{font-size:18px}
  .attStage .calDays,.attCalCard .calDays{grid-auto-rows:42px;gap:4px}
  .attStage .calendar-day-cell,.attCalCard .calendar-day-cell{height:42px;min-height:42px;max-height:42px;font-size:13px;border-radius:8px}
  .attStage .calendar-day-cell .calDayCheck,
  .attCalCard .calendar-day-cell .calDayCheck{right:5px;bottom:5px;width:5px;height:5px}
  .attAction{flex-direction:column;align-items:stretch;gap:12px}
  .attActionMain{align-items:flex-start}
  .attActionBtn{width:100%;min-width:0}
  .attAction .field{max-width:none}
  .attBenefitList dd{white-space:normal;text-align:right}
  .attRankHead,.attRankRow{grid-template-columns:28px minmax(0,1fr) 44px 58px;gap:4px;min-width:0}
  .attFeedHead,.attFeedRow{grid-template-columns:28px minmax(0,1fr) 40px 48px 52px;gap:4px;min-width:0}
}
@media(max-width:420px){
  .attSummary .attAction{flex-direction:row;align-items:center}
  .attSummary .attActionBtn{width:auto;min-width:92px}
  .attSummary .attActionText{font-size:17px}
}
.evPage{display:grid;gap:0}
.evToolbar{display:grid;gap:10px;padding:14px 16px;border-radius:10px}
.evToolbarHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.evToolbarHead h2{margin:0;font-size:var(--fs-md);font-weight:600;letter-spacing:-.2px;color:var(--navy);line-height:1.2}
.evToolbarHead p{margin:4px 0 0;font-size:13px;color:var(--muted);line-height:1.45;font-weight:400}
.evToolbarCount{flex:0 0 auto;padding-top:2px;font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap}
.evFilter{display:grid;gap:6px}
.evFilter small{font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.02em;line-height:1}
.evToolbar .tabs{margin:0;flex-wrap:wrap;gap:6px}
.evToolbar .tab{height:var(--ctrl-h-sm);min-height:var(--ctrl-h-sm);padding:0 var(--ctrl-pad-sm);border-radius:var(--ctrl-radius);font-size:var(--ctrl-fs);font-weight:var(--ctrl-fw)}
.evGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-md);align-items:stretch}
.evCard{display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px 18px;border-radius:10px;box-shadow:none}
.evCard h3{margin:0;font-size:var(--fs-md);font-weight:600;color:var(--navy);letter-spacing:-.3px;line-height:1.35}
:scope[data-theme=dark] .evToolbarHead h2,:scope[data-theme=dark] .evCard h3,:scope[data-theme=dark] .evTeamSide b,:scope[data-theme=dark] .evFacts dd,:scope[data-theme=dark] .evSummaryFacts dd,:scope[data-theme=dark] .evResultFacts dd{color:#edf4ff}
.evCard .primaryBtn{box-sizing:border-box;width:auto;max-width:max-content;align-self:flex-start;height:var(--ctrl-h-md);min-height:var(--ctrl-h-md);margin-top:auto;padding:0 var(--ctrl-pad-md);font-size:var(--ctrl-fs-md);line-height:1;border-radius:var(--ctrl-radius);font-weight:600}
.evCardTop{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.evCardSport{margin-left:auto;font-size:12px;font-weight:500;color:var(--muted);line-height:1}
.evMatchBoard{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:12px;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface-soft)}
.evMatchBoard--card{max-width:none;margin:0}
.evTeamSide{display:flex;align-items:center;gap:8px;min-width:0}
.evTeamSide .teamCrest,.evTeamSide .teamCrestImg,.evTeamSide .teamCrestPlaceholder,.evTeamSide .teamCrestMark{flex:0 0 auto}
.evTeamSide--away{justify-content:flex-end;text-align:right}
.evTeamSide b{font-size:13px;font-weight:600;color:var(--navy);letter-spacing:-.2px;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.evMatchBoard em{font-style:normal;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.06em;line-height:1}
.evMatchEmpty{margin:0;font-size:13px;color:var(--muted)}
.evFacts,.evSummaryFacts,.evResultFacts{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:0}
.evFacts div,.evSummaryFacts div,.evResultFacts div{display:grid;gap:4px;min-width:0}
.evFacts dt,.evSummaryFacts dt,.evResultFacts dt{font-size:11px;font-weight:500;color:var(--muted);line-height:1}
.evFacts dd,.evSummaryFacts dd,.evResultFacts dd{margin:0;font-size:13px;font-weight:600;color:var(--navy);line-height:1.35}
.evCardTop em{font-style:normal;font-size:11px;color:var(--muted)}
.evBadge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:800;border:1px solid var(--line);background:var(--soft);color:var(--navy)}
.evBadge.phase-open{background:color-mix(in srgb,var(--accent) 12%,#fff);border-color:var(--accent);color:var(--accent)}
.evBadge.phase-upcoming{color:#8a6a12;background:#fff6dd;border-color:#ead9a3}
.evBadge.phase-closed,.evBadge.phase-result{color:var(--muted)}
.evBadge.status{background:#edf3f9}
.evMatchLine{margin:0;display:flex;gap:8px;align-items:center;font-size:14px}
.evMatchLine span{color:var(--accent);font-weight:900;font-size:11px}
.evMeta{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:12px;color:var(--muted)}
.evVs{display:flex;align-items:center;justify-content:center;gap:18px;padding:18px 8px}
.evVs b{font-size:22px;color:var(--navy);letter-spacing:-.6px}
.evVs span{font-size:12px;font-weight:900;color:var(--accent)}
.evForm{display:grid;gap:16px;margin:0;width:100%;max-width:520px;margin-inline:auto}
.evScore{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px 16px;align-items:end;width:100%}
.evScore b{color:var(--accent);padding-bottom:12px}
.evScore label{display:grid;gap:6px;font-size:12px;color:var(--muted)}
.evScore input{text-align:center;font-size:22px;font-weight:800}
.evPicks{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.evPick{border:1px solid var(--line);background:var(--soft);border-radius:10px;padding:16px 10px;font-weight:800;cursor:pointer;color:var(--text)}
.evPick.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,#fff);color:var(--accent)}
.evChoice{display:flex;gap:8px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.evCountRow{margin:12px 0 0;font-size:13px}
.evCount{color:var(--accent);font-size:20px}
.evQuestion{font-weight:800;font-size:16px;margin:10px 0 0}
.evBody{white-space:pre-wrap;line-height:1.7;margin:0}
.evHeroCard h1,.evHeroCard h2{margin:0}
.evResultCard h3{margin:0;font-size:16px}
@media(max-width:1200px){
  .navToggle{display:inline-flex;margin-left:0}
  .nav,.topbar.is-nav-open .nav{display:none}
  .rkPodium{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) minmax(0,1fr);gap:10px}
  .evGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .evSummaryFacts,.evResultFacts{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .rkHero h1,.attHero h1{font-size:22px}
  .evGrid{grid-template-columns:1fr}
  .evDetail .evScore{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px}
  .evVs{flex-direction:column;gap:8px}
  .evVs span{font-size:11px}
}
.navItem,.tab,.linkBtn,.bcBadge,.partnerDeposit,.partnerChip,.evBadge,.shopTabs a,.opsBtn,.navDropItem{white-space:nowrap}
.iconButton.themeToggle{width:var(--header-ctrl,34px);height:var(--header-ctrl,34px);min-width:var(--header-ctrl,34px);min-height:var(--header-ctrl,34px);padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--line) 80%,#cbd5e1);background:radial-gradient(circle at 32% 28%,#fff,var(--soft));box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 4px 12px rgba(15,23,42,.08);color:var(--text-primary);transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.iconButton.themeToggle:hover{background:#e8eef7;box-shadow:0 6px 16px rgba(15,23,42,.12)}
.iconButton.themeToggle svg{transition:transform .2s ease,opacity .2s ease}
.iconButton.themeToggle:hover svg{transform:rotate(16deg) scale(1.08)}
.iconButton.themeToggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
:scope[data-theme=dark] .iconButton.themeToggle{background:radial-gradient(circle at 32% 28%,var(--surface-elevated),var(--surface-elevated));border-color:var(--border-soft);color:#f4f8ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 12px rgba(0,0,0,.28)}
:scope[data-theme=dark] .iconButton.themeToggle:hover{background:var(--surface-elevated)}
.customPageTitle{margin:0 0 16px;font-size:var(--fs-xl);color:var(--text)}
.customPageBody{white-space:pre-wrap;line-height:1.8;color:var(--text)}
.teamCrest{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,#0e2a70,#173595);color:#fff;font-size:12px;font-weight:900;flex:0 0 auto}
.teamCrestMark{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--ctrl-bg-hover);color:var(--ctrl-fg);border:1px solid var(--ctrl-border);flex:0 0 auto}
.teamCrestMark svg{display:block}
.teamCrestPlaceholder{display:inline-flex;flex:0 0 auto;box-sizing:border-box;border-radius:8px;background:var(--soft);border:1px solid var(--line)}
.teamCrestImg{border-radius:50%;object-fit:contain;background:var(--soft);flex:0 0 auto}
.phoneRow{display:grid;grid-template-columns:88px 1fr;gap:8px}
.accountLinks{display:flex;gap:8px;align-items:center;margin:0;font-size:13px;color:var(--text-secondary)}
.accountLinks a{color:var(--text-primary);font-weight:600}
.accountLinks a:hover{color:var(--accent)}
.tierIcon-board{--tier-h:26px;gap:8px}
.tierIcon-board .tierIconCopy em{font-size:inherit;font-weight:700}
.tierIcon-board .tierIconCopy b{font-size:inherit;font-weight:800}
.boardAuthor{gap:8px;font-size:13px}
.articleMeta .tierIcon-board{--tier-h:26px}
.colAuthor .boardAuthor{min-width:0}
.hlCard b,.hlCard small{color:inherit}
.hlCard small{color:var(--muted)}
.evTeamBlock{display:flex;align-items:center;gap:10px}
.evScoreTeam{display:grid;justify-items:center;gap:12px;text-align:center;min-width:0}
.evScoreId{display:grid;justify-items:center;gap:8px}
.evScoreId b{font-size:14px;font-weight:800;color:var(--navy);letter-spacing:-.2px;line-height:1}
.evScoreVs{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding-bottom:0;font-style:normal;font-size:12px;font-weight:900;letter-spacing:.08em;color:var(--accent);line-height:1}
.evStepper{display:flex;align-items:center;justify-content:center;gap:8px}
.evStepper button{box-sizing:border-box;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border:1px solid var(--line);background:var(--surface);color:var(--navy);border-radius:8px;font-size:18px;font-weight:800;line-height:1}
.evStepper input,.evStepper input.field{box-sizing:border-box;width:72px;height:40px;min-height:40px;padding:0;text-align:center;font-size:28px;font-weight:850;letter-spacing:-.6px;color:var(--navy);border-radius:8px;-moz-appearance:textfield}
.evStepper input::-webkit-outer-spin-button,.evStepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.evPlaySubmit,.evForm .evPlaySubmit,.evPlayCard>.evPlaySubmit{box-sizing:border-box;width:100%;max-width:520px;height:var(--ctrl-h-lg);min-height:var(--ctrl-h-lg);margin-inline:auto;padding:0 var(--ctrl-pad-lg);font-size:var(--ctrl-fs-lg);line-height:1;border-radius:var(--ctrl-radius-lg)}
.evPick{display:inline-flex;flex-direction:column;align-items:center;gap:8px}
.floatChat{position:fixed;left:0;top:0;width:0;height:0;z-index:90;overflow:visible;pointer-events:none}
.floatChat > *{pointer-events:auto}
.floatChat.is-desktop .floatChatBtn{position:fixed;left:max(8px,calc((100vw - min(1660px,100vw - 64px))/2 - 58px));top:clamp(168px,calc(72px + 22px + 18vh),calc(100vh - 72px));width:50px;height:50px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:linear-gradient(180deg,#2F6AC8,#1648A0);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 22px rgba(18,42,68,.16);cursor:pointer;z-index:91;transition:background .18s ease,filter .18s ease}
.floatChatBtn:hover{filter:brightness(1.08)}
.floatChatBtn.on{background:var(--navy)}
.floatChatBtn:after{content:"";position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:#e83950;box-shadow:0 0 0 2px #fff}
.floatChatPanel{position:fixed;display:flex;flex-direction:column;width:min(452px,calc(100vw - 32px));height:min(680px,80vh);max-width:calc(100vw - 32px);max-height:80vh;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 22px 54px rgba(8,28,50,.18);overflow:hidden;opacity:0;transform:translateY(8px) scale(.98);transition:opacity .2s ease,transform .2s ease;color:var(--text);visibility:hidden;pointer-events:none;z-index:92;isolation:isolate}
.floatChat.is-desktop .floatChatPanel{width:min(520px,calc(100vw - 24px));max-height:none}
.floatChatPanel.open{opacity:1;transform:none;visibility:visible;pointer-events:auto}
.floatChatPanel.dragging{transition:none}
.floatChatHead{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid color-mix(in srgb,#ffffff 10%,transparent);cursor:default;flex:0 0 auto;background:var(--surface-elevated);color:#f4f8ff;border-radius:0}
.floatChatHandle{position:absolute;left:50%;top:8px;width:36px;height:4px;border-radius:99px;background:color-mix(in srgb,#fff 38%,transparent);transform:translateX(-50%)}
.floatChatBrand{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px}
.floatChatBrand b{display:block;min-width:0;color:var(--brand);font-size:17px;letter-spacing:-1.4px;font-weight:950;line-height:1}
.floatChatBrand > span{color:color-mix(in srgb,#edf4ff 62%,var(--surface-elevated));font-size:11px;font-weight:500;letter-spacing:.4px;line-height:1}
.floatChatHeadActions{display:flex;align-items:center;gap:8px;margin-left:auto}
.floatChatHead .linkBtn{color:color-mix(in srgb,#edf4ff 72%,var(--surface-elevated));font-size:11px}
.floatChatHead .iconButton{background:transparent;color:#e8f0ff;border-color:color-mix(in srgb,#fff 18%,transparent)}
/* 채팅 헤더 우측 액션 영역 — COMPACT B */
.floatChatHead{container-type:inline-size}
.neneChatHeaderActions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-shrink:0}
/* 텔레그램 바로가기 버튼 */
.neneChatHeaderLink{height:31px;min-width:0;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;gap:4px;flex-shrink:0;background:#ffffff;border:1px solid #dce5f2;border-radius:9px;color:var(--accent-primary);text-decoration:none;font-size:10px;font-weight:700;line-height:1;white-space:nowrap;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.neneChatHeaderLink svg{width:15px;height:15px;flex-shrink:0;stroke-width:1.9}
.neneChatHeaderLinkText{display:inline-block;font-size:10px;font-weight:700;line-height:1}
.neneChatHeaderLink:hover{background:#f0f4fc;border-color:#b9c9e9;color:var(--accent-primary);transform:translateY(-1px)}
.neneChatHeaderLink:active{transform:translateY(0)}
.neneChatHeaderLink:focus-visible{outline:2px solid #3b5bb3;outline-offset:2px}
:scope[data-theme="dark"] .neneChatHeaderLink{background:var(--surface-elevated);border-color:var(--border-soft);color:var(--accent-primary)}
:scope[data-theme="dark"] .neneChatHeaderLink:hover{background:color-mix(in srgb,var(--accent-primary) 14%,var(--surface-elevated));border-color:color-mix(in srgb,var(--accent-primary) 38%,var(--border-soft));color:#d7e6ff}
:scope[data-theme="dark"] .neneChatHeaderLink:focus-visible{outline-color:var(--accent-primary)}
/* 좁은 채팅창에서는 아이콘만 표시 */
@container (max-width:285px){
  .neneChatHeaderLink{width:30px;height:30px;padding:0;gap:0}
  .neneChatHeaderLinkText{display:none}
}
@media(max-width:380px){
  .neneChatHeaderActions{gap:4px}
  .neneChatHeaderLink{padding:0 5px}
}
@media(prefers-reduced-motion:reduce){
  .neneChatHeaderLink{transition:none}
}
.floatChatPanel .chatPanel{flex:1;min-height:0;padding:0;display:flex;flex-direction:column;gap:0;overflow:hidden;background:var(--surface);color:var(--text)}
.beetalkShell{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;height:100%;position:relative}
.beetalkMount{flex:1;min-height:0;width:100%;height:100%;background:var(--surface);font-family:var(--font-ui)}
.beetalkLoading{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--surface);color:var(--text-muted);font-size:13px;font-weight:500;line-height:1.4}
.beetalkLoadingRing{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--accent-primary);animation:beetalkLoadingSpin 700ms linear infinite}
@keyframes beetalkLoadingSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){
  .beetalkLoadingRing{animation:none}
}
.beetalkGuestNote{flex:0 0 auto;margin:0;padding:10px 12px;border-top:1px solid var(--line);background:var(--surface);color:var(--text-muted);font-size:12px;font-weight:500;line-height:1.4;text-align:center}
.beetalkPageCard{min-height:520px;display:flex;flex-direction:column}
.beetalkMount beetalk-chat{display:block;width:100%;height:100%}
.unrankedIcon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
:scope[data-theme="dark"] .unrankedIcon circle[fill="#E6EAF0"]{fill:#2A3646}
.floatChatPanel .chatRoomBar{flex:0 0 auto;padding:6px 10px;border-bottom:1px solid var(--line)}
.floatChatPanel .chatLog{flex:1;min-height:0;height:auto;overflow:auto;background:var(--soft);border:0;border-radius:0;padding:8px 10px 12px;color:var(--text);scrollbar-color:color-mix(in srgb,var(--accent) 40%,var(--line)) transparent}
.floatChatPanel .notice,.floatChatPanel .chatLoginNote{color:var(--muted)}
.floatChatPanel .chatFreezeNote,.floatChatPanel .err,.floatChatPanel .chatLoginNote{flex:0 0 auto;margin:8px 12px 0}
.floatChatPanel .chatComposer{flex:0 0 auto;padding:10px 12px 12px;border-top:1px solid var(--line);background:var(--surface);grid-template-columns:minmax(0,1fr) 44px}
.floatChatPanel .chatComposer .field{background:var(--surface);border-color:var(--line);color:var(--text)}
.floatChatPanel .chatComposer .field::placeholder{color:var(--muted)}
.floatChatPanel .chatSendBtn{width:44px;min-width:44px;padding:0}
.chatMsg.compact{grid-template-columns:minmax(0,1fr)}
.chatActions{display:flex;gap:4px;align-items:center;opacity:0;pointer-events:none;transition:opacity .12s ease}
.chatActions .linkBtn{font-size:12px;padding:2px 4px}
.chatMsg:hover .chatActions,.chatMsg:focus-within .chatActions,.chatMsg:has(.chatModMenu) .chatActions{opacity:1;pointer-events:auto}
.chatBanCustom{display:grid;gap:6px;padding:6px 8px}
.chatBanCustom .field{min-width:0;padding:7px 8px}
.chatFreezeNote{margin:0;padding:8px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--accent);font-size:12px;font-weight:700}
.chatMod{position:relative}
.chatMsg:hover .chatMod .linkBtn{color:var(--accent)}
.chatModMenu{position:absolute;right:0;top:22px;z-index:5;display:grid;min-width:168px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:6px}
.chatModMenu button{border:0;background:transparent;color:var(--text);text-align:left;padding:6px 8px;font-size:12px;cursor:pointer}
.chatModMenu button:hover{background:var(--soft);color:var(--accent)}
.floatChat.is-mobile .floatChatBtn{position:fixed;right:16px;bottom:18px;left:auto;top:auto;width:50px;height:50px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,var(--accent-primary),var(--accent-primary));color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}
.floatChat.is-mobile .floatChatPanel.sheet{
  --chat-visible-height:100vh;
  --chat-visible-bottom:0px;
  --chat-closed-height:48svh;
  --chat-safe-bottom:env(safe-area-inset-bottom,0px);
  left:0;right:0;bottom:var(--chat-visible-bottom);top:auto;width:100%;max-width:100%;
  height:min(calc(var(--chat-visible-height) - 12px - env(safe-area-inset-top,0px)),max(280px,var(--chat-closed-height)));
  max-height:calc(var(--chat-visible-height) - 12px - env(safe-area-inset-top,0px));
  min-height:0;border-radius:0;box-sizing:border-box;
  padding-bottom:var(--chat-safe-bottom)
}
.floatChat.is-mobile .floatChatPanel.sheet.keyboard-open{
  height:min(680px,calc(var(--chat-visible-height) - 12px - env(safe-area-inset-top,0px)))
}
@supports(height:100svh){
  .floatChat.is-mobile .floatChatPanel.sheet{--chat-visible-height:100svh}
}
@supports(height:100dvh){
  .floatChat.is-mobile .floatChatPanel.sheet{--chat-visible-height:100dvh}
}
.floatChat.is-mobile .floatChatHead{position:relative;padding-top:18px;cursor:default}
.floatChat.is-mobile .floatChatHeadActions .iconButton{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:0;box-sizing:border-box;flex-shrink:0}
.floatChat.is-mobile .floatChatHeadActions .iconButton svg{display:block;flex-shrink:0}
@media(max-width:760px){
  .chatActions{opacity:1;pointer-events:auto}
  .chatMeta{flex-wrap:wrap}
  .chatActionWrap{flex:1 0 100%;margin-left:0}
  .chatEmpty{margin:28px 12px}
  .floatChat.is-mobile .chatComposer{grid-template-columns:minmax(0,1fr) 44px}
}
@media(prefers-reduced-motion:reduce){.floatChatPanel,.iconButton.themeToggle svg,.partnerCard,.navItem.partner .partnerMark{transition:none;animation:none}}
:scope[data-theme=dark] .boardTable tbody tr{background:var(--surface)}
:scope[data-theme=dark] .boardTable tbody tr:hover td{background:color-mix(in srgb,var(--accent) 12%,var(--surface))}
:scope[data-theme="dark"] .postBadge.new,:scope[data-theme="dark"] .boardBadge--new{background:var(--surface-elevated);color:#8bb4ff;border-color:#2a4568}
:scope[data-theme="dark"] .boardBadge--live{background:rgba(16,185,129,.14);color:#6ee7b7;border-color:rgba(16,185,129,.28)}
:scope[data-theme="dark"] .boardBadge--active{background:rgba(249,115,22,.14);color:#fdba74;border-color:rgba(249,115,22,.28)}
:scope[data-theme=dark] .hlHero .muted,:scope[data-theme=dark] .hlCard small{color:#c5d3e6}
:scope[data-theme=dark] .bcRow{background:transparent;border-color:var(--border-soft);color:var(--text)}
:scope[data-theme=dark] .bcBoard{background:var(--header-bg);border-color:var(--border-soft)}
:scope[data-theme=dark] .bcTeams b,:scope[data-theme=dark] .hlCard b,:scope[data-theme=dark] .partnerCardBody h3,:scope[data-theme=dark] .floatChatHead b{color:#f4f8ff}
:scope[data-theme=dark] .bcLeague,:scope[data-theme=dark] .bcTime small,:scope[data-theme=dark] .bcTeams em{color:#c5d3e6}
:scope[data-theme=dark] .bcBadge.up{background:color-mix(in srgb,var(--text-secondary) 12%,var(--surface));color:var(--text-secondary);border-color:var(--line)}
:scope[data-theme=dark] .bcCount{background:color-mix(in srgb,var(--text-secondary) 12%,var(--surface));color:var(--text-secondary);border-color:var(--line)}
:scope[data-theme=dark] .bcWatch,:scope[data-theme=dark] .bcCh{color:#edf4ff}
:scope[data-theme=dark] .chatLog,:scope[data-theme=dark] .floatChatPanel,:scope[data-theme=dark] .floatChatPanel .chatPanel{background:var(--surface);border-color:var(--line);color:var(--text)}
:scope[data-theme=dark] .floatChatPanel{background:var(--surface);box-shadow:0 22px 54px rgba(0,0,0,.42);border-color:var(--line)}
:scope[data-theme=dark] .chatText,:scope[data-theme=dark] .chatBody p,:scope[data-theme=dark] .chatNick,:scope[data-theme=dark] .chatMeta b{color:var(--text)}
:scope[data-theme=dark] .chatTime,:scope[data-theme=dark] .chatDiv,:scope[data-theme=dark] .chatMeta small,:scope[data-theme=dark] .chatComposer .field::placeholder,:scope[data-theme=dark] .rowActions .linkBtn,:scope[data-theme=dark] .floatChatPanel .notice,:scope[data-theme=dark] .chatEmpty,:scope[data-theme=dark] .chatLoginNote{color:var(--muted)}
:scope[data-theme=dark] .floatChatHead{background:var(--surface-elevated);border-color:var(--line);color:#f4f8ff}
:scope[data-theme=dark] .floatChatBrand b,:scope[data-theme=dark] .floatChatHead b{color:var(--brand)}
:scope[data-theme=dark] .floatChatHead .linkBtn{color:color-mix(in srgb,#edf4ff 70%,var(--surface-elevated))}
:scope[data-theme=dark] .floatChatHead .iconButton{background:transparent;color:#edf4ff;border-color:var(--line)}
:scope[data-theme=dark] .floatChatPanel .chatLog{background:var(--soft)}
:scope[data-theme=dark] .chatComposer .field,:scope[data-theme=dark] .floatChatPanel .chatComposer .field{background:var(--soft);color:var(--text);border-color:var(--line)}
:scope[data-theme=dark] .chatMsg:hover,:scope[data-theme=dark] .chatMsg:focus-within{background:color-mix(in srgb,var(--accent) 14%,transparent)}
:scope[data-theme=dark] .chatFreezeNote{background:color-mix(in srgb,var(--accent) 14%,var(--surface));border-color:color-mix(in srgb,var(--accent) 32%,var(--line))}
:scope[data-theme=dark] .floatChatBtn:after{box-shadow:0 0 0 2px var(--navy)}
:scope[data-theme=dark] .chatModMenu{background:var(--surface);border-color:var(--line)}
:scope[data-theme=dark] .chatRoomState.is-live{background:color-mix(in srgb,#e83950 18%,var(--surface))}
:scope[data-theme=dark] .chatNotice{background:color-mix(in srgb,#d9b15b 10%,var(--surface));border-color:color-mix(in srgb,#d9b15b 28%,var(--line))}
.analysisPage{display:grid;gap:0}
.analysisDetail{display:grid;gap:12px}
.analysisDetail > .muted{margin:0}
.analysisIntro{position:relative;overflow:hidden;min-height:128px;padding:22px 28px;color:#fff;background:linear-gradient(118deg,var(--surface-elevated) 0%,var(--surface-elevated) 56%,var(--surface-elevated) 100%);border-color:transparent}
.analysisIntro:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 86% 18%,rgba(130,165,210,.22),transparent 28%),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 72px);pointer-events:none}
.analysisIntro:after{content:"";position:absolute;right:-8%;bottom:-54px;width:52%;height:140px;border:1px solid rgba(255,255,255,.1);border-radius:50% 50% 0 0;box-shadow:0 -24px 48px rgba(65,115,158,.1) inset;transform:perspective(420px) rotateX(58deg);pointer-events:none}
.analysisIntroEyebrow{position:relative;z-index:1;margin:0;font-size:11px;letter-spacing:1.8px;color:#d9b15b;font-weight:800}
.analysisIntro h1{position:relative;z-index:1;margin:8px 0 6px;font-size:var(--fs-xl);letter-spacing:-.8px;color:#fff}
.analysisIntro p{position:relative;z-index:1;margin:0;max-width:560px;font-size:13px;color:#d8e2ec}
.analysisIntroCount{position:absolute;right:28px;bottom:22px;z-index:1;border:1px solid rgba(255,255,255,.16);background:rgba(4,20,37,.38);border-radius:999px;padding:6px 12px;font-size:11px;font-weight:800;color:#e8f0ff}
.analysisDates{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 0}
.analysisSearch{max-width:360px;margin:0 0 14px}
.analysisGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.analysisCard.nntvCard{padding:14px 16px;display:grid;align-content:start;gap:0}
.analysisCardTop{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;color:var(--muted);font-size:12px}
.analysisLeague{display:flex;align-items:center;gap:6px;min-width:0}
.analysisLeague small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.analysisLeagueMark{border-radius:4px;object-fit:contain;background:transparent}
.analysisCardMeta{display:grid;justify-items:end;gap:4px;flex:0 0 auto}
.analysisCardMeta em{font-style:normal;font-size:11px;color:var(--muted);white-space:nowrap}
.analysisBadge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;border:1px solid var(--line);background:var(--soft);color:var(--muted);white-space:nowrap}
.analysisBadge.ready{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--accent)}
.analysisBadge.collecting,.analysisBadge.preparing{color:var(--muted)}
.analysisTeams{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:8px;align-items:center;margin:12px 0 10px}
.analysisTeams > div,
.analysisTeam{display:flex;align-items:center;gap:8px;min-width:0}
.analysisTeam--home{justify-content:flex-start;text-align:left}
.analysisTeam--away{justify-content:flex-end;text-align:right}
.analysisTeams b{font-size:13px;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.analysisVs{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--accent)}
.analysisCrest{width:56px;height:56px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--soft);overflow:hidden}
.analysisCrest .teamCrestImg{width:44px;height:44px;object-fit:contain;border-radius:0;background:transparent}
.analysisCrest .teamCrest{width:100%!important;height:100%!important;border-radius:11px;font-size:13px}
.analysisCrestLg{width:72px;height:72px}
.analysisCrestLg .teamCrestImg{width:58px;height:58px}
.analysisSummary,.analysisPick{margin-top:8px}
.analysisSummary small,.analysisPick small{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.04em}
.analysisSummary p{margin:4px 0 0;font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.analysisPick{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}
.analysisPick p{margin:0;font-size:14px;font-weight:850;color:var(--text)}
.analysisPick em{font-style:normal;font-size:11px;color:var(--accent);font-weight:800}
.analysisEmpty{margin:8px 0 0;padding:8px 10px;border-radius:10px;background:var(--soft);border:1px dashed var(--line);color:var(--muted);font-size:12px;font-weight:700}
.analysisCard .primaryBtn{margin-top:12px;width:100%;height:var(--ctrl-h-lg);padding:0;font-size:var(--ctrl-fs-lg)}
.analysisMatchHead{padding:16px 18px}
.analysisFacts{display:grid;gap:6px;padding:0;margin:16px 0 0;list-style:none;color:var(--muted);font-size:13px}
.analysisDetailBody{white-space:pre-wrap;font:inherit;color:var(--text);background:var(--soft);padding:12px;border-radius:10px}
.analysisCoverage{margin:0 0 8px;font-size:11px;font-weight:800;color:var(--accent)}
.analysisHeroCard h2{margin:0 0 10px;font-size:22px}
.analysisPicks{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.analysisPicks article{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--soft)}
.analysisPicks small{color:var(--muted);font-size:11px}
.analysisReasons{display:grid;gap:12px}
.analysisReasons article{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start}
.analysisReasons span{width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:900}
.analysisEvidence ul{margin:8px 0 0;padding-left:18px;color:var(--muted);font-size:13px}
.analysisCompare{width:100%;border-collapse:collapse;font-size:13px}
.analysisCompare th,.analysisCompare td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left}
.analysisOdds{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.analysisOdds article{border:1px solid var(--line);border-radius:14px;padding:14px;text-align:center;background:var(--soft)}
.evMatchLine{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
:scope[data-theme=dark] .analysisIntro{background:linear-gradient(118deg,var(--surface-elevated) 0%,var(--surface-elevated) 52%,var(--surface-elevated) 100%)}
:scope[data-theme=dark] .analysisIntro h1,:scope[data-theme=dark] .analysisTeams b,:scope[data-theme=dark] .analysisPick p,:scope[data-theme=dark] .analysisHeroCard h2{color:#edf4ff}
:scope[data-theme=dark] .analysisCrest{background:var(--surface-elevated);border-color:var(--border-soft)}
:scope[data-theme=dark] .analysisEmpty{background:var(--surface-elevated);border-color:var(--border-soft);color:var(--text-secondary)}
:scope[data-theme=dark] .analysisBadge{background:var(--surface-elevated);border-color:var(--border-soft)}
:scope[data-theme=dark] .analysisBadge.ready{background:color-mix(in srgb,var(--accent) 18%,var(--surface-elevated));color:#8bb4ff}
@media(max-width:1200px){.analysisGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.analysisIntroCount{right:18px;bottom:16px}}
@media(max-width:760px){.analysisGrid{grid-template-columns:1fr}.analysisIntro{padding:20px 18px;min-height:118px}.analysisIntro h1{font-size:24px}.analysisIntroCount{position:static;margin-top:12px;display:inline-flex}.analysisCrest{width:48px;height:48px}.analysisCrest .teamCrestImg{width:38px;height:38px}.analysisCrestLg{width:64px;height:64px}.analysisCrestLg .teamCrestImg{width:50px;height:50px}}

.nvOverlay,.nenetvModal{position:fixed;inset:0;background:rgba(13,26,44,.46);display:flex;align-items:center;justify-content:center;z-index:120;padding:16px;animation:nvOverlayIn .18s ease}
.nvOverlay.is-closing{animation:nvOverlayOut .15s ease forwards}
.nvDialog,.nenetvModalCard{width:min(420px,100%);background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:20px 20px 16px;display:grid;gap:12px;box-shadow:0 16px 40px rgba(13,26,44,.16);animation:nvDialogIn .18s ease}
.nvOverlay.is-closing .nvDialog{animation:nvDialogOut .15s ease forwards}
.nvDialogTitle,.nenetvModalCard h3{margin:0;font-size:16px;font-weight:850;letter-spacing:-.3px;color:var(--navy);line-height:1.3}
.nvDialogBody,.nenetvModalCard p{margin:0;font-size:14px;line-height:1.55;color:var(--text)}
.nvDialogBody.muted{color:var(--muted);font-size:13px}
.nvDialogActions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}
.nvBtn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:8px;border:1px solid transparent;font-weight:800;font-size:13px;line-height:1;cursor:pointer}
.nvBtn.primary{background:linear-gradient(180deg,var(--accent-primary),var(--accent-primary));color:#fff;box-shadow:0 6px 14px rgba(30,64,175,.16)}
.nvBtn.danger{background:#b4232c;color:#fff}
.nvBtn.ghost{background:transparent;border-color:var(--line);color:var(--text)}
.nvToastStack{position:fixed;right:16px;bottom:16px;z-index:130;display:grid;gap:8px;width:min(360px,calc(100vw - 24px));pointer-events:none}
.nvToast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface);box-shadow:0 12px 28px rgba(13,26,44,.14);animation:nvToastIn .18s ease}
.nvToast.success{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.nvToast.error{border-color:color-mix(in srgb,#b4232c 40%,var(--line))}
.nvToastMark{flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;line-height:1}
.nvToast.success .nvToastMark{background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent)}
.nvToast.error .nvToastMark{background:#fde8ec;color:#b4232c}
.nvToast p{margin:0;flex:1;font-size:13px;line-height:1.4;color:var(--text)}
.nvToastCopy{margin:0;flex:1;min-width:0;display:grid;gap:2px}
.nvToastCopy b{font-size:13px;font-weight:850;line-height:1.3;color:var(--text)}
.nvToastCopy p{flex:none}
.nvToast.notice{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.nvToast.notice .nvToastMark{background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent)}
.nvToast.is-link{cursor:pointer}
.nvToastClose{flex:0 0 auto;border:0;background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:0 2px}
.pointDisplay{display:inline-flex;align-items:center;gap:2px;line-height:1;vertical-align:middle}
button.primaryBtn,button.ghostBtn,.primaryBtn,.ghostBtn,.likeBtn,.copyCodeBtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1}
.tab,.datePill,.postBadge,.catLabel,.partnerChip,.partnerDeposit,.evBadge,.shopTabs a{display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle}
.linkBtn{display:inline-flex;align-items:center;gap:4px;line-height:1;vertical-align:middle}
.navItem{display:inline-flex;align-items:center}
.headerTools .search,input.search{line-height:1.3}
input.field,select.field{line-height:1.3}
.shopProductBody strong,.shopGrid article strong,.noticeRow small{display:inline-flex;align-items:center;line-height:1}
.boardMobileList .boardAuthor{width:100%}
.articleMeta .tierIcon,.cmtHead .tierIcon,.boardAuthor .tierIcon{flex-shrink:0}
.tierIcon svg,.tierGlyph{flex-shrink:0;display:block}
.tierIconCopy{align-items:center}
.profileStats b{display:inline-flex;align-items:center;gap:6px;line-height:1.2}
@media(max-width:760px){.pager{gap:4px;margin:14px 0 4px}.pager a,.pager span{font-size:12px}}
@keyframes nvOverlayIn{from{opacity:0}to{opacity:1}}
@keyframes nvOverlayOut{from{opacity:1}to{opacity:0}}
@keyframes nvDialogIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes nvDialogOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}
@keyframes nvToastIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:760px){
  .nvDialog,.nenetvModalCard{width:100%;border-radius:10px}
  .nvToastStack{right:12px;left:12px;bottom:12px;width:auto}
  .nvDialogActions{justify-content:stretch}
  .nvDialogActions .nvBtn{flex:1}
}
@media(prefers-reduced-motion:reduce){
  .nvOverlay,.nvOverlay.is-closing,.nvDialog,.nvOverlay.is-closing .nvDialog,.nvToast{animation:none}
}
:scope[data-theme=dark] .nvDialogTitle,:scope[data-theme=dark] .nenetvModalCard h3{color:#edf4ff}
:scope[data-theme=dark] .nvToast.error .nvToastMark{background:#3a151c;color:#f08a97}
:scope[data-theme=dark] .nvBtn.danger{background:#9b2c3c}

.headerInbox{position:relative;width:var(--header-ctrl,34px);height:var(--header-ctrl,34px);border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:visible;flex:0 0 var(--header-ctrl,34px)}
.headerInboxIcon{position:relative;display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center}
.headerInboxCount{position:absolute;top:2px;right:2px;min-width:14px;height:14px;padding:0 3px;border-radius:999px;background:var(--accent-primary);color:#fff;font-size:9px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;line-height:1;z-index:2}
.headerInboxDot{position:absolute;top:-3px;right:-5px;width:7px;height:7px;border:1px solid var(--hd-surface,var(--surface));border-radius:50%;background:var(--hd-blue,var(--accent))}
.headerInboxPulse{position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--accent-primary);pointer-events:none;opacity:0}
.headerInbox.is-unread{z-index:2;color:var(--accent-primary);border-color:color-mix(in srgb,var(--accent-primary) 55%,var(--line));box-shadow:0 0 10px rgba(30,64,175,.35)}
.headerInbox.is-unread .headerInboxIcon{animation:inboxShake 1.8s ease-in-out infinite}
.headerInbox.is-unread .headerInboxPulse{animation:inboxPulse 1.8s ease-out infinite}
.headerInbox.is-unread .headerInboxCount{box-shadow:0 0 8px rgba(30,64,175,.55)}
@keyframes inboxShake{
  0%,78%,100%{transform:translateX(0) rotate(0)}
  84%{transform:translateX(-2px) rotate(-7deg)}
  90%{transform:translateX(2px) rotate(7deg)}
  95%{transform:translateX(-1px) rotate(-3deg)}
}
@keyframes inboxPulse{
  0%{transform:scale(.92);opacity:.55}
  100%{transform:scale(1.28);opacity:0}
}
@keyframes inboxGlow{
  0%,100%{box-shadow:0 0 8px rgba(30,64,175,.28)}
  50%{box-shadow:0 0 16px rgba(30,64,175,.5)}
}
.headerInbox.is-unread{animation:inboxGlow 1.8s ease-in-out infinite}
:scope[data-theme=dark] .headerInbox.is-unread{color:#B9C8E8;border-color:color-mix(in srgb,var(--accent-primary) 50%,var(--line))}
@media(prefers-reduced-motion:reduce){
  .headerInbox.is-unread,.headerInbox.is-unread .headerInboxIcon,.headerInbox.is-unread .headerInboxPulse{animation:none}
  .headerInboxPulse{display:none}
}
.msgThread{display:grid;gap:10px;margin-top:16px;max-height:min(560px,60vh);overflow:auto;padding:4px 2px}
.msgRow{display:flex}
.msgRow.mine{justify-content:flex-end}
.msgRow.theirs{justify-content:flex-start}
.msgBubble{max-width:min(520px,78%);border:1px solid var(--line);background:var(--soft);border-radius:14px;padding:10px 12px}
.msgRow.mine .msgBubble{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}
.msgBubble small{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}
.msgBubble p{margin:0;white-space:pre-wrap;font-size:14px;line-height:1.55}
.msgComposer{margin-top:16px;display:grid;gap:8px}
.msgComposerTitle{margin:22px 0 0;font-size:15px}
.msgComposerBar{display:flex;align-items:center;justify-content:space-between;gap:10px}
.msgComposer .field.area{min-height:96px}
.notifySoundToggle{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}
.noticeRow a{display:grid;gap:3px;min-width:0}
.noticeRow a small{text-align:left}
.noticeRow.is-unread span{background:var(--accent)}
.noticeRow:not(.is-unread) span{background:#8aa0b4}
.notifyRow{grid-template-columns:52px minmax(0,1fr) auto}
:scope[data-theme=dark] .noticeRow:not(.is-unread) span{background:var(--border-soft)}

.moreBtn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ctrl-gap);box-sizing:border-box;height:var(--ctrl-h-sm);min-height:var(--ctrl-h-sm);padding:0 var(--ctrl-pad-sm);border-radius:var(--ctrl-radius);border:1px solid var(--ctrl-border);background:var(--ctrl-bg);color:var(--ctrl-fg);font-size:var(--ctrl-fs);font-weight:var(--ctrl-fw);line-height:1;box-shadow:none;cursor:pointer;white-space:nowrap;text-decoration:none;flex:0 0 auto;transition:border-color .18s ease,background .18s ease,color .18s ease}
.moreBtn>span:last-child{display:inline-block;transition:transform .18s ease}
.moreBtn:hover{background:var(--ctrl-bg-hover);border-color:var(--ctrl-border-hover);color:var(--ctrl-fg-hover);transform:none;box-shadow:none}
.moreBtn:hover>span:last-child{transform:translateX(2px)}
.moreBtn:active{background:var(--ctrl-bg-active);border-color:var(--ctrl-border-active);color:var(--ctrl-fg-active);transform:none;box-shadow:none}
.pageWrap{
  --page-hero-min-h:140px;
  --page-hero-pad-y:22px;
  --page-hero-pad-x:25px;
  --page-hero-title-size:24px;
  --page-hero-title-weight:600;
  --page-hero-title-lh:1.15;
  --page-hero-desc-size:var(--fs-sm);
  --page-hero-desc-lh:1.55;
  --page-hero-eyebrow-size:11px;
  --page-gap:14px;
}
.pageWrap .pageHero,
.pageWrap .pageBody,
.pageWrap .pageHero + *{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
.pageHero{
  --ph-ice-0:#F7FAFD;--ph-ice-1:#F3F7FB;--ph-ice-2:#EEF4F9;--ph-line:var(--border-soft);
  --ph-title:var(--text-primary);--ph-body:var(--text-secondary);--ph-eyebrow:var(--text-muted);
  --ph-tile-0:#ffffff;--ph-tile-1:#EEF3F8;--ph-tile-line:rgba(190,205,222,.5);--ph-icon:#6B7C90;
  --ph-accent:#7A8BA0;
  position:relative;overflow:hidden;isolation:isolate;z-index:1;
  display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"copy";
  align-items:center;gap:8px 12px;
  min-height:var(--page-hero-min-h,156px);
  padding:var(--page-hero-pad-y,22px) var(--page-hero-pad-x,25px);
  color:var(--ph-title);border:1px solid var(--ph-line);border-radius:16px;
  background:
    radial-gradient(ellipse 58% 80% at 86% 18%,rgba(148,163,184,.08),transparent 58%),
    linear-gradient(135deg,var(--ph-ice-0) 0%,var(--ph-ice-1) 48%,var(--ph-ice-2) 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 8px 20px rgba(15,35,70,.03);
}
.pageHero:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.7;
  background:
    repeating-linear-gradient(118deg,rgba(148,163,184,.07) 0 1px,transparent 1px 46px),
    radial-gradient(circle at 78% 30%,rgba(255,255,255,.55),transparent 36%);
}
.pageHero:after{
  content:"";position:absolute;right:-10%;bottom:-56px;z-index:0;width:48%;height:130px;
  border:1px solid rgba(148,163,184,.12);border-radius:50% 50% 0 0;background:transparent;
  opacity:.5;transform:perspective(520px) rotateX(58deg);pointer-events:none;
}
.pageHeroGlow,.pageHeroGraphic,.pageHeroMark{display:none}
.pageHeroCopy{grid-area:copy;position:relative;z-index:2;min-width:0;max-width:none}
.pageHeroEyebrow{margin:0;font-size:var(--page-hero-eyebrow-size,11px);letter-spacing:.16em;color:var(--ph-eyebrow);font-weight:800;text-transform:uppercase;line-height:1.2}
.pageHero h1{margin:8px 0 8px;font-size:var(--page-hero-title-size,24px);letter-spacing:-.05em;line-height:var(--page-hero-title-lh,1.15);color:var(--ph-title);padding-right:0;font-weight:var(--page-hero-title-weight,600)}
.pageHeroDesc,.pageHero p{margin:0;max-width:640px;font-size:var(--page-hero-desc-size,13px);color:var(--ph-body);line-height:var(--page-hero-desc-lh,1.55);padding-right:0}
.pageHeroNote{display:block;margin-top:6px;font-size:12px;color:var(--ph-body);font-weight:600;opacity:.86}
.pageHeroMeta{
  position:static;display:inline-flex;align-items:center;gap:6px;margin-top:12px;
  border:1px solid var(--ph-line);background:rgba(255,255,255,.72);
  border-radius:999px;padding:6px 12px;font-size:11px;font-weight:800;color:var(--ph-title);
}
.pageHeroMetaLink{color:inherit;text-decoration:none;display:inline-flex;align-items:center}
.pageHeroScene{grid-area:scene;position:relative;z-index:1;min-height:0;min-width:0;pointer-events:none;align-self:stretch}
.pageHeroTile{
  position:absolute;display:grid;place-items:center;
  background:linear-gradient(145deg,var(--ph-tile-0),var(--ph-tile-1));
  border:1px solid var(--ph-tile-line);
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 12px 24px rgba(15,35,70,.08),0 2px 6px rgba(15,35,70,.04);
  color:var(--ph-icon);
}
.pageHeroTile:before{
  content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.7),transparent 46%);
}
.pageHeroTile--main{width:88px;height:88px;border-radius:24px;color:var(--ph-accent)}
.pageHeroTile--mid{width:56px;height:56px;border-radius:18px}
.pageHeroTile--a,.pageHeroTile--b,.pageHeroTile--c{width:44px;height:44px;border-radius:14px}
.pageHeroTile--board{
  display:flex;align-items:center;justify-content:center;gap:6px;
  width:108px;height:86px;border-radius:24px;font-variant-numeric:tabular-nums;
}
.pageHeroTile--board b{font-size:28px;font-weight:900;letter-spacing:-.8px;line-height:1;color:var(--ph-title)}
.pageHeroTile--board i{font-style:normal;font-size:18px;font-weight:800;color:var(--ph-body);opacity:.7}
.pageHeroLiveDot{position:absolute;top:10px;right:10px;width:7px;height:7px;border-radius:50%;background:#C45A5A;box-shadow:none}
.pageHeroLiveDot--float{top:18%;right:22%;width:8px;height:8px}
.pageHeroTile--pitch{width:86px;height:108px;border-radius:22px}
.pageHeroFormation{position:relative;width:42px;height:64px}
.pageHeroFormation i{position:absolute;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.55}
.pageHeroFormation i:nth-child(1){left:50%;top:2px;transform:translateX(-50%)}
.pageHeroFormation i:nth-child(2){left:4px;top:22px}
.pageHeroFormation i:nth-child(3){left:50%;top:22px;transform:translateX(-50%)}
.pageHeroFormation i:nth-child(4){right:4px;top:22px}
.pageHeroFormation i:nth-child(5){left:8px;bottom:8px}
.pageHeroFormation i:nth-child(6){left:50%;bottom:8px;transform:translateX(-50%)}
.pageHeroFormation i:nth-child(7){right:8px;bottom:8px}
.pageHeroScene--orbit .pageHeroTile--main{left:50%;top:50%;transform:translate(-28%,-54%) rotate(-8deg)}
.pageHeroScene--orbit .pageHeroTile--a{left:6%;top:10%;transform:rotate(-14deg)}
.pageHeroScene--orbit .pageHeroTile--b{left:2%;bottom:12%;transform:rotate(10deg)}
.pageHeroScene--orbit .pageHeroTile--c{right:6%;bottom:8%;transform:rotate(-7deg)}
.pageHeroScene--diagonal .pageHeroTile--main{right:10%;top:8%;transform:rotate(-11deg)}
.pageHeroScene--diagonal .pageHeroTile--a{left:8%;top:16%;transform:rotate(12deg)}
.pageHeroScene--diagonal .pageHeroTile--b{left:18%;bottom:10%;transform:rotate(-8deg)}
.pageHeroScene--diagonal .pageHeroTile--c{right:4%;bottom:12%;transform:rotate(9deg)}
.pageHeroScene--tech .pageHeroTile--main{right:8%;top:10%;width:92px;height:92px;border-radius:22px;transform:rotate(-4deg)}
.pageHeroScene--tech .pageHeroTile--a{left:10%;top:12%;transform:rotate(8deg)}
.pageHeroScene--tech .pageHeroTile--b{left:4%;bottom:18%;transform:rotate(-10deg)}
.pageHeroScene--tech .pageHeroTile--c{right:18%;bottom:8%;transform:rotate(6deg)}
.pageHeroScene--pitch .pageHeroTile--main{right:6%;top:50%;transform:translateY(-50%) rotate(-3deg)}
.pageHeroScene--pitch .pageHeroTile--a{left:10%;top:12%;transform:rotate(-12deg)}
.pageHeroScene--pitch .pageHeroTile--b{left:2%;bottom:16%;transform:rotate(8deg)}
.pageHeroScene--pitch .pageHeroTile--c{left:38%;bottom:6%;transform:rotate(-6deg)}
.pageHeroScene--shield .pageHeroTile--main{right:14%;top:50%;transform:translateY(-52%) rotate(-7deg);width:92px;height:92px}
.pageHeroScene--shield .pageHeroTile--a{left:8%;top:14%;transform:rotate(10deg)}
.pageHeroScene--shield .pageHeroTile--b{left:18%;bottom:12%;transform:rotate(-9deg)}
.pageHeroScene--cluster .pageHeroTile--main{right:12%;top:12%;transform:rotate(-9deg)}
.pageHeroScene--cluster .pageHeroTile--mid{left:10%;top:50%;transform:translateY(-40%) rotate(8deg)}
.pageHeroScene--cluster .pageHeroTile--a{right:8%;bottom:10%;transform:rotate(-6deg);width:40px;height:40px}
.pageHeroScene--cluster .pageHeroTile--b{left:28%;bottom:8%;transform:rotate(11deg);width:38px;height:38px}
.pageHeroScene--play .pageHeroTile--main{right:4%;top:50%;transform:translateY(-48%) rotate(-6deg);width:96px;height:96px;border-radius:28px}
.pageHeroScene--play .pageHeroTile--a{left:8%;top:10%;transform:rotate(12deg)}
.pageHeroScene--play .pageHeroTile--b{left:2%;bottom:14%;transform:rotate(-8deg)}
.pageHeroScene--play .pageHeroTile--c{left:42%;bottom:6%;transform:rotate(7deg);width:38px;height:38px}
.pageHeroScene--gift .pageHeroTile--main{right:8%;top:8%;transform:rotate(8deg)}
.pageHeroScene--gift .pageHeroTile--a{left:8%;top:18%;transform:rotate(-12deg)}
.pageHeroScene--gift .pageHeroTile--b{left:22%;bottom:10%;transform:rotate(9deg)}
.pageHeroScene--gift .pageHeroTile--c{right:6%;bottom:8%;transform:rotate(-7deg)}
.pageHeroScene--row .pageHeroTile--main{left:38%;top:50%;transform:translate(-50%,-50%) rotate(-6deg)}
.pageHeroScene--row .pageHeroTile--a{left:4%;top:18%;transform:rotate(11deg)}
.pageHeroScene--row .pageHeroTile--b{right:8%;top:12%;transform:rotate(-9deg)}
.pageHeroScene--row .pageHeroTile--c{right:16%;bottom:10%;transform:rotate(7deg)}
.pageHeroScene--scatter .pageHeroTile--main{right:16%;top:14%;transform:rotate(11deg)}
.pageHeroScene--scatter .pageHeroTile--a{left:6%;top:8%;transform:rotate(-14deg)}
.pageHeroScene--scatter .pageHeroTile--b{left:18%;bottom:8%;transform:rotate(8deg)}
.pageHeroScene--scatter .pageHeroTile--c{right:4%;bottom:16%;transform:rotate(-10deg);width:36px;height:36px}
.pageHero--scores .pageHeroTile--c,.pageHero--live .pageHeroTile--main{color:#B45A62}
.pageHero--predict .pageHeroTile--main{color:#5B74A8}
.pageHero--analysis .pageHeroTile--main{color:#4F8898}
.pageHero--lineups .pageHeroTile--main{color:#4E8A86}
.pageHero--injuries .pageHeroTile--main{color:#6E8498}
.pageHero--injuries .pageHeroTile--a{color:#B45A62}
.pageHero--ranking .pageHeroTile--main,.pageHero--ranking .pageHeroTile--a{color:#C49A3C}
.pageHero--community .pageHeroTile--main{color:#4E8A8A}
.pageHero--highlights .pageHeroTile--main{color:#6B74C8}
.pageHero--shop .pageHeroTile--main,.pageHero--convert .pageHeroTile--main{color:#7A5AC8}
.pageHero--attendance .pageHeroTile--a{color:#C45A72}
.pageHero--events .pageHeroTile--main,.pageHero--events .pageHeroTile--c{color:#C4845A}
.pageHero--notice .pageHeroTile--main{color:#5B74A8}
.pageHero--partners .pageHeroTile--main,.pageHero--partners .pageHeroTile--a{color:#C49A3C}
.pageHero--profile .pageHeroTile--main{color:#6B74C8}
.sportsData>.pageHero,.analysisPage>.pageHero,.citadellaScoresPage>.pageHero,.attendPage>.pageHero{margin-bottom:0}
:scope[data-theme="dark"] .pageHero{
  --ph-ice-0:var(--surface-elevated);--ph-ice-1:var(--surface-elevated);--ph-ice-2:var(--surface-elevated);--ph-line:var(--border-soft);
  --ph-title:var(--text-primary);--ph-body:var(--text-secondary);--ph-eyebrow:var(--text-muted);
  --ph-tile-0:var(--surface-elevated);--ph-tile-1:var(--surface-elevated);--ph-tile-line:var(--border-soft);--ph-icon:#A9B8C9;
  --ph-accent:#A9B8C9;
  color:var(--ph-title);border-color:var(--ph-line);
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 10px 28px rgba(0,0,0,.24);
  background:
    radial-gradient(ellipse 58% 80% at 86% 18%,rgba(148,163,184,.06),transparent 58%),
    linear-gradient(135deg,var(--ph-ice-0) 0%,var(--ph-ice-1) 46%,var(--ph-ice-2) 100%);
}
:scope[data-theme="dark"] .pageHero:before{
  background:
    repeating-linear-gradient(118deg,rgba(148,163,184,.08) 0 1px,transparent 1px 46px),
    radial-gradient(circle at 78% 30%,rgba(175,198,227,.08),transparent 36%);
  opacity:.5;
}
:scope[data-theme="dark"] .pageHero:after{border-color:rgba(148,163,184,.12);opacity:.35}
:scope[data-theme="dark"] .pageHeroTile{
  background:linear-gradient(145deg,var(--surface-elevated),var(--surface-elevated));
  border-color:var(--border-soft);
  box-shadow:0 1px 0 rgba(175,198,227,.12) inset,0 14px 28px rgba(0,8,24,.32);
  color:var(--ph-icon);
}
:scope[data-theme="dark"] .pageHeroTile:before{background:linear-gradient(180deg,rgba(175,198,227,.16),transparent 46%)}
:scope[data-theme="dark"] .pageHeroTile--board b{color:#F1F5F9}
:scope[data-theme="dark"] .pageHeroMeta{background:var(--surface-elevated);border-color:var(--border-soft);color:var(--text-primary)}
:scope[data-theme="dark"] .pageHero--scores .pageHeroTile--c,:scope[data-theme="dark"] .pageHero--live .pageHeroTile--main,:scope[data-theme="dark"] .pageHero--injuries .pageHeroTile--a{color:#D08086}
:scope[data-theme="dark"] .pageHero--predict .pageHeroTile--main,:scope[data-theme="dark"] .pageHero--notice .pageHeroTile--main{color:#8AA4C8}
:scope[data-theme="dark"] .pageHero--analysis .pageHeroTile--main{color:#7EB8C4}
:scope[data-theme="dark"] .pageHero--lineups .pageHeroTile--main{color:#7EB8B0}
:scope[data-theme="dark"] .pageHero--ranking .pageHeroTile--main,:scope[data-theme="dark"] .pageHero--ranking .pageHeroTile--a,:scope[data-theme="dark"] .pageHero--partners .pageHeroTile--main,:scope[data-theme="dark"] .pageHero--partners .pageHeroTile--a{color:#E2C06A}
:scope[data-theme="dark"] .pageHero--community .pageHeroTile--main{color:#7EC8C8}
:scope[data-theme="dark"] .pageHero--highlights .pageHeroTile--main,:scope[data-theme="dark"] .pageHero--profile .pageHeroTile--main{color:#A8A0E0}
:scope[data-theme="dark"] .pageHero--shop .pageHeroTile--main,:scope[data-theme="dark"] .pageHero--convert .pageHeroTile--main{color:#C4B0FF}
:scope[data-theme="dark"] .pageHero--attendance .pageHeroTile--a{color:#E08AA0}
:scope[data-theme="dark"] .pageHero--events .pageHeroTile--main,:scope[data-theme="dark"] .pageHero--events .pageHeroTile--c{color:#E0A070}
@media(max-width:1200px){
  .pageWrap{--page-hero-pad-y:20px;--page-hero-pad-x:22px}
  .pageHero{grid-template-columns:minmax(0,1fr);padding:var(--page-hero-pad-y) var(--page-hero-pad-x)}
}
@media(max-width:760px){
  .pageWrap{
    --page-hero-min-h:0;
    --page-hero-pad-y:16px;
    --page-hero-pad-x:16px;
    --page-hero-title-size:22px;
    --page-gap:14px;
  }
  .pageHero{grid-template-columns:1fr;padding:var(--page-hero-pad-y) var(--page-hero-pad-x);min-height:0}
  .pageHeroCopy{padding-right:0}
  .pageHero h1{font-size:var(--page-hero-title-size)}
}
.navToggle{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex-direction:column;gap:4px;width:40px;height:40px;padding:10px 9px}
.navToggle svg{display:block;width:16px;height:16px;flex:0 0 16px}
.headerSearch{position:relative}
.headerSearchDrop{position:absolute;top:calc(100% + 8px);right:0;width:min(360px,72vw);background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;z-index:40;display:grid;gap:2px}
.headerSearchHit{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;border:0;background:transparent;border-radius:8px;padding:9px 10px;cursor:pointer;color:inherit}
.headerSearchHit b{font-size:13px}
.headerSearchHit small{color:var(--muted);font-size:11px}
.headerSearchHit.is-active,.headerSearchHit:hover{background:color-mix(in srgb,var(--accent) 8%,var(--soft))}
.headerSearchEmpty{margin:0;padding:10px;color:var(--muted);font-size:12px}
.statusBadge{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:22px;min-height:22px;padding:0 8px;border-radius:7px;border:1px solid transparent;font-size:11px;font-weight:700;line-height:1;letter-spacing:.02em;white-space:nowrap;gap:4px;vertical-align:middle}
.statusBadge--row{min-width:68px;height:24px;min-height:24px;padding:0 8px;border-radius:8px}
.metricBadge{box-sizing:border-box;width:fit-content;max-width:100%;min-width:0;gap:5px;border-radius:7px;vertical-align:middle;justify-content:center}
.metricBadge em{font-style:normal;font-weight:700;opacity:.8;letter-spacing:.04em;line-height:1}
.metricBadge b{font-weight:800;line-height:1;font-variant-numeric:tabular-nums;min-height:0;height:auto;padding:0;display:inline;letter-spacing:0;color:inherit}
.metricBadge--compact{height:22px;min-height:22px;padding:0 8px}
.metricBadge--compact em{font-size:10px}
.metricBadge--compact b{font-size:12px;font-weight:800}
.metricBadge--md{height:28px;min-height:28px;padding:0 10px}
.metricBadge--md em{font-size:11px}
.metricBadge--md b{font-size:14px;font-weight:800}
.statusBadge--np{background:color-mix(in srgb,var(--accent) 16%,var(--surface));border-color:color-mix(in srgb,var(--accent) 38%,var(--line));color:var(--accent2)}
.statusBadge--official,.statusBadge--current{background:color-mix(in srgb,var(--accent) 18%,var(--surface));border-color:color-mix(in srgb,var(--accent) 42%,var(--line));color:var(--accent)}
.statusBadge--pending{background:#e8edf3;border-color:#c5d0dc;color:#4d6178}
.statusBadge--previous,.statusBadge--neutral{background:var(--soft);border-color:var(--line);color:var(--muted)}
.statusBadge--recommend{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:color-mix(in srgb,var(--accent) 32%,var(--line));color:var(--accent)}
.statusBadge--officialMark{background:linear-gradient(180deg,rgba(232,201,122,.28),rgba(217,177,91,.1));border-color:rgba(217,177,91,.45);color:#8a6418}
.statusBadge--deposit{background:#f8efd6;border-color:#e4d19a;color:#8a6a12}
.statusBadge--success{background:#ECFDF5;border-color:#A7F3D0;color:#047857}
.statusBadge--processing{background:#EFF6FF;border-color:#D5DFF0;color:var(--accent-primary)}
.statusBadge--warning{background:#FFFBEB;border-color:#FDE68A;color:#B45309}
.statusBadge--danger{background:#FEF2F2;border-color:#FECACA;color:#B91C1C}
.statusBadge--unread{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}
.statusBadge--read{background:#F1F5F9;border-color:#E2E8F0;color:#475569}
:scope[data-theme=dark] .statusBadge--np{
  background:var(--dark-accent-blue-muted);
  border-color:color-mix(in srgb,var(--dark-accent-blue-muted) 65%,var(--border-soft));
  color:#fff
}
:scope[data-theme=dark] .statusBadge--official,:scope[data-theme=dark] .statusBadge--current{background:rgba(30,64,175,.3);border-color:rgba(122,155,216,.42);color:#A8BFE4}
:scope[data-theme=dark] .statusBadge--pending{background:var(--surface-elevated);border-color:var(--border-soft);color:#b7c6d6}
:scope[data-theme=dark] .statusBadge--previous,:scope[data-theme=dark] .statusBadge--neutral{background:var(--surface-elevated);border-color:var(--border-soft);color:var(--text-secondary)}
:scope[data-theme=dark] .statusBadge--recommend{background:rgba(30,64,175,.22);border-color:rgba(122,155,216,.32);color:#A8BFE4}
:scope[data-theme=dark] .statusBadge--officialMark{background:#2a2416;border-color:#c9a24a;color:#f0d48a}
:scope[data-theme=dark] .statusBadge--deposit{background:#2a2416;border-color:#c9a24a;color:#e8d08a}
:scope[data-theme=dark] .statusBadge--success{background:rgba(4,120,87,.18);border-color:rgba(167,243,208,.28);color:#6ee7b7}
:scope[data-theme=dark] .statusBadge--processing{background:rgba(30,64,175,.22);border-color:rgba(122,155,216,.28);color:#A8BFE4}
:scope[data-theme=dark] .statusBadge--warning{background:rgba(180,83,9,.2);border-color:rgba(253,230,138,.28);color:#fbbf24}
:scope[data-theme=dark] .statusBadge--danger{background:rgba(185,28,28,.2);border-color:rgba(254,202,202,.28);color:#fca5a5}
:scope[data-theme=dark] .statusBadge--unread{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}
:scope[data-theme=dark] .statusBadge--read{background:#1c2a3b;border-color:#334155;color:#cbd5e1}
.historyList{display:flex;flex-direction:column;gap:0;min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.historyRow{box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"status main date amount";column-gap:12px;align-items:center;width:100%;min-height:52px;padding:8px 14px;border:0;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:0;background:transparent;color:inherit;text-align:left;text-decoration:none;font:inherit;appearance:none;box-shadow:none}
.historyRow:last-child{border-bottom:0}
.historyRow--compact{min-height:52px;padding:8px 14px;grid-template-columns:40px minmax(0,1fr);grid-template-areas:"status main"}
.historyRow--media{grid-template-columns:auto 32px minmax(0,1fr) auto auto;grid-template-areas:"status thumb main date amount"}
.historyRow:not(.historyRow--compact):not(.has-amount){grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"status main date"}
.historyRow--media:not(.historyRow--compact):not(.has-amount){grid-template-columns:auto 32px minmax(0,1fr) auto;grid-template-areas:"status thumb main date"}
.historyRow.is-unread{background:color-mix(in srgb,var(--accent) 6%,transparent);box-shadow:inset 3px 0 0 var(--accent)}
.historyRow.is-interactive{cursor:pointer;transition:background .18s ease}
.historyRow.is-interactive:hover{background:color-mix(in srgb,var(--accent) 5%,transparent)}
.historyStatus{grid-area:status;width:auto;min-width:0;flex:0 0 auto;display:flex;align-items:center;justify-content:flex-start}
.historyLeadIcon{box-sizing:border-box;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));color:var(--accent)}
.historyLeadIcon svg{width:16px;height:16px;display:block}
.historyThumb{grid-area:thumb;width:32px;height:32px;flex:0 0 32px;border-radius:8px;overflow:hidden;background:var(--soft);color:var(--accent);display:grid;place-items:center;font-size:11px;font-weight:800}
.historyThumb img{width:100%;height:100%;object-fit:cover;display:block}
.historyMain{grid-area:main;display:grid;gap:2px;min-width:0}
.historyTitle{margin:0;font-size:13px;font-weight:700;line-height:1.3;color:var(--navy);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.historyDesc{font-size:12px;line-height:1.35;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.historyDate{grid-area:date;font-size:12px;line-height:1.3;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.historyDate--inline{grid-area:auto;white-space:normal;text-align:left}
.historyAmount{grid-area:amount;font-size:13px;font-weight:800;line-height:1.2;color:var(--navy);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;min-width:4.8em}
.historyAmount--plus{color:#1D6B4A}
.historyAmount--minus{color:#9A5B4A}
.historyEmptyLine{margin:0;padding:8px 2px 2px;font-size:13px;font-weight:500;color:var(--muted);line-height:1.4}
.shopHistory{margin-top:22px;min-width:0}
.shopHistoryTitle{margin:0 0 10px;font-size:var(--fs-md);font-weight:700;letter-spacing:-.2px;color:var(--navy)}
:scope[data-theme=dark] .historyTitle,:scope[data-theme=dark] .historyAmount,:scope[data-theme=dark] .shopHistoryTitle{color:#edf4ff}
:scope[data-theme=dark] .historyAmount--plus{color:#7dcea0}
:scope[data-theme=dark] .historyAmount--minus{color:#d4a194}
:scope[data-theme=dark] .historyList,:scope[data-theme=dark] .historyRow{background:var(--surface);border-color:var(--line)}
:scope[data-theme=dark] .historyRow.is-unread{background:color-mix(in srgb,var(--accent) 12%,transparent)}
:scope[data-theme=dark] .historyLeadIcon{background:rgba(30,64,175,.22);border-color:rgba(122,155,216,.32);color:#B9C8E8}
@media(max-width:760px){
  .historyRow.has-amount{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"status main amount" ". date date";row-gap:2px;align-items:center;min-height:0;padding:8px 12px}
  .historyRow--media.has-amount{grid-template-columns:auto 32px minmax(0,1fr) auto;grid-template-areas:"status thumb main amount" ". . date date"}
  .historyRow:not(.historyRow--compact):not(.has-amount){grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"status main date";row-gap:0}
  .historyRow--media:not(.historyRow--compact):not(.has-amount){grid-template-columns:auto 32px minmax(0,1fr) auto;grid-template-areas:"status thumb main date"}
  .historyRow--compact{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"status main"}
  .historyDate{text-align:left}
  .historyAmount{min-width:0;text-align:right}
}
@media(prefers-reduced-motion:reduce){
  .historyRow.is-interactive,.historyRow.is-interactive:hover{transform:none}
}
.headerInbox:hover,.iconButton:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));transform:translateY(-1px);box-shadow:0 6px 14px rgba(15,35,60,.08)}
.headerInbox.is-unread:hover{border-color:color-mix(in srgb,var(--accent-primary) 70%,var(--line));box-shadow:0 0 16px rgba(30,64,175,.5)}
.headerInbox:hover svg,.iconButton:hover svg{transform:scale(1.05)}
.liveCard,.postRow,.noticeRow,.shortcut,.shopGrid a,.shopProduct,.hlCard,.partnerCard,.evCard,.homeGiftCard,.bcAd,.odd{transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease,background .18s ease}
a.liveCard:hover,a.postRow:hover,a.noticeRow:hover,a.shortcut:hover,a.hlCard:hover,a.partnerCard:hover,.shopGrid a:hover article,.shopProduct:hover,a.homeGiftCard:hover,a.bcAd:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));transform:translateY(-2px);box-shadow:0 10px 22px rgba(12,35,60,.08)}
.odd:not(:disabled):hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));transform:translateY(-1px)}
.shortcut:hover span svg,.homeGiftCard:hover .shopThumb{transform:scale(1.04)}
.shortcut span svg,.homeGiftCard .shopThumb{transition:transform .18s ease}
.shortcut .shortcutIcon{
  box-sizing:border-box;width:38px;height:38px;min-width:38px;min-height:38px;padding:0;border-radius:10px;
  border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line));
  background:color-mix(in srgb,var(--accent) 7%,var(--soft));
  color:var(--accent);display:grid;place-items:center;line-height:0
}
.shortcut .shortcutIcon svg{width:20px;height:20px;display:block}
.shortcut .tone-live{color:var(--accent-primary)}
.shortcut .tone-predict{color:#5B5BD6}
.shortcut .tone-ranking{color:#B8892D}
.shortcut .tone-community{color:#0E8AAA}
.shortcut .tone-shop{color:#7C3AED}
.shortcut .tone-events{color:#C45C26}
:scope[data-theme=dark] .shortcut .shortcutIcon{
  background:color-mix(in srgb,#edf4ff 7%,transparent);
  border-color:color-mix(in srgb,#edf4ff 12%,var(--line))
}
:scope[data-theme=dark] .shortcut .tone-live{color:#93B0DF}
:scope[data-theme=dark] .shortcut .tone-predict{color:#A8A8F0}
:scope[data-theme=dark] .shortcut .tone-ranking{color:#E2C06A}
:scope[data-theme=dark] .shortcut .tone-community{color:#5EC8D6}
:scope[data-theme=dark] .shortcut .tone-shop{color:#C4B0FF}
:scope[data-theme=dark] .shortcut .tone-events{color:#E0A070}
.homeNotice{padding-bottom:8px}
.ranking .sectionHead,.homeNotice .sectionHead{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px}
.ranking .sectionHead h2,.homeNotice .sectionHead h2{font-size:var(--fs-lg);font-weight:800;letter-spacing:-.4px;color:var(--navy);line-height:1.2}
.homeNotice .noticeRow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 6px;border-top:1px solid var(--line)}
.homeNotice .noticeRow .boardBadge{box-sizing:border-box;width:auto;min-width:0;height:20px;min-height:20px}
.homeNotice .noticeRow b{color:var(--text);font-size:13px;line-height:1.35;min-width:0}
.homeNotice .noticeRow small{color:var(--muted);font-size:11px;white-space:nowrap}
.homeNotice .noticeRow:hover{background:color-mix(in srgb,var(--accent) 5%,transparent);border-radius:8px}
.homeBoard>.pointShop{padding:16px;min-width:0}
.pointShop .sectionHead,.pointShop .shopTabs,.pointShop .homeGiftGrid{width:100%;margin-inline:0}
.pointShop .shopTabs{margin:10px 0 12px}
.homeGiftGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin-top:4px}
.homeGiftCard{display:grid;grid-template-rows:76px minmax(29px,auto) auto;gap:6px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0;cursor:pointer;align-content:start;justify-items:center;text-align:center}
.homeGiftCard .shopThumb{height:76px;width:100%;border-radius:10px;display:grid;place-items:center;overflow:hidden;font-size:12px;font-weight:800}
.homeGiftCard .shopThumb img{width:100%;height:100%;object-fit:contain;padding:8px}
.homeGiftCard b{font-size:13px;line-height:1.3;min-height:29px;width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center}
.homeGiftMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:24px;padding:3px 8px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--soft) 88%,var(--surface))}
.homeGiftMeta small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;line-height:1.2;color:var(--text-secondary);text-align:left}
.homeGiftMeta span{flex:0 0 auto;font-size:12px;font-weight:600;line-height:1;color:var(--text-primary);font-variant-numeric:tabular-nums}
.homeGiftCard small{color:var(--muted);font-size:11px;line-height:16px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.homeGiftCard .pointDisplay{align-self:end;justify-self:center}
.rankRow{grid-template-columns:24px minmax(0,1fr) 58px;align-items:center}
.rankRow .tierIcon{align-items:center}
.rankRow .tierIcon-board{--tier-h:30px}
.rankRow .tierIconCopy{display:inline-flex;align-items:center;gap:4px}
.rankRow .tierIconCopy em{font-size:inherit;letter-spacing:inherit;font-weight:700}.rankRow .tierIconCopy b{font-size:inherit;font-weight:800}
.rankHit{display:inline-flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;line-height:1}
.rankHit small{color:var(--muted);font-size:9px;font-weight:700}
.rankHit b{font-size:13px}
.boardTable{width:100%;border-collapse:collapse}
.boardTable .colNo{width:72px;text-align:center}
.boardTable .colCat{width:96px}
.boardTable .colDate{width:96px;text-align:right;white-space:nowrap}
.boardTable td,.boardTable th{vertical-align:middle;height:48px}
.boardTable .boardBadge,.boardTable .catLabel,.boardTable .postBadge{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 7px;line-height:1}
.boardTitleLink{display:inline-flex;align-items:center;gap:6px;min-height:32px;flex-wrap:nowrap;min-width:0;max-width:100%}
.bcStage{--bc-chat-col:340px;--bc-stage-max:calc(100dvh - 148px);display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:stretch;min-width:0;justify-items:center}
.bcStage[data-chat-open="true"]{grid-template-columns:var(--bc-chat-col) minmax(0,1fr);justify-items:stretch;align-items:stretch}
.bcStage[data-chat-open="true"] .liveLeftRail{grid-column:1;min-height:280px;height:auto;align-self:stretch}
.bcStage[data-chat-open="true"] .bcPlayer{grid-column:2;justify-self:stretch;align-self:start;max-width:100%;width:100%}
.bcStage .bcPlayer{min-width:0;width:100%;height:auto;max-width:min(100%,calc(var(--bc-stage-max) * 16 / 9));max-height:var(--bc-stage-max);align-self:start;justify-self:center;margin-inline:auto}
.bcStage .bcPlayer.bcPlayer--catalog{max-width:100%;max-height:none;width:100%}
.liveLeftRail{display:flex;flex-direction:column;min-width:0;min-height:280px;align-self:stretch;overflow:hidden;flex-shrink:0}
.bcChatDock{flex:1 1 auto;min-width:0;min-height:280px;height:100%;border-radius:8px;position:relative;overflow:hidden}
.bcChatDock .floatChat.is-docked{position:relative;inset:auto;width:100%;height:100%;min-height:280px;display:flex;z-index:1}
.bcChatDock .floatChatPanel.is-docked,.bcChatDock .floatChatPanel.open{position:relative;inset:auto;width:100%;height:100%;min-height:280px;max-width:none;max-height:none;border-radius:8px;transform:none;opacity:1;visibility:visible}
.bcStage:not([data-chat-open="true"]){grid-template-columns:minmax(0,1fr)}
@media(min-width:761px){
  .bcStage:not([data-chat-open="true"]) .liveLeftRail{display:none}
}
.bcLiveShortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;overflow:visible;align-items:stretch}
.bcLiveCard{box-sizing:border-box;display:grid;grid-template-columns:28px minmax(0,1fr) 14px;align-items:center;column-gap:12px;row-gap:0;min-width:0;width:100%;min-height:58px;height:58px;flex-shrink:0;padding:0 14px;border-radius:11px;border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;overflow:hidden;cursor:pointer;appearance:none;font:inherit;text-align:left;background:linear-gradient(135deg,#102A56 0%,#183E78 100%);box-shadow:0 6px 14px rgba(8,20,40,.22);transition:box-shadow .2s ease,transform .2s ease,filter .2s ease,border-color .2s ease}
.bcLiveCardIcon{box-sizing:border-box;width:28px;height:28px;flex:0 0 28px;border-radius:0;display:grid;place-items:center;background:transparent;color:#fff;justify-self:start;transition:color .2s ease,filter .2s ease}
.bcLiveCardIcon svg{width:26px;height:26px;display:block;color:inherit;flex:0 0 26px}
.bcLiveCardCopy{min-width:0;display:grid;grid-template-rows:14px 12px;align-content:center;align-items:stretch;justify-items:start;row-gap:1px}
.bcLiveCardCopy b,.bcLiveCardCopy small{display:block;min-width:0;max-width:100%;margin:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.bcLiveCardCopy b{font-size:10.5px;font-weight:850;letter-spacing:-.2px;line-height:14px;height:14px;color:#fff}
.bcLiveCardCopy small{font-size:8.5px;font-weight:700;letter-spacing:0;line-height:12px;height:12px;color:rgba(255,255,255,.76)}
.bcLiveCardArrow{grid-column:3;justify-self:end;align-self:center;width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;line-height:1;font-weight:600}
.bcLiveCard:hover{transform:translateY(-1px);filter:brightness(1.08);border-color:rgba(255,255,255,.22);box-shadow:0 8px 16px rgba(8,20,40,.32)}
.bcLiveCard:hover .bcLiveCardIcon{background:transparent}
.bcLiveCard:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 72%,#fff);outline-offset:2px}
.chatRoomBar,.chatMeta,.chatAdminBar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.chatCleanBtn{margin-left:auto}
.moreBtn{cursor:pointer}
.floatChat.is-desktop .floatChatBtn{display:none}
.floatChat.is-persistent .floatChatBtn{display:inline-flex}
.floatChat.is-persistent .floatChatPanel{max-width:calc(100vw - 16px)}
.floatChat.is-persistent.is-live{position:absolute;z-index:19}
.floatChat.is-persistent.is-live .floatChatPanel{box-shadow:none}
.floatChat.is-pip .floatChatHead{cursor:move;touch-action:none;user-select:none}
.floatChat.is-persistent .floatChatPanel.dragging iframe{pointer-events:none}
.chatPipResizeTop{position:absolute;left:0;right:0;top:0;height:12px;cursor:ns-resize;touch-action:none;z-index:4}
.chatPipResize{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:40px;height:12px;cursor:ns-resize;touch-action:none;z-index:3}
.chatPipResize:after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:3px;border-radius:2px;background:var(--muted)}
:scope[data-theme=dark] .brand{color:var(--text-primary)}
@media(max-width:1200px){
  .pageHeroMeta{margin-top:12px}
}
@media(max-width:980px){
  .bcLiveShortcuts{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .pageHero{padding:var(--page-hero-pad-y,16px) var(--page-hero-pad-x,16px);min-height:var(--page-hero-min-h,0)}
  .pageHero h1{font-size:var(--page-hero-title-size,22px)}
  .pageHeroMeta{position:static;margin-top:12px;display:inline-flex}
  .attHeroStats{grid-template-columns:1fr 1fr}
  .homeGiftGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .headerSearchDrop{left:0;right:auto;width:min(320px,88vw)}
  .bcStage,.bcStage[data-chat-open="true"],.bcStage:not([data-chat-open="true"]){--bc-stage-max:none;grid-template-columns:minmax(0,1fr);position:static;top:auto;z-index:auto;padding-bottom:0;background:transparent}
  .bcStage[data-chat-open="true"] .bcPlayer,.bcStage .bcPlayer{grid-column:1;max-width:100%;max-height:none;width:100%}
  .bcLiveShortcuts,.bcStage,.bcPlayer{width:100%;max-width:100%}
  .liveLeftRail{display:none}
  .bcChatDock{display:none}
  .bcLiveShortcuts{grid-template-columns:1fr;position:static;top:auto;z-index:auto;background:transparent;padding:0}
  .bcPage.pageWrap{margin-top:8px}
}

.uiBtn,.bcSport,.shopTabs a,.sectionHead>a.linkBtn,.sectionHead>button.linkBtn,.rowActions:not(.chatActions)>.linkBtn,.rowActions:not(.chatActions)>a.linkBtn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--ctrl-gap);box-sizing:border-box;height:var(--ctrl-h-sm);min-height:var(--ctrl-h-sm);padding:0 var(--ctrl-pad-sm);border-radius:var(--ctrl-radius);border:1px solid var(--ctrl-border);background:var(--ctrl-bg);color:var(--ctrl-fg);font-size:var(--ctrl-fs);font-weight:var(--ctrl-fw);line-height:1;cursor:pointer;white-space:nowrap;text-decoration:none;box-shadow:none;transition:border-color .18s ease,background .18s ease,color .18s ease
}
.uiBtn{
  height:var(--ctrl-h-md);min-height:var(--ctrl-h-md);padding:0 var(--ctrl-pad-md);font-size:var(--ctrl-fs-md)
}
.uiBtn:hover,.bcSport:hover:not(.active),.shopTabs a:hover:not(:has(b)),.sectionHead>a.linkBtn:hover,.sectionHead>button.linkBtn:hover,.rowActions:not(.chatActions)>.linkBtn:hover{
  border-color:var(--ctrl-border-hover);background:var(--ctrl-bg-hover);color:var(--ctrl-fg-hover)
}
.uiBtn:active:not(:disabled),.bcSport.active,.shopTabs a:has(b){
  background:var(--ctrl-bg-active);border-color:var(--ctrl-border-active);color:var(--ctrl-fg-active);box-shadow:none
}
.bcSport.active:hover,.shopTabs a:has(b):hover{background:var(--ctrl-bg-active);border-color:var(--ctrl-border-active);color:var(--ctrl-fg-active)}
.uiBtn:disabled,.moreBtn:disabled,.tab:disabled,.bcSport:disabled,.rowActions:not(.chatActions)>.linkBtn:disabled{
  background:var(--ctrl-bg-disabled);border-color:var(--ctrl-border-disabled);color:var(--ctrl-fg-disabled);opacity:1;cursor:not-allowed;box-shadow:none
}
.uiBtn:focus-visible,.moreBtn:focus-visible,.tab:focus-visible,.bcSport:focus-visible,.shopTabs a:focus-visible,.shopNavItem:focus-visible,.sectionHead>a.linkBtn:focus-visible,.rowActions:not(.chatActions)>.linkBtn:focus-visible,.bcChatToggle:focus-visible,.iconButton:focus-visible,.headerInbox:focus-visible,.primaryBtn:focus-visible,.ghostBtn:focus-visible,.pager a:focus-visible,.sportsSelect:focus-visible,input.field:focus-visible,select.field:focus-visible{
  outline:2px solid var(--ctrl-focus);outline-offset:2px
}
.tab{
  display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:auto;min-width:0;
  height:var(--ctrl-h-sm);min-height:var(--ctrl-h-sm);padding:0 var(--ctrl-pad-sm);
  border:1px solid var(--ctrl-border);border-radius:var(--ctrl-radius);
  background:var(--ctrl-bg);color:var(--ctrl-fg);font-size:var(--ctrl-fs);font-weight:var(--ctrl-fw);line-height:1;
  cursor:pointer;white-space:nowrap;text-decoration:none;text-align:center;
  transition:border-color .18s ease,background .18s ease,color .18s ease
}
.tab:hover:not(.active){border-color:var(--ctrl-border-hover);color:var(--ctrl-fg-hover);background:var(--ctrl-bg-hover)}
.tab.active,.tab.active:hover{background:var(--ctrl-bg-active);border-color:var(--ctrl-border-active);color:var(--ctrl-fg-active);font-weight:var(--ctrl-fw)}
.uiBtnDanger{border-color:color-mix(in srgb,#b4232c 26%,var(--line));color:#8a3038}
.uiBtnDanger:hover{border-color:color-mix(in srgb,#b4232c 48%,var(--line));background:color-mix(in srgb,#b4232c 7%,var(--surface));color:#7a242c}
.uiBtnDanger:active{background:color-mix(in srgb,#b4232c 82%,var(--navy));border-color:color-mix(in srgb,#b4232c 82%,var(--navy));color:#fff}
.shopTabs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0}
.shopTabs a b,.shopTabs a span{font-size:inherit;font-weight:700;color:inherit}
.shopPage{
  --shop-bar-h:var(--ctrl-h-md);--shop-control-h:var(--ctrl-h-md);--shop-radius:12px;--shop-gap:16px;--shop-guide-w:minmax(320px,36%);
  display:grid;gap:var(--shop-gap);min-width:0;width:100%
}
.shopDash{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%
}
.shopDashCard{
  box-sizing:border-box;height:44px;min-height:44px;padding:0 14px;
  border:1px solid var(--ctrl-border);border-radius:10px;background:var(--surface);
  display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;
  text-decoration:none;color:inherit;transition:border-color .18s ease,background .18s ease,color .18s ease
}
.shopDashCard small{font-size:10px;font-weight:500;letter-spacing:.04em;color:var(--muted);line-height:1}
.shopDashCard b{font-size:13px;font-weight:600;letter-spacing:-.3px;color:var(--text-primary);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shopDashCard.is-action:hover{background:var(--ctrl-bg-hover);border-color:var(--ctrl-border-hover)}
.shopDashCard.is-action.is-on,.shopDashCard.is-action.is-on:hover{
  background:var(--accent-primary);border-color:var(--accent-primary);color:#fff
}
.shopDashCard .shopBalanceChipValue{margin:0}
.shopDashCard .shopBalanceChipValue b{font-size:14px;font-weight:600;color:var(--text-primary)}
.shopDashCard .shopBalanceChipValue span{font-size:11px;color:var(--accent)}
.shopDashCard.is-action.is-on b,.shopDashCard.is-action.is-on small{color:inherit}
.shopDesk{display:grid;grid-template-columns:minmax(0,1fr) var(--shop-guide-w);gap:16px;align-items:start;width:100%}
.shopMain,.shopBody,.shopAside,.shopConvert{width:100%;min-width:0}
.shopNavItem,.shopBalanceChip{
  box-sizing:border-box;height:var(--ctrl-h-md);min-height:var(--ctrl-h-md);
  border:1px solid var(--ctrl-border);border-radius:var(--ctrl-radius);
  background:var(--ctrl-bg);display:inline-flex;align-items:center;justify-content:center;line-height:1;text-decoration:none;
  transition:border-color .18s ease,background .18s ease,color .18s ease
}
.shopBalanceChip{height:var(--rect-h-md);min-height:var(--rect-h-md);background:var(--surface)}
.shopNavItem{
  flex:0 0 auto;width:auto;min-width:0;padding:0 var(--ctrl-pad-md);font-size:var(--ctrl-fs-md);font-weight:var(--ctrl-fw);color:var(--ctrl-fg);white-space:nowrap
}
.shopNavItem:hover{background:var(--ctrl-bg-hover);border-color:var(--ctrl-border-hover);color:var(--ctrl-fg-hover)}
.shopNavItem.is-active,.shopNavItem.is-active:hover{background:var(--ctrl-bg-active);border-color:var(--ctrl-border-active);color:var(--ctrl-fg-active);font-weight:var(--ctrl-fw)}
:scope[data-theme=dark] .shopBalanceChip{
  background:var(--surface);border-color:var(--line);color:var(--text)
}
.shopBalanceChip{
  margin-left:0;padding:0 var(--rect-pad-x);gap:10px;min-width:168px;flex:0 0 auto;justify-content:space-between
}
.shopBalanceChip small{font-size:var(--rect-label-size);font-weight:var(--rect-label-weight);letter-spacing:.02em;color:var(--muted);white-space:nowrap;line-height:1}
.shopBalanceChipValue{margin:0;display:inline-flex;align-items:baseline;gap:4px;line-height:1}
.shopBalanceChipValue b{font-size:var(--rect-value-size);font-weight:var(--rect-value-weight);letter-spacing:-.3px;color:var(--navy);font-variant-numeric:tabular-nums}
.shopBalanceChipValue span{font-size:var(--rect-unit-size);font-weight:var(--rect-unit-weight);color:var(--accent)}
.shopDesk{display:grid;grid-template-columns:minmax(0,1fr) var(--shop-guide-w);gap:16px;align-items:start;min-width:0;width:100%}
.shopMain,.shopBody{display:flex;flex-direction:column;gap:var(--shop-gap);min-width:0;min-height:0}
.shopBody{flex:1 1 auto}
.shopHistory,.shopConvert{flex:1 1 auto}
.shopAside{display:flex;flex-direction:column;min-width:0;min-height:0;position:sticky;top:88px}
.shopGuideCard{
  box-sizing:border-box;flex:1 1 auto;display:flex;flex-direction:column;align-items:stretch;
  padding:22px 20px 20px;border:1px solid var(--line);border-radius:14px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 72%,var(--surface)) 0%,var(--surface) 28%);box-shadow:none
}
.shopGuideHead{display:flex;align-items:center;gap:0;margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid var(--line)}
.shopGuideCard h2{margin:0;font-size:var(--fs-md);font-weight:800;letter-spacing:-.3px;color:var(--navy);line-height:1.3}
.shopGuideBody{display:grid;gap:0;font-size:13px;font-weight:500;line-height:1.7;color:var(--text);overflow-wrap:anywhere}
.shopGuideSection{
  display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;
  padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent)
}
.shopGuideSection:last-child{border-bottom:0;padding-bottom:0}
.shopGuideIndex{font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--accent);line-height:1.7;font-variant-numeric:tabular-nums}
.shopGuideBody p,.shopGuideBody ul{margin:0}
.shopGuideBody ul{padding-left:1.1em;display:grid;gap:6px}
.shopGuideBody li{padding-left:2px}
.shopGuideEmpty{margin:8px 0 0;font-size:13px;font-weight:500;color:var(--muted);line-height:1.65}
.shopFilters.tabs{
  box-sizing:border-box;margin:0;gap:6px;flex-wrap:wrap;padding:12px;
  border:1px solid var(--panel-border);border-radius:var(--shop-radius);
  background:var(--panel-bg)
}
.shopPage .shopCatalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch;align-content:start}
.shopPage .shopProduct{
  box-sizing:border-box;grid-template-columns:72px minmax(0,1fr) auto;column-gap:12px;align-items:center;
  height:auto;min-height:96px;padding:14px;border-radius:var(--shop-radius);box-shadow:none
}
.shopPage .shopThumb{width:72px;height:72px;flex:0 0 72px;border-radius:var(--shop-radius,11px)}
.shopPage .shopProductBody{gap:4px;min-width:0}
.shopPage .shopProductBody b{
  font-size:14px;font-weight:700;color:var(--navy);line-height:1.35;
  white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis
}
.shopPage .shopProductBody small{font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shopPage .shopProductBody strong{font-size:var(--fs-md);font-weight:700;color:var(--accent)}
.shopPage .shopBuy{margin:0;display:flex;align-items:center}
.shopPage .shopBuy .primaryBtn,.shopConvert .primaryBtn{
  box-sizing:border-box;height:var(--ctrl-h-lg);min-height:var(--ctrl-h-lg);padding:0 var(--ctrl-pad-lg);font-size:var(--ctrl-fs-lg);line-height:1;
  display:inline-flex;align-items:center;justify-content:center
}
.shopPage .shopBuy .primaryBtn{min-width:96px}
.shopPage :is(.shopBuy,.shopConvertForm) .primaryBtn:not(:disabled){
  background:var(--accent-primary);border-color:var(--accent-primary);color:#fff
}
.shopPage :is(.shopBuy,.shopConvertForm) .primaryBtn:hover:not(:disabled){
  background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);color:#fff
}
.shopPage :is(.shopBuy,.shopConvertForm) .primaryBtn:disabled{
  background:var(--ctrl-bg-disabled);border-color:var(--ctrl-border-disabled);color:var(--ctrl-fg-disabled)
}
:scope[data-theme="dark"] .shopPage :is(.shopBuy,.shopConvertForm) .primaryBtn:not(:disabled){
  background:var(--dark-accent-blue);border-color:var(--dark-accent-blue);color:#fff
}
:scope[data-theme="dark"] .shopPage :is(.shopBuy,.shopConvertForm) .primaryBtn:hover:not(:disabled){
  background:var(--dark-accent-blue-hover);border-color:var(--dark-accent-blue-hover)
}
:scope[data-theme="dark"] .shopPage :is(.shopBuy,.shopConvertForm) .primaryBtn:active:not(:disabled){
  background:var(--dark-accent-blue-active);border-color:var(--dark-accent-blue-active)
}
.shopConvert{width:100%;min-width:0;box-sizing:border-box;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.shopSectionHead{display:grid;gap:6px;margin:0 0 16px}
.shopSectionHead h2,.shopPage .shopHistoryTitle{margin:0;font-size:18px;font-weight:800;letter-spacing:-.3px;color:var(--navy);line-height:1.2}
.shopSectionHead p{margin:0;font-size:13px;color:var(--muted);line-height:1.45}
.shopConvertForm{margin:0;max-width:none;width:100%;gap:10px}
.shopConvert .formGrid>label,.shopConvertForm>label{margin-top:12px;font-size:12px;font-weight:700;color:var(--muted);line-height:1.2}
.shopConvert .formGrid>label:first-child,.shopConvertForm>label:first-child{margin-top:0}
.shopConvert .field,.shopConvertForm .field{box-sizing:border-box;width:100%;height:var(--shop-control-h);min-height:var(--shop-control-h);padding:0 12px;font-size:var(--ctrl-fs-lg);font-weight:600;border-radius:var(--ctrl-radius);text-align:left}
.shopAmountField{position:relative;display:grid;width:100%}
.shopAmountField .field{padding-right:36px;font-variant-numeric:tabular-nums;font-weight:600;text-align:right}
.shopAmountUnit{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:13px;font-weight:700;line-height:1;pointer-events:none}
.shopFieldHint{margin:2px 0 0;font-size:12px;color:var(--muted);line-height:1.45}
.shopConvert .primaryBtn,.shopConvertForm .primaryBtn{width:100%;max-width:none;margin-top:14px}
.shopPage .shopHistory{
  margin:0;padding:20px 24px;border:1px solid var(--panel-border);
  border-radius:var(--shop-radius);background:var(--panel-bg)
}
.shopPage .shopHistoryTitle{margin:0 0 14px}
.pointHistoryCard{
  min-width:0;padding:20px 24px;border:1px solid var(--panel-border);
  border-radius:var(--panel-radius);background:var(--panel-bg)
}
.pointHistoryHead{display:flex;align-items:center;gap:9px;min-width:0;margin-bottom:14px}
.pointHistoryIcon{display:flex;align-items:center;flex:0 0 20px;color:var(--accent-primary)}
.pointHistoryIcon svg{width:20px;height:20px}
.pointHistoryHead>div{min-width:0}
.pointHistoryHead h2{margin:0;color:var(--text-primary);font-size:18px;font-weight:800;letter-spacing:-.3px;line-height:1.2}
.pointHistoryHead p{margin:5px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.5}
.pointHistoryAction{margin-left:auto;flex-shrink:0}
.pointHistoryCard .historyTitle,.pointHistoryCard .historyDesc{white-space:normal;overflow-wrap:anywhere}
.pointHistoryCard .historyAmount--plus,:scope[data-theme=dark] .pointHistoryCard .historyAmount--plus{color:var(--accent-primary)}
.pointHistoryCard .statusBadge--success,:scope[data-theme=dark] .pointHistoryCard .statusBadge--success{
  background:var(--surface-soft);border-color:var(--border-soft);color:var(--accent-primary)
}
.pointHistoryCard .historyEmpty{
  min-height:116px;padding:18px;background:var(--surface-soft);border-color:var(--border-soft)
}
.pointHistoryCard .historyEmptyIcon{
  display:grid;place-items:center;width:36px;height:36px;border-radius:9px;
  background:var(--surface-card);color:var(--accent-primary)
}
@media(max-width:760px){
  .pointHistoryCard,.shopPage .pointHistoryCard{padding:16px}
  .pointHistoryHead{flex-wrap:wrap}
  .pointHistoryHead>div{flex:1}
}
.shopDesk.is-convert{--shop-control-h:var(--ctrl-h-lg)}
.shopDesk.is-convert .shopConvert{
  padding:24px;border:1px solid var(--panel-border);
  border-radius:var(--panel-radius);background:var(--panel-bg)
}
.shopDesk.is-convert .shopSectionHead{gap:7px;margin-bottom:22px}
.shopDesk.is-convert .shopSectionHead h2,
.shopDesk.is-convert .shopHistoryTitle{
  display:flex;align-items:center;gap:9px;color:var(--text-primary)
}
.shopDesk.is-convert .shopSectionHead h2 svg,
.shopDesk.is-convert .shopHistoryTitle svg{flex:0 0 20px;color:var(--accent-primary)}
.shopDesk.is-convert .shopConvertForm{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:16px;row-gap:20px;margin:0;min-width:0
}
.shopDesk.is-convert .shopConvertField{
  display:grid;align-content:start;gap:8px;min-width:0
}
.shopDesk.is-convert .shopConvertField label{
  display:inline-flex;align-items:center;gap:7px;min-width:0;
  color:var(--text-secondary);font-size:12px;font-weight:700;line-height:1.3
}
.shopDesk.is-convert .shopConvertField label svg{
  flex:0 0 16px;color:var(--accent-primary)
}
.shopDesk.is-convert .shopConvert .field{
  width:100%;height:var(--shop-control-h);min-height:var(--shop-control-h);
  padding:0 14px;border:1px solid var(--ctrl-border);
  border-radius:10px;background:var(--surface);color:var(--text-primary);
  font-size:14px;font-weight:500
}
.shopDesk.is-convert .shopConvertField--amount{
  grid-column:1/-1;padding:18px;border:1px solid var(--border-soft);
  border-radius:12px;background:var(--surface-soft)
}
.shopDesk.is-convert .shopAmountField .field{
  padding-right:38px;text-align:right;font-size:16px;
  font-weight:700;font-variant-numeric:tabular-nums
}
.shopDesk.is-convert .shopAmountUnit{
  right:14px;color:var(--text-secondary);font-size:14px
}
.shopDesk.is-convert .shopFieldHint{
  margin:0;color:var(--text-secondary);font-size:12px;line-height:1.5
}
.shopDesk.is-convert .shopFieldHint strong{color:var(--text-primary)}
.shopDesk.is-convert .shopConvertForm>.primaryBtn{
  grid-column:1/-1;width:100%;max-width:none;
  height:var(--ctrl-h-lg);min-height:var(--ctrl-h-lg);
  margin:0;padding:0 var(--ctrl-pad-lg);border-radius:10px;
  font-size:var(--ctrl-fs-lg);font-weight:var(--ctrl-fw)
}
.shopDesk.is-convert .shopConvertForm>.ok,
.shopDesk.is-convert .shopConvertForm>.err{grid-column:1/-1;margin:0}
.shopDesk:is(.is-convert,.is-gift) .shopGuideHead{gap:10px}
.shopDesk:is(.is-convert,.is-gift) .shopGuideIcon{
  display:grid;place-items:center;flex:0 0 36px;
  width:36px;height:36px;border-radius:9px;
  background:var(--surface-soft);color:var(--accent-primary)
}
.shopDesk:is(.is-convert,.is-gift) .shopGuideEmpty{
  margin:0;padding:16px;border:1px solid var(--border-soft);
  border-radius:10px;background:var(--surface-soft)
}
.shopDesk.is-convert .shopHistory{border-color:var(--panel-border)}
.shopDesk.is-convert .historyEmpty{
  min-height:116px;padding:18px;background:var(--surface-soft);
  border-color:var(--border-soft)
}
.shopDesk.is-convert .historyEmptyIcon{
  display:grid;place-items:center;width:36px;height:36px;
  border-radius:9px;background:var(--surface-card);
  color:var(--accent-primary)
}
@media(max-width:980px){
  .shopDesk.is-convert{display:flex;flex-direction:column;gap:16px}
  .shopDesk.is-convert > .shopMain,
  .shopDesk.is-convert .shopBody{display:contents}
  .shopDesk.is-convert .shopDash{order:0}
  .shopDesk.is-convert .shopConvert{order:1}
  .shopDesk.is-convert > .shopAside{order:2;align-self:stretch}
  .shopDesk.is-convert .shopHistory{order:3;margin:0}
}
@media(max-width:760px){
  .shopDesk:is(.is-convert,.is-gift) .shopHistory{align-self:stretch}
  .shopDesk.is-gift{display:flex;flex-direction:column}
  .shopDesk.is-gift > .shopMain,
  .shopDesk.is-gift .shopBody{display:contents}
  .shopDesk.is-gift > .shopAside{order:1;align-self:stretch}
  .shopDesk.is-gift .shopHistory{order:2;margin:0}
  .shopDesk.is-convert .shopConvert{padding:18px}
  .shopDesk.is-convert .shopConvertForm{grid-template-columns:minmax(0,1fr);row-gap:16px}
  .shopDesk.is-convert .shopConvertField--amount{grid-column:1;padding:14px}
  .shopDesk.is-convert .shopConvertForm>.primaryBtn,
  .shopDesk.is-convert .shopConvertForm>.ok,
  .shopDesk.is-convert .shopConvertForm>.err{grid-column:1}
}
.historyEmpty{display:grid;gap:8px;min-height:120px;padding:28px 16px;align-content:center;justify-items:center;text-align:center;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--soft) 80%,var(--surface))}
.historyEmpty b{font-size:15px;font-weight:800;color:var(--navy);letter-spacing:-.2px;line-height:1.35}
.historyEmpty p{margin:0;font-size:13px;color:var(--muted);line-height:1.45}
:scope[data-theme=dark] .shopSectionHead h2,:scope[data-theme=dark] .shopPage .shopHistoryTitle,:scope[data-theme=dark] .historyEmpty b,:scope[data-theme=dark] .shopPage .shopProductBody b,:scope[data-theme=dark] .shopBalanceChipValue b,:scope[data-theme=dark] .shopBalanceChipValue span,:scope[data-theme=dark] .shopPage .shopProductBody strong,:scope[data-theme=dark] .shopProductBody strong,:scope[data-theme=dark] .shopGuideCard h2,:scope[data-theme=dark] .shopNavItem{color:var(--text)}
:scope[data-theme=dark] .shopNavItem.is-active{color:var(--ctrl-fg-active);background:var(--ctrl-bg-active);border-color:var(--ctrl-border-active)}
:scope[data-theme=dark] .shopBalanceChip,:scope[data-theme=dark] .shopNavItem:not(.is-active){background:var(--ctrl-bg);border-color:var(--ctrl-border);color:var(--ctrl-fg)}
:scope[data-theme=dark] .shopGuideCard{
  background:var(--surface);
  border-color:var(--border-soft);
}
:scope[data-theme=dark] .shopGuideHead,
:scope[data-theme=dark] .shopGuideSection{
  border-bottom-color:var(--border-soft);
}
:scope[data-theme=dark] .shopGuideIndex{
  color:var(--ctrl-fg);
}
:scope[data-theme=dark] .shopGuideBody,
:scope[data-theme=dark] .shopGuideEmpty{
  color:var(--text-secondary);
}
.tabs{align-items:center}
.rowActions:not(.chatActions)>a.linkBtn:has(svg){width:32px;padding:0}

.rkCrown{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:#c9a24a}
.rkCrown svg{width:22px;height:22px}
.rkTop--1{--rk-accent:#c9a24a;--rk-aura:rgba(217,177,91,.3);padding:16px 14px 18px;border-color:color-mix(in srgb,#c9a24a 62%,var(--line));background:radial-gradient(circle at 50% 4%,rgba(244,211,125,.3),transparent 44%),linear-gradient(145deg,color-mix(in srgb,#f4df9a 18%,var(--surface)) 0%,var(--surface) 62%,color-mix(in srgb,#c9a24a 8%,var(--surface)) 100%);box-shadow:0 18px 38px rgba(116,85,20,.18),0 3px 10px rgba(26,38,54,.08),inset 0 1px 0 rgba(255,255,255,.96),inset 0 0 0 1px rgba(255,236,181,.22)}
.rkTop--1 .rkPlace{font-size:20px;letter-spacing:-.4px;color:#8a6418}
.rkTop--1 .rkUserName{font-size:15px;font-weight:700}
.rkTop--1 .rkMetric b,.rkTop--1 .metricBadge b{font-size:12px;color:#6d4e12}
.rkTop--2{--rk-accent:#8fa3b8;--rk-aura:rgba(143,163,184,.26);padding:12px 12px 14px;border-color:color-mix(in srgb,#8fa3b8 58%,var(--line));background:radial-gradient(circle at 50% 5%,rgba(183,201,219,.24),transparent 45%),linear-gradient(145deg,color-mix(in srgb,#c7d3df 15%,var(--surface)) 0%,var(--surface) 68%,color-mix(in srgb,#8fa3b8 7%,var(--surface)) 100%);box-shadow:0 14px 30px rgba(67,87,109,.14),0 2px 8px rgba(26,38,54,.07),inset 0 1px 0 rgba(255,255,255,.94),inset 0 0 0 1px rgba(218,229,239,.2)}
.rkTop--2 .rkPlace{font-size:17px;color:#4d6178}
.rkTop--2 .rkUserName{font-size:14px;font-weight:700}
.rkTop--2 .rkMetric b,.rkTop--2 .metricBadge b{font-size:12px;color:#3d5168}
.rkTop--3{--rk-accent:#b07846;--rk-aura:rgba(176,120,70,.25);padding:12px 12px 14px;border-color:color-mix(in srgb,#b07846 58%,var(--line));background:radial-gradient(circle at 50% 5%,rgba(215,161,111,.24),transparent 45%),linear-gradient(145deg,color-mix(in srgb,#d9ad83 15%,var(--surface)) 0%,var(--surface) 68%,color-mix(in srgb,#b07846 7%,var(--surface)) 100%);box-shadow:0 14px 30px rgba(104,67,35,.14),0 2px 8px rgba(26,38,54,.07),inset 0 1px 0 rgba(255,255,255,.94),inset 0 0 0 1px rgba(235,199,164,.2)}
.rkTop--3 .rkPlace{font-size:17px;color:#7a4d24}
.rkTop--3 .rkUserName{font-size:14px;font-weight:700}
.rkTop--3 .rkMetric b,.rkTop--3 .metricBadge b{font-size:12px;color:#6a401c}
.rkTopIdentity small{font-size:11px;font-weight:800;letter-spacing:.04em;opacity:.88}
.rkTop::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 0 24px color-mix(in srgb,var(--rk-accent) 10%,transparent)}
.rkTop::after{content:"";position:absolute;z-index:0;pointer-events:none;width:72%;aspect-ratio:1;border-radius:50%;top:-42%;right:-20%;background:radial-gradient(circle,var(--rk-aura),transparent 70%);opacity:.72;transform:translate3d(0,0,0)}
.rkTop--1::after{animation:rkTopAura 8s ease-in-out infinite}
.rkTop--1 .rkCrown{filter:drop-shadow(0 0 7px rgba(217,177,91,.42))}
.rkTop--1:hover{transform:translateY(-3px);box-shadow:0 22px 44px rgba(116,85,20,.22),0 5px 13px rgba(26,38,54,.1),inset 0 1px 0 rgba(255,255,255,.96),inset 0 0 0 1px rgba(255,236,181,.25)}
.rkTop--2:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(67,87,109,.18),0 4px 11px rgba(26,38,54,.08),inset 0 1px 0 rgba(255,255,255,.94)}
.rkTop--3:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(104,67,35,.18),0 4px 11px rgba(26,38,54,.08),inset 0 1px 0 rgba(255,255,255,.94)}
.rkTop:hover .rkTopEmblem{filter:drop-shadow(0 7px 13px color-mix(in srgb,var(--rk-accent) 28%,transparent))}
@keyframes rkTopAura{0%,100%{opacity:.56;transform:translate3d(0,0,0) scale(.96)}50%{opacity:.86;transform:translate3d(-3%,4%,0) scale(1.06)}}
.rkTable{position:relative;z-index:0}

.bcSportsRow .bcSport .bcSportIcon{
  width:var(--filter-chip-icon);
  height:var(--filter-chip-icon);
  flex:0 0 var(--filter-chip-icon);
  display:grid;
  place-items:center;
  line-height:1;
  color:currentColor;
}
.bcSportsRow .bcSport .bcSportIcon svg{
  width:var(--filter-chip-icon);
  height:var(--filter-chip-icon);
}
.bcSportsRow .bcSport .bcSportIcon .boxingGloveIcon{
  width:var(--filter-chip-icon);
  height:var(--filter-chip-icon);
  color:#C4473A;
}
:scope[data-theme="dark"] .bcSportsRow .bcSport .bcSportIcon .boxingGloveIcon{
  color:#D45A4C;
}
.bcSportsRow>.bcChatToggle,
.bcSportsRow .bcSport{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:var(--filter-chip-h);
  min-height:var(--filter-chip-h);
  padding:0 var(--filter-chip-px);
  gap:var(--filter-chip-gap);
  border-width:1px;
  border-style:solid;
  border-radius:var(--filter-chip-radius);
  font-size:12px;
  line-height:1;
  white-space:nowrap;
  transform:translateY(0);
  font-weight:600;
}
.bcSportsRow>.bcChatToggle{
  --chat-icon-stroke:#fff;
  min-width:0;
  width:max-content;
  overflow:hidden;
  border-color:var(--ctrl-border);
  background:var(--ctrl-bg);
  color:var(--ctrl-fg);
  box-shadow:none;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.bcChatToggleIcon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:var(--filter-chip-icon);
  height:var(--filter-chip-icon);
  flex:0 0 var(--filter-chip-icon);
}
.bcChatToggleIcon svg,
.bcChatToggle svg{
  width:var(--filter-chip-icon);
  height:var(--filter-chip-icon);
  display:block;
  flex:0 0 var(--filter-chip-icon);
  color:currentColor;
}
.bcChatToggle svg path[fill]{fill:currentColor}
.bcChatToggle svg path[stroke]{stroke:var(--chat-icon-stroke)}
.bcChatToggleLabel{font-size:inherit;font-weight:inherit;line-height:1}
.bcChatToggle .bcChatToggleCaret{width:12px;height:12px;flex:0 0 12px;transition:transform .18s ease}
.bcChatToggle[data-open="true"] .bcChatToggleCaret{transform:rotate(180deg)}
.bcSportsRow>.bcChatToggle:hover{
  border-color:var(--ctrl-border-hover);
  background:var(--ctrl-bg-hover);
  color:var(--ctrl-fg-hover);
  transform:translateY(-1px);
  box-shadow:0 6px 14px rgba(15,35,60,.08);
}
.bcSportsRow>.bcChatToggle[data-open="true"]{
  --chat-icon-stroke:currentColor;
  background:var(--ctrl-bg-active);
  border-color:var(--ctrl-border-active);
  color:var(--ctrl-fg-active);
  box-shadow:0 8px 16px rgba(6,24,43,.16);
}
.bcSportsRow>.bcChatToggle[data-open="true"]:hover{
  transform:translateY(-1px);
  background:var(--ctrl-bg-active);
}
:scope[data-theme="dark"] .bcSportsRow>.bcChatToggle{
  --chat-icon-stroke:currentColor;
  color:var(--ctrl-fg);
  background:var(--ctrl-bg);
  border-color:var(--ctrl-border);
  box-shadow:none;
}
:scope[data-theme="dark"] .bcSportsRow>.bcChatToggle .bcChatToggleIcon,
:scope[data-theme="dark"] .bcSportsRow>.bcChatToggle svg{
  color:currentColor;
}
:scope[data-theme="dark"] .bcSportsRow>.bcChatToggle:hover{
  color:var(--ctrl-fg-hover);
  background:var(--ctrl-bg-hover);
  border-color:var(--ctrl-border-hover);
  box-shadow:none;
}
:scope[data-theme="dark"] .bcSportsRow>.bcChatToggle:hover .bcChatToggleIcon,
:scope[data-theme="dark"] .bcSportsRow>.bcChatToggle:hover svg{
  color:currentColor;
}
:scope[data-theme="dark"] .bcSportsRow>.bcChatToggle[data-open="true"]{
  color:var(--ctrl-fg-active);
  background:var(--ctrl-bg-active);
  border-color:var(--ctrl-border-active);
  box-shadow:0 6px 14px color-mix(in srgb,var(--accent) 18%,transparent);
}
:scope[data-theme="dark"] .bcSportsRow>.bcChatToggle[data-open="true"] .bcChatToggleIcon,
:scope[data-theme="dark"] .bcSportsRow>.bcChatToggle[data-open="true"] svg,
:scope[data-theme="dark"] .bcSportsRow>.bcChatToggle[data-open="true"]:hover .bcChatToggleIcon,
:scope[data-theme="dark"] .bcSportsRow>.bcChatToggle[data-open="true"]:hover svg{color:currentColor}
:scope[data-theme="dark"] .bcSportsRow>.bcChatToggle[data-open="true"]:hover{
  background:var(--ctrl-bg-active);
}

.pageWrap:has(.profilePage){margin-top:14px;margin-bottom:28px}
.pageWrap:has(.profilePage)>.nntvCard{padding:18px 20px 20px}
.profilePage{display:grid;gap:14px}
.profilePage .formGrid{margin-top:0;gap:8px}
.profilePage>.notice{margin:0;padding:2px 2px 0;font-size:13px}
.profileTools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px}
.profileToolLinks{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
.profileTools form{flex:0 0 auto}
.profileTools .uiBtn{height:36px;min-height:36px;padding:0 13px;gap:7px;font-size:12px;font-weight:600;line-height:1;border-radius:9px;border-width:1px}
.profileTools .uiBtn svg{width:16px;height:16px;display:block;flex:0 0 16px}
.profileAccount{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0 2px;font-size:12px;font-weight:500;color:var(--muted);line-height:1.35}
.profileAccount span+span:before{content:"·";margin:0 8px;opacity:.55;font-weight:600}
.profileIdentity{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;border-radius:14px}
.profileIdentityMain{display:grid;justify-items:start;gap:8px;min-width:0}
.profileIdentityEyebrow{color:var(--accent-primary);font-size:11px;font-weight:700;letter-spacing:.12em;line-height:1}
.profileIdentity h2{margin:0;color:var(--navy);font-size:22px;font-weight:700;letter-spacing:-.5px;line-height:1.15}
.profileIdentityTier{display:inline-flex;align-items:center;gap:9px;min-height:36px}
.profileIdentityTier .memberTierIcon{width:36px;height:36px;flex:0 0 36px}
.profileIdentityTier .tierIcon{flex:0 0 auto}
.profileIdentityTierName{color:var(--navy);font-size:13px;font-weight:700;line-height:1}
.profileIdentityMeta{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:0;margin:0}
.profileIdentityMeta>div{display:grid;gap:6px;padding:2px 22px;border-left:1px solid var(--line)}
.profileIdentityMeta dt{color:var(--muted);font-size:11px;font-weight:600}
.profileIdentityMeta dd{margin:0;color:var(--navy);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.profilePanel{display:grid;gap:16px;padding:18px;border-radius:14px}
.profilePanelHead{display:flex;align-items:flex-start;gap:11px;min-width:0}
.profilePanelHead>div:not(.profilePanelAction){display:grid;gap:4px;min-width:0}
.profilePanelHead h2{margin:0;color:var(--navy);font-size:17px;font-weight:700;letter-spacing:-.3px;line-height:1.2}
.profilePanelHead p{margin:0;color:var(--muted);font-size:12px;font-weight:500;line-height:1.4}
.profilePanelAction{margin-left:auto;flex:0 0 auto}
.profileIconBadge,.profileStatIcon{display:grid;place-items:center;box-sizing:border-box;background:color-mix(in srgb,var(--accent-primary) 10%,var(--surface-soft));border:1px solid color-mix(in srgb,var(--accent-primary) 19%,var(--border-soft));color:var(--accent-primary)}
.profileIconBadge{width:36px;height:36px;flex:0 0 36px;border-radius:11px}
.profileIconBadge svg{width:18px;height:18px}
.profilePage :is(.profileIconBadge,.profileStatIcon){background:var(--surface-soft);border-color:var(--border-soft);color:var(--accent-primary)}
.profilePage .profileStats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0}
.profilePage .profileStats .profileStat{box-sizing:border-box;min-width:0;min-height:78px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);box-shadow:none;display:flex;align-items:center;gap:11px}
.profileStat>div{display:grid;gap:5px;min-width:0}
.profileStatIcon{width:36px;height:36px;flex:0 0 36px;border-radius:11px}
.profileStatIcon svg{width:18px;height:18px}
.profilePage .profileStat small{display:block;margin:0;color:var(--muted);font-size:11px;font-weight:600;line-height:1.2}
.profileStatValue{display:flex;align-items:center;min-height:22px;min-width:0;color:var(--navy);font-size:13px;font-weight:700;letter-spacing:-.3px;line-height:1.05;font-variant-numeric:tabular-nums;overflow:hidden;white-space:nowrap}
.profilePage .profileStats .profileStat.profileStat--tier,
.profilePage .profileStats .profileStat.profileStat--np,
.profilePage .profileStats .profileStat.profileStat--accent{
  background:var(--surface);
  border-color:var(--line);
}
.profilePage .profileStats .profileStat.profileStat--tier{
  border-color:color-mix(in srgb,var(--ctrl-border-active) 42%,var(--line));
}
.profilePage .profileStats .profileStat.profileStat--np{
  border-color:color-mix(in srgb,var(--ctrl-border-active) 42%,var(--line));
}
.profilePage .profileStat--tier .profileStatValue,
.profilePage .profileStat--np .profileStatValue{font-weight:800}
.profilePage .profileStat--np .statusBadge--np{
  background:var(--ctrl-bg-active);
  border-color:var(--ctrl-border-active);
  color:var(--ctrl-fg-active);
}
.profileStatTier{display:inline-flex;align-items:center;gap:8px}
.profileStat .tierIcon{display:inline-flex;align-items:center;gap:8px;line-height:1}
.profileStat .tierIconCopy{display:inline-flex;align-items:center;gap:4px;line-height:1}
.profilePage .metricBadge b{min-height:0;height:auto;padding:0;display:inline;letter-spacing:0;color:inherit;font-weight:800;line-height:1}
.profilePage .metricBadge--compact b{font-size:12px}
.profilePage .metricBadge--md b{font-size:12px}
.profileRankNotice{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:12px}
.profileWeeklyStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.profileWeeklyStats .profileWeeklyActivity{display:grid;align-content:space-between;gap:13px;min-width:0;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}
.profileWeeklyActivityHead{display:flex;align-items:center;gap:11px;min-width:0}
.profileWeeklyActivityHead>div{display:grid;gap:5px;min-width:0}
.profileWeeklyActivityHead .statusBadge{margin-left:auto;flex:0 0 auto}
.profileWeeklyStats small{color:var(--muted);font-size:11px;font-weight:600}
.profileWeeklyStats strong{color:var(--navy);font-size:14px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}
.profileWeeklyProgress{height:6px;overflow:hidden;border-radius:999px;background:var(--line)}
.profileWeeklyProgress span{display:block;height:100%;border-radius:inherit;background:var(--accent-primary)}
.profileWeeklyFooter{display:flex;justify-content:space-between;gap:12px;color:var(--navy);font-size:12px;font-weight:600}
.profileWeeklyReset{margin:0;color:var(--muted);font-size:11px}
.profileSectionHead{margin-top:6px}
.profileSectionHead h2{font-size:var(--fs-lg);font-weight:800;letter-spacing:-.4px;color:var(--navy)}
.accountSettings{display:grid;gap:12px;align-items:start}
@media(min-width:761px){.accountSettings{grid-template-columns:1fr 1fr;align-items:start}}
.accountBlock{display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:none}
.accountBlockHead{display:flex;align-items:flex-start;gap:11px;min-height:0}
.accountBlockHead>div{display:grid;gap:4px}
.accountBlock h3{margin:0;font-size:15px;font-weight:700;letter-spacing:-.2px;color:var(--navy);line-height:1.2}
.accountMeta,.accountHint{margin:0;font-size:12px;color:var(--muted);line-height:1.45}
.accountMeta b{color:var(--navy);font-weight:800}
.accountFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:11px;background:var(--surface-soft)}
.accountFacts .accountMeta{display:grid;gap:5px;padding:11px 13px}
.accountFacts .accountMeta+.accountMeta{border-left:1px solid var(--line)}
.accountFacts .accountMeta span{font-size:11px}
.accountFacts .accountMeta b{font-size:12px;overflow-wrap:anywhere}
.accountBlock .formGrid{margin:0;max-width:none;gap:8px}
.accountBlock .formGrid>label{margin-top:8px;font-size:12px;font-weight:700;line-height:1.2}
.accountBlock .formGrid>label:first-child{margin-top:0}
.accountBlock .field{box-sizing:border-box;height:var(--ctrl-h-md);min-height:var(--ctrl-h-md);padding:0 12px;font-size:var(--ctrl-fs-lg);border-radius:var(--ctrl-radius);text-align:left}
.accountBlock .primaryBtn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-width:120px;height:var(--ctrl-h-lg);min-height:var(--ctrl-h-lg);margin-top:8px;padding:0 var(--ctrl-pad-lg);font-size:var(--ctrl-fs-lg);line-height:1}
:scope[data-theme="dark"] .profilePage .accountSettings .primaryBtn.watchMint:not(:disabled){
  background:var(--dark-accent-blue);border-color:var(--dark-accent-blue);color:#fff
}
:scope[data-theme="dark"] .profilePage .accountSettings .primaryBtn.watchMint:hover:not(:disabled){
  background:var(--dark-accent-blue-hover);border-color:var(--dark-accent-blue-hover)
}
:scope[data-theme="dark"] .profilePage .accountSettings .primaryBtn.watchMint:active:not(:disabled){
  background:var(--dark-accent-blue-active);border-color:var(--dark-accent-blue-active)
}
.accountWithdrawalBlock{grid-column:1 / -1}
.accountWithdrawalForm{grid-template-columns:minmax(0,420px);max-width:none}
.accountWithdrawalForm .uiBtnDanger{justify-self:start;margin-top:4px}
.profileHistoryGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.profileEmptyState{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}
.profileEmptyState p{margin:0;color:var(--muted);font-size:13px}
.profileSportList{display:grid;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.profileSportList>.notice{margin:0;padding:16px 18px}
.profileSportRow{box-sizing:border-box;display:grid;grid-template-columns:minmax(148px,156px) minmax(132px,max-content) 96px minmax(0,1fr);align-items:center;column-gap:14px;height:56px;min-height:56px;padding:0 16px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;transition:background .16s ease}
.profileSportRow:last-child{border-bottom:0}
.profileSportRow:hover{background:color-mix(in srgb,var(--accent-primary) 4%,var(--surface))}
.profileSportName{display:inline-flex;align-items:center;gap:8px;min-width:0;min-height:28px;font-size:13px;font-weight:700;line-height:1;color:var(--navy);letter-spacing:-.2px}
.profileSportIcon{box-sizing:border-box;width:28px;height:28px;flex:0 0 28px;border-radius:8px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent2);display:inline-flex;align-items:center;justify-content:center;line-height:0}
.profileSportIcon svg{width:16px;height:16px;display:block;flex:0 0 16px}
.profileSportRow.is-overall .profileSportName{font-weight:850}
.profileSportRow.is-overall .profileSportIcon{background:color-mix(in srgb,#d9b15b 16%,var(--surface));border-color:color-mix(in srgb,#d9b15b 28%,var(--line));color:#9a7318}
.profileSportTier{display:flex;align-items:center;justify-self:start;min-width:0;min-height:28px;line-height:1}
.profileSportTierGroup{display:inline-flex;align-items:center;gap:8px;min-width:max-content;max-width:100%}
.profileSportTier .tierIcon,.profileSportTier .memberTierIcon{width:24px;height:24px;flex:0 0 24px;align-items:center;display:block}
.profileSportTier .tierGlyph,.profileSportTier .tierGlyphImage{width:24px;height:24px}
.profileSportTierName{display:inline-flex;align-items:center;font-size:12px;font-weight:700;line-height:1;white-space:nowrap}
.profileSportTierName em,.profileSportTierName b{font-size:inherit;line-height:inherit}
.profileSportNp{display:inline-flex;align-items:center;justify-content:flex-start;width:96px;min-height:28px}
.profileSportNp .metricBadge{flex:0 0 auto}
.profileSportTier small{color:var(--muted);font-size:11px}
.profileSportMeta{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;justify-self:end;gap:16px;min-height:28px;color:var(--muted);font-size:12px;line-height:1}
.profileSportMeta span{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap;line-height:1}
.profileSportMeta b{color:var(--navy);font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.profileHist{display:grid;gap:6px;padding:0}
.profileHistRow{display:grid;grid-template-columns:88px minmax(0,1fr) 148px 92px;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}
.profileStatus{min-width:0;height:24px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,#fff);color:var(--accent2);font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.02em}
.profileHistRow b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--navy)}
.profileHistRow small,.profileHistRow strong{display:flex;align-items:center;justify-content:flex-end;text-align:right;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted);font-size:12px}
.profileHistRow strong{color:var(--navy);font-size:13px;font-weight:800}
:scope[data-theme=dark] .ranking .sectionHead h2,:scope[data-theme=dark] .homeNotice .sectionHead h2,:scope[data-theme=dark] .profileSectionHead h2,:scope[data-theme=dark] .accountBlock h3,:scope[data-theme=dark] .accountMeta b,:scope[data-theme=dark] .profileStats small,:scope[data-theme=dark] .profileStats b,:scope[data-theme=dark] .profileStat small,:scope[data-theme=dark] .profileStatValue,:scope[data-theme=dark] .profileSportName,:scope[data-theme=dark] .profileSportMeta b,:scope[data-theme=dark] .profileHistRow b,:scope[data-theme=dark] .profileHistRow strong,:scope[data-theme=dark] .attRankColNum{color:var(--text-primary)}
:scope[data-theme=dark] .profilePage .profileStats .profileStat.profileStat--tier,
:scope[data-theme=dark] .profilePage .profileStats .profileStat.profileStat--np,
:scope[data-theme=dark] .profilePage .profileStats .profileStat.profileStat--accent{
  background:var(--surface);
  border-color:var(--line);
}
:scope[data-theme=dark] .profilePage .profileStats .profileStat.profileStat--tier,
:scope[data-theme=dark] .profilePage .profileStats .profileStat.profileStat--np{
  border-color:color-mix(in srgb,var(--ctrl-border-active) 38%,var(--line));
}
:scope[data-theme=dark] .profilePage .profileStat--np .statusBadge--np{
  background:var(--dark-accent-blue-muted);
  border-color:color-mix(in srgb,var(--dark-accent-blue-muted) 65%,var(--border-soft));
  color:#fff;
}
:scope[data-theme=dark] .profileIdentity h2,
:scope[data-theme=dark] .profileIdentityTierName,
:scope[data-theme=dark] .profileIdentityMeta dd,
:scope[data-theme=dark] .profilePanelHead h2,
:scope[data-theme=dark] .profileWeeklyStats strong{color:var(--text-primary)}
:scope[data-theme=dark] .profileIconBadge{background:rgba(86,120,190,.16);border-color:rgba(122,155,216,.26)}
:scope[data-theme=dark] .profileStatIcon,
:scope[data-theme=dark] .profilePage .profilePanelHead .profileIconBadge,
:scope[data-theme=dark] .accountBlock:not(.accountWithdrawalBlock) .profileIconBadge{
  background:var(--surface-soft);border-color:var(--border-soft);color:var(--dark-accent-blue)
}
:scope[data-theme=dark] .profileToolLinks .uiBtn svg{color:var(--dark-accent-blue)}
:scope[data-theme=dark] .profileSportIcon{background:var(--surface-soft);border-color:var(--border-soft);color:var(--dark-accent-blue)}
:scope[data-theme=dark] .profileSportRow.is-overall .profileSportIcon{background:color-mix(in srgb,#d9b15b 18%,var(--surface));border-color:color-mix(in srgb,#d9b15b 36%,var(--line));color:#e8c97a}
:scope[data-theme=dark] .profileStatus{background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:#c5d3e6}
:scope[data-theme=dark] .floatChatBrand > span{color:color-mix(in srgb,#edf4ff 58%,#081526)}
:scope[data-theme=dark] .uiBtnDanger{color:#f0a0a8}
:scope[data-theme=dark] .rkTop--1{--rk-aura:rgba(240,212,138,.28);background:radial-gradient(circle at 50% 4%,rgba(217,177,91,.22),transparent 46%),linear-gradient(145deg,color-mix(in srgb,#d9b15b 12%,var(--surface)) 0%,var(--surface) 64%,color-mix(in srgb,#7c5b1d 10%,var(--surface)) 100%);border-color:color-mix(in srgb,#d9b15b 56%,var(--line));color:var(--text);box-shadow:0 20px 42px rgba(0,0,0,.34),0 0 24px rgba(217,177,91,.08),inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(217,177,91,.12)}
:scope[data-theme=dark] .rkTop--2{--rk-aura:rgba(197,211,228,.2);background:radial-gradient(circle at 50% 5%,rgba(159,176,194,.18),transparent 46%),linear-gradient(145deg,color-mix(in srgb,#9fb0c2 10%,var(--surface)) 0%,var(--surface) 68%,color-mix(in srgb,#56697d 8%,var(--surface)) 100%);border-color:color-mix(in srgb,#9fb0c2 46%,var(--line));color:var(--text);box-shadow:0 15px 32px rgba(0,0,0,.28),0 0 18px rgba(159,176,194,.05),inset 0 1px 0 rgba(255,255,255,.1)}
:scope[data-theme=dark] .rkTop--3{--rk-aura:rgba(226,181,122,.2);background:radial-gradient(circle at 50% 5%,rgba(185,135,94,.18),transparent 46%),linear-gradient(145deg,color-mix(in srgb,#b9875e 10%,var(--surface)) 0%,var(--surface) 68%,color-mix(in srgb,#70472d 8%,var(--surface)) 100%);border-color:color-mix(in srgb,#b9875e 48%,var(--line));color:var(--text);box-shadow:0 15px 32px rgba(0,0,0,.28),0 0 18px rgba(185,135,94,.05),inset 0 1px 0 rgba(255,255,255,.1)}
:scope[data-theme=dark] .rkTop--1 .rkPlace,:scope[data-theme=dark] .rkTop--1 .rkUserName,:scope[data-theme=dark] .rkTop--1 .rkMetric b,:scope[data-theme=dark] .rkTop--1 .metricBadge b,:scope[data-theme=dark] .rkTop--1 .rkTopHit{color:#fff6dc}
:scope[data-theme=dark] .rkTop--2 .rkPlace,:scope[data-theme=dark] .rkTop--2 .rkUserName,:scope[data-theme=dark] .rkTop--2 .rkMetric b,:scope[data-theme=dark] .rkTop--2 .metricBadge b,:scope[data-theme=dark] .rkTop--2 .rkTopHit{color:#f2f6fb}
:scope[data-theme=dark] .rkTop--3 .rkPlace,:scope[data-theme=dark] .rkTop--3 .rkUserName,:scope[data-theme=dark] .rkTop--3 .rkMetric b,:scope[data-theme=dark] .rkTop--3 .metricBadge b,:scope[data-theme=dark] .rkTop--3 .rkTopHit{color:#f7f2ea}
@media(prefers-reduced-motion:reduce){
  .rkTop,.rkTop--1,.rkTop--2,.rkTop--3,.rkTop--1:hover,.rkTop--2:hover,.rkTop--3:hover,.rkTop--1 .rkCrown{animation:none;transform:none}
  .rkTop::before,.rkTop::after{animation:none}
  .uiBtn,.moreBtn,.tab,.bcSport,.shopTabs a,.bcChatToggle,.bcLiveCard{transition:none}
  .bcChatToggle .bcChatToggleCaret{transition:none}
  .moreBtn>span:last-child,.moreBtn:hover>span:last-child{transition:none;transform:none}
  .bcLiveCard:hover{transform:none;filter:none}
}
@media(max-width:1200px){
  .profilePage .profileStats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .profileSportRow{height:auto;min-height:72px;padding:12px 16px;grid-template-columns:minmax(120px,1fr) auto 96px;grid-template-areas:"name tier np" "meta meta meta";row-gap:10px}
  .profileSportName{grid-area:name}
  .profileSportTier{grid-area:tier}
  .profileSportNp{grid-area:np;justify-self:end;width:auto}
  .profileSportMeta{grid-area:meta;justify-content:flex-end;justify-self:end;flex-wrap:nowrap}
  .profileHistRow{grid-template-columns:80px minmax(0,1fr) 120px 80px}
  .rkTop--1:hover,.rkTop--2:hover,.rkTop--3:hover{transform:translateY(-2px)}
}
@media(min-width:761px) and (max-width:1200px){
  .bcStage{--bc-chat-col:320px}
}
@media(max-width:760px){
  .profilePage .profileStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .profilePage .profileStats .profileStat{min-height:72px;padding:12px}
  .profileStatValue{font-size:12px}
  .profileTools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px}
  .profileToolLinks{display:contents}
  .profileTools form{width:auto;min-width:0}
  .profileTools .uiBtn,.profileTools form .uiBtn{width:100%;min-width:0;justify-content:center;padding-inline:8px}
  .profileIdentity{align-items:flex-start;flex-direction:column;padding:17px}
  .profileIdentityMeta{width:100%;grid-template-columns:1fr}
  .profileIdentityMeta>div{padding:10px 0;border-left:0;border-top:1px solid var(--line)}
  .profileWeeklyStats{grid-template-columns:1fr}
  .profileWeeklyFooter{flex-wrap:wrap}
  .accountFacts{grid-template-columns:1fr}
  .accountFacts .accountMeta+.accountMeta{border-left:0;border-top:1px solid var(--line)}
  .profileHistoryGrid{grid-template-columns:1fr}
  .profileSportRow{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name np" "tier tier" "meta meta";row-gap:8px;padding:12px 14px}
  .profileSportTier{min-height:0}
  .profileSportTierGroup{gap:7px}
  .profileSportMeta{justify-content:flex-start;justify-self:start;flex-wrap:wrap;gap:14px}
  .profileHistRow{grid-template-columns:72px minmax(0,1fr);grid-template-areas:"status title" "date amount"}
  .profileHistRow b{grid-area:title}
  .profileStatus{grid-area:status;justify-self:start}
  .profileHistRow small{grid-area:date;justify-content:flex-start;text-align:left}
  .profileHistRow strong{grid-area:amount}
  .rkPodium{grid-template-columns:1fr 1fr;align-items:stretch;gap:10px}
  .rkTop--1{grid-column:1/-1;order:-1}
}

.userIdentity{appearance:none;border:0;background:transparent;display:inline-flex;align-items:center;gap:6px;padding:0;margin:0;border-radius:6px;cursor:pointer;color:inherit;font:inherit;text-align:left;max-width:100%;min-width:0;line-height:1}
.userIdentity:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}
.userIdentity:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 72%,#fff);outline-offset:2px;background:color-mix(in srgb,var(--accent) 8%,transparent)}
:scope[data-theme=dark] .userIdentity:hover,:scope[data-theme=dark] .userIdentity:focus-visible{background:rgba(255,255,255,.05)}
.userNameLink{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chatIdentity{flex:0 1 auto;min-width:0;max-width:calc(100% - 92px);padding:2px 5px}
.chatIdentity .chatNick{max-width:none;flex:1 1 auto}
.rkTopIdentity:hover,.rkTopIdentity:focus-visible{background:rgba(255,255,255,.14)}
.rkUser .userIdentity,.rkUserName{font-weight:800}
button.boardAuthor,button.attRankUser,button.rankIdentity,button.rkRowIdentity{font:inherit}
.userIdentity.rkTopIdentity{display:grid;justify-items:center;width:100%;gap:6px;padding:4px 6px}
.userIdentity.rkRowIdentity{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:auto;
  max-width:100%;
  min-height:36px;
  padding:8px 10px;
  margin-left:-10px;
  justify-items:start;
}
@media(pointer:coarse){
  .userIdentity.rkRowIdentity{min-height:36px}
}
.userCardLayer{position:fixed;inset:0;z-index:140;pointer-events:none}
.userCardLayer.is-mobile{pointer-events:auto}
.userCardBackdrop{display:none;position:absolute;inset:0;border:0;background:rgba(13,26,44,.42);cursor:pointer;pointer-events:auto}
.userCardPanel{--uc-bg:#f8fafc;--uc-bg2:#eef3f8;--uc-border:rgba(148,163,184,.28);--uc-glow:rgba(30,64,175,.14);--uc-line:#173595;--uc-accent:#173595;pointer-events:auto;position:absolute;width:min(400px,calc(100vw - 32px));max-height:min(78vh,580px);overflow:auto;color:var(--text);border:1px solid var(--uc-border);border-radius:16px;background:linear-gradient(180deg,var(--uc-bg) 0%,var(--uc-bg2) 100%);box-shadow:0 18px 40px rgba(13,26,44,.12),0 2px 8px rgba(13,26,44,.06),inset 0 1px 0 rgba(255,255,255,.55)}
.userCardPanel.is-sheet{left:12px;right:12px;bottom:12px;top:auto;width:auto;max-height:min(78vh,560px)}
.userCard{position:relative;padding:16px 16px 14px;display:grid;gap:14px;overflow:hidden;background:transparent}
.userCard:before{content:"";position:absolute;left:0;right:0;top:0;height:76px;pointer-events:none;z-index:0;background:radial-gradient(circle at 16% 0,var(--uc-glow),transparent 62%)}
.userCard:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;pointer-events:none;z-index:2;background:var(--uc-line)}
.userCardPanel--BRONZE,.userCard--BRONZE{--uc-bg:#FFF7F0;--uc-bg2:#F6E4D5;--uc-border:rgba(176,122,58,.32);--uc-glow:rgba(176,122,58,.28);--uc-line:linear-gradient(90deg,#c0843c,#e2c09a,#b07030);--uc-accent:var(--tier-bronze)}
.userCardPanel--SILVER,.userCard--SILVER{--uc-bg:#F8FAFC;--uc-bg2:#E8EEF5;--uc-border:rgba(148,163,184,.38);--uc-glow:rgba(148,163,184,.28);--uc-line:linear-gradient(90deg,#94a3b8,#dbe4ee,#64748b);--uc-accent:var(--tier-silver)}
.userCardPanel--GOLD,.userCard--GOLD{--uc-bg:#FFF9E8;--uc-bg2:#F7E7B3;--uc-border:rgba(201,162,58,.38);--uc-glow:rgba(217,177,91,.32);--uc-line:linear-gradient(90deg,#d4a017,#f3e2a0,#c08a20);--uc-accent:var(--tier-gold)}
.userCardPanel--PLATINUM,.userCard--PLATINUM{--uc-bg:#F0FDFA;--uc-bg2:#D9F4F0;--uc-border:rgba(45,166,163,.34);--uc-glow:rgba(45,166,163,.26);--uc-line:linear-gradient(90deg,#2dd4bf,#99f6e4,#0f766e);--uc-accent:var(--tier-platinum)}
.userCardPanel--DIAMOND,.userCard--DIAMOND{--uc-bg:#EFF6FF;--uc-bg2:#E0E7FF;--uc-border:rgba(79,120,230,.36);--uc-glow:rgba(90,150,255,.3);--uc-line:linear-gradient(90deg,#60a5fa,#c7d2fe,#2563eb);--uc-accent:var(--tier-diamond)}
.userCardPanel--MASTER,.userCard--MASTER{--uc-bg:#FAF5FF;--uc-bg2:#F3E8FF;--uc-border:rgba(168,85,247,.34);--uc-glow:rgba(192,132,252,.28);--uc-line:linear-gradient(90deg,#c084fc,#f5d0fe,#7e22ce);--uc-accent:var(--tier-master)}
.userCardPanel--CHALLENGER,.userCard--CHALLENGER{--uc-bg:#FFF8E7;--uc-bg2:#E8EEFF;--uc-border:rgba(147,112,219,.34);--uc-glow:rgba(196,181,253,.34);--uc-line:linear-gradient(90deg,#d4a017,#60a5fa,#7c3aed,#67e8f9);--uc-accent:#6d28d9}
.userCardPanel--CHALLENGER{background:linear-gradient(135deg,rgba(255,244,200,.96),rgba(226,232,255,.96) 38%,rgba(238,220,255,.96) 68%,rgba(219,244,255,.96))}
.userCardHead{position:relative;z-index:1;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0}
.userCardIcon{position:relative;width:48px;height:48px;display:grid;place-items:center}
.userCardIcon:before{content:"";position:absolute;inset:-8px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,var(--uc-glow),transparent 68%)}
.userCard--CHALLENGER .userCardIcon:before{inset:-10px;background:radial-gradient(circle,rgba(253,230,138,.42),rgba(165,180,252,.28) 42%,rgba(196,181,253,.18) 62%,transparent 72%)}
.userCardIcon .tierIcon-md{--tier-h:48px;position:relative;z-index:1}
.userCardIdentity{min-width:0;display:grid;gap:3px}
.userCardIdentity > b{margin:0;font-size:16px;font-weight:700;letter-spacing:-.3px;color:var(--navy);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.userCardIdentity em{font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.02em;color:var(--uc-accent);line-height:1.2}
.userCardIdentity .tierText{font-size:11.5px;letter-spacing:.02em;line-height:1.2}
.userCardIdentity .tierText em,.userCardIdentity .tierText b{font-size:inherit}
.userCardBadges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.userCardBadges .statusBadge{height:22px;min-height:22px;padding:0 8px;border-radius:7px;font-size:11px;font-weight:700;background:rgba(255,255,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.userCardBadges .statusBadge--official:before{content:"✓";font-size:9px;font-weight:800;line-height:1}
.userCardBadges .metricBadge em{font-size:10px;font-weight:600;opacity:.78}
.userCardBadges .metricBadge b{font-size:11px;font-weight:800}
.userCardSeason{position:relative;z-index:1;padding-top:10px;box-shadow:0 -1px 0 color-mix(in srgb,var(--uc-border) 70%,transparent)}
.userCardSeason header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 10px}
.userCardSeason h3{margin:0;font-size:11px;font-weight:700;letter-spacing:.01em;text-transform:none;color:#5b6b80;line-height:1.2}
.userCardSeason small{color:var(--muted);font-size:11px;font-weight:500}
.userCardSeason ul{list-style:none;margin:0;padding:0;display:grid;gap:0}
.userCardSeason li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:30px;padding:4px 0;border-top:1px solid color-mix(in srgb,var(--uc-border) 55%,transparent);font-size:12px;color:var(--navy);border-radius:6px;transition:background .18s ease}
.userCardSeason li:first-child{border-top:0}
.userCardSeason li:hover{background:color-mix(in srgb,var(--uc-accent) 6%,transparent)}
.userCardSeason li>span:first-child{font-weight:600;min-width:0}
.userCardTier{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}
.userCardTier>b{font-size:12px;font-weight:700;letter-spacing:-.2px;line-height:1}
.userCardTier .tierText{font-size:11.5px;font-weight:700;letter-spacing:.02em;line-height:1}
.userCardTier .tierText em,.userCardTier .tierText b{font-size:inherit}
.userCardTier .tierText b{font-weight:800}
.userCardEmpty{margin:0;color:var(--muted);font-size:12px;line-height:1.45;padding:4px 0}
.userCardPanel>.userCardEmpty{padding:16px}
.userCardStats{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid color-mix(in srgb,var(--uc-border) 80%,transparent);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
.userCardStats>div{display:grid;gap:4px;justify-items:center;padding:10px 8px;min-height:58px;align-content:center}
.userCardStats>div+div{border-left:1px solid color-mix(in srgb,var(--uc-border) 80%,transparent)}
.userCardStats small{font-size:11px;font-weight:500;color:var(--muted);line-height:1}
.userCardStats strong{font-size:15px;font-weight:800;color:var(--navy);line-height:1.15;font-variant-numeric:tabular-nums}
.userCardSeason.previous{opacity:1;padding-top:12px}
.userCardPanel--CHALLENGER:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:42%;z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.16) 48%,transparent 72%);background-size:220% 100%;animation:ucSheen 11s ease-in-out infinite;opacity:.45}
@keyframes ucSheen{0%,100%{background-position:0 50%;opacity:.32}50%{background-position:100% 50%;opacity:.5}}
@media(prefers-reduced-motion:reduce){
  .userCardPanel--CHALLENGER:before{animation:none;opacity:.18}
  .userCardSeason li{transition:none}
}
:scope[data-theme=dark] .userCardPanel{--uc-bg:#101826;--uc-bg2:#0c141e;box-shadow:0 18px 42px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06)}
:scope[data-theme=dark] .userCardPanel--BRONZE,:scope[data-theme=dark] .userCard--BRONZE{--uc-bg:#2a1c14;--uc-bg2:#1c1410;--uc-border:rgba(196,140,70,.34);--uc-glow:rgba(196,140,70,.28);--uc-accent:var(--tier-bronze)}
:scope[data-theme=dark] .userCardPanel--SILVER,:scope[data-theme=dark] .userCard--SILVER{--uc-bg:#1a222c;--uc-bg2:#141a22;--uc-border:rgba(148,163,184,.32);--uc-glow:rgba(148,163,184,.22);--uc-accent:var(--tier-silver)}
:scope[data-theme=dark] .userCardPanel--GOLD,:scope[data-theme=dark] .userCard--GOLD{--uc-bg:#241c10;--uc-bg2:#1a1610;--uc-border:rgba(217,177,91,.34);--uc-glow:rgba(217,177,91,.24);--uc-accent:var(--tier-gold)}
:scope[data-theme=dark] .userCardPanel--PLATINUM,:scope[data-theme=dark] .userCard--PLATINUM{--uc-bg:#0f2422;--uc-bg2:#0c1a1c;--uc-border:rgba(45,212,191,.3);--uc-glow:rgba(45,212,191,.22);--uc-accent:var(--tier-platinum)}
:scope[data-theme=dark] .userCardPanel--DIAMOND,:scope[data-theme=dark] .userCard--DIAMOND{--uc-bg:#101a2e;--uc-bg2:#0c1424;--uc-border:rgba(96,165,250,.34);--uc-glow:rgba(96,165,250,.26);--uc-accent:var(--tier-diamond)}
:scope[data-theme=dark] .userCardPanel--MASTER,:scope[data-theme=dark] .userCard--MASTER{--uc-bg:#1c1228;--uc-bg2:#140e1c;--uc-border:rgba(192,132,252,.34);--uc-glow:rgba(192,132,252,.24);--uc-accent:var(--tier-master)}
:scope[data-theme=dark] .userCardPanel--CHALLENGER,:scope[data-theme=dark] .userCard--CHALLENGER{--uc-bg:#101628;--uc-bg2:#0c1220;--uc-border:rgba(167,139,250,.36);--uc-glow:rgba(253,230,138,.18);--uc-accent:var(--tier-gold)}
:scope[data-theme=dark] .userCardPanel--CHALLENGER{background:linear-gradient(135deg,rgba(36,28,16,.94),rgba(16,22,40,.96) 40%,rgba(32,20,48,.94) 72%,rgba(12,28,40,.96))}
:scope[data-theme=dark] .userCardIdentity > b,:scope[data-theme=dark] .userCardSeason li,:scope[data-theme=dark] .userCardStats strong{color:#edf4ff}
:scope[data-theme=dark] .userCardIdentity em{color:var(--uc-accent)}
:scope[data-theme=dark] .userCardSeason h3{color:#9aa8bb}
:scope[data-theme=dark] .userCardBadges .statusBadge{background:rgba(8,14,24,.46);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
:scope[data-theme=dark] .userCardStats{background:rgba(8,14,24,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
@media(max-width:760px){
  .userCardLayer{pointer-events:auto}
  .userCardBackdrop{display:block}
  .userCardPanel,.userCardPanel:not(.is-sheet){
    left:12px !important;
    right:12px !important;
    bottom:12px !important;
    top:auto !important;
    width:auto !important;
    max-height:min(78vh,560px);
  }
  .userCardHead{grid-template-columns:48px minmax(0,1fr);grid-template-areas:"icon identity" "icon badges"}
  .userCardHead .userCardIcon,.userCardHead .tierIcon{grid-area:icon}
  .userCardIdentity{grid-area:identity}
  .userCardBadges{grid-area:badges;justify-content:flex-start}
}

.homeAbout{--ha-pad:22px 24px;--ha-radius:16px;--ha-card-r:14px;--ha-card-pad:16px 18px;--ha-icon:36px;--ha-gap:10px;--ha-fs-title:16px;--ha-fs-body:13px;--ha-fs-card:13px;--ha-fs-card-body:12px;--ha-fs-caption:10px;--ha-fw-title:700;--ha-fw-body:500;--ha-lh-title:1.45;--ha-lh-intro:1.4;--ha-lh-body:1.75;--ha-lh-card:1.6;margin-top:36px;margin-bottom:8px;padding-bottom:40px;min-width:0;overflow-x:clip;display:grid;gap:16px}
.homeAboutIntro,.homeAboutRow,.homeAboutSummary{box-sizing:border-box;min-width:0;padding:var(--ha-pad);border-radius:var(--ha-radius);text-align:left}
.homeAboutEyebrow{margin:0 0 8px;font-size:var(--ha-fs-caption);font-weight:var(--ha-fw-title);letter-spacing:.16em;line-height:1.2;color:var(--accent);text-transform:uppercase}
.homeAboutIntro{background:color-mix(in srgb,var(--accent) 6%,transparent);border:1px solid color-mix(in srgb,var(--accent) 12%,transparent)}
.homeAboutIntro h2{margin:0 0 14px;max-width:none;font-size:var(--ha-fs-title);font-weight:var(--ha-fw-title);letter-spacing:-.2px;line-height:var(--ha-lh-intro);color:var(--navy)}
.homeAboutLead{display:grid;gap:10px}
.homeAboutLead p{margin:0;max-width:none;font-size:var(--ha-fs-body);font-weight:var(--ha-fw-body);line-height:var(--ha-lh-body);color:var(--text)}
.homeAboutPills{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;margin:16px 0 0;padding:0}
.homeAboutPills li{font-size:var(--ha-fs-caption);font-weight:var(--ha-fw-title);letter-spacing:.12em;line-height:1;color:color-mix(in srgb,var(--accent) 72%,var(--muted));padding:0 12px;border-right:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));white-space:nowrap}
.homeAboutPills li:first-child{padding-left:0}
.homeAboutPills li:last-child{border-right:0;padding-right:0}
.homeAboutStack{display:grid;gap:16px;min-width:0}
.homeAboutRow{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);grid-template-areas:"copy cards";gap:24px 36px;align-items:stretch;overflow:hidden;border:1px solid var(--line);background:var(--surface)}
.homeAboutRow--flip{grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);grid-template-areas:"cards copy"}
.homeAboutRow--official{grid-template-columns:1fr;grid-template-areas:"copy" "official";gap:16px;background:transparent;border-color:transparent}
.homeAboutRow--live{box-shadow:inset 0 3px 0 var(--accent)}
.homeAboutRow--analysis{background:color-mix(in srgb,var(--accent) 6%,var(--bg));border-color:color-mix(in srgb,var(--accent) 10%,transparent)}
.homeAboutRow--predict{background:var(--surface)}
.homeAboutRow--predict:after{content:none}
.homeAboutRow--community{background:color-mix(in srgb,var(--navy) 3.5%,var(--bg));border-color:color-mix(in srgb,var(--navy) 6%,var(--line))}
.homeAboutCopyCol{grid-area:copy;min-width:0;display:grid;align-content:start;gap:0}
.homeAboutCardCol{grid-area:cards;min-width:0;display:grid;grid-auto-rows:1fr;gap:var(--ha-gap);align-self:stretch}
.homeAboutOfficial{grid-area:official;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:var(--ha-gap);min-width:0}
.homeAboutCopyCol--wide .homeAboutCopy{max-width:none}
.homeAboutHead{display:grid;gap:6px;margin:0 0 12px;min-width:0}
.homeAboutMeta{display:flex;align-items:center;gap:8px;min-width:0}
.homeAboutNo{flex:0 0 auto;font-size:var(--ha-fs-caption);font-weight:var(--ha-fw-title);letter-spacing:.14em;line-height:1;color:var(--accent)}
.homeAboutLabel{font-size:var(--ha-fs-caption);font-weight:var(--ha-fw-title);letter-spacing:.12em;line-height:1;color:var(--accent);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.homeAboutHead h3{margin:0;font-size:var(--ha-fs-title);font-weight:var(--ha-fw-title);letter-spacing:-.2px;line-height:var(--ha-lh-title);color:var(--navy);min-width:0}
.homeAboutCopy{display:grid;gap:10px;max-width:none}
.homeAboutCopy p{margin:0;font-size:var(--ha-fs-body);font-weight:var(--ha-fw-body);line-height:var(--ha-lh-body);color:var(--text)}
.homeAboutCard{box-sizing:border-box;display:grid;grid-template-columns:var(--ha-icon) minmax(0,1fr);column-gap:12px;align-items:start;min-width:0;height:100%;padding:var(--ha-card-pad);border:1px solid var(--line);border-radius:var(--ha-card-r);background:#F8FAFC;color:inherit;text-decoration:none}
a.homeAboutCard{cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
a.homeAboutCard:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(18,42,68,.06)}
.homeAboutIcon{width:var(--ha-icon);height:var(--ha-icon);flex:0 0 var(--ha-icon);border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,#fff);color:var(--accent)}
.homeAboutIcon svg{width:17px;height:17px;display:block}
.homeAboutIconTxt{font-size:var(--ha-fs-caption);font-weight:800;letter-spacing:.06em;line-height:1;font-style:normal}
.homeAboutCardCopy{display:grid;align-content:start;gap:4px;min-width:0;padding-top:1px}
.homeAboutCardCopy b{margin:0;font-size:var(--ha-fs-card);font-weight:var(--ha-fw-title);letter-spacing:-.15px;line-height:1.3;color:var(--navy)}
.homeAboutCardCopy p{margin:0;font-size:var(--ha-fs-card-body);font-weight:var(--ha-fw-body);line-height:var(--ha-lh-card);color:var(--muted)}
.homeAboutCard--domain{background:#1746C7;border-color:#1746C7;color:#fff}
.homeAboutCard--telegram{background:#246BDE;border-color:#246BDE;color:#fff}
.homeAboutCard--notice{background:#24344A;border-color:#24344A;color:#fff}
.homeAboutCard--domain .homeAboutIcon,.homeAboutCard--telegram .homeAboutIcon,.homeAboutCard--notice .homeAboutIcon{background:rgba(255,255,255,.16);color:#fff}
.homeAboutCard--domain .homeAboutCardCopy b,.homeAboutCard--telegram .homeAboutCardCopy b,.homeAboutCard--notice .homeAboutCardCopy b,
.homeAboutCard--domain .homeAboutCardCopy p,.homeAboutCard--telegram .homeAboutCardCopy p,.homeAboutCard--notice .homeAboutCardCopy p{color:#fff}
.homeAboutCard--domain .homeAboutCardCopy p,.homeAboutCard--telegram .homeAboutCardCopy p,.homeAboutCard--notice .homeAboutCardCopy p{opacity:.88}
.homeAboutSummary{margin:0;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));background:color-mix(in srgb,var(--navy) 5%,var(--surface))}
.homeAboutSummary h2{margin:0 0 12px;font-size:var(--ha-fs-title);font-weight:var(--ha-fw-title);letter-spacing:-.2px;line-height:var(--ha-lh-title);color:var(--navy)}
.homeAboutSummary>p:not(.homeAboutEyebrow):not(.homeAboutKicker){margin:0 0 8px;max-width:none;font-size:var(--ha-fs-body);font-weight:var(--ha-fw-body);line-height:var(--ha-lh-body);color:var(--text)}
.homeAboutKicker{margin:14px 0 0;font-size:var(--ha-fs-caption);font-weight:var(--ha-fw-title);letter-spacing:.16em;line-height:1.5;color:var(--accent);text-transform:uppercase}
:scope[data-theme=dark] .homeAboutIntro h2,:scope[data-theme=dark] .homeAboutHead h3,:scope[data-theme=dark] .homeAboutCardCopy b,:scope[data-theme=dark] .homeAboutSummary h2{color:#edf4ff}
:scope[data-theme=dark] .homeAboutIntro{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 18%,transparent)}
:scope[data-theme=dark] .homeAboutRow{background:var(--surface);border-color:var(--line)}
:scope[data-theme=dark] .homeAboutRow--analysis{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:color-mix(in srgb,var(--accent) 16%,transparent)}
:scope[data-theme=dark] .homeAboutRow--community{background:color-mix(in srgb,var(--accent) 6%,var(--soft));border-color:var(--line)}
:scope[data-theme=dark] .homeAboutRow--official{background:transparent;border-color:transparent}
:scope[data-theme=dark] .homeAboutRow--predict:after{content:none}
:scope[data-theme=dark] .homeAboutCard{background:var(--soft);border-color:var(--line)}
:scope[data-theme=dark] .homeAboutIcon{background:color-mix(in srgb,var(--accent) 20%,var(--soft));color:var(--dark-accent-blue)}
:scope[data-theme=dark] .homeAboutCard--domain{background:#1746C7;border-color:#1746C7}
:scope[data-theme=dark] .homeAboutCard--telegram{background:#246BDE;border-color:#246BDE}
:scope[data-theme=dark] .homeAboutCard--notice{background:#24344A;border-color:#2c4058}
:scope[data-theme=dark] .homeAboutCard--domain .homeAboutIcon,:scope[data-theme=dark] .homeAboutCard--telegram .homeAboutIcon,:scope[data-theme=dark] .homeAboutCard--notice .homeAboutIcon{background:rgba(255,255,255,.16);color:#fff}
:scope[data-theme=dark] .homeAboutSummary{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:color-mix(in srgb,var(--accent) 24%,var(--line))}
@media(max-width:980px){
  .homeAboutRow:not(.homeAboutRow--official),.homeAboutRow--flip{grid-template-columns:1fr;grid-template-areas:"copy" "cards";gap:16px}
  .homeAboutRow--official{grid-template-columns:1fr;grid-template-areas:"copy" "official"}
  .homeAboutRow--predict:after{content:none}
  .shopDesk{grid-template-columns:1fr;gap:var(--shop-gap)}
  .shopAside{position:static;top:auto}
  .shopBalanceChip{margin-left:0}
  .shopGuideCard{flex:0 1 auto}
}
@media(max-width:760px){
  .homeAbout{--ha-pad:18px 20px;margin-top:24px;padding-bottom:28px;gap:14px}
  .homeAboutOfficial{grid-template-columns:1fr}
  .homeAboutStack{gap:14px}
  .homeAboutPills li{padding:0 10px;letter-spacing:.08em;white-space:normal}
  a.homeAboutCard{min-height:72px}
}
@media(prefers-reduced-motion:reduce){
  a.homeAboutCard,a.homeAboutCard:hover{transform:none}
}

/* —— Spacing system —— */
.pageWrap .pageHero+*,
.pageWrap>.pageHero+*{margin-top:var(--page-gap,16px)}
.pageWrap>.pageHero+.rkPage{margin-top:var(--page-gap,16px)}
.pageWrap>.pageHero+.nntvCard,.pageWrap>.pageHero+.pageBody{margin-top:var(--page-gap,16px)}
.bcPage.pageWrap>.pageHero+*{margin-top:0}
.bcPage.pageWrap{display:grid;gap:10px}
.bcPage.pageWrap>.pageHero+*{margin-top:0}
.sectionHead{margin-bottom:var(--space-md);display:flex;align-items:center;justify-content:space-between}
.sectionHead h2{line-height:1.2}
.sectionHead p{margin:var(--space-xs) 0 0;line-height:1.45}
.pageWrap>.nntvCard>.sectionHead{margin-bottom:var(--space-lg);align-items:flex-start}
.pageWrap>.nntvCard>.sectionHead>:last-child:not(:only-child){margin-top:4px;flex:0 0 auto}
.pageWrap>.nntvCard>.sectionHead>.moreBtn{margin-top:0;align-self:center}
.tabs{gap:var(--space-sm);margin:0 0 var(--space-md)}
.tabs.compact{margin:0 0 var(--space-md)}
.tabs:has(+.tabs){margin-bottom:0}
.tabs+.tabs{margin-top:var(--space-sm)}
.sectionHead+.tabs,.sectionHead+.tabs.compact{margin-top:0}
.rkPage>.tabs{margin:0}
.ranking .tabs,.rkPage .tabs{flex-wrap:wrap}
.shopTabs{gap:var(--space-sm);margin:0 0 var(--space-md)}
.shopPage .shopToolbar{margin:0}
.shopPage .shopHistory{margin:10px 0 0}
.shopPage .shopConvert .formGrid>label{margin-top:12px}
.shopPage .shopConvert .formGrid>label:first-child{margin-top:0}
.historyList{gap:0}
.historyRow--compact{padding:8px 14px}
.historyMain{gap:2px}
.historyDate--inline{margin-top:0}
p.notice{margin:0;padding:var(--space-lg) 2px}
.pageWrap>.nntvCard>p.notice{padding:var(--space-lg) 0}
.formGrid{gap:var(--space-xs);margin-top:var(--space-md)}
.formGrid>label{margin-top:var(--space-sm)}
.formGrid>label:first-child{margin-top:0}
.formGrid>.primaryBtn,.formGrid>.ghostBtn{margin-top:var(--space-md)}
.shopPage .shopConvert .formGrid>.primaryBtn{width:100%}
.formGrid>.accountLinks{margin-top:var(--space-sm)}
.profilePage .formGrid{margin-top:0}
.profilePage .accountBlock .formGrid>label{margin-top:8px}
.profilePage .accountBlock .formGrid>label:first-child{margin-top:0}
.profileSectionHead{margin-top:var(--space-xl);margin-bottom:var(--space-md)}
.profilePage{gap:var(--space-md)}
.profilePage>.profileSectionHead:first-of-type{margin-top:var(--space-lg)}
.boardHead{margin-bottom:var(--space-lg)}
.boardHead p{margin:var(--space-xs) 0 0}
.boardToolbar{margin:0 0 var(--space-md)}
.boardTableWrap{margin-top:0}
.boardEmpty{padding:var(--space-xl) 0}
.hlGrid{margin-top:var(--space-md);gap:var(--space-md)}
.sectionHead+.hlGrid{margin-top:0}
.tabs+.hlHero{margin-top:var(--space-lg)}
.pageWrap>.nntvCard+.nntvCard{margin-top:var(--space-xl)}
.pageWrap>.pageHero+.nntvCard{margin-top:var(--space-lg)}
.partnerGrid{gap:var(--space-lg);margin-top:0}
.attendPage{gap:var(--space-lg)}
.attendMain,.attendSide{gap:var(--space-lg)}
.rkPage{gap:var(--space-xl)}
.cmtSection{margin-top:var(--space-xl);padding-top:var(--space-lg)}
.writeGrid{gap:var(--space-sm);margin-top:var(--space-md)}
.pageHero h1{margin:8px 0 8px}
.evPage{gap:0}
.evPage.evDetail{gap:0}
.evDetailStack{width:min(1040px,100%);margin-inline:auto;display:grid;gap:14px}
.pageWrap.evDetail>.nntvCard+.nntvCard{margin-top:0}
.evHeroCard,.evSummaryCard,.evMatchCard,.evPlayCard,.evResultCard,.evQuestionCard{display:grid;gap:12px;padding:16px 18px;border-radius:10px;box-shadow:none}
.evHeroCard h1{margin:0;font-size:24px;font-weight:600;letter-spacing:-.5px;color:var(--navy);line-height:1.3}
.evDetailLead{margin:0;font-size:14px;line-height:1.6;color:var(--text);white-space:pre-wrap;font-weight:400}
.evSummaryFacts{grid-template-columns:repeat(4,minmax(0,1fr))}
.evSummaryNote{margin:0;font-size:12px;font-weight:400;color:var(--muted);line-height:1.5}
.evCountRow{display:flex;align-items:center;gap:8px;margin:0;min-height:40px;padding:0 12px;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface-soft);font-size:13px;font-weight:500;color:var(--text)}
.evCount{color:var(--accent);font-size:15px;font-weight:600}
.evDetailNote{margin:0;font-size:12px;color:var(--muted)}
.evMatchCard>small{font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.02em}
.evMatchBoard--detail{max-width:none;margin:0;padding:14px 16px}
.evMatchKickoff{display:grid;justify-items:center;gap:4px}
.evMatchKickoff b{font-size:13px;font-weight:600;color:var(--navy);letter-spacing:-.2px;line-height:1.2}
.evMatchKickoff span{font-size:11px;font-weight:500;color:var(--muted)}
.evPlayCard{justify-items:stretch}
.evPlayCard h2{margin:0;width:100%;font-size:16px;font-weight:600;letter-spacing:-.2px;color:var(--navy);line-height:1.3}
.evPlayCard>.muted,.evPlayCard>p{margin:0;width:100%}
.evForm{max-width:none}
.evQuestionCard{padding:16px 18px}
.evResultCard h3{margin:0;font-size:16px;font-weight:600}
.evResultFacts{grid-template-columns:1fr 1fr}
:scope[data-theme=dark] .evHeroCard h1,:scope[data-theme=dark] .evPlayCard h2,:scope[data-theme=dark] .evMatchKickoff b,:scope[data-theme=dark] .evScoreId b,:scope[data-theme=dark] .evStepper input{color:#edf4ff}
.evPage>.pageHero+.evToolbar{margin-top:var(--space-lg)}
.evPage>.evToolbar+.evGrid,.evPage>.evToolbar+.historyEmpty{margin-top:var(--space-md)}
.evGrid{gap:var(--space-md)}
.analysisDates{gap:var(--space-sm);margin:var(--space-lg) 0 var(--space-sm)}
.analysisPage>.tabs{margin-bottom:var(--space-sm)}
.analysisSearch{margin:0 0 var(--space-md)}
.analysisGrid{gap:var(--space-md)}
.msgThread{margin-top:var(--space-lg);gap:10px}
.msgComposer{margin-top:var(--space-lg)}
.shopHistory{margin-top:var(--space-xl)}
.shopHistoryTitle{margin:0 0 var(--space-md)}
@media(max-width:760px){
  .pageWrap{margin-bottom:28px}
  .pageWrap>.pageHero+*{margin-top:var(--space-md)}
  .pageWrap>.nntvCard>.sectionHead{margin-bottom:var(--space-md)}
  .tabs,.tabs.compact,.shopTabs{margin-bottom:var(--space-md)}
  .shopToolbar{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;width:100%}
  .shopNav{flex:0 1 auto;flex-wrap:wrap}
  .shopBalanceChip{flex:1 1 auto;min-width:min(168px,100%);max-width:100%;padding:0 var(--rect-pad-x)}
  .shopFilters.tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%}
  .shopFilters.tabs::-webkit-scrollbar{display:none;height:0}
  .shopPage .shopCatalog{grid-template-columns:1fr}
  .shopPage .shopProduct{height:auto;min-height:0;width:100%;grid-template-columns:72px minmax(0,1fr);align-items:start;column-gap:12px;row-gap:0;padding:12px}
  .shopPage .shopThumb{width:72px;height:72px}
  .shopPage .shopProductMain{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;width:100%}
  .shopPage .shopProductBody{width:100%;gap:4px}
  .shopPage .shopBuy{justify-self:start;align-self:start}
  .pageHero--shop,.pageHero--convert,.pageHero--events{min-height:var(--page-hero-min-h);padding:var(--page-hero-pad-y) var(--page-hero-pad-x)}
  .evPage>.pageHero+.evToolbar,.analysisDates{margin-top:var(--space-md)}
  .wrap.evDetail,.evPage.evDetail{width:calc(100% - 24px)}
  .evSummaryFacts,.evResultFacts,.evFacts{grid-template-columns:1fr}
  .evPrize strong{font-size:24px}
  .evStepper button{width:36px;height:36px;min-width:36px;min-height:36px}
  .evStepper input,.evStepper input.field{width:64px;height:36px;min-height:36px;font-size:24px}
  .evScoreVs{min-height:36px}
  .evToolbar{padding:14px 16px;gap:12px}
  .evToolbarHead{flex-direction:column;align-items:flex-start}
  .evCardSport{margin-left:0}
  .evFacts,.evSummaryFacts,.evResultFacts{grid-template-columns:1fr}
  .evMatchBoard{padding:12px;gap:8px}
  .evTeamSide b{font-size:13px}
  .profileSectionHead{margin-top:18px}
}

/* —— Header visual refinement —— */
.topbar{box-shadow:none}
.nav{align-items:center;height:var(--header-h,66px);margin-left:28px;gap:6px}
.navItem{position:relative;height:var(--header-h,66px);padding:0 11px;border:0;border-bottom:0;background:transparent;color:color-mix(in srgb,var(--navy) 68%,var(--muted));font-size:var(--header-nav-fs);font-weight:500;letter-spacing:-.01em;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:color .18s ease}
.navItem:after{content:"";position:absolute;left:50%;bottom:18px;width:16px;height:1.5px;border-radius:999px;background:var(--muted);transform:translateX(-50%) scaleX(0);opacity:0;transition:transform .18s ease,opacity .18s ease;pointer-events:none}
.navItem:hover{color:var(--navy)}
.navItem:hover:after{transform:translateX(-50%) scaleX(.55);opacity:.35}
.navItem.active{color:var(--text-primary);font-weight:600;border-bottom-color:transparent;background:color-mix(in srgb,var(--soft) 60%,transparent)}
.navItem.active:after{transform:translateX(-50%) scaleX(1);opacity:.6;width:16px;box-shadow:none;background:var(--muted)}
.navItem.featured{color:color-mix(in srgb,var(--navy) 82%,var(--muted));font-weight:500}
.navItem.featured.active{color:var(--text-primary)}
.navItem.partner .partnerMark{width:16px;height:16px;flex:0 0 16px;color:var(--accent)}
.headerTools{flex:1 1 auto;min-width:0;justify-content:flex-end;align-items:center;gap:8px}
.headerSearch{position:relative;display:flex;align-items:center;flex:0 1 152px;width:auto;max-width:152px;min-width:116px;height:var(--header-ctrl,34px)}
.headerSearchIcon{position:absolute;left:10px;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);pointer-events:none;z-index:1;line-height:0}
.headerSearchIcon svg{width:16px;height:16px;display:block}
.headerSearch .search{width:100%;min-width:0;height:var(--header-ctrl,34px);box-sizing:border-box;padding:0 12px 0 32px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:10px;background:color-mix(in srgb,var(--soft) 70%,var(--surface));color:var(--text);font-size:12px;font-weight:500;line-height:var(--header-ctrl,34px);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.headerToolIcons{display:inline-flex;align-items:center;flex:0 0 auto;height:var(--header-ctrl,34px);gap:2px}
.headerSearch .search::placeholder{color:color-mix(in srgb,var(--muted) 88%,var(--text));opacity:1}
.headerSearch .search:hover{border-color:color-mix(in srgb,var(--accent) 22%,var(--line))}
.headerSearch .search:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent);outline:none;color:var(--text)}
.headerTools .iconButton,.headerTools .headerInbox,.headerTools .iconButton.themeToggle{width:var(--header-ctrl,34px);height:var(--header-ctrl,34px);min-width:var(--header-ctrl,34px);min-height:var(--header-ctrl,34px);padding:0;box-sizing:border-box;border:1px solid transparent;border-radius:10px;background:transparent;color:color-mix(in srgb,var(--navy) 78%,var(--muted));box-shadow:none;display:inline-flex;align-items:center;justify-content:center;line-height:0;flex:0 0 var(--header-ctrl,34px);transform:none}
.headerTools .mobileProfileLink{display:none}
.headerTools .iconButton svg,.headerTools .headerInboxIcon svg,.headerTools .headerInbox>svg,.headerTools .iconButton.themeToggle svg{width:16px;height:16px;display:block;flex:0 0 16px}
.headerTools .iconButton.themeToggle svg{width:15px;height:15px;flex:0 0 15px}
.headerInboxIcon,.headerTools .headerInboxIcon svg{display:inline-flex;width:15px;height:15px;align-items:center;justify-content:center;line-height:0;flex:0 0 15px}
.headerTools .iconButton:hover,.headerTools .headerInbox:hover,.headerTools .iconButton.themeToggle:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:transparent;color:var(--accent);box-shadow:none;transform:none}
.headerTools .iconButton:hover svg,.headerTools .headerInbox:hover svg,.headerTools .iconButton.themeToggle:hover svg{transform:none}
.headerTools .iconButton:focus-visible,.headerTools .headerInbox:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.headerTools .headerInbox.is-unread{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:transparent;box-shadow:none}
.headerTools .headerInbox.is-unread:hover{color:var(--accent2);background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:transparent;box-shadow:none;transform:none}
.profileMini{display:inline-flex;align-items:center;flex:0 0 auto;flex-wrap:nowrap;width:max-content;min-width:max-content;min-height:44px;gap:8px;padding:4px 8px;border-radius:12px;white-space:nowrap;line-height:1;transition:background .18s ease}
.profileMini .avatar{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--header-ctrl,34px);height:var(--header-ctrl,34px);line-height:1}
.profileMini .profileMiniIdentity{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;flex:0 0 auto;gap:3px;min-width:max-content;white-space:nowrap;text-align:right;line-height:1.15}
.profileMiniNick{display:flex;align-items:center;justify-content:flex-end;align-self:stretch;width:100%;margin:0;padding:0;font-size:12px;font-weight:700;letter-spacing:-.02em;line-height:1.15;flex:0 0 auto;white-space:nowrap;text-align:right}
.profileMiniTier{display:inline-flex;align-items:center;justify-content:flex-end;align-self:stretch;gap:5px;min-height:20px;line-height:1.15;text-align:right}
.profileMiniTier .memberTierIcon{width:20px;height:20px;flex:0 0 20px}
.profileMiniTier .tierIcon{flex:0 0 auto}
.profileMini .tierText,.profileMini .profileMiniRole,.profileMini .profileMiniGuest,.profileMini .identityMeta{display:inline;flex-wrap:nowrap;flex-shrink:0;white-space:nowrap;min-width:max-content;font-size:11.5px;font-weight:700;letter-spacing:.02em;line-height:1;margin:0;padding:0}
.profileMini .tierText{display:inline-flex;align-items:baseline;gap:4px}
.profileMini .tierText em,.profileMini .tierText b{display:inline;font-size:inherit;font-weight:700;line-height:1;white-space:nowrap}
.profileMini .tierText b{font-weight:800}
.profileMiniGuest{color:var(--accent);font-weight:700}
.profileMini:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}
.headerAuth{display:inline-flex;align-items:center;flex:0 0 auto;gap:var(--ctrl-gap);height:var(--ctrl-h-sm)}
.headerAuthLogin,.headerAuthSignup{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:var(--ctrl-h-sm);min-height:var(--ctrl-h-sm);padding:0 12px;margin:0;border:1px solid transparent;border-radius:var(--ctrl-radius);font-size:var(--header-nav-fs);font-weight:500;letter-spacing:-.01em;line-height:1;color:var(--ctrl-fg);text-decoration:none;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease}
.headerAuthLogin{gap:6px;background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}
.headerAuthLogin svg{flex:0 0 14px;width:14px;height:14px}
.headerAuthLogin:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);color:#fff}
.headerAuthSignup{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}
.headerAuthSignup:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);color:#fff}
.headerAuthSignup:active{background:var(--accent-secondary);border-color:var(--accent-secondary);color:#fff}
:scope[data-theme=dark] .headerAuthLogin{color:#fff !important}
:scope[data-theme=dark] .headerAuthSignup{background:var(--accent-primary);color:#fff !important;border-color:var(--accent-primary)}
:scope[data-theme=dark] .headerAuthLogin:hover{color:#fff !important}
:scope[data-theme=dark] .headerAuthSignup:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);color:#fff !important}
:scope[data-theme=dark] .headerAuthSignup:active{background:var(--accent-primary-soft);border-color:var(--accent-primary-soft);color:#fff !important}
.profileMini .identityIcon{--identity-icon:20px}
.profileMini .tierIcon-xs{--tier-h:22px}
:scope[data-theme=dark] .topbar{box-shadow:none}
:scope[data-theme=dark] .navItem{color:#e2ecf8}
:scope[data-theme=dark] .navItem:hover{color:#f4f8ff}
:scope[data-theme=dark] .navItem.active,:scope[data-theme=dark] .navItem.featured.active{color:#f4f8ff;background:color-mix(in srgb,#fff 6%,transparent)}
:scope[data-theme=dark] .navItem.active:after{background:#9fb2c8}
:scope[data-theme=dark] .navItem.featured{color:#e2ecf8}
:scope[data-theme=dark] .headerSearch .search{background:var(--surface-elevated);color:var(--text-primary);border-color:var(--border-soft)}
:scope[data-theme=dark] .headerSearch .search::placeholder{color:var(--text-muted)}
:scope[data-theme=dark] .headerSearch .search:focus{border-color:var(--accent-primary);background:var(--surface-elevated);box-shadow:0 0 0 3px var(--accent-primary-soft)}
:scope[data-theme=dark] .headerTools .iconButton,:scope[data-theme=dark] .headerTools .iconButton.themeToggle,:scope[data-theme=dark] .headerTools .headerInbox{background:transparent;color:var(--dark-accent-blue);border-color:transparent;box-shadow:none}
:scope[data-theme=dark] .headerTools .iconButton:hover,:scope[data-theme=dark] .headerTools .headerInbox:hover,:scope[data-theme=dark] .headerTools .iconButton.themeToggle:hover{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);border-color:transparent}
:scope[data-theme=dark] .headerTools .headerInbox.is-unread{color:#ff8a84;background:color-mix(in srgb,var(--accent) 18%,transparent)}
@media(max-width:1399px){
  .nav{margin-left:16px;gap:2px}
  .navItem{padding:0 8px;font-size:var(--header-nav-fs)}
  .headerSearch{max-width:134px;flex-basis:126px;min-width:116px}
  .headerTools{gap:6px}
}
@media(max-width:1280px){
  .nav{margin-left:10px;gap:0}
  .navItem{padding:0 6px}
  .headerSearch{max-width:120px;flex-basis:112px;min-width:104px}
}
@media(max-width:1200px){
  .nav{height:auto;margin-left:0}
  .topbar{justify-content:space-between}
  .headerSearch{display:none}
  .headerTools{flex:0 0 auto;margin-left:auto;justify-content:flex-end;gap:4px}
  .headerToolIcons{gap:4px;height:40px;margin-left:auto}
  .navToggle{
    width:40px;height:40px;min-width:40px;min-height:40px;flex:0 0 40px;border-radius:10px;box-sizing:border-box
  }
  .headerTools .iconButton,.headerTools .headerInbox,.headerTools .iconButton.themeToggle{
    width:40px;height:40px;min-width:40px;min-height:40px;flex:0 0 40px;border-radius:10px;background:transparent;box-shadow:none;border:1px solid transparent;color:var(--text)
  }
  .headerTools .mobileProfileLink{display:inline-flex}
  .profileMini{display:none}
  .headerAuth{gap:4px;height:var(--ctrl-h-sm);margin-left:0}
  .headerAuthLogin,.headerAuthSignup{height:var(--ctrl-h-sm);min-height:var(--ctrl-h-sm);padding:0 10px}
}
@media(max-width:1200px){
  :scope[data-theme=dark] .topbar .headerTools .iconButton.themeToggle{
    background:var(--surface) !important;
    border-color:var(--ctrl-border) !important;
    color:var(--dark-accent-blue) !important;
    box-shadow:none !important;
  }
  :scope[data-theme=dark] .topbar .headerTools .iconButton.themeToggle svg{
    width:16px !important;
    height:16px !important;
    flex:0 0 16px !important;
  }
  :scope[data-theme=dark] .topbar .headerTools .iconButton.themeToggle:hover{
    background:var(--ctrl-bg-hover) !important;
    border-color:var(--ctrl-border-hover) !important;
    color:var(--accent) !important;
    box-shadow:none !important;
  }
}
@media(max-width:760px){
  .navToggle,.headerTools .iconButton,.headerTools .headerInbox,.headerTools .iconButton.themeToggle{width:36px;height:36px;min-width:36px;min-height:36px;flex:0 0 36px}
  .headerToolIcons{gap:4px;height:36px}
  .headerTools{gap:4px;flex:0 0 auto;margin-left:auto;justify-content:flex-end}
  .navToggle svg,.headerTools .iconButton.themeToggle svg,.headerTools .mobileProfileLink svg{width:16px;height:16px;flex:0 0 16px}
  .headerInboxIcon,.headerTools .headerInboxIcon svg{width:16px;height:16px;flex:0 0 16px}
  .headerAuth{gap:4px;height:var(--ctrl-h-sm)}
  .headerAuthLogin,.headerAuthSignup{height:var(--ctrl-h-sm);min-height:var(--ctrl-h-sm);padding:0 8px}
  .datePill{display:none}
}
@media(max-width:760px){
  :scope[data-theme=dark] .topbar .headerTools .headerInbox,
  :scope[data-theme=dark] .topbar .headerTools .headerInbox.is-unread,
  :scope[data-theme=dark] .topbar .headerTools .mobileProfileLink{
    color:var(--dark-accent-blue) !important;
  }
  :scope[data-theme=dark] .topbar .headerTools .headerInbox svg,
  :scope[data-theme=dark] .topbar .headerTools .mobileProfileLink svg{
    color:inherit !important;
  }
}
.homeIntroOverlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;background:rgba(0,0,0,.22);color:#fff;pointer-events:none;opacity:0;transition:opacity 250ms ease}
.homeIntroOverlay.is-hidden{visibility:hidden}
.homeIntroOverlay.is-visible{opacity:1}
.homeIntroOverlay.is-exit{opacity:0;transition-duration:550ms}
.homeIntroBrand{position:relative;isolation:isolate;display:grid;justify-items:center;gap:9px}
.homeIntroBrand::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:min(560px,150vw);height:320px;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(8,14,24,.1568) 0%,rgba(8,14,24,.0896) 35%,rgba(8,14,24,0) 72%);pointer-events:none}
.homeIntroLogo{display:flex;justify-content:center;align-items:center}
.homeIntroBrand .brandWordmark{font-size:43px;line-height:1;color:#fff}
.homeIntroBrand .brandLogo{height:43px;max-width:calc(100vw - 40px)}
.homeIntroDomainBox{display:inline-flex;align-items:center;justify-content:center;min-height:0;padding:6px 12px;border-radius:9px;background:var(--accent-primary);color:#FFFFFF;font-size:16px;line-height:1;font-weight:600;letter-spacing:.04em;opacity:1}
.homeIntroOverlay.is-visible .homeIntroLogo{animation:homeIntroLogoIn 800ms ease-out both}
.homeIntroOverlay.is-visible .homeIntroDomainBox{animation:homeIntroBadgeIn 800ms ease-out both}
.homeIntroOverlay.is-exit .homeIntroLogo{animation:homeIntroLogoOut 550ms ease-in both}
.homeIntroOverlay.is-exit .homeIntroDomainBox{animation:homeIntroBadgeOut 550ms ease-in both}
@keyframes homeIntroLogoIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes homeIntroBadgeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes homeIntroLogoOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}
@keyframes homeIntroBadgeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}
@media(max-width:760px){
  .homeIntroBrand{gap:8px}
  .homeIntroBrand .brandWordmark{font-size:38px}
  .homeIntroBrand .brandLogo{height:38px}
  .homeIntroDomainBox{padding:5px 11px;font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .homeIntroOverlay:is(.is-visible,.is-exit) .homeIntroLogo,.homeIntroOverlay:is(.is-visible,.is-exit) .homeIntroDomainBox{animation:none}
  .homeIntroOverlay{transition:none}
  .navItem,.navItem:after,.navItem.partner,.navDrop,.navGroup.is-open .navDrop,.navDrop.open{transition:none;transform:none}
}

/* —— Post article / board list system —— */
.pageWrap .nntvCard.postArticle:not(.pageHero):not(.rkTop){padding:18px 22px 16px}
.postArticle--canonical{background:var(--panel-bg);border-color:var(--panel-border);border-radius:var(--panel-radius);box-shadow:var(--panel-shadow)}
.postCat{margin:0 0 8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;font-weight:600;line-height:1.3;color:var(--muted)}
.postCat a{color:var(--accent);font-weight:600}
.postArticle .articleTitle{margin:0 0 10px;font-size:19px;font-weight:700;line-height:1.4;letter-spacing:-.4px;color:var(--navy)}
.postArticle .articleMeta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;padding:0 0 14px;border-bottom:1px solid var(--line);font-size:12px;font-weight:500;color:var(--muted);line-height:1.3}
.postArticle .articleMeta .userIdentity,.postArticle .articleMeta .boardAuthor{gap:8px;padding:0;min-height:0}
.postArticle .tierIcon-board{--tier-h:24px;gap:6px;align-items:center}
.postArticle .tierIcon-board .tierIconCopy{gap:4px;align-items:center}
.postArticle .tierIcon-board .tierIconCopy em{font-size:inherit;font-weight:700;line-height:1;letter-spacing:inherit}
.postArticle .tierIcon-board .tierIconCopy b{font-size:inherit;font-weight:800;line-height:1;letter-spacing:inherit}
.boardNick{font-size:13px;font-weight:600;line-height:1;color:var(--navy)}
.postMetaAuthor{font-size:13px;font-weight:600;color:var(--navy)}
.postArticle .articleBody{padding:14px 0 12px;margin:0;min-height:0;font-size:14px;font-weight:400;line-height:1.7;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.postArticle .articleBody img{max-width:100%;height:auto}
.postToolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:0;padding:12px 0;border-top:1px solid var(--line)}
.postToolbar .likeWrap{grid-column:2;margin:0;justify-content:center}
.postToolbar .articleActions{grid-column:3;justify-self:end;gap:6px}
.likeBtn{height:var(--ctrl-h-md);padding:0 var(--ctrl-pad-md);border-radius:var(--ctrl-radius);border:1px solid var(--ctrl-border);background:var(--ctrl-bg);color:var(--ctrl-fg);font-size:var(--ctrl-fs);font-weight:var(--ctrl-fw);box-shadow:none;transition:background .18s ease,border-color .18s ease,color .18s ease}
.likeBtn:hover{background:var(--ctrl-bg-hover);border-color:var(--ctrl-border-hover);color:var(--ctrl-fg-hover);transform:none}
.articleReport,.cmtTools .linkBtn,.articleActions .linkBtn{font-size:12px;font-weight:600;color:var(--muted)}
.postArticle .ghostBtn,.articleActions .ghostBtn,.cmtComposerActions .ghostBtn,.articleFooterNav .ghostBtn{height:var(--ctrl-h-md);padding:0 var(--ctrl-pad-md);font-size:var(--ctrl-fs);font-weight:var(--ctrl-fw);color:var(--ctrl-fg);background:var(--ctrl-bg);border:1px solid var(--ctrl-border)}
.articleFooterNav{margin-top:var(--space-lg);padding-top:var(--space-lg);display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line)}
.postArticle .cmtSection .articleFooterNav{border-top:0;padding-top:var(--space-md)}
.postArticle .cmtSection{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--line)}
.postArticle .cmtSection h2{margin:0 0 var(--space-sm);font-size:15px;font-weight:700;letter-spacing:-.2px;color:var(--navy)}
.cmtItem{padding:10px 0;border-bottom:1px solid var(--line)}
.cmtItem:last-of-type{border-bottom:0}
.cmtItem:not(.reply)+.cmtItem:not(.reply){border-top:1px solid #e5e7eb;padding-top:12px;margin-top:10px}
.cmtItem.reply{position:relative;box-sizing:border-box;min-width:0;min-height:0;height:auto;margin:5px 0 5px 24px;padding:10px 12px;background:#f8f9fb;border:0;border-left:2px solid var(--accent-primary);border-radius:0 8px 8px 0;box-shadow:none}
.cmtItem.reply::before{content:"↳";position:absolute;left:-18px;top:9px;font-size:14px;line-height:1;font-weight:500;color:#A1A8B2;pointer-events:none}
.cmtItem.reply .cmtHead{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0;margin-bottom:3px}
.cmtItem.reply .cmtBody{line-height:1.6;overflow-wrap:anywhere}
.cmtItem.reply .cmtTools{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:4px}
.cmtTools details{order:10;min-width:0}
.cmtTools details summary{cursor:pointer;list-style:none}
.cmtTools details summary::-webkit-details-marker{display:none}
.cmtTools details[open]{flex:1 1 100%;width:100%}
.cmtTools details .cmtComposer{box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin-top:8px}
.cmtHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:3px}
.cmtHead .userIdentity,.cmtHead .boardAuthor{gap:8px;padding:0;min-height:0}
.cmtHead small{font-size:11.5px;font-weight:500;color:var(--muted);line-height:1.2;white-space:nowrap;padding-top:2px}
.cmtBody{margin:0;font-size:var(--fs-base);font-weight:400;line-height:1.6;color:var(--text);overflow-wrap:anywhere}
.cmtTools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:4px}
.cmtComposer{margin-top:var(--space-md);display:grid;gap:var(--space-sm)}
.postArticle--canonical .cmtComposer{padding:var(--panel-pad);border:1px solid var(--panel-border);border-radius:var(--panel-radius);background:var(--surface-soft)}
.cmtComposer textarea.cmtField{min-height:52px;resize:vertical;padding:10px 12px;border-radius:10px;transition:border-color .18s ease,box-shadow .18s ease;line-height:1.5}
.cmtComposer textarea.cmtField:focus{border-color:var(--ctrl-border-hover);background:var(--surface);box-shadow:none;outline:2px solid var(--ctrl-focus);outline-offset:2px}
.cmtComposerActions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:2px}
.cmtComposerActions .primaryBtn{height:var(--ctrl-h-md);padding:0 var(--ctrl-pad-md);font-size:var(--ctrl-fs-md);font-weight:var(--ctrl-fw)}
.communityWrite{background:var(--panel-bg);border-color:var(--panel-border);border-radius:var(--panel-radius);box-shadow:var(--panel-shadow)}
.communityWrite .boardHead{padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-soft)}
.communityWrite .writeGrid>label{font-size:var(--fs-sm);font-weight:var(--fw-title);color:var(--text-secondary)}
.communityWrite .richTextEditor{border-color:var(--panel-border);border-radius:var(--ctrl-radius-lg)}
.communityWrite .writeActions{padding-top:var(--space-lg);border-top:1px solid var(--border-soft)}
.boardTable tbody td{height:52px;padding:0 12px}
.boardTable thead th{height:40px}
.boardTable .colCat{width:96px}
.boardTable .colTitle{text-align:left}
.boardTable .colDate,.boardTable .colNum{text-align:center;font-variant-numeric:tabular-nums}
.boardTable td.colAuthor{vertical-align:middle}
.boardTable .colAuthor .boardNick,.boardTable .colAuthor .identityNick{font-size:13px;font-weight:600;line-height:1;overflow:hidden;text-overflow:ellipsis;max-width:120px}
.boardTable .colAuthor .userIdentity,.boardTable .colAuthor .boardAuthor,.boardTable .colAuthor .identityMark{display:inline-flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;padding:0;min-height:0;height:24px;gap:6px;line-height:1}
.boardTable .tierIcon-board{--tier-h:24px;gap:6px;align-items:center}
.boardTable .tierIcon-board .tierIconCopy{gap:4px;align-items:center}
.boardTable .tierIcon-board .tierIconCopy em{font-size:inherit;font-weight:700}
.boardTable .tierIcon-board .tierIconCopy b{font-size:inherit;font-weight:800;background:none;border:0;padding:0;min-width:0;height:auto}
:scope[data-theme=dark] .postArticle .articleTitle,:scope[data-theme=dark] .boardNick,:scope[data-theme=dark] .postMetaAuthor,:scope[data-theme=dark] .postArticle .cmtSection h2{color:#edf4ff}
:scope[data-theme=dark] .likeBtn{background:var(--surface);color:var(--dark-accent-blue);border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
:scope[data-theme=dark] .postArticle .ghostBtn,:scope[data-theme=dark] .articleFooterNav .ghostBtn,:scope[data-theme=dark] .cmtComposerActions .ghostBtn{color:var(--ctrl-fg);background:var(--ctrl-bg);border-color:var(--ctrl-border)}
@media(max-width:760px){
  .pageWrap .nntvCard.postArticle:not(.pageHero):not(.rkTop){padding:18px 16px 16px}
  .postToolbar{grid-template-columns:1fr;justify-items:center;gap:10px}
  .postToolbar .likeWrap,.postToolbar .articleActions{grid-column:auto;justify-self:center}
  .postToolbar .articleActions{width:100%;justify-content:flex-end}
  .cmtItem.reply{margin-left:14px;padding:9px 10px}
  .cmtItem.reply::before{left:-14px;top:8px;font-size:12px}
  .cmtHead{align-items:flex-start}
  .cmtComposerActions{flex-wrap:wrap}
}

/* —— Member message (receive-only) —— */
.mailPageHead{margin:0 0 18px}
.mailPageHead h1{margin:0;font-size:var(--fs-lg);font-weight:700;letter-spacing:-.4px;line-height:1.2;color:var(--navy)}
.mailPageHead p{margin:5px 0 0;font-size:12px;font-weight:500;line-height:1.45;color:var(--muted)}
.memberMessage{width:100%;padding:20px;border-radius:16px}
.memberMessageMeta{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.memberMessageMeta b{font-size:14px;font-weight:700;line-height:1.3;color:var(--navy)}
.memberMessageMeta time{font-size:12px;font-weight:500;line-height:1.3;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.memberMessageBody{margin:16px 0 0;padding:4px 0 8px;min-height:72px;font-size:14px;font-weight:400;line-height:1.8;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.memberMessage .articleFooterNav{margin-top:var(--space-lg)}
.mailList .mailRow{align-items:center;min-height:52px;padding:8px 14px}
.mailList .historyStatus{padding-top:0;align-items:center}
.mailList .historyTitle{font-size:13px;font-weight:700}
.mailList .historyDate{text-align:right}
:scope[data-theme=dark] .mailPageHead h1,:scope[data-theme=dark] .memberMessageMeta b{color:#edf4ff}
@media(max-width:760px){
  .memberMessage{padding:18px 16px}
  .memberMessageMeta{gap:8px}
  .mailList .mailRow,.mailList .historyRow.mailRow{
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:"status main date";
    column-gap:10px;
    row-gap:0;
  }
  .mailList .mailRow .historyStatus{grid-area:status}
  .mailList .mailRow .historyMain{grid-area:main}
  .mailList .mailRow .historyDate{grid-area:date;text-align:right;white-space:nowrap}
}

/* —— Ranking season leaderboard —— */
.rkPage{gap:16px;width:100%;min-width:0}
.pageWrap>.pageHero+.rkPage{margin-top:16px}
.rkToolbar .tab{font-weight:var(--ctrl-fw)}
.rkToolbar .tab.active{font-weight:var(--ctrl-fw)}
.rkPage>.pageHero,.rkPage>.rkPodium,.rkPage>.rkToolbar,.rkPage>.rkTable,.rkPage>.rkEmpty{width:100%;min-width:0}
.rkToolbar{
  display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap;
  padding:12px 20px;min-height:56px
}
.rkFilterGroup{display:flex;align-items:center;gap:6px;min-width:0}
.rkFilterGroup--period{margin-left:auto;padding-left:14px;border-left:1px solid var(--line)}
.rkToolbar .tab{
  box-sizing:border-box;height:var(--ctrl-h-sm);min-height:var(--ctrl-h-sm);padding:0 var(--ctrl-pad-sm);border-radius:var(--ctrl-radius);
  font-size:var(--ctrl-fs);font-weight:var(--ctrl-fw);line-height:1;display:inline-flex;align-items:center;justify-content:center
}
.rkEmpty{margin:0}
.rkTable{padding:6px 0 8px;overflow-x:auto;overflow-y:hidden}
.rkTableSummary{display:grid;gap:3px;justify-content:start;padding:14px 20px 10px}
.rkSectionHeading{display:flex;align-items:flex-start;gap:12px;min-width:0}
.rkSectionHeading>div{display:grid;gap:4px;min-width:0}
.rkSectionBadge{
  width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:0 0 36px;
  background:color-mix(in srgb,var(--accent-primary) 10%,var(--surface-soft));
  border:1px solid color-mix(in srgb,var(--accent-primary) 18%,var(--border-soft));
  color:var(--accent-primary);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)
}
.rkSectionBadge svg{width:18px;height:18px;display:block}
.rkTableSummary h2{margin:0;font-size:18px;font-weight:700;letter-spacing:-.25px;line-height:1.2;color:var(--navy)}
.rkTableSummary p{margin:0;font-size:12px;font-weight:500;color:var(--muted);line-height:1.35}
.rkHead,.rkRow{
  display:grid;align-items:center;column-gap:12px;padding:0 20px;
  grid-template-columns:48px minmax(140px,1fr) 250px 110px 72px
}
.rkTable:not(.rkTable--hit) .rkHead,.rkTable:not(.rkTable--hit) .rkRow{
  grid-template-columns:48px minmax(140px,1fr) 250px 110px
}
.rkHead{min-height:38px;font-size:11px;font-weight:600;color:var(--muted);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.rkHead span:nth-child(4),.rkHead .rkColHit,.rkNpCell,.rkHitRate{text-align:right;justify-self:end}
.rkRow{
  min-height:54px;font-size:13px;
  border-bottom:1px solid color-mix(in srgb,var(--line) 48%,transparent);
  transition:background .18s ease
}
.rkTop .metricBadge{
  background:rgba(255,255,255,.38);border-color:rgba(255,255,255,.5);color:inherit
}
.rkRow:last-child{border-bottom:0}
.rkRow:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}
.rkRow.is-me{
  background:color-mix(in srgb,var(--accent) 7%,var(--surface));
  box-shadow:inset 2px 0 0 var(--accent)
}
.rkRank{
  display:inline-flex;align-items:center;justify-content:center;width:28px;height:24px;
  font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--navy);border-radius:999px
}
.rkRank--1{color:#8a6418;background:color-mix(in srgb,#d9b15b 22%,var(--surface))}
.rkRank--2{color:#4d6178;background:color-mix(in srgb,#8fa3b8 22%,var(--surface))}
.rkRank--3{color:#7a4d24;background:color-mix(in srgb,#b08a5b 22%,var(--surface))}
.rkRowIdentity:hover,.rkRowIdentity:focus-visible{background:transparent}
.rkRowIdentity:hover .rkUserName,.rkRowIdentity:focus-visible .rkUserName{
  color:var(--accent);text-decoration:underline;text-underline-offset:3px
}
.rkUserName{font-size:var(--fs-base);font-weight:700;min-width:0}
.rkMe{
  flex:0 0 auto;height:16px;padding:0 6px;border-radius:4px;
  background:color-mix(in srgb,var(--accent) 14%,var(--surface));
  color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.04em;line-height:16px
}
.rkHitRateMobile{display:none;width:100%;font-size:11px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
.rkTierCell{display:flex;align-items:center;min-width:0}
.rkTierCell .tierIcon{align-items:center}
.rkTierCell .tierIconCopy{gap:4px}
.rkTierCell .tierIconCopy em{font-size:inherit;font-weight:700}
.rkTierCell .tierIconCopy b{font-size:inherit;font-weight:800;background:none;border:0;padding:0;min-width:0;height:auto}
.rkNpCell{display:flex;justify-content:flex-end;align-items:center;min-width:0;width:100%}
.rkPage .metricBadge{
  min-width:0;width:fit-content;justify-content:center
}
.rkPage .metricBadge--rankingTable{
  min-width:76px;width:auto;justify-content:space-between
}
.rkPage .metricBadge--rankingTable em{flex:0 0 auto;text-align:left}
.rkPage .metricBadge--rankingTable b{
  display:inline-block;min-width:4ch;text-align:right;font-variant-numeric:tabular-nums
}
.rkHitRate{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--navy);line-height:1}
.rkTop{gap:8px}
.rkTopHead{margin-bottom:4px}
.rkTopIdentity{width:auto;max-width:100%;padding:6px 10px}
.rkTop .rkUserName{max-width:100%}
.rkTopTier{display:flex;justify-content:center;min-height:20px;margin:2px 0}
.rkTopTier .tierText{display:inline-flex;align-items:center;gap:4px}
.rkTopTier .tierText em{font-size:inherit;font-weight:700}
.rkTopTier .tierText b{font-size:inherit;font-weight:800}
.rkTop--1 .rkPlace,.rkTop--1 .rkUserName,.rkTop--1 .rkTopHit,.rkTop--1 .rkMetric,.rkTop--1 .rkMetric b,.rkTop--1 .metricBadge,.rkTop--1 .metricBadge b{color:#2a2214}
.rkTop--2 .rkPlace,.rkTop--2 .rkUserName,.rkTop--2 .rkTopHit,.rkTop--2 .rkMetric,.rkTop--2 .rkMetric b,.rkTop--2 .metricBadge,.rkTop--2 .metricBadge b{color:#1c2a3a}
.rkTop--3 .rkPlace,.rkTop--3 .rkUserName,.rkTop--3 .rkTopHit,.rkTop--3 .rkMetric,.rkTop--3 .rkMetric b,.rkTop--3 .metricBadge,.rkTop--3 .metricBadge b{color:#1a1d22}
.rkTopMetrics{display:grid;justify-items:center;gap:4px;margin-top:2px}
.rkTopHit{font-size:11px;font-weight:700;opacity:.78;font-variant-numeric:tabular-nums}
.rkTopEmblem{background:radial-gradient(circle,var(--rk-aura) 0%,rgba(255,255,255,.48) 38%,transparent 72%)}
:scope[data-theme=dark] .rkTableSummary h2,:scope[data-theme=dark] .rkRank,:scope[data-theme=dark] .rkHitRate,:scope[data-theme=dark] .rkUserName{color:#edf4ff}
:scope[data-theme=dark] .rkToolbar .tab:not(.active){color:#edf4ff}
:scope[data-theme=dark] .rkRow:hover{background:rgba(30,64,175,.14)}
:scope[data-theme=dark] .rkRow.is-me{background:rgba(30,64,175,.16)}
.metricBadge--rankingTable{
  height:24px;min-height:24px;padding:0 8px;gap:4px;border-radius:8px;
  background:var(--accent-primary);border-color:var(--accent-primary);color:#fff
}
.metricBadge--rankingTable em,.metricBadge--rankingTable b{
  font-size:10px;line-height:1;font-weight:700
}
:scope[data-theme=dark] .metricBadge--rankingTable{
  background:var(--dark-accent-blue-muted);border-color:color-mix(in srgb,var(--dark-accent-blue-muted) 65%,var(--border-soft));color:#fff
}
:scope[data-theme=dark] .rkRank--1{color:#f0d48a;background:rgba(217,177,91,.2)}
:scope[data-theme=dark] .rkRank--2{color:#d5e4f4;background:rgba(143,163,184,.2)}
:scope[data-theme=dark] .rkRank--3{color:#f0c49a;background:rgba(176,138,91,.22)}
:scope[data-theme=dark] .rkTop .metricBadge{
  background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:inherit
}
.rkInfoGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.rkInfoCard{display:grid;align-content:start;align-self:stretch;gap:16px;min-height:0;height:100%}
.rkInfoHead{display:flex;align-items:flex-start;gap:12px}
.rkInfoHeadCopy{display:grid;gap:4px;min-width:0}
.rkInfoHead h2,.rkGuideCard h2{margin:0;color:var(--navy);font-size:16px;font-weight:700;letter-spacing:-.25px;line-height:1.2}
.rkInfoHead p{margin:0;color:var(--muted);font-size:12px;line-height:1.4}
.rkInfoEmpty{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.rkInfoEmpty p{margin:0}
.rkInfoEmpty small{display:block;color:var(--muted)}
.rkInfoEmpty--compact{display:grid;align-content:start;gap:10px;padding:14px;border:1px solid var(--border-soft);border-radius:14px;background:var(--surface-soft)}
.rkInfoEmpty--compact .tab{width:max-content}
.rkStateIcon{
  width:40px;height:40px;border-radius:12px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--accent-primary) 10%,var(--surface-soft));
  border:1px solid color-mix(in srgb,var(--accent-primary) 18%,var(--border-soft));
  color:var(--accent-primary)
}
.rkStateIcon svg{width:18px;height:18px;display:block}
.rkMyRankHero{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border-soft);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-primary) 6%,var(--surface-soft)) 0%,var(--surface) 100%)}
.rkCurrentTierMark{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px}
.rkCurrentTierMark>.memberTierIcon{width:48px;height:48px;object-fit:contain}
.rkCurrentTierMark>.tierIcon{flex:0 0 auto}
.rkMyRankHeroCopy{display:grid;gap:4px;min-width:0}
.rkMyRankHeroCopy small{font-size:11px;font-weight:600;color:var(--muted);line-height:1}
.rkMyRankHeroCopy strong{font-size:16px;font-weight:700;color:var(--navy);line-height:1.2}
.rkMyRankStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rkMyRankStats>div{min-width:0;padding:12px 10px;border-radius:12px;background:var(--surface-soft);border:1px solid var(--border-soft);text-align:center}
.rkMyRankStats small{display:block;color:var(--muted);font-size:11px;font-weight:600;line-height:1.2}
.rkMyRankStats strong{display:block;margin-top:6px;color:var(--navy);font-size:14px;line-height:1.3;white-space:nowrap;font-weight:700}
.rkTierRoute{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}
.rkTierRoute>span{display:grid;justify-items:center;gap:10px;min-width:0;padding:12px;border:1px solid var(--border-soft);border-radius:14px;background:var(--surface-soft)}
.rkTierRoute>span>small{color:var(--muted);font-size:11px;font-weight:600}
.rkTierRoute>i{display:grid;place-items:center;color:var(--accent-primary);font-size:18px;font-style:normal}
.rkTierRoute>i svg{width:18px;height:18px}
.rkTierRoute .tierIcon{flex-direction:column;justify-content:center;gap:4px}
.rkTierRoute .tierIconCopy{justify-content:center}
.rkTierProgress{height:7px;border-radius:999px;background:color-mix(in srgb,var(--accent-primary) 10%,var(--line));overflow:hidden}
.rkTierProgress>i{display:block;height:100%;border-radius:inherit;background:var(--accent-primary)}
.rkTierProgressMeta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}
.rkTierProgressMeta span{color:var(--muted)}
.rkTierProgressMeta strong{color:var(--accent-primary);font-weight:700}
.rkHighestTier{display:grid;justify-items:center;gap:10px;color:var(--navy);padding:18px;border:1px solid var(--border-soft);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-primary) 5%,var(--surface-soft)) 0%,var(--surface) 100%)}
.rkHighestTier strong{font-size:16px;font-weight:700}
.rkTierGuideList{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.rkTierRoadmapItem{display:grid;justify-items:center;gap:7px;min-width:0;padding:9px 6px;border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-primary) 4%,var(--surface-soft)) 0%,var(--surface) 100%);border:1px solid var(--border-soft)}
.rkTierRoadmapIcon{width:48px;height:48px;display:grid;place-items:center}
.rkTierRoadmapIcon img{width:100%;height:100%;object-fit:contain}
.rkTierRoadmapIcon .tierIcon{justify-content:center}
.rkTierRoadmapIcon .tierGlyphImage{object-fit:contain}
.rkTierGuideList b{max-width:100%;font-size:10px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis}
.rkTierGuideNote{margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.rkGuideGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch}
.rkGuideCard{display:grid;grid-template-rows:auto 1fr;align-content:start;gap:14px;min-height:0}
.rkGuideCard ul{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--text);font-size:13px;line-height:1.6}
.rkSeasonFacts{display:grid;grid-template-rows:repeat(2,minmax(min-content,1fr));margin:0}
.rkSeasonFacts>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
.rkSeasonFacts>div:first-child{border-top:0}
.rkSeasonFacts dt{color:var(--muted);font-size:12px}
.rkSeasonFacts dd{margin:0;color:var(--navy);font-size:13px;font-weight:700;text-align:right}
:scope[data-theme=dark] .rkInfoHead h2,
:scope[data-theme=dark] .rkGuideCard h2,
:scope[data-theme=dark] .rkMyRankHeroCopy strong,
:scope[data-theme=dark] .rkMyRankStats strong,
:scope[data-theme=dark] .rkHighestTier,
:scope[data-theme=dark] .rkSeasonFacts dd{color:var(--text-primary)}
:scope[data-theme=dark] .rkSectionBadge,:scope[data-theme=dark] .rkStateIcon{
  background:var(--surface-soft);border-color:var(--border-soft);color:var(--dark-accent-blue);box-shadow:none
}
:scope[data-theme=dark] .rkInfoEmpty--compact,:scope[data-theme=dark] .rkMyRankHero,:scope[data-theme=dark] .rkTierRoute>span,:scope[data-theme=dark] .rkHighestTier,:scope[data-theme=dark] .rkTierRoadmapItem{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-primary) 8%,var(--surface-soft)) 0%,var(--surface) 100%)}
@media(max-width:980px){
  .rkInfoGrid{grid-template-columns:1fr 1fr}
  .rkTierGuide{grid-column:1/-1}
  .rkTierGuideList{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rkHead,.rkRow,.rkTable:not(.rkTable--hit) .rkHead,.rkTable:not(.rkTable--hit) .rkRow{
    grid-template-columns:40px minmax(120px,1fr) minmax(180px,220px) 92px
  }
  .rkHead .rkColHit,.rkRow .rkHitRate{display:none}
  .rkHitRateMobile{display:block}
  .rkRowIdentity{flex-wrap:wrap;row-gap:2px}
}
@media(max-width:760px){
  .rkInfoGrid,.rkGuideGrid{grid-template-columns:1fr}
  .rkTierGuide{grid-column:auto}
  .rkInfoCard{min-height:0}
  .rkToolbar{padding:10px 16px}
  .rkFilterGroup--period{margin-left:0;padding-left:0;border-left:0;width:100%}
  .rkFilterGroup{width:100%;overflow-x:auto;scrollbar-width:none}
  .rkFilterGroup::-webkit-scrollbar{display:none}
  .rkFilterGroup .tab{flex:0 0 auto}
  .rkMyRankStats strong{font-size:11px}
  .rkTableSummary,.rkHead,.rkRow{padding-left:16px;padding-right:16px}
  .rkHead,.rkRow,.rkTable:not(.rkTable--hit) .rkHead,.rkTable:not(.rkTable--hit) .rkRow{
    grid-template-columns:32px minmax(0,1.35fr) minmax(0,1fr);
    grid-template-areas:"rank tier user";
    column-gap:8px
  }
  .rkRow{height:auto;min-height:52px;padding-top:8px;padding-bottom:8px}
  .rkHead span:nth-child(1),.rkRow .rkRank{grid-area:rank}
  .rkHead span:nth-child(2),.rkRow .rkRowIdentity{grid-area:user}
  .rkHead span:nth-child(3),.rkRow .rkTierCell{grid-area:tier}
  .rkHead span:nth-child(4),.rkHead .rkColHit,
  .rkRow .rkNpCell,.rkRow .rkHitRate,.rkRow .rkHitRateMobile{display:none}
  .rkRowIdentity{
    min-width:0;
    overflow:hidden;
    flex-wrap:nowrap;
    white-space:nowrap
  }
  .rkRowIdentity .rkUserName{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
  }
  .rkTierCell,.rkTierCell .tierIcon,.rkTierCell .tierIconCopy{
    min-width:0;
    flex-wrap:nowrap;
    white-space:nowrap
  }
  .rkTierCell .tierIcon{width:100%;overflow:hidden}
  .rkTierCell .tierIconCopy{overflow:hidden}
  .rkTierCell .tierIconCopy em{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
  }
  .rkTierCell .tierIconCopy b{flex:0 0 auto;white-space:nowrap}
  .rkTierCell .tierIcon-rank{--tier-h:26px}
}
@media(max-width:360px){
  .rkPodium{grid-template-columns:1fr}
  .rkTop--1,.rkTop--2,.rkTop--3{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
  .rkTop--1:hover,.rkTop--2:hover,.rkTop--3:hover{transform:none}
}

:scope[data-theme=dark] .boardTitleLink b,:scope[data-theme=dark] .boardTitleText,:scope[data-theme=dark] .boardHead h2{color:#edf4ff}
.boardBadge,.catLabel,.noticeCat,.postBadge{transition:color .18s ease,background .18s ease,border-color .18s ease}
:scope[data-theme=dark] .boardBadge,:scope[data-theme=dark] .catLabel,:scope[data-theme=dark] .noticeCat,:scope[data-theme=dark] .postBadge{
  background:#152436;border-color:var(--border-soft);color:#c5d4e6
}
:scope[data-theme=dark] .boardBadge--pin,:scope[data-theme=dark] .boardBadge--notice,:scope[data-theme=dark] .postBadge.notice{
  background:rgba(30,64,175,.22);color:#A8BFE4;border-color:rgba(122,155,216,.32)
}
:scope[data-theme=dark] .boardBadge--category{
  background:#152436;color:#9fb2c8;border-color:var(--border-soft)
}
:scope[data-theme=dark] .boardBadge--maintenance,:scope[data-theme=dark] .noticeCat--점검{
  background:rgba(180,120,24,.18);color:#f0c36a;border-color:rgba(240,195,106,.28)
}
:scope[data-theme=dark] .boardBadge--event,:scope[data-theme=dark] .noticeCat--이벤트,:scope[data-theme=dark] .boardBadge--hot,:scope[data-theme=dark] .postBadge.hot{
  background:rgba(30,64,175,.22);color:#A8BFE4;border-color:rgba(122,155,216,.32)
}
:scope[data-theme=dark] .boardBadge--alert,:scope[data-theme=dark] .noticeCat--필독{
  background:rgba(180,50,60,.18);color:#f0a0a8;border-color:rgba(240,160,168,.28)
}
:scope[data-theme=dark] .boardBadge--info,:scope[data-theme=dark] .noticeCat--안내{
  background:rgba(30,64,175,.16);color:#B9C8E8;border-color:rgba(122,155,216,.28)
}
:scope :is(.noticeBoard,.postArticle--notice) .boardBadge:not(.boardBadge--pin){
  height:20px;min-height:20px;padding:0 6px;font-size:10px;font-weight:var(--fw-ui);
  background:var(--surface-soft);color:var(--text-secondary);border-color:var(--panel-border)
}
:scope :is(.noticeBoard,.postArticle--notice) .boardBadge--pin{
  height:20px;min-height:20px;padding:0 6px;font-size:10px;font-weight:var(--fw-ui);
  background:#F5B800;color:#1a1a1a;border-color:#F5B800
}
:scope[data-theme=dark] :is(.noticeBoard,.postArticle--notice) .boardBadge--pin{
  background:#F5B800;color:#1a1a1a;border-color:#F5B800
}
:scope .communityBoard--canonical .boardBadge--category{
  height:20px;min-height:20px;padding:0 6px;font-size:10px;font-weight:var(--fw-ui);
  background:var(--surface-soft);color:var(--text-secondary);border-color:var(--panel-border)
}
:scope[data-theme=dark] .commentCount{color:var(--text-secondary)}
:scope .communityBoard--canonical .commentCount,:scope .communityBoard--canonical .commentCount em{
  color:var(--text-muted);font-weight:var(--fw-ui)
}
.communityBoard .boardHead{margin-bottom:0}
.communityBoard .boardToolbar{margin:12px 0 14px}
.communityBoard--canonical .boardToolbar .communityPrimaryBtn{margin-left:auto}
.communityBoard .boardHead--search{min-width:0;margin-bottom:14px}
.communityBoard .boardHead--search .canonicalBoardSearch{flex:0 1 310px;width:310px;max-width:100%;min-width:0;margin-left:auto}
.communityBoard .boardHead--search:has(+ .boardToolbar){margin-bottom:0}
@media(max-width:760px){
  .communityBoard .boardHead--search{flex-wrap:wrap}
  .communityBoard .boardHead--search .canonicalBoardSearch{flex:1 1 100%;width:100%;margin-left:0}
}
:scope[data-theme=dark] .boardTable thead th{background:rgba(30,64,175,.14);color:#9fb2c8}
:scope[data-theme=dark] .boardTableWrap{box-shadow:0 10px 24px rgba(0,0,0,.22)}
:scope[data-theme=dark] .communityBoard--canonical .boardTableWrap{box-shadow:var(--panel-shadow)}
:scope[data-theme=dark] .communityBoard--canonical .boardTable tbody tr:hover td{background:var(--surface-soft)}
:scope[data-theme=dark] .navDrop{background:var(--surface);border-color:var(--line);box-shadow:0 12px 28px rgba(0,0,0,.36)}
:scope[data-theme=dark] .navDrop a,:scope[data-theme=dark] .navDropItem{color:#9aabc0}
:scope[data-theme=dark] .navDrop a:hover:not(.active),:scope[data-theme=dark] .navDropItem:hover:not(.active){background:var(--ctrl-bg-hover);color:var(--ctrl-fg-hover)}
:scope[data-theme=dark] .navDrop a.active,:scope[data-theme=dark] .navDropItem.active{background:var(--ctrl-bg-active);color:var(--ctrl-fg-active)}

.adminEmblem{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--admin-emblem-size);height:var(--admin-emblem-size);flex:0 0 auto;line-height:0;--admin-emblem-size:24px;filter:none;transition:opacity 200ms ease}
.adminEmblem--header{--admin-emblem-size:20px}
.adminEmblem--board,.adminEmblem--chat{--admin-emblem-size:24px}
.adminEmblem--card{--admin-emblem-size:36px}
.adminEmblem img{display:block;width:100%;height:100%;object-fit:contain}
.memberTierIcon{display:block;width:100%;height:100%;object-fit:contain;flex:0 0 auto}
.identityIcon--decorated,.profileMini .identityIcon.profileMiniMarks{width:auto;min-width:var(--identity-icon,20px);gap:4px}
.identityIcon--decorated .adminEmblem,.profileMiniMarks .adminEmblem{width:16px;height:16px;--admin-emblem-size:16px}
.userIdentity:hover .adminEmblem,.profileMini:hover .adminEmblem,.userCardHead:hover .adminEmblem{filter:none;opacity:.92}
.identityMark,.userIdentity.identityMark{display:inline-flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;vertical-align:middle;gap:var(--identity-gap,6px);line-height:1;min-width:0;padding:0;--identity-icon:24px;--identity-gap:6px;--identity-nick:13px;--identity-meta:11px}
.identityMark--header{--identity-icon:20px;--identity-nick:13px;--identity-meta:11.5px}
.identityMark--board,.identityMark--chat{--identity-icon:24px;--identity-nick:13px;--identity-meta:11px}
.identityMark--card{--identity-icon:36px;--identity-nick:15px;--identity-meta:12px}
.identityIcon{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--identity-icon,24px);height:var(--identity-icon,24px);flex:0 0 var(--identity-icon,24px);line-height:0;overflow:visible}
.identityIcon .adminEmblem,.identityIcon .tierIcon,.identityIcon .memberTierIcon{width:100%;height:100%;flex:0 0 auto;margin:0;gap:0;--tier-h:var(--identity-icon,24px);--admin-emblem-size:var(--identity-icon,24px)}
.identityIcon--decorated .adminEmblem,.profileMiniMarks .adminEmblem{width:16px;height:16px;--admin-emblem-size:16px}
.identityIcon--decorated .memberTierIcon,.profileMiniMarks .memberTierIcon,.identityIcon--decorated .tierIcon,.profileMiniMarks .tierIcon{width:var(--identity-icon,20px);height:var(--identity-icon,20px)}
.identityIcon .tierGlyph{height:var(--identity-icon,24px)}
.identityTexts{display:inline-flex;align-items:baseline;flex-wrap:nowrap;white-space:nowrap;gap:6px;min-width:0;line-height:1}
.identityRole,.identityNick,.identityMark .boardNick,.identityTexts .tierText,.identityTexts .identityMeta,.identityTexts .profileMiniNick,.identityTexts .profileMiniRole,.identityTexts .profileMiniGuest{margin:0;padding:0;line-height:1;white-space:nowrap}
.identityRole{display:inline;font-size:var(--identity-meta,11px);font-weight:800;letter-spacing:.02em;color:#9a7218;flex:0 0 auto}
.identityNick,.identityMark .boardNick{display:inline-block;font-size:var(--identity-nick,13px);font-weight:600;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:baseline}
.identityNick.memberNickname{font-size:12px}
.identityTexts .tierText,.identityTexts .identityMeta{display:inline-flex;align-items:baseline;gap:4px;font-size:var(--identity-meta,11px);font-weight:700;flex:0 0 auto}
.identityTexts .tierText em,.identityTexts .tierText b,.identityTexts .identityMeta em,.identityTexts .identityMeta b{display:inline;font-size:inherit;line-height:1;margin:0;padding:0}
.identityMark.is-static{cursor:default;padding:0}
.identityMark.is-static:hover{background:transparent}
.profileMini .adminEmblem{flex-shrink:0}
.profileMini .profileMiniRole{font-size:11.5px;letter-spacing:.02em;line-height:1}
.userCardIcon .adminEmblem{position:relative;z-index:1}
.userCardIdentity .userCardAdminRole{font-size:11.5px;letter-spacing:.02em;line-height:1.2}
.articleMeta .identityMark,.cmtHead .identityMark,.boardAuthor.identityMark{gap:6px;padding:0;min-height:0}
.chatIdentity{padding:0 4px;min-height:0}
.chatIdentity .identityNick{font-size:13px;font-weight:500}
.chatIdentity.identityMark.is-admin .identityNick{font-weight:700}
.chatIdentity .identityRole{display:none}
.rkAdminTier{display:inline-flex;align-items:center;gap:6px;line-height:1;height:auto}
.rankRow .identityMark .tierIcon,.rankRow .identityMark .tierIcon-board{--tier-h:var(--identity-icon,24px)}
.rkPage .rkTop .identityRole{color:inherit;font-size:12px}
.boardTable--notice .colAuthor{width:220px;max-width:220px}
.boardTable--notice .colTitle{width:auto}
.boardTable--notice .colAuthor .identityNick{max-width:88px}
.memberMessageMeta{align-items:center}
.mailList .historyTitle{display:flex;align-items:center;min-width:0}
.mailList .mailSender{padding:0;min-height:0}
:scope[data-theme=dark] .identityRole{color:#e2c56a}
:scope[data-theme=dark] .profileMini .profileMiniRole{color:#e2c56a}
@media(prefers-reduced-motion:reduce){
  .adminEmblem{transition:none}
}

/* —— Auth (login / signup) —— */
.authPage{display:flex;justify-content:center;align-items:center;min-height:calc(100dvh - 210px);padding:44px 0 72px}
.authPage .authCard{width:100%;max-width:460px;margin:0 auto;padding:32px;border:1px solid var(--ctrl-border);border-radius:var(--card-radius);background:var(--surface-card);box-shadow:none;font-family:var(--font-ui)}
.authPage .authCard--wide{max-width:620px;padding:32px 36px}
.authHead{margin:0 0 24px}
.authBrand{display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:28px;color:var(--text-primary)}
.authBrandMark{display:inline-flex;align-items:center;min-height:27px;font-family:Arial,sans-serif;font-size:27px;font-weight:900;letter-spacing:-1.4px;line-height:1}
.authBrandMark .brandWordmark,.authBrandMark .brandLogo{display:block;width:auto;max-width:100%;height:27px}
.authBrand small{color:var(--text-muted);font-family:Arial,sans-serif;font-size:7px;font-weight:500;letter-spacing:1.8px;line-height:11px}
.authHead h1{margin:0;color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-.6px;line-height:1.3}
.authHead p{margin:7px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.5}
.authPage .authForm{width:100%;max-width:none;margin-top:0;gap:0}
.authForm>label,.authForm .authSection>label{display:block;margin:16px 0 7px;color:var(--text-secondary);font-size:12px;font-weight:600;line-height:1.3}
.authForm>label.authRemember{display:inline-flex;align-items:center;gap:8px;margin:14px 0 0;cursor:pointer}
.authRemember input{width:16px;height:16px;margin:0;accent-color:var(--accent-primary);cursor:pointer}
.authRemember input:focus-visible{outline:2px solid var(--ctrl-focus);outline-offset:2px}
.authForm>label:first-child,.authForm .authSection>label:first-of-type{margin-top:0}
.authPage .authForm .field,.authPage .authForm select.field{box-sizing:border-box;width:100%;min-width:0;height:44px;min-height:44px;padding:0 13px;border:1px solid var(--ctrl-border);border-radius:var(--ctrl-radius);background:var(--surface);color:var(--text-primary);font-size:13px;line-height:normal}
.authPage .authForm .field::placeholder{color:var(--text-muted)}
.authPage .authForm .field:focus-visible,.authPage .authForm select.field:focus-visible{border-color:var(--accent-primary);outline:2px solid var(--ctrl-focus);outline-offset:1px}
.authForm .fieldWithAction{grid-template-columns:minmax(0,1fr) auto;align-items:stretch}
.authPage .authForm .fieldWithAction .tab{height:44px;min-height:44px;padding:0 13px;border-radius:var(--ctrl-radius);background:var(--surface-soft);color:var(--text-secondary);font-size:12px;font-weight:600}
.authPage .authForm .fieldWithAction .tab:hover{border-color:var(--accent-primary);color:var(--accent-primary)}
.authPage .authForm .fieldWithAction .tab:focus-visible{outline:2px solid var(--ctrl-focus);outline-offset:2px}
.authForm .phoneRow{align-items:stretch}
.authForm .authInputGuide{display:flex;align-items:flex-start;gap:5px;margin:8px 0 0;color:var(--text-muted);font-size:11px;font-weight:400;line-height:1.5}
.authInputGuide svg{flex:0 0 12px;margin-top:2px}
.signupCheckedInput{position:relative;min-width:0}
.authPage .authForm .signupCheckedInput .field{padding-right:40px}
.signupCheckStatus{position:absolute;right:12px;top:13px;width:18px;height:18px;color:var(--text-muted);animation:signupCheckEnter 180ms ease-out}
.signupCheckStatus--available{color:var(--accent-green)}
.signupCheckStatus--unavailable{color:var(--action-red-bg)}
.signupCheckStatus:focus-visible{outline:2px solid var(--ctrl-focus);outline-offset:3px;border-radius:50%}
.signupCheckSpinner{transform-origin:12px 12px;animation:signupCheckSpin 900ms linear infinite}
.signupCheckTooltip{position:absolute;z-index:2;right:0;top:26px;width:max-content;max-width:min(260px,calc(100vw - 160px));padding:7px 9px;border:1px solid var(--ctrl-border);border-radius:var(--ctrl-radius);background:var(--surface-card);color:var(--text-primary);font-size:11px;line-height:1.5;visibility:hidden;opacity:0;pointer-events:none}
.signupCheckStatus:hover .signupCheckTooltip,.signupCheckStatus:focus .signupCheckTooltip{visibility:visible;opacity:1}
@keyframes signupCheckEnter{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
@keyframes signupCheckSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.signupCheckStatus,.signupCheckSpinner{animation:none}}
.authPage .authForm>.err,.authPage .authForm>.ok,.authPage .authForm .authSection>.err,.authPage .authForm .authSection>.ok{margin:7px 0 0;font-size:12px;line-height:1.5}
.authPage .authForm>.authSubmit{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:44px;min-height:44px;margin-top:24px;padding:0 16px;border:1px solid var(--accent-primary);border-radius:var(--ctrl-radius);background:var(--accent-primary);color:#fff;font-size:13px;font-weight:700;line-height:1}
.authPage .authForm>.authSubmit:hover:not(:disabled){border-color:var(--accent-primary-hover);background:var(--accent-primary-hover);color:#fff}
.authPage .authForm>.authSubmit:focus-visible{outline:2px solid var(--ctrl-focus);outline-offset:2px}
.authPage .authForm>.authSubmit:disabled{border-color:var(--accent-primary);background:var(--accent-primary);color:#fff;opacity:.55;cursor:not-allowed}
.authSubmit{box-sizing:border-box;border:1px solid var(--ctrl-border);border-radius:var(--ctrl-radius);background:var(--surface);color:var(--text-primary);font-size:var(--ctrl-fs-lg);font-weight:var(--ctrl-fw);line-height:1;cursor:pointer;text-decoration:none;transition:background .18s ease,border-color .18s ease,color .18s ease}
.authSubmit:hover:not(:disabled){background:var(--ctrl-bg-hover);border-color:var(--ctrl-border-hover);color:var(--ctrl-fg-hover)}
.authSubmit:disabled{background:var(--ctrl-bg-disabled);border-color:var(--ctrl-border-disabled);color:var(--ctrl-fg-disabled);cursor:not-allowed}
:scope[data-theme=dark] .authSubmit{background:var(--surface);border-color:var(--ctrl-border);color:var(--text-primary)}
.authPage .authForm>.accountLinks{display:flex;justify-content:center;gap:10px;margin:18px 0 0;color:var(--text-secondary);font-size:12px}
.authPage .authForm>.accountLinks a:hover{color:var(--accent-primary)}
.authSwitch{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--border-soft);color:var(--text-secondary);font-size:12px;line-height:1.5;text-align:center}
.authSwitch a{color:var(--accent-primary);font-weight:600}
.authSwitch a:hover{color:var(--accent-primary-hover)}
.authSwitch--signup a{display:flex;align-items:center;justify-content:center;width:100%;min-height:42px;margin-top:12px;border:1px solid var(--ctrl-border);border-radius:var(--ctrl-radius);background:var(--surface-soft);color:var(--text-primary);font-size:13px}
.authSwitch--signup a:hover{border-color:var(--ctrl-border-hover);background:var(--ctrl-bg-hover);color:var(--text-primary)}
.authPage a:focus-visible{outline:2px solid var(--ctrl-focus);outline-offset:2px}
.authSection{margin-top:22px;padding-top:20px;border-top:1px solid var(--border-soft)}
.authForm>.authSection:first-child{margin-top:0;padding-top:0;border-top:0}
.authSectionTitle{margin:0 0 16px;color:var(--accent-primary);font-size:12px;font-weight:700;letter-spacing:0;line-height:1.3}
:scope[data-theme="dark"] .authPage .authForm .field,:scope[data-theme="dark"] .authPage .authForm select.field{background:var(--surface-soft)}
:scope[data-theme="dark"] .authPage .authForm .err{color:var(--accent-coral)}
:scope[data-theme="dark"] .authPage .authForm .ok{color:var(--accent-green)}
:scope[data-theme="dark"] .authPage .authForm>.authSubmit{border-color:var(--accent-primary);background:var(--accent-primary);color:#fff}
:scope[data-theme="dark"] .authPage .authForm>.authSubmit:hover:not(:disabled){border-color:var(--accent-primary-hover);background:var(--accent-primary-hover);color:#fff}
@media(max-width:760px){
  .authPage{min-height:0;padding:24px 0 48px}
  .authPage .authCard,.authPage .authCard--wide{max-width:100%;padding:24px 18px}
}
@media(max-width:520px){
  .authForm .phoneRow .fieldWithAction{grid-template-columns:1fr}
  .authForm .phoneRow .fieldWithAction .tab{width:100%}
}
.brandLogo{height:27px;width:auto;display:block;object-fit:contain}
.hero.hasImage{background-size:cover;background-position:center;background-repeat:no-repeat}
.hero.hasImage:before{background:linear-gradient(90deg,rgba(6,22,41,.78) 0%,rgba(6,22,41,.42) 52%,rgba(6,22,41,.22) 100%)}
.footerLinks a{color:inherit;text-decoration:none}
@media(max-width:760px){.brandLogo{height:23px}}
@media(max-width:760px){
  main,.contentGrid,.threeGrid,.shopPage,.rkPage,.evPage,.attendPage,.bcPage,.authPage,.profilePage,.hlGrid,.analysisGrid,.formGrid{
    min-width:0;max-width:100%
  }
  .tabs,.shopTabs,.rkToolbar .tabs,.evToolbar .tabs,.analysisPage .tabs{
    min-width:0;max-width:100%;flex-wrap:wrap
  }
  .shopFilters.tabs,.bcSports,.rkFilterGroup{
    flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%
  }
  .boardTableWrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  img{max-width:100%}
  .formGrid{width:100%}
  .primaryBtn,.ghostBtn,.uiBtn{max-width:100%}
  .floatChat.is-mobile .floatChatBtn{
    right:max(16px,env(safe-area-inset-right,0px));
    bottom:max(18px,env(safe-area-inset-bottom,0px))
  }
  .heroButtons{flex-wrap:wrap}
  .sectionHead{flex-wrap:wrap}
}

@media(min-width:1201px){
  .mobileNav,.slipDock{display:none}
}

/* —— Mobile navigation drawer —— */
.mobileNav{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:var(--surface);color:var(--text);overflow:hidden}
.mobileNavHead{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  height:72px;padding:0 max(32px,calc((100vw - 1660px)/2));
  border-bottom:1px solid var(--line);flex:0 0 auto;background:var(--surface)
}
.mobileNavBrand{min-width:0;color:var(--navy)}
.mobileNavClose{border-radius:50%}
.mobileNavScroll{
  flex:1 1 auto;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;
  padding:16px max(32px,calc((100vw - 1660px)/2)) calc(20px + env(safe-area-inset-bottom,0px));
  -webkit-overflow-scrolling:touch
}
.mobileNavGrid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:0;row-gap:10px;margin:0 0 12px;padding:0 0 12px;
  border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)
}
.mobileNavTile{
  display:grid;grid-template-rows:40px 18px;justify-items:center;align-items:start;
  gap:4px;min-width:0;width:100%;padding:0;color:var(--text);text-align:center;
  --nav-glyph:var(--accent-primary)
}
.mobileNavTile[data-tone=live]{--nav-glyph:var(--accent)}
.mobileNavTile[data-tone=predict]{--nav-glyph:var(--accent)}
.mobileNavTile[data-tone=analysis]{--nav-glyph:var(--accent)}
.mobileNavTile[data-tone=ranking]{--nav-glyph:var(--accent)}
.mobileNavTile[data-tone=community]{--nav-glyph:var(--accent)}
.mobileNavTile[data-tone=highlights]{--nav-glyph:var(--accent)}
.mobileNavTile[data-tone=shop]{--nav-glyph:var(--accent)}
.mobileNavTile[data-tone=attendance]{--nav-glyph:var(--accent)}
.mobileNavTile[data-tone=events]{--nav-glyph:var(--accent)}
.mobileNavTileIcon{
  position:relative;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;
  background:var(--soft);color:var(--nav-glyph);border:1px solid var(--line)
}
.mobileNavTileIcon svg{width:24px;height:24px;display:block;flex:0 0 24px}
.mobileNavTileLabel{
  width:100%;max-width:100%;height:18px;margin:0;padding:0 2px;
  font-size:12px;font-weight:500;line-height:18px;letter-spacing:0;color:inherit;text-align:center;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.mobileNavTile.is-active{color:var(--accent)}
.mobileNavTile.is-active .mobileNavTileIcon{
  background:color-mix(in srgb,var(--accent) 10%,var(--surface));
  border-color:var(--accent);
  color:var(--nav-glyph)
}
.mobileNavTile.is-active .mobileNavTileIcon:after{
  content:"";position:absolute;left:50%;bottom:4px;width:10px;height:2px;margin-left:-5px;
  border-radius:99px;background:var(--accent);pointer-events:none
}
.mobileNavSection{margin:0 0 14px}
.mobileNavSection:last-child{margin:0 0 8px}
.mobileNavSection h2{
  margin:0 0 6px;padding:0 2px;font-size:11px;font-weight:500;letter-spacing:.04em;line-height:1.2;color:var(--muted)
}
.mobileNavList{
  border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden
}
.mobileNavLink{
  display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;
  min-height:42px;padding:0 12px;border:0;border-bottom:1px solid color-mix(in srgb,var(--line) 45%,transparent);
  background:transparent;color:var(--text);font:inherit;font-size:13.5px;font-weight:500;line-height:1.25;text-align:left;cursor:pointer
}
.mobileNavLinkMain{display:inline-flex;align-items:center;gap:8px;min-width:0}
.mobileNav .partnerMark{width:16px;height:16px;flex:0 0 16px;display:block;overflow:visible;color:var(--accent)}
.mobileNavList>.mobileNavLink:last-child,.mobileNavList>.mobileNavGroup:last-child .mobileNavLink:last-child{border-bottom-color:transparent}
.mobileNavLink.is-active{color:var(--accent)}
.mobileNavLink.is-partner .partnerMark{color:var(--accent)}
.mobileNavLink.is-child{padding-left:24px;font-size:13px;font-weight:500;color:var(--text)}
.mobileNavLink.is-child.is-active{color:var(--accent)}
.mobileNavLink svg{flex:0 0 14px;width:14px;height:14px;color:var(--muted)}
.mobileNavAccord svg{transition:transform .18s ease}
.mobileNavAccord[aria-expanded="true"] svg{transform:rotate(180deg)}
.mobileNavSub{background:transparent}
@media(max-width:760px){
  .mobileNavHead{height:64px;padding:0 12px}
  .mobileNavScroll{padding:14px 12px calc(20px + env(safe-area-inset-bottom,0px))}
}
:scope[data-theme=dark] .mobileNavBrand{color:var(--text)}
:scope[data-theme=dark] .mobileNavTile[data-tone=live]{--nav-glyph:var(--accent-primary)}
:scope[data-theme=dark] .mobileNavTile[data-tone=predict]{--nav-glyph:var(--accent-primary)}
:scope[data-theme=dark] .mobileNavTile[data-tone=analysis]{--nav-glyph:var(--accent-primary)}
:scope[data-theme=dark] .mobileNavTile[data-tone=ranking]{--nav-glyph:var(--accent-primary)}
:scope[data-theme=dark] .mobileNavTile[data-tone=community]{--nav-glyph:var(--accent-primary)}
:scope[data-theme=dark] .mobileNavTile[data-tone=highlights]{--nav-glyph:var(--accent-primary)}
:scope[data-theme=dark] .mobileNavTile[data-tone=shop]{--nav-glyph:var(--accent-primary)}
:scope[data-theme=dark] .mobileNavTile[data-tone=attendance]{--nav-glyph:var(--accent-primary)}
:scope[data-theme=dark] .mobileNavTile[data-tone=events]{--nav-glyph:var(--accent-primary)}
:scope[data-theme=dark] .mobileNavTileIcon{
  background:var(--soft);
  border-color:var(--line);
  color:var(--nav-glyph)
}
:scope[data-theme=dark] .mobileNavTile.is-active .mobileNavTileIcon{
  background:color-mix(in srgb,var(--accent) 14%,var(--soft));
  border-color:var(--accent);
  color:var(--nav-glyph)
}
:scope[data-theme=dark] .mobileNavList{
  background:var(--soft);
  border-color:var(--line)
}
:scope[data-theme=dark] .mobileNavLink{
  color:var(--text);
  border-bottom-color:color-mix(in srgb,var(--line) 70%,transparent)
}
:scope[data-theme=dark] .mobileNavLink.is-active,:scope[data-theme=dark] .mobileNavLink.is-child.is-active{color:var(--accent)}
:scope[data-theme=dark] .mobileNavLink.is-partner .partnerMark{color:var(--accent-primary)}
:scope[data-theme=dark] .mobileNavLink svg{color:var(--muted)}
:scope[data-theme=dark] .mobileNavSection h2{color:var(--muted)}
@media(min-width:1201px){
  .mobileNav{display:none}
}

/* —— Mobile betting slip dock —— */
.slipDock{display:none}
@media(max-width:1200px){
  .slipDock{display:block}
  .predictDesk>.predictionSlip,.predictionCard>.predictionSlip{display:none}
}
.predictionCard .sectionHead>.datePill{color:var(--accent-primary)}
@media(max-width:760px){
  .predictionCard .sectionHead{
    display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
    column-gap:4px;row-gap:3px;margin-bottom:8px;
  }
  .predictionCard .predictionHeading{display:contents}
  .predictionCard .predictionHeading .sectionTitle{
    grid-column:1;grid-row:1;min-width:0;font-size:18px;gap:4px;white-space:nowrap;
  }
  .predictionCard .predictionHeading .sectionTitleIcon{width:20px;height:20px;flex-basis:20px}
  .predictionCard .predictionHeading p{grid-column:1/-1;grid-row:2;margin:0}
  .predictionCard .sectionHead>.datePill{
    display:inline-flex;grid-column:2;grid-row:1;justify-self:end;margin:0;
    border:1px solid var(--line);border-radius:9px;background:transparent;
    padding:8px 12px;font-size:9px;white-space:nowrap;font-variant-numeric:tabular-nums;
  }
}
@media(max-width:359px){
  .predictionCard .sectionHead{margin-left:-12px;margin-right:-12px}
  .predictionCard .predictionHeading .sectionTitle{font-size:16px}
  .predictionCard .predictionHeading .sectionTitleIcon{width:18px;height:18px;flex-basis:18px}
}
.slipFab{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(18px + 50px + 12px + env(safe-area-inset-bottom,0px));z-index:93;width:50px;height:50px;border-radius:14px;border:1px solid var(--line);background:var(--ctrl-bg);color:var(--ctrl-fg);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow);cursor:pointer}
@media(max-width:760px){
  .slipFab,.slipFab:hover,.slipFab.on,.slipFab:active{background:var(--ctrl-bg);border:1px solid var(--ctrl-border);color:var(--ctrl-fg);box-shadow:none;filter:none}
  .slipFab:hover{background:var(--ctrl-bg-hover);border-color:var(--ctrl-border-hover);color:var(--ctrl-fg-hover)}
  .slipFab.on,.slipFab:active{background:var(--ctrl-bg-active);border-color:var(--ctrl-border-active);color:var(--ctrl-fg-active)}
}
:scope[data-theme=dark] .slipFab{background:var(--ctrl-bg);border:1px solid var(--ctrl-border);color:var(--ctrl-fg)}
.slipFabBadge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e83950;color:#fff;font-size:10px;font-weight:800;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--surface)}
.slipSheetRoot{position:fixed;inset:0;z-index:94}
.slipSheetBackdrop{position:absolute;inset:0;border:0;background:rgba(8,22,41,.28);cursor:pointer}
.slipSheet{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;max-height:min(72vh,640px);background:var(--surface);border-radius:16px 16px 0 0;box-shadow:0 -16px 40px rgba(8,28,50,.16);padding-bottom:env(safe-area-inset-bottom,0px)}
.slipSheetHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 16px 10px;flex:0 0 auto}
.slipSheetHead h2{margin:0;font-size:18px;font-weight:800;letter-spacing:-.3px;color:var(--navy);line-height:1.2}
.slipSheetHead p{margin:4px 0 0;font-size:12px;font-weight:600;color:var(--muted)}
.slipSheetBody{min-height:0;overflow:auto;padding:0 16px 16px}
.slipSheet .predictionSlip{margin:0;padding:0;border:0;background:transparent;box-shadow:none;border-radius:0}
.slipSheet .predictionSlip .sectionHead,.slipSheet .predictionSlip .datePill{display:none}
.slipSheet .predictionSlip.compact .slipList{max-height:none;margin:0 0 12px}
:scope[data-theme=dark] .slipSheetHead h2{color:#edf4ff}
:scope[data-theme=dark] .slipSheetBackdrop{background:rgba(0,0,0,.4)}
:scope[data-theme=dark] .slipFabBadge{box-shadow:0 0 0 2px var(--navy)}

.homeQuickNav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:12px;margin-bottom:2px;min-width:0}
.homeQuickNav a{box-sizing:border-box;height:64px;min-height:64px;padding:0 12px 0 10px;display:grid;grid-template-columns:38px minmax(0,1fr) 14px;align-items:center;column-gap:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);cursor:pointer;box-shadow:none;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.homeQuickNav a:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 5%,var(--surface));border-color:color-mix(in srgb,var(--accent) 26%,var(--line));transform:translateY(-2px);box-shadow:0 6px 14px rgba(18,42,68,.06)}
.homeQuickNav a[aria-current=page]{background:color-mix(in srgb,var(--accent) 7%,var(--surface));border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
.homeQuickNav a[aria-current=page]:hover{background:color-mix(in srgb,var(--accent) 9%,var(--surface));border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}
.homeQuickNav a:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 72%,#fff);outline-offset:2px}
.homeQuickNavIcon{box-sizing:border-box;width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent-primary) 22%,var(--border-soft));background:color-mix(in srgb,var(--accent-primary) 10%,var(--surface-soft));box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 6px 12px rgba(15,35,70,.04);color:var(--accent-primary);transition:background .16s ease,color .16s ease}
.homeQuickNav a[aria-current=page] .homeQuickNavIcon{background:color-mix(in srgb,var(--accent-primary) 14%,var(--surface-soft))}
.homeQuickNav a:hover .homeQuickNavIcon{background:color-mix(in srgb,var(--accent-primary) 14%,var(--surface-soft))}
.homeQuickNavCopy{min-width:0;display:grid;grid-template-rows:18px 14px;row-gap:2px;align-content:center;align-items:start;justify-items:start}
.homeQuickNavTitle{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;width:100%;height:18px;min-height:18px}
.homeQuickNavCopy b{display:block;min-width:0;flex:1 1 auto;font-size:13px;font-weight:800;line-height:18px;height:18px;letter-spacing:-.2px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.homeQuickNavCopy small{display:block;max-width:100%;font-size:11px;font-weight:600;line-height:14px;height:14px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.homeQuickNavArrow{flex:0 0 14px;width:14px;height:14px;display:grid;place-items:center;color:var(--muted);transition:transform .16s ease,color .16s ease}
.homeQuickNavIcon svg{width:20px;height:20px;transition:transform .16s ease}
.homeQuickNavArrow svg{width:14px;height:14px}
.homeQuickNav a:hover .homeQuickNavIcon svg{transform:scale(1.03)}
.homeQuickNav a:hover .homeQuickNavArrow{transform:translateX(3px);color:var(--accent)}
.homeQuickNav a[data-tone=predict] .homeQuickNavIcon{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 10%,var(--surface-soft))}
.homeQuickNav a[data-tone=rank] .homeQuickNavIcon{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 10%,var(--surface-soft))}
.homeQuickNav a[data-tone=community] .homeQuickNavIcon{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 10%,var(--surface-soft))}
.homeQuickNav a[data-tone=gift] .homeQuickNavIcon{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 10%,var(--surface-soft))}
.homeQuickNav a[data-tone=event] .homeQuickNavIcon{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 10%,var(--surface-soft))}
.homeQuickNav a.is-live .homeQuickNavIcon{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 12%,var(--surface-soft))}
.homeQuickNav .boardBadge,.homeQuickNav .statusDot{flex:0 0 auto}
.homeQuickNav .boardBadge{height:18px;min-height:18px;padding:0 6px;font-size:10px;border-radius:999px}
:scope[data-theme=dark] .homeQuickNav a:hover{box-shadow:0 6px 14px rgba(0,0,0,.22)}
:scope[data-theme=dark] .homeQuickNavIcon{
  border-color:color-mix(in srgb,var(--accent-primary) 32%,var(--border-soft));
  background:color-mix(in srgb,var(--accent-primary) 16%,var(--surface-elevated));
  box-shadow:0 1px 0 rgba(175,198,227,.08) inset;
  color:var(--accent-primary);
}
:scope[data-theme=dark] .homeQuickNav a[data-tone=predict] .homeQuickNavIcon{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 18%,var(--surface-elevated))}
:scope[data-theme=dark] .homeQuickNav a[data-tone=rank] .homeQuickNavIcon{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 18%,var(--surface-elevated))}
:scope[data-theme=dark] .homeQuickNav a[data-tone=community] .homeQuickNavIcon{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 18%,var(--surface-elevated))}
:scope[data-theme=dark] .homeQuickNav a[data-tone=gift] .homeQuickNavIcon{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 18%,var(--surface-elevated))}
:scope[data-theme=dark] .homeQuickNav a[data-tone=event] .homeQuickNavIcon{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 18%,var(--surface-elevated))}
:scope[data-theme=dark] .homeQuickNav a.is-live .homeQuickNavIcon{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 20%,var(--surface-elevated))}
@media(max-width:1200px){.homeQuickNav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.homeQuickNav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.homeQuickNav a{height:auto;min-height:64px;padding:10px 10px 10px 8px}.homeQuickNavCopy small{white-space:normal}}

.statusDot{position:relative;display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;line-height:1;vertical-align:middle}
.statusDot i{width:7px;height:7px;border-radius:50%;background:#94a3b8;display:block;position:relative;z-index:1}
.statusDot.is-signal i{background:var(--accent)}
.statusDot.is-live i{background:#059669}
.statusDot em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.04em;color:#047857;line-height:1}
.statusDot.is-live i:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:rgba(16,185,129,.35);pointer-events:none;z-index:0}
.statusDot.is-idle em{color:var(--muted)}
:scope[data-theme=dark] .statusDot.is-live i{background:#10b981}
:scope[data-theme=dark] .statusDot.is-live em{color:#6ee7b7}
:scope[data-theme=dark] .statusDot.is-live i:after{background:rgba(16,185,129,.28)}
@keyframes statusPulse{0%{transform:scale(1);opacity:.35}100%{transform:scale(2);opacity:0}}
@media(prefers-reduced-motion:no-preference){.statusDot.is-live i:after{animation:statusPulse 2.1s ease-out infinite}}

.sectionTitle{display:flex;align-items:center;gap:8px;margin:0;min-height:32px;font-size:var(--fs-lg);font-weight:var(--fw-title);letter-spacing:-.4px;color:var(--text-primary);line-height:1}
.sectionTitleIcon{box-sizing:border-box;width:28px;height:28px;flex:0 0 28px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent-primary) 10%,var(--soft));color:var(--accent-primary)}
.sectionTitleIcon svg{width:16px;height:16px;display:block}
.sectionTitleText{min-width:0;display:flex;align-items:center;line-height:1}
.sectionTitle--predict .sectionTitleIcon,.sectionTitle--rank .sectionTitleIcon,.sectionTitle--community .sectionTitleIcon,.sectionTitle--gift .sectionTitleIcon,.sectionTitle--notice .sectionTitleIcon,.sectionTitle--highlight .sectionTitleIcon,.sectionTitle--live .sectionTitleIcon,.sectionTitle--attend .sectionTitleIcon,.sectionTitle--invite .sectionTitleIcon{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 12%,var(--soft))}
:scope[data-theme=dark] .sectionTitle{color:var(--text-primary)}
:scope[data-theme=dark] .sectionTitleIcon,
:scope[data-theme=dark] .sectionTitle--predict .sectionTitleIcon,
:scope[data-theme=dark] .sectionTitle--rank .sectionTitleIcon,
:scope[data-theme=dark] .sectionTitle--community .sectionTitleIcon,
:scope[data-theme=dark] .sectionTitle--gift .sectionTitleIcon,
:scope[data-theme=dark] .sectionTitle--notice .sectionTitleIcon,
:scope[data-theme=dark] .sectionTitle--highlight .sectionTitleIcon,
:scope[data-theme=dark] .sectionTitle--live .sectionTitleIcon,
:scope[data-theme=dark] .sectionTitle--attend .sectionTitleIcon,
:scope[data-theme=dark] .sectionTitle--invite .sectionTitleIcon{color:var(--dark-accent-blue);background:var(--surface-soft)}

.emptyState{display:grid;justify-items:center;gap:8px;padding:16px 12px;border:1px solid var(--ctrl-border);border-radius:var(--card-radius);background:var(--surface-soft);text-align:center}
.emptyStateIcon{width:36px;height:36px;border-radius:var(--ctrl-radius);display:grid;place-items:center;background:var(--ctrl-bg-active);color:var(--ctrl-fg-active)}
.emptyStateIcon svg{width:22px;height:22px}
.emptyStateIcon:not(:has(svg)):before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.emptyState--live .emptyStateIcon{color:#047857;background:color-mix(in srgb,#10b981 12%,var(--soft))}
.emptyState--live .emptyStateIcon:not(:has(svg)):before{width:0;height:0;border-radius:0;background:transparent;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor}
.emptyState--predict .emptyStateIcon{color:#5B5BD6;background:color-mix(in srgb,#5B5BD6 12%,var(--soft))}
.emptyState--rank .emptyStateIcon{color:#B8892D;background:color-mix(in srgb,#B8892D 12%,var(--soft))}
.emptyState--notice .emptyStateIcon{color:var(--ctrl-fg-active)}
.emptyState--gift .emptyStateIcon{color:#7C3AED;background:color-mix(in srgb,#7C3AED 12%,var(--soft))}
:scope[data-theme=dark] .emptyState:not(.emptyState--live) .emptyStateIcon{
  color:var(--dark-accent-blue);
  background:var(--surface-card);
}
.emptyState b{font-size:var(--fs-sm);font-weight:var(--fw-title);color:var(--text-primary);line-height:1.35}
.emptyState small{font-size:var(--fs-xs);font-weight:var(--fw-meta);color:var(--text-muted);line-height:1.45;max-width:36ch}

.homeBoard .nntvCard{padding:var(--card-pad)}
.homeBoard .predictionCard{border-color:color-mix(in srgb,var(--accent) 16%,var(--line));box-shadow:0 1px 0 rgba(18,42,68,.04)}
.homeBoard>.homeLive.is-live{border-color:color-mix(in srgb,#10b981 22%,var(--line))}
.homeBoard>.community,.homeBoard>.homeNotice{padding:14px 16px}
.homeBoard .sectionHead{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.homeBoard .ranking .sectionHead{min-height:32px}
.homeBoard .ranking .sectionTitle{min-height:32px}
.sectionHead .moreBtn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;
  height:var(--more-h);min-height:var(--more-h);padding:0 var(--more-pad-x);margin:0;flex:0 0 auto;align-self:center;
  border:1px solid var(--line);border-radius:var(--more-radius);background:transparent;color:var(--navy);
  font-size:12px;font-weight:600;line-height:1;box-shadow:none;transform:none
}
.sectionHead .moreBtn:hover{
  background:transparent;
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line));
  color:var(--accent2);transform:none;box-shadow:none
}
.sectionHead .moreBtn:active{
  background:transparent;border-color:color-mix(in srgb,var(--accent) 28%,var(--line));color:var(--accent2);transform:none;box-shadow:none
}
:scope[data-theme=dark] .sectionHead .moreBtn,:scope[data-theme=dark] .moreBtn{
  background:transparent;border-color:var(--line);color:var(--text)
}
:scope[data-theme=dark] .sectionHead .moreBtn:hover,:scope[data-theme=dark] .moreBtn:hover,
:scope[data-theme=dark] .sectionHead .moreBtn:active,:scope[data-theme=dark] .moreBtn:active{
  background:transparent;border-color:color-mix(in srgb,#edf4ff 28%,var(--line));color:#edf4ff
}
.homeBoard .ranking .rankingFilters{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;width:100%;gap:0;margin:12px 0 11px
}
.homeBoard .ranking .rankingFilters .tab{flex:0 0 auto}
@media(max-width:760px){
  .homeBoard .ranking .rankingFilters{flex-wrap:wrap;justify-content:flex-start;gap:6px}
}
.homeBoard .predictionCard .tabs{margin:12px 0 8px}

.homeBoard a.postRow,.homeBoard a.noticeRow{transform:none;box-shadow:none;border-radius:10px}
.homeBoard a.postRow:hover,.homeBoard a.noticeRow:hover{transform:none;box-shadow:none;border-color:transparent;background:color-mix(in srgb,var(--accent) 4%,transparent)}
.homeBoard .postRow{padding:8px 6px;border-top:1px solid var(--line)}
.homeBoard .postRow span b{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}
.homeBoard .postRowTitle{font-style:normal;font-size:var(--fs-base);font-weight:800;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.homeBoard .postRow small{font-size:11px}
.homeBoard .postRowGo{width:14px;height:14px;display:grid;place-items:center;opacity:0;color:var(--muted);font-style:normal;font-size:13px;font-weight:800;transition:opacity .18s ease,transform .18s ease,color .18s ease}
.homeBoard a.postRow:hover .postRowGo{opacity:1;transform:translateX(3px);color:var(--accent)}
.homeBoard .postRow .boardBadge{height:18px;min-height:18px;padding:0 6px;font-size:10px;border-radius:6px}

.rankNo--1{color:#b8892d}
.rankNo--2{color:#7b8b9c}
.rankNo--3{color:#c08450}
.ranking .rankRow{padding:8px 4px;border-radius:8px;border-top-color:transparent}

.homeLive .liveThumb{transition:transform .2s ease}
.homeLive .liveThumb i{transition:transform .18s ease,opacity .18s ease;opacity:.82}
.homeLive a.liveCard:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(18,42,68,.06)}
.homeLive a.liveCard:hover .liveThumb i{transform:scale(1.04);opacity:1}
.homeLive .liveBadge{position:absolute;left:8px;top:8px;z-index:2;height:18px;min-height:18px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;font-weight:900;font-size:9px;letter-spacing:.04em;color:#fff}
.homeLive .liveBadge.is-live{background:#059669}
.homeLive .liveBadge.is-soon{background:rgba(8,18,32,.55)}
:scope[data-theme=dark] .homeLive a.liveCard:hover{box-shadow:0 6px 14px rgba(0,0,0,.22)}
:scope[data-theme=dark] .homeLive .liveBadge.is-live{background:#047857}
:scope[data-theme=dark] .homeBoard .predictionCard{box-shadow:0 1px 0 rgba(0,0,0,.18)}
:scope[data-theme=dark] .rankNo--1{color:#e2c06a}
:scope[data-theme=dark] .rankNo--2{color:#c5d3e4}
:scope[data-theme=dark] .rankNo--3{color:#d4a574}

@media(prefers-reduced-motion:reduce){
  .statusDot.is-live i:after{animation:none;opacity:0}
  .homeQuickNav a:hover,.homeBoard a.liveCard:hover,.homeBoard a.homeGiftCard:hover,.homeBoard a.postRow:hover,.homeBoard a.noticeRow:hover{transform:none}
  .homeQuickNav a:hover .homeQuickNavIcon svg,.homeLive a.liveCard:hover .liveThumb i{transform:none}
  .homeQuickNav a:hover .homeQuickNavArrow,.homeBoard a.postRow:hover .postRowGo{transform:none}
  .homeBoard .postRowGo{opacity:.45}
}

.citadellaScoreCard{margin-top:18px}
.citadellaScoreList{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.citadellaScoreRow{display:grid;grid-template-columns:minmax(72px,120px) 1fr auto;gap:10px;align-items:center;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.citadellaScoreRow>small{color:var(--muted);font-size:12px}
.citadellaScoreTeams{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;min-width:0}
.citadellaScoreTeams span{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:700}
.citadellaScoreTeams b{font-size:14px;text-align:center;white-space:nowrap}
.citadellaLineupGrid,.citadellaInjuryList{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.citadellaLineupRows,.citadellaInjuryTeam ul{list-style:none;margin:8px 0 0;padding:0}
.citadellaInjuryHead{display:flex;align-items:center;gap:8px}
.analysisBadge.live{color:#047857}
.analysisBadge.expected{color:var(--muted)}
.analysisBadge.confirmed{color:var(--accent)}
.analysisBadge.postponed{color:var(--muted)}
.citadellaScorePeek{margin-top:18px}
.citadellaScorePeek .sectionHead a{font-size:13px}
.analysisDateNav.tabs .tab:not(a){opacity:.55;pointer-events:none}
.citadellaLineupPage{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:12px;align-items:start}
.citadellaMatchPickList{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.citadellaMatchPickList a{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;color:inherit;background:var(--surface)}
.citadellaMatchPickList a.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.citadellaMatchPickList small,.citadellaMatchPickList em{color:var(--muted);font-size:12px;font-style:normal}
.citadellaScoresPage>.tabs{margin-bottom:10px}
@media(max-width:760px){
  .citadellaLineupPage{grid-template-columns:1fr}
}

.sportsData{min-width:0;max-width:100%}
.citadellaScoresPage .sportsHead{margin-bottom:12px}
.citadellaScoresPage .sportsDesc{max-width:none}
.citadellaScoresPage .sportsScoreToolbar{--score-ctrl-h:var(--ctrl-h-sm);--score-ctrl-pad-x:var(--ctrl-pad-sm);--score-ctrl-pad-right:28px;overflow:visible;max-width:100%}
.citadellaScoresPage .sportsScoreToolbar .tabs{margin:0}
.citadellaScoresPage .sportsScoreToolbar .sportsChipRow{flex-wrap:nowrap;overflow-x:auto}
.citadellaScoresPage .sportsToolbar{margin-bottom:12px}
.sportsHead{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  margin:0 0 var(--page-gap,16px);
  min-height:var(--page-hero-min-h,156px);
  padding:var(--page-hero-pad-y,22px) var(--page-hero-pad-x,25px);
  background:var(--surface);border:1px solid var(--line);border-radius:16px
}
.sportsHeadCopy{min-width:0}
.sportsKicker{margin:0;font-size:var(--page-hero-eyebrow-size,11px);letter-spacing:.16em;font-weight:800;color:var(--text-muted);text-transform:uppercase;line-height:1.2}
.sportsHead h1{margin:8px 0 0;font-size:var(--page-hero-title-size,24px);font-weight:var(--page-hero-title-weight,800);letter-spacing:-.8px;line-height:var(--page-hero-title-lh,1.2)}
.sportsDesc{margin:8px 0 0;max-width:640px;font-size:var(--page-hero-desc-size,13px);color:var(--text-secondary);line-height:var(--page-hero-desc-lh,1.55)}
.sportsMetrics{display:flex;gap:10px;margin:0;padding:0;list-style:none;flex-wrap:wrap}
.sportsMetrics li{min-width:92px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.sportsMetrics small{display:block;font-size:11px;color:var(--muted);font-weight:700}
.sportsMetrics b{display:block;margin-top:4px;font-size:20px;letter-spacing:-.4px}
.sportsToolbar{display:grid;gap:8px;margin-bottom:16px}
.sportsChipRow{flex-wrap:wrap;margin:0;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;max-width:100%}
.sportsScoreToolbar .sportsChipRow{flex-wrap:nowrap}
.sportsToolbarSplit{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.sportsSort{display:flex;align-items:center;gap:6px;margin:0}
.sportsData .tab.is-disabled{opacity:.45;pointer-events:none;cursor:not-allowed}
.sportsScoreToolbar{gap:8px;margin-bottom:12px}
.sportsScoreControls{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap;min-width:0;max-width:100%;overflow:visible}
.sportsDateNav,.sportsScoreSelects,.sportsSort{display:flex;align-items:center;gap:6px;margin:0;max-width:100%;min-width:min-content;flex-wrap:wrap;overflow:visible}
.citadellaScoresPage .sportsScoreToolbar .sportsDateNav{flex-wrap:nowrap;min-width:min-content}
.citadellaScoresPage .sportsScoreToolbar .sportsScoreSelects,
.citadellaScoresPage .sportsScoreToolbar .sportsSort{flex-wrap:wrap;min-width:min-content;overflow:visible}
.citadellaScoresPage .sportsScoreToolbar .sportsScoreControls .tab,
.citadellaScoresPage .sportsScoreToolbar .sportsSelect{
  display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
  height:var(--score-ctrl-h);min-height:var(--score-ctrl-h);max-height:var(--score-ctrl-h);
  padding:0 var(--score-ctrl-pad-x);margin:0;
  border-width:1px;border-style:solid;border-radius:var(--ctrl-radius);
  font-size:var(--ctrl-fs);font-weight:var(--ctrl-fw);line-height:1;white-space:nowrap;vertical-align:middle;
  width:auto;min-width:0;max-width:none;flex:0 0 auto;text-align:center
}
.citadellaScoresPage .sportsScoreToolbar .sportsScoreControls .tab.active{font-weight:var(--ctrl-fw)}
.citadellaScoresPage .sportsScoreToolbar .sportsScoreControls .tab.sportsDateArrow{
  width:var(--score-ctrl-h);min-width:var(--score-ctrl-h);max-width:var(--score-ctrl-h);padding:0;font-size:18px
}
.sportsDateArrow{width:var(--rect-h-sm);min-width:var(--rect-h-sm);padding:0;font-size:18px;font-weight:700}
.sportsDateValue{cursor:default;pointer-events:none;min-width:58px;padding:0 12px;font-variant-numeric:tabular-nums;font-weight:var(--ctrl-fw)}
.sportsDateValue:hover{border-color:var(--ctrl-border);color:var(--ctrl-fg);background:var(--ctrl-bg)}
.sportsSelectWrap{display:inline-flex;align-items:center;height:var(--score-ctrl-h,var(--ctrl-h-sm));margin:0;max-width:100%}
.sportsSelect{box-sizing:border-box;height:var(--ctrl-h-sm);min-height:var(--ctrl-h-sm);width:auto;padding:0 28px 0 12px;border:1px solid var(--ctrl-border);border-radius:var(--ctrl-radius);background:var(--ctrl-bg);color:var(--ctrl-fg);font-size:var(--ctrl-fs);font-weight:var(--ctrl-fw);line-height:1;white-space:nowrap;appearance:none;text-align:center;text-align-last:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23718096' d='M3 4.5 6 8l3-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px 12px}
.citadellaScoresPage .sportsScoreToolbar .sportsSelect{
  display:inline-block;width:auto;min-width:0;max-width:none;
  height:var(--score-ctrl-h);min-height:var(--score-ctrl-h);max-height:var(--score-ctrl-h);
  padding:0 var(--score-ctrl-pad-right);
  line-height:var(--score-ctrl-h);vertical-align:middle;text-align:center;text-align-last:center;
  field-sizing:content;
  appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23718096' d='M3 4.5 6 8l3-3.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 10px center;background-size:12px 12px
}
.citadellaScoresPage .sportsScoreToolbar .sportsSelect option{text-align:left;text-align-last:left}
.sportsSelect:focus{outline:2px solid var(--ctrl-focus);outline-offset:2px}
.sportsScoreSummary{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.sportsScoreSummary li{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;height:36px;min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.sportsScoreSummary small{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap;letter-spacing:0;line-height:1;height:16px;margin:0;padding:0}
.sportsScoreSummary b{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:13px;letter-spacing:0;font-variant-numeric:tabular-nums;font-weight:500;color:var(--navy);line-height:1;height:16px;min-width:1.25em;margin:0;padding:0}
.sportsScoreSummary small.is-live{display:inline-flex;align-items:center;gap:6px;color:#e83950}
.sportsScoreSummary small.is-live:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 auto}
.sportsScoreSummary b.is-live{color:#e83950}
.sportsPanel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:0;box-shadow:none;min-width:0;margin-top:12px;overflow:hidden}
.sportsLeagueSection{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:0;box-shadow:none;min-width:0;width:100%;margin-top:10px;overflow:hidden}
.sportsLeagueHead{display:flex;align-items:center;gap:8px;margin:0;padding:8px 14px;min-height:38px;border-bottom:1px solid var(--line);background:var(--soft)}
.sportsLeagueHead h2{margin:0;font-size:13px;font-weight:800;letter-spacing:-.2px;color:var(--navy)}
.sportsLeagueHead small{margin-left:auto;font-size:11px;font-weight:700;color:var(--muted)}
.sportsLeagueSwatch{width:8px;height:8px;border-radius:2px;flex:0 0 auto}
.sportsScoreList{list-style:none;margin:0;padding:0}
.sportsScoreMeta,.sportsScoreLeftMeta{display:contents}
.sportsScoreRow{display:grid;grid-template-columns:48px 108px minmax(0,1fr) 26px 88px 26px minmax(0,1fr);grid-template-areas:"kickoff status hname hlogo score alogo aname";column-gap:10px;align-items:center;min-height:44px;padding:6px 16px;border-bottom:1px solid var(--line);background:var(--surface);transition:background .16s ease}
.sportsScoreRow.has-odds{grid-template-columns:48px 108px minmax(0,1fr) 26px 88px 26px minmax(0,1fr) minmax(108px,auto);grid-template-areas:"kickoff status hname hlogo score alogo aname odds"}
.sportsScoreRow.has-league{grid-template-columns:48px 108px 80px minmax(0,1fr) 26px 88px 26px minmax(0,1fr);grid-template-areas:"kickoff status league hname hlogo score alogo aname"}
.sportsScoreRow.has-league.has-odds{grid-template-columns:48px 108px 80px minmax(0,1fr) 26px 88px 26px minmax(0,1fr) minmax(108px,auto);grid-template-areas:"kickoff status league hname hlogo score alogo aname odds"}
.sportsScoreRow:last-child{border-bottom:0}
.sportsScoreRow:hover{background:color-mix(in srgb,var(--accent) 4%,var(--surface))}
.sportsScoreKickoff{grid-area:kickoff;min-width:0;display:grid;gap:1px;color:var(--muted);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.1px;line-height:1.2;white-space:nowrap}
.sportsScoreKickoff small{font-size:10px;font-weight:700;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sportsScoreKickoff time{color:inherit;font:inherit}
.sportsScoreStatus{grid-area:status;min-width:0;display:grid;align-items:center}
.sportsScoreStatus b{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--muted);letter-spacing:-.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sportsScoreStatus b.is-empty{visibility:hidden}
.sportsScoreStatus b.is-live{color:#d64545}
.citadellaScoresPage .sportsScoreStatus b.is-live{color:#e83950}
.sportsScoreStatus b.is-ht,.sportsScoreStatus b.is-ft,.sportsScoreStatus b.is-postponed{color:var(--navy)}
.sportsScoreLeague{grid-area:league;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;color:var(--muted);line-height:1.2}
.sportsScoreHomeName,.sportsScoreAwayName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-base);font-weight:750;color:var(--navy)}
.sportsScoreHomeName{grid-area:hname;text-align:right}
.sportsScoreAwayName{grid-area:aname;text-align:left}
.sportsScoreHomeLogo,.sportsScoreAwayLogo{display:flex;align-items:center;justify-content:center;width:26px;height:26px}
.sportsScoreHomeLogo{grid-area:hlogo}
.sportsScoreAwayLogo{grid-area:alogo}
.sportsScoreRow .teamCrestImg,.sportsScoreRow .teamCrest{width:26px;height:26px;border-radius:6px}
.sportsScoreRow .teamCrest{font-size:9px;background:var(--soft);color:var(--navy);border:1px solid var(--line)}
.sportsScoreBoard{grid-area:score;display:flex;align-items:center;justify-content:center;gap:6px;font-variant-numeric:tabular-nums;min-width:0}
.sportsScoreBoard strong{font-size:15px;letter-spacing:-.3px;min-width:16px;text-align:center;font-weight:700;color:var(--muted)}
.sportsScoreBoard.is-played strong,.sportsScoreBoard.is-live strong{font-size:16px;font-weight:850;color:var(--navy)}
.citadellaScoresPage{--sports-score-lead:#e83950}
.citadellaScoresPage .sportsScoreBoard.is-played strong.is-lead,.citadellaScoresPage .sportsScoreBoard.is-live strong.is-lead{color:var(--sports-score-lead)}
.citadellaScoresPage .sportsScoreBoard strong.is-flash{border-radius:4px;animation:sportsScoreFlash 850ms ease-out 1}
@keyframes sportsScoreFlash{
  0%{background-color:color-mix(in srgb,var(--sports-score-lead,#e83950) 34%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--sports-score-lead,#e83950) 16%,transparent);color:var(--sports-score-lead,#e83950)}
  100%{background-color:transparent;box-shadow:0 0 0 4px transparent}
}
@media(prefers-reduced-motion:reduce){
  .citadellaScoresPage .sportsScoreBoard strong.is-flash{animation:none}
}
.sportsScoreBoard span{color:var(--muted);font-weight:800}
.sportsScoreBoard.is-vs strong,.sportsScoreBoard.is-dash strong{font-size:12px;font-weight:800;color:var(--muted);min-width:0;text-transform:lowercase}
.sportsOddsCells{grid-area:odds;display:flex;align-items:center;justify-content:flex-end;gap:4px}
.sportsOddsCells span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:26px;padding:0 6px;border:1px solid var(--line);border-radius:6px;background:var(--soft);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--navy)}
.sportsFootLink{margin-top:16px}
.sportsPeek .sportsScoreList{margin-top:8px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.sportsMatchGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.sportsMatchCard{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:inherit;min-width:0}
.sportsMatchCard.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}
.sportsMatchCard small,.sportsMatchCard em{color:var(--muted);font-size:12px;font-style:normal}
.sportsMatchTeams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}
.sportsMatchTeams span{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:800}
.sportsMatchTeams span:last-child{justify-content:flex-end;text-align:right}
.sportsMatchTeams b{font-size:11px;color:var(--muted)}
.sportsMatchBadges{display:flex;gap:6px;flex-wrap:wrap}
.sportsBadge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border:1px solid var(--line);border-radius:999px;font-size:11px;font-style:normal;font-weight:800;color:var(--muted);background:var(--surface)}
.sportsBadge.is-live,.sportsBadge.is-out{color:#c2413b;border-color:color-mix(in srgb,#c2413b 28%,var(--line))}
.sportsBadge.is-confirmed{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 32%,var(--line))}
.sportsBadge.is-expected,.sportsBadge.is-doubt,.sportsBadge.is-neutral{color:var(--muted)}
.sportsLineupPage{display:grid;gap:16px}
.sportsLineupBoard{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  min-width:0;
  max-width:100%;
}
.sportsLineupCard{
  box-sizing:border-box;
  min-width:0;
  padding:14px 16px 12px;
  border:1px solid var(--border-soft);
  border-radius:12px;
  background:var(--surface);
}
.sportsLineupCard.is-active{border-color:var(--ctrl-border-active)}
.sportsLineupCardHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:0 0 10px;
  min-width:0;
}
.sportsLineupCardHead p{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  min-width:0;
  font-size:12px;
  font-weight:600;
  color:var(--text-muted);
  line-height:1.3;
}
.sportsLineupStatus{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  height:22px;
  padding:0 8px;
  border:1px solid var(--ctrl-border);
  border-radius:var(--ctrl-radius);
  background:var(--ctrl-bg);
  color:var(--ctrl-fg);
  font-size:11px;
  font-style:normal;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
}
.sportsLineupStatus.is-confirmed{
  background:var(--ctrl-bg-active);
  border-color:var(--ctrl-border-active);
  color:var(--ctrl-fg-active);
}
.sportsLineupCardTeams{
  display:grid;
  grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);
  gap:8px;
  align-items:center;
  margin:0 0 8px;
  min-width:0;
}
.sportsLineupCardTeam{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.sportsLineupCardTeam.is-away{justify-content:flex-end;text-align:right}
.sportsLineupCardTeam b{
  min-width:0;
  font-size:14px;
  font-weight:800;
  letter-spacing:-.2px;
  color:var(--text-primary);
  line-height:1.25;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sportsLineupCardTeams>span{
  font-size:11px;
  font-weight:700;
  color:var(--text-muted);
  text-align:center;
}
.sportsLineupCard .teamCrestImg,.sportsLineupCard .teamCrestMark,.sportsLineupCard .teamCrestPlaceholder{
  width:32px;height:32px;flex:0 0 32px;border-radius:8px;background:var(--surface-soft);
}
.sportsLineupCardVenue{
  margin:0 0 8px;
  font-size:12px;
  font-weight:600;
  color:var(--text-muted);
  line-height:1.3;
}
.sportsLineupPaneTabs{display:none}
.sportsLineupSplit{
  display:grid;
  grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);
  gap:0 12px;
  min-width:0;
  padding-top:8px;
  border-top:1px solid var(--border-soft);
}
.sportsLineupDivider{background:var(--border-soft)}
.sportsLineupCol{min-width:0}
.sportsLineupEmpty{margin:8px 0 0;font-size:12px;font-weight:600;color:var(--text-muted)}
.sportsLineupCard .sportsLineupPos{margin:0 0 8px}
.sportsLineupCard .sportsLineupPos:last-child{margin-bottom:0}
.sportsLineupCard .sportsLineupPos>small{
  display:block;
  margin:0 0 4px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
  color:var(--text-muted);
}
.sportsLineupCard .sportsLineupPos ul{list-style:none;margin:0;padding:0;display:grid;gap:1px}
.sportsLineupCard .sportsLineupPlayer{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:6px;
  align-items:center;
  min-height:22px;
  font-size:12.5px;
}
.sportsLineupCard .sportsLineupPlayer.is-name{grid-template-columns:minmax(0,1fr)}
.sportsLineupCard .sportsLineupPlayer span{
  font-size:11px;
  font-weight:700;
  color:var(--text-muted);
  font-variant-numeric:tabular-nums;
}
.sportsLineupCard .sportsLineupPlayer b{
  min-width:0;
  font-size:12.5px;
  font-weight:600;
  color:var(--text-primary);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sportsLineupDetail{padding:16px 18px}
.sportsLineupMeta{margin:0 0 12px;font-size:12px;color:var(--muted)}
.sportsLineupVersus{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:16px}
.sportsLineupVersus>div{display:grid;justify-items:center;gap:6px;text-align:center}
.sportsLineupVersus span{font-size:12px;font-weight:800;color:var(--muted);text-align:center}
.sportsLineupGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sportsLineupSide{min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.sportsLineupSideHead{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.sportsLineupSideHead b{display:block}
.sportsLineupBlock{margin-top:10px}
.sportsLineupBlock h3{margin:0 0 6px;font-size:12px;color:var(--muted)}
.sportsLineupBlock ul,.sportsLineupPos ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.sportsLineupPos{margin-top:8px}
.sportsLineupPos>small{display:block;margin-bottom:4px;font-size:10px;font-weight:800;letter-spacing:.4px;color:var(--accent)}
.sportsLineupPlayer{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:28px;font-size:13px}
.sportsShirt{width:28px;height:22px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:var(--surface);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}
.sportsShirt.is-empty{color:var(--muted);font-weight:700}
.sportsInjuryPanel{padding:16px 18px}
.citadellaInjuriesPage .sportsChipRow.is-pick .tab{border-color:var(--ctrl-border-active)}
.sportsInjuryHead{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy search" "stats search";gap:10px 16px;align-items:start;margin-bottom:14px}
.sportsInjuryHeadCopy{grid-area:copy;display:flex;align-items:baseline;gap:8px;min-width:0;flex-wrap:wrap}
.sportsInjuryHeadCopy b{font-size:16px;font-weight:800;color:var(--navy);letter-spacing:-.2px;line-height:1.2}
.sportsInjuryHeadCopy span{font-size:13px;font-weight:700;color:var(--muted);line-height:1.2}
.sportsInjurySearch{grid-area:search;display:flex;align-items:center;gap:8px;justify-self:end}
.sportsInjurySearchField{display:block;width:188px;margin:0}
.sportsInjurySearchField input{box-sizing:border-box;width:100%;height:var(--ctrl-h-sm);min-height:var(--ctrl-h-sm);max-height:var(--ctrl-h-sm);padding:0 12px 0 32px;border:1px solid var(--ctrl-border);border-radius:var(--ctrl-radius);background-color:var(--ctrl-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23718096' stroke-width='1.8'%3E%3Ccircle cx='7' cy='7' r='4.5'/%3E%3Cpath d='m10.2 10.2 3.2 3.2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px 50%;background-size:16px 16px;color:var(--ctrl-fg);font-size:var(--ctrl-fs);font-weight:var(--ctrl-fw);line-height:1}
.sportsInjurySearchField input::placeholder{color:var(--text-muted);font-weight:var(--fw-meta)}
.sportsInjurySearchField input:focus{outline:2px solid var(--ctrl-focus);outline-offset:2px}
.sportsInjuryStats{grid-area:stats;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin:0;padding:0;list-style:none}
.sportsInjuryStats li{display:inline-flex;align-items:baseline;gap:6px;font-size:12px;font-weight:700;color:var(--navy);line-height:1.2;white-space:nowrap}
.sportsInjuryStats li b{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;color:inherit}
.sportsInjuryHeadCopy{grid-area:copy}
.sportsInjuryHeadCopy b{font-size:14px;font-weight:600;color:var(--text-primary)}
.sportsInjuryHeadCopy span{font-size:12px;font-weight:400;color:var(--text-muted)}
.sportsInjuryStats li>a{display:inline-flex;align-items:baseline;gap:inherit;color:inherit;text-decoration:none}
.sportsInjuryStats li.is-on{background:var(--ctrl-bg-active);border-color:var(--ctrl-border-active)}
.citadellaInjuriesPage .pager{max-width:100%;overflow:hidden;flex-wrap:wrap}
.citadellaInjuriesPage .sportsBadge.is-short{color:#8a6a3a;border-color:color-mix(in srgb,#8a6a3a 28%,var(--line))}
.citadellaInjuriesPage .sportsBadge.is-recover{color:#15803d;border-color:color-mix(in srgb,#15803d 28%,var(--line))}
.citadellaInjuriesPage .sportsBadge.is-other{color:var(--muted)}
.sportsInjuryTableWrap{overflow-x:auto}
.sportsInjuryTable{width:100%;border-collapse:collapse;font-size:var(--fs-base);table-layout:fixed}
.sportsInjuryColTeam{width:22%}
.sportsInjuryColPlayer{width:34%}
.sportsInjuryTable th,.sportsInjuryTable td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.sportsInjuryTable th{font-size:11px;color:var(--muted);font-weight:800}
.sportsInjuryTable td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sportsInjuryTeam{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%}
.sportsInjuryLeague{font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap}
.sportsInjuryCards{display:none;list-style:none;margin:0;padding:0;gap:10px}
.sportsInjuryCards li{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.sportsInjuryCardMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.sportsAnalysisGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.sportsAnalysisCard{display:flex;flex-direction:column;height:100%;padding:16px 18px;background:var(--surface-card);border:1px solid var(--border-soft);box-shadow:none}
.sportsAnalysisTop{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:400;color:var(--muted)}
.sportsAnalysisTop em{font-style:normal;font-weight:500}
.sportsAnalysisTeams{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:10px;align-items:center;margin:16px 0 18px}
.sportsAnalysisTeam{display:grid;justify-items:center;gap:8px;text-align:center;min-width:0}
.sportsAnalysisLogo{width:48px;height:48px;display:grid;place-items:center}
.sportsAnalysisLogo .teamCrestImg,.sportsAnalysisLogo .teamCrestPlaceholder{width:48px;height:48px;object-fit:contain}
.sportsAnalysisTeamName{font-size:13px;font-weight:500;line-height:1.3;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.sportsAnalysisVs{text-align:center;font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.04em}
.sportsAnalysisPreview{display:none}
.sportsAnalysisMatchup{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;margin:14px 0 16px}
.sportsAnalysisMatchupTeam{display:flex;align-items:center;gap:8px;min-width:0}
.sportsAnalysisMatchupTeam--home{justify-content:flex-start}
.sportsAnalysisMatchupTeam--away{justify-content:flex-end}
.sportsAnalysisMatchupTeam .sportsAnalysisLogo{width:36px;height:36px;flex:0 0 36px;flex-shrink:0}
.sportsAnalysisMatchupTeam .sportsAnalysisLogo .teamCrestImg,
.sportsAnalysisMatchupTeam .sportsAnalysisLogo .teamCrestMark,
.sportsAnalysisMatchupTeam .sportsAnalysisLogo .teamCrestPlaceholder{width:36px;height:36px;object-fit:contain;flex-shrink:0}
.sportsAnalysisMatchupTeam .sportsAnalysisTeamName{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sportsAnalysisMatchupTeam--away .sportsAnalysisTeamName{text-align:right}
.sportsAnalysisMatchup .sportsAnalysisVs{text-align:center;padding:0 2px;flex:0 0 auto}
.analysisPickBlock{display:grid;gap:8px}
.analysisPickHeading{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.02em}
.analysisPickGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.analysisPickCard{
  position:relative;display:grid;gap:4px;min-width:0;padding:10px 10px 8px;
  border:1px solid var(--border-soft);border-radius:10px;background:var(--surface-soft)
}
.analysisPickCard small{font-size:11px;font-weight:500;color:var(--muted);line-height:1.2}
.analysisPickCard b{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.analysisPickCard strong{font-size:16px;font-weight:700;color:var(--accent-primary);letter-spacing:-.3px;line-height:1.1}
.analysisPickCard em{
  position:absolute;top:-7px;right:8px;font-style:normal;font-size:10px;font-weight:700;
  height:18px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;
  background:color-mix(in srgb,var(--accent-primary) 14%,var(--surface-soft));color:var(--accent-primary);border:1px solid color-mix(in srgb,var(--accent-primary) 22%,var(--border-soft))
}
.analysisPickCard.is-rec{border-color:rgba(30,64,175,.28)}
.analysisPickBaseline,.analysisPickOpen{
  display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:11px;font-weight:500;color:var(--muted);line-height:1.2
}
.sportsAnalysisFoot{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:10px}
.sportsAnalysisPick{padding:10px 12px;border:1px solid var(--border-soft);border-radius:10px;background:var(--surface-soft)}
.sportsAnalysisPick small{display:block;font-size:11px;font-weight:500;color:var(--muted)}
.sportsAnalysisPick p{margin:4px 0 0;font-size:13px;font-weight:500;color:var(--text-primary)}
.sportsAnalysisPick span{margin-left:8px;font-size:12px;color:var(--text-secondary);font-weight:500}
.sportsAnalysisPickEmpty{margin:0;font-size:13px;font-weight:400;color:var(--muted)}
.sportsMore{display:inline-flex;align-items:center;justify-content:flex-end;margin:0;font-size:12px;font-weight:500;color:var(--text-secondary)}
.sportsPickList{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sportsPickList li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sportsAnalysisBody{margin:0;white-space:pre-wrap;line-height:1.7;font-size:14px}
.sportsAnalysisSection{padding:16px 18px}
@media(max-width:1200px){
  .sportsScoreRow{grid-template-columns:44px 96px minmax(0,1fr) 26px 76px 26px minmax(0,1fr);column-gap:8px}
  .sportsScoreRow.has-odds{grid-template-columns:44px 96px minmax(0,1fr) 26px 76px 26px minmax(0,1fr) minmax(96px,auto)}
  .sportsScoreRow.has-league{grid-template-columns:44px 96px 72px minmax(0,1fr) 26px 76px 26px minmax(0,1fr)}
  .sportsScoreRow.has-league.has-odds{grid-template-columns:44px 96px 72px minmax(0,1fr) 26px 76px 26px minmax(0,1fr) minmax(96px,auto)}
  .sportsAnalysisGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sportsLineupBoard{grid-template-columns:1fr}
}
@media(max-width:760px){
  .sportsHead{display:grid;align-items:start;padding:16px}
  .sportsHead h1{font-size:var(--page-hero-title-size,22px)}
  .sportsMetrics{width:100%}
  .sportsToolbarSplit{flex-direction:column;align-items:stretch}
  .citadellaScoresPage .sportsScoreControls{width:100%;max-width:100%}
  .citadellaScoresPage .sportsDateNav{width:100%;max-width:100%}
  .citadellaScoresPage .sportsScoreSelects,.citadellaScoresPage .sportsSort{width:auto;max-width:100%}
  .sportsScoreSummary{display:grid;grid-template-columns:1fr 1fr}
  .sportsScoreRow{
    grid-template-columns:48px minmax(0,1fr) 26px 64px 26px minmax(0,1fr);
    grid-template-areas:"kickoff status status status status status" "hname hname hlogo score alogo aname";
    row-gap:6px;
    column-gap:8px;
    min-height:0;
    padding:10px 12px;
  }
  .sportsScoreRow.has-odds{
    grid-template-columns:48px minmax(0,1fr) 26px 64px 26px minmax(0,1fr);
    grid-template-areas:"kickoff status status status status status" "hname hname hlogo score alogo aname" "odds odds odds odds odds odds";
  }
  .sportsScoreRow.has-league,.sportsScoreRow.has-league.has-odds{
    grid-template-columns:48px minmax(0,1fr) 26px 64px 26px minmax(0,1fr);
    grid-template-areas:"kickoff status status league league league" "hname hname hlogo score alogo aname";
  }
  .sportsScoreRow.has-league.has-odds{
    grid-template-areas:"kickoff status status league league league" "hname hname hlogo score alogo aname" "odds odds odds odds odds odds";
  }
  .citadellaScoresPage .sportsScoreToolbar .sportsChipRow{
    display:flex;flex-wrap:wrap;overflow:visible;overflow-x:visible;gap:6px
  }
  .citadellaScoresPage .sportsScoreToolbar .sportsChipRow .tab{flex:0 0 auto;white-space:nowrap}
  .citadellaScoresPage .sportsScoreRow,
  .citadellaScoresPage .sportsScoreRow.has-odds,
  .citadellaScoresPage .sportsScoreRow.has-league,
  .citadellaScoresPage .sportsScoreRow.has-league.has-odds{
    grid-template-columns:minmax(0,1fr) 26px 48px 26px minmax(0,1fr);
    grid-template-areas:"meta meta meta meta meta" "hname hlogo score alogo aname";
    row-gap:4px;column-gap:8px;min-height:0;padding:8px 12px
  }
  .citadellaScoresPage .sportsScoreRow.has-odds,
  .citadellaScoresPage .sportsScoreRow.has-league.has-odds{
    grid-template-areas:"meta meta meta meta meta" "hname hlogo score alogo aname" "odds odds odds odds odds"
  }
  .citadellaScoresPage .sportsScoreMeta{
    display:flex;align-items:center;justify-content:space-between;gap:8px;grid-area:meta;min-width:0
  }
  .citadellaScoresPage .sportsScoreLeftMeta{
    display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto
  }
  .citadellaScoresPage .sportsScoreKickoff,
  .citadellaScoresPage .sportsScoreStatus{width:auto;min-width:0;display:flex;align-items:center}
  .citadellaScoresPage .sportsScoreKickoff{font-size:11px;font-weight:700;line-height:1.2}
  .citadellaScoresPage .sportsScoreStatus b{font-size:11px;font-weight:700}
  .citadellaScoresPage .sportsScoreStatus:has(b.is-empty){display:none}
  .citadellaScoresPage .sportsScoreLeague{
    font-size:10px;font-weight:600;line-height:1.2;text-align:right;margin-left:auto;flex:0 1 auto;max-width:46%
  }
  .citadellaScoresPage .sportsScoreHomeName,
  .citadellaScoresPage .sportsScoreAwayName{font-size:12px;font-weight:600}
  .citadellaScoresPage .sportsScoreHomeName{text-align:right}
  .citadellaScoresPage .sportsScoreAwayName{text-align:left}
  .citadellaScoresPage .sportsScoreBoard{gap:4px}
  .citadellaScoresPage .sportsScoreBoard strong{font-size:13px;min-width:14px;font-weight:700}
  .citadellaScoresPage .sportsScoreBoard.is-played strong,
  .citadellaScoresPage .sportsScoreBoard.is-live strong{font-size:14px;font-weight:700}
  .sportsScoreHomeName{text-align:left}
  .sportsScoreAwayName{text-align:right}
  .sportsOddsCells{justify-content:flex-start;padding-top:2px}
  .sportsLineupGrid,.sportsLineupVersus{grid-template-columns:1fr}
  .sportsLineupVersus span{display:none}
  .sportsInjuryTableWrap{display:none}
  .sportsInjuryCards{display:grid}
  .citadellaInjuriesPage .sportsChipRow{display:flex;flex-wrap:wrap;overflow:visible;overflow-x:visible;gap:6px}
  .citadellaInjuriesPage .sportsChipRow .tab{flex:0 0 auto;white-space:nowrap}
  .citadellaInjuriesPage .sportsInjuryHead{
    grid-template-columns:1fr;
    grid-template-areas:"copy" "stats" "search";
    gap:10px
  }
  .citadellaInjuriesPage .sportsInjurySearch{width:100%;flex-direction:column;justify-self:stretch}
  .citadellaInjuriesPage .sportsInjurySearchField{width:100%;max-width:none}
  .citadellaInjuriesPage   .sportsInjuryStats{gap:8px 12px}
  .sportsLineupBoard{grid-template-columns:1fr}
  .sportsLineupPaneTabs{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
    margin:0 0 8px;
  }
  .sportsLineupPaneTabs button{
    box-sizing:border-box;
    height:var(--ctrl-h-sm);
    min-height:var(--ctrl-h-sm);
    padding:0 10px;
    border:1px solid var(--ctrl-border);
    border-radius:var(--ctrl-radius);
    background:var(--ctrl-bg);
    color:var(--ctrl-fg);
    font-size:12px;
    font-weight:600;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .sportsLineupPaneTabs button.is-active{
    background:var(--ctrl-bg-active);
    border-color:var(--ctrl-border-active);
    color:var(--ctrl-fg-active);
  }
  .sportsLineupSplit{grid-template-columns:minmax(0,1fr);gap:0;border-top:0;padding-top:0}
  .sportsLineupDivider{display:none}
  .sportsLineupSplit[data-pane="home"] .sportsLineupCol:last-of-type{display:none}
  .sportsLineupSplit[data-pane="away"] .sportsLineupCol:first-of-type{display:none}
  .sportsLineupCardTeams>span{display:none}
  .sportsLineupCardTeams{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .sportsAnalysisGrid{grid-template-columns:1fr}
}

.hero.heroLite{
  --hero-ice-0:#ffffff;
  --hero-ice-1:#F8FBFF;
  --hero-ice-2:#F3F7FC;
  --hero-ice-3:#EFF5FB;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-areas:"copy";
  align-items:stretch;
  gap:12px 18px;
  height:auto;
  min-height:220px;
  margin-top:22px;
  padding:28px 32px 24px 48px;
  color:var(--text-primary);
  border:1px solid var(--border-soft);
  border-radius:22px;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 28px rgba(15,35,70,.04);
  background:
    radial-gradient(ellipse 58% 80% at 82% 18%,rgba(148,176,210,.10),transparent 58%),
    radial-gradient(circle at 12% 88%,rgba(190,210,230,.10),transparent 42%),
    linear-gradient(135deg,var(--hero-ice-0) 0%,var(--hero-ice-1) 46%,var(--hero-ice-3) 100%);
  overflow:hidden;
}
.hero.heroLite:before{
  background:
    repeating-linear-gradient(118deg,rgba(148,163,184,.07) 0 1px,transparent 1px 46px),
    radial-gradient(circle at 78% 30%,rgba(255,255,255,.55),transparent 36%);
  opacity:.7;
}
.hero.heroLite:after{
  left:auto;right:-8%;bottom:-78px;width:46%;height:170px;
  border:1px solid rgba(148,163,184,.12);
  border-radius:50% 50% 0 0;
  box-shadow:none;
  background:transparent;
  opacity:.55;
  transform:perspective(520px) rotateX(58deg);
}
.hero.heroLite.hasImage:before{
  background:
    linear-gradient(90deg,rgba(255,255,255,.9) 0%,rgba(248,251,255,.78) 52%,rgba(239,245,251,.62) 100%),
    repeating-linear-gradient(118deg,rgba(148,163,184,.06) 0 1px,transparent 1px 46px);
  opacity:1;
}
.hero.heroLite .heroCopy{
  position:relative;left:auto;top:auto;z-index:2;
  grid-area:copy;max-width:560px;min-width:0;
}
.hero.heroLite:before,.hero.heroLite:after{z-index:0;pointer-events:none}
.hero.heroLite .eyebrow{font-size:12px;letter-spacing:1.8px;color:var(--text-muted);font-weight:800}
.hero.heroLite .eyebrow strong{color:var(--accent-gold);font-weight:800}
.hero.heroLite h1{
  margin:12px 0 12px;font-size:42px;line-height:1.05;letter-spacing:-1.6px;color:var(--text-primary);
  text-shadow:none;-webkit-text-stroke:0;paint-order:normal;filter:none;box-shadow:none;
}
.hero.heroLite h1 span{
  color:inherit;text-shadow:none;-webkit-text-stroke:0;filter:none;box-shadow:none;
}
.hero.heroLite p{margin:0 0 20px;font-size:15px;line-height:1.55;color:var(--text-secondary)}
.hero.heroLite .heroCopy .heroQuote{
  position:static;display:block;max-width:none;margin:0 0 14px;
  font-size:13px;line-height:1.4;text-align:left;color:var(--text-secondary)
}
.hero.heroLite .heroButtons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hero.heroLite .primaryBtn{
  background:var(--accent-primary);color:#fff;border:1px solid var(--accent-primary);
  box-shadow:none;
}
.hero.heroLite .primaryBtn:hover{
  background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);color:#fff;
  box-shadow:none;transform:none;
}
.hero.heroLite .primaryBtn:active{
  background:var(--accent2);border-color:var(--accent2);color:#fff;
}
.hero.heroLite .ghostBtn{
  background:var(--ctrl-bg);border:1px solid var(--ctrl-border);color:var(--ctrl-fg);box-shadow:none;
}
.hero.heroLite .ghostBtn:hover{
  background:var(--ctrl-bg-hover);border-color:var(--ctrl-border-hover);color:var(--ctrl-fg-hover);
}
.hero.heroLite .heroScene{
  grid-area:scene;position:relative;z-index:1;min-height:210px;min-width:0;pointer-events:none;align-self:stretch;
}
.hero.heroLite .heroPlaySymbol{
  position:absolute;left:50%;top:50%;z-index:2;
  width:290px;aspect-ratio:1295/1215;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.hero.heroLite .heroPlaySymbolImg{
  position:absolute;inset:0;
  display:block;width:100%;height:100%;max-width:100%;max-height:100%;
  margin:0;padding:0;
  object-fit:contain;
  transform:none;
}
.hero.heroLite .heroPlaySymbolImg--dark{display:none}
:scope[data-theme="dark"] .hero.heroLite .heroPlaySymbolImg--light{display:none}
:scope[data-theme="dark"] .hero.heroLite .heroPlaySymbolImg--dark{display:block}
:scope[data-theme="dark"] .hero.heroLite .heroPlaySymbolImg--dark{
  transform:translate(-3.7px,-7px) scale(.9167,.9013);
  transform-origin:50% 50%;
}
@media(max-width:760px){
  :scope[data-theme="dark"] .hero.heroLite .heroPlaySymbolImg--dark{
    transform:translate(-2.1px,-4.2px) scale(.9167,.9013);
    transform-origin:50% 50%;
  }
}
.hero.heroLite .heroAside{
  grid-area:aside;position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;min-width:0;padding:6px 0;
}
.hero.heroLite .heroTile{
  position:absolute;display:grid;place-items:center;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(233,240,248,.95));
  border:1px solid rgba(190,205,222,.45);
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 14px 28px rgba(15,35,70,.08),0 2px 6px rgba(15,35,70,.04);
  color:#64748b;
}
.hero.heroLite .heroTile:before{
  content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.7),transparent 46%);
}
.hero.heroLite .heroTile--n,.hero.heroLite .heroTile--mark{
  width:132px;height:132px;border-radius:32px;left:50%;top:50%;z-index:2;
  transform:translate(-42%,-54%) rotate(-9deg);
  font-size:0;line-height:1;color:var(--accent);
  background:linear-gradient(155deg,#FFFFFF 0%,#F5F8FC 52%,#E8EEF6 100%);
  border:1px solid rgba(186,202,218,.55);
  box-shadow:0 1px 0 rgba(255,255,255,.96) inset,0 16px 32px rgba(18,42,68,.09),0 2px 6px rgba(18,42,68,.04);
  grid-template-areas:"mark";
}
.hero.heroLite .heroTile--mark .heroPlayMark{
  grid-area:mark;position:relative;z-index:1;width:68px;height:68px;
  display:grid;place-items:center;
}
.hero.heroLite .heroTile--mark .heroPlayMarkImg{
  width:100%;height:100%;object-fit:contain;display:block;box-shadow:none;filter:none;border-radius:0;background:transparent;
}
.hero.heroLite .heroTile--mark .brandSymbol{
  width:100%;height:100%;color:var(--accent);object-fit:contain;
}
.hero.heroLite .heroTile--mark .brandSymbol--light{transform:scale(1.18)}
.hero.heroLite .heroTile--mark .brandSymbol--dark{transform:scale(1)}
.hero.heroLite .heroTile--game{width:56px;height:56px;border-radius:16px;left:2%;top:22%;transform:rotate(-14deg);color:#6B7C90}
.hero.heroLite .heroTile--target{width:52px;height:52px;border-radius:16px;left:8%;bottom:14%;transform:rotate(10deg);color:#7A8BA0}
.hero.heroLite .heroTile--trophy{width:48px;height:48px;border-radius:15px;right:6%;top:10%;transform:rotate(12deg);color:var(--accent-gold)}
.hero.heroLite .heroTile--chart{width:54px;height:54px;border-radius:16px;right:2%;bottom:12%;transform:rotate(-7deg);color:#6B7C90}
.hero.heroLite .heroQuote{
  position:relative;right:auto;top:auto;z-index:2;
  margin:0;font-size:14px;line-height:1.45;font-weight:700;text-align:right;
  color:var(--text-secondary);max-width:160px;
}
.hero.heroLite .heroQuote small{
  display:block;margin-top:8px;font-size:10px;letter-spacing:2.4px;color:var(--text-muted);font-weight:800;
}
.hero.heroLite .heroMetric{
  position:relative;right:auto;bottom:auto;z-index:2;display:flex;flex-direction:column;gap:8px;width:100%;
}
.hero.heroLite .metric{
  min-width:118px;padding:10px 12px;
  border:1px solid rgba(190,205,222,.4);
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(10px);
  border-radius:12px;box-shadow:0 6px 16px rgba(15,35,70,.04);
}
.hero.heroLite .metric small{display:block;color:var(--text-muted);font-size:10px;margin-bottom:4px;font-weight:500}
.hero.heroLite .metric b{font-size:15px;color:var(--text-primary);font-weight:600;letter-spacing:-.3px}

.hero.heroLite.hasArtwork{
  --hero-ice-0:#ffffff;
  --hero-ice-1:#F9FBFE;
  --hero-ice-2:#F4F8FC;
  --hero-ice-3:#EEF5FC;
}
.hero.heroLite.hasArtwork{
  background:
    radial-gradient(ellipse 68% 88% at 76% 14%,rgba(120,155,200,.12),transparent 60%),
    radial-gradient(ellipse 48% 68% at 88% 84%,rgba(140,172,215,.10),transparent 58%),
    radial-gradient(circle at 12% 88%,rgba(190,210,230,.08),transparent 42%),
    linear-gradient(135deg,var(--hero-ice-0) 0%,var(--hero-ice-1) 46%,var(--hero-ice-3) 100%);
}
.hero.heroLite.hasArtwork:before{
  background:
    repeating-linear-gradient(118deg,rgba(148,163,184,.05) 0 1px,transparent 1px 46px),
    radial-gradient(circle at 74% 26%,rgba(255,255,255,.4),transparent 38%);
  opacity:.65;
}
.hero.heroLite.hasArtwork .heroScene{
  overflow:visible;
  min-height:220px;
  align-self:center;
}
.hero.heroLite .heroArtworkWrap{
  position:relative;
  width:100%;
  height:100%;
  min-height:inherit;
  z-index:1;
  pointer-events:none;
}
.hero.heroLite .heroArtworkImg{
  object-fit:contain !important;
  object-position: 20% center;
  filter: drop-shadow(0 22px 44px rgba(22, 45, 78, .08));
}
.hero.heroLite.hasArtwork.hasImage:before{
  background:
    linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(249,251,254,.8) 52%,rgba(238,245,252,.62) 100%),
    repeating-linear-gradient(118deg,rgba(148,163,184,.05) 0 1px,transparent 1px 46px);
  opacity:1;
}

.heroMetricCard {
  position: relative;
  padding-left: 12px;
  padding-right: 12px;
  min-height: 0;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: stretch !important;
}
.heroMetricCard > .heroMetricInner {
  margin-top: auto !important;
  margin-bottom: auto !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
  text-align: center;
}
.heroBadge {
  position: static;
  display: inline-flex;
  align-items: center;
  padding: 1px 5px;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1;
  flex: 0 0 auto;
}
.heroBadge--rank1 {
  color: var(--accent-primary);
  background: color-mix(in srgb, var(--accent-primary) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent-primary) 24%, transparent);
}
.heroBadge--topTier {
  color: var(--accent-primary);
  background: color-mix(in srgb, var(--accent-primary) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent-primary) 24%, transparent);
}
.heroMetricCard small {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.heroMetricCard .heroRankLeader {
  display: block;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: 100%;
  text-align: center;
}
.hero.heroLite .metric.rank1Card .heroRankLeader{
  font-size:14px;
}
.rank1Head {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-bottom: 0 !important;
  padding-bottom: 0;
  width: 100%;
}
.heroMetricCard .rank1Head small {
  margin-bottom: 0 !important;
}
:scope[data-theme="dark"] .heroBadge--rank1,
:scope[data-theme="dark"] .heroBadge--topTier {
  background: color-mix(in srgb, var(--accent-primary) 16%, transparent);
  border-color: color-mix(in srgb, var(--accent-primary) 32%, transparent);
}

.homeQuickNav a{
  background:var(--card-light-bg);border:1px solid var(--card-light-border);border-radius:14px;
  box-shadow:var(--card-light-shadow);
}
.homeQuickNav a:hover{
  border-color:color-mix(in srgb,var(--accent-primary) 28%,var(--card-light-border));
  box-shadow:0 10px 20px rgba(15,35,70,.07);
}
:scope[data-theme="dark"] .homeQuickNav a{
  background:var(--card-dark-bg);border-color:var(--card-dark-border);box-shadow:var(--card-dark-shadow);
}
:scope[data-theme="dark"] .homeQuickNav a:hover{
  border-color:color-mix(in srgb,var(--accent-primary) 32%,var(--card-dark-border));
}
.homeQuickNavIcon{
  width:38px;height:38px;flex:0 0 38px;border-radius:12px;
  border:1px solid color-mix(in srgb,var(--accent-primary) 22%,var(--border-soft));
  background:var(--surface-soft);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 6px 12px rgba(15,35,70,.04);
  color:var(--accent-primary);
  display:inline-flex;align-items:center;justify-content:center;
}
.homeQuickNavIcon svg{width:20px;height:20px}
.homeQuickNav a[data-tone=live] .homeQuickNavIcon,
.homeQuickNav a[data-tone=predict] .homeQuickNavIcon,
.homeQuickNav a[data-tone=rank] .homeQuickNavIcon,
.homeQuickNav a[data-tone=community] .homeQuickNavIcon,
.homeQuickNav a[data-tone=gift] .homeQuickNavIcon,
.homeQuickNav a[data-tone=event] .homeQuickNavIcon,
.homeQuickNav a.is-live .homeQuickNavIcon{
  color:var(--accent-primary);background:var(--surface-soft);
}

.homeBoard .nntvCard,
.homeBoard .predictionCard,
.homeBoard .ranking,
.homeBoardPrimary > .homeFeaturedCard,
.homePage .nntvCard,
.homeBoard .homeHlStrip,
.homeBoardUtils>.homeFulfillmentCard,
.homeBoardBottom>.nntvCard,
.homeBoardBottom>.referral,
.homeBoard .attendance,
.homeBoard .referral{
  background:
    radial-gradient(circle at 86% 14%,color-mix(in srgb,var(--accent-primary) 10%,transparent),transparent 34%),
    var(--card-light-bg);
  border:1px solid var(--card-light-border);
  border-radius:14px;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb,var(--accent-primary) 14%,rgba(255,255,255,.98)),
    var(--card-light-shadow);
}
:scope[data-theme="dark"] .homeBoard .nntvCard,
:scope[data-theme="dark"] .homeBoard .predictionCard,
:scope[data-theme="dark"] .homeBoard .ranking,
:scope[data-theme="dark"] .homeBoardPrimary > .homeFeaturedCard,
:scope[data-theme="dark"] .homePage .nntvCard,
:scope[data-theme="dark"] .homeBoard .homeHlStrip,
:scope[data-theme="dark"] .homeBoardUtils>.homeFulfillmentCard,
:scope[data-theme="dark"] .homeBoardBottom>.nntvCard,
:scope[data-theme="dark"] .homeBoardBottom>.referral,
:scope[data-theme="dark"] .homeBoard .attendance,
:scope[data-theme="dark"] .homeBoard .referral{
  background:var(--bg);
  border:1px solid var(--card-dark-border);
  border-radius:14px;
  box-shadow:var(--card-dark-shadow);
}

:scope:not([data-theme="dark"]) .sportsAnalysisFoot > .primaryBtn.actionGreen,
:scope:not([data-theme="dark"]) .sportsAnalysisFoot > a.primaryBtn.actionGreen,
:scope:not([data-theme="dark"]) .analysisCard > .primaryBtn.actionGreen.actionCompact,
:scope:not([data-theme="dark"]) .analysisCard > a.primaryBtn.actionGreen.actionCompact{
  background:var(--accent-primary) !important;
  border-color:var(--accent-primary) !important;
  color:#fff !important;
  box-shadow:none !important;
}
:scope:not([data-theme="dark"]) .sportsAnalysisFoot > .primaryBtn.actionGreen:hover:not(:disabled),
:scope:not([data-theme="dark"]) .sportsAnalysisFoot > a.primaryBtn.actionGreen:hover:not(:disabled),
:scope:not([data-theme="dark"]) .analysisCard > .primaryBtn.actionGreen.actionCompact:hover:not(:disabled),
:scope:not([data-theme="dark"]) .analysisCard > a.primaryBtn.actionGreen.actionCompact:hover:not(:disabled){
  background:var(--accent-primary-hover) !important;
  border-color:var(--accent-primary-hover) !important;
  color:#fff !important;
}
:scope:not([data-theme="dark"]) .sportsAnalysisFoot > .primaryBtn.actionGreen:active:not(:disabled),
:scope:not([data-theme="dark"]) .sportsAnalysisFoot > a.primaryBtn.actionGreen:active:not(:disabled),
:scope:not([data-theme="dark"]) .analysisCard > .primaryBtn.actionGreen.actionCompact:active:not(:disabled),
:scope:not([data-theme="dark"]) .analysisCard > a.primaryBtn.actionGreen.actionCompact:active:not(:disabled){
  background:var(--accent-primary-soft) !important;
  border-color:var(--accent-primary-soft) !important;
  color:#fff !important;
}
.homeBoard .predictionCard{border-color:var(--card-light-border);box-shadow:var(--card-light-shadow)}
:scope[data-theme="dark"] .homeBoard .predictionCard{border-color:var(--card-dark-border);box-shadow:var(--card-dark-shadow)}
.homeBoard>.homeLive.is-live{border-color:color-mix(in srgb,var(--accent-green) 22%,var(--border-soft))}
.homeBoard .tab{
  background:var(--ctrl-bg);border-color:var(--ctrl-border);color:var(--ctrl-fg);
}
.homeBoard .tab:hover:not(.active){
  background:var(--ctrl-bg-hover);border-color:var(--ctrl-border-hover);color:var(--ctrl-fg-hover);
}
.homeBoard .tab.active,.homeBoard .tab.active:hover{
  background:var(--ctrl-bg-active);
  border-color:var(--ctrl-border-active);
  color:var(--ctrl-fg-active);
}
.homeBoard .emptyState{
  background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:14px;
}
.homeBoard .emptyStateIcon{
  border-radius:12px;border:1px solid rgba(190,205,222,.4);
  background:linear-gradient(165deg,#fff,#f3f7fb);
}
.homeLive .liveThumb,.homeLive .liveThumb.v1,.homeLive .liveThumb.v2,.homeLive .liveThumb.v3{
  background:linear-gradient(165deg,#F8FBFF,#E8EEF6);
}
.homeLive .liveThumb:after{border-color:rgba(148,163,184,.18)}
.homeLive .liveThumb i{color:#7A8BA0}
.homeLive .liveBadge.is-soon{background:color-mix(in srgb,var(--navy) 46%,#7a8aa0)}
.homeNotice .noticeRow{border-top-color:var(--border-soft)}
.homeNotice .noticeRow:hover{background:color-mix(in srgb,var(--accent-primary) 5%,transparent)}
.homePage .hlThumb{background:linear-gradient(165deg,#F8FBFF,#E8EEF6);color:var(--text-primary)}
.homePage .hlThumb span{text-shadow:none;color:var(--text-secondary)}
.homePage .postThumb{background:linear-gradient(165deg,#F8FBFF,#E8EEF6);color:var(--accent-primary)}
.legendBanner{
  min-height:132px;padding:22px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  color:var(--text-primary);
  border:1px solid var(--border-soft);border-radius:16px;
  background:
    radial-gradient(circle at 86% 18%,rgba(196,154,60,.10),transparent 34%),
    linear-gradient(135deg,#FFFFFF 0%,#F8FBFF 48%,#F3F7FC 100%);
  box-shadow:none;
}
.legendBanner b{font-size:22px;line-height:1.08;letter-spacing:-.6px;color:var(--text-primary)}
.legendBanner b span{color:var(--accent-gold)}
.legendBannerTile{
  width:72px;height:72px;flex:0 0 72px;border-radius:20px;display:grid;place-items:center;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,243,230,.95));
  border:1px solid rgba(196,154,60,.28);
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 14px 24px rgba(15,35,70,.07);
  color:var(--accent-gold);transform:rotate(-8deg);
}
.homeBoard .referral{
  color:var(--text-primary);border:1px solid var(--card-light-border);border-radius:16px;padding:21px;
  background:var(--card-light-bg);box-shadow:var(--card-light-shadow);
}
:scope[data-theme="dark"] .homeBoard .referral{
  background:var(--card-dark-bg);border-color:var(--card-dark-border);box-shadow:var(--card-dark-shadow);
}
.homeBoard .referral p{color:var(--text-muted)}
.homeBoard .referral .primaryBtn{
  background:var(--ctrl-primary-bg);border:1px solid var(--ctrl-primary-border);color:var(--ctrl-primary-fg);
}
.homeBoard .referral .primaryBtn:hover{
  background:var(--ctrl-primary-bg-hover);border-color:var(--ctrl-primary-border-hover);
}
.homeAboutCard--domain,.homeAboutCard--telegram,.homeAboutCard--notice{
  background:var(--surface-card);border-color:var(--border-soft);color:inherit;
}
.homeAboutCard--domain .homeAboutIcon{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 12%,var(--surface-soft))}
.homeAboutCard--telegram .homeAboutIcon{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 12%,var(--surface-soft))}
.homeAboutCard--notice .homeAboutIcon{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 12%,var(--surface-soft))}
.homeAboutCard--domain .homeAboutCardCopy b,.homeAboutCard--telegram .homeAboutCardCopy b,.homeAboutCard--notice .homeAboutCardCopy b{color:var(--text-primary)}
.homeAboutCard--domain .homeAboutCardCopy p,.homeAboutCard--telegram .homeAboutCardCopy p,.homeAboutCard--notice .homeAboutCardCopy p{color:var(--muted);opacity:1}
.homeAboutIntro{background:color-mix(in srgb,var(--accent-primary) 5%,transparent);border-color:var(--border-soft)}
.homeAboutRow--live{box-shadow:inset 0 3px 0 var(--accent-primary)}
.homeAboutRow--analysis{background:var(--surface-soft);border-color:var(--border-soft)}

@media(min-width:1900px){
  .hero.heroLite{min-height:236px;padding:32px 40px 28px 56px}
  .hero.heroLite h1{font-size:46px}
}
@media(max-width:1200px){
  .hero.heroLite{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"copy";
    min-height:0;padding:24px 24px 20px 28px;
  }
  .hero.heroLite h1{font-size:34px;letter-spacing:-1.2px}
  .hero.heroLite .heroAside{display:none}
}
@media(max-width:760px){
  .hero.heroLite{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"copy";
    min-height:0;height:auto;margin-top:10px;padding:18px 16px 16px 18px;gap:4px 6px;
  }
  .hero.heroLite .heroCopy{left:auto;top:auto}
  .hero.heroLite h1{margin:8px 0 8px;font-size:26px;letter-spacing:-.8px}
  .hero.heroLite p{margin:0 0 8px;font-size:13px}
  .hero.heroLite .heroButtons{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;width:100%;box-sizing:border-box;margin-top:6px}
  .hero.heroLite .heroButtons .primaryBtn.big,.hero.heroLite .heroButtons .ghostBtn.big{
    flex:1 1 0;min-width:0;min-height:40px;height:40px;padding:0 8px;font-size:12px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;
  }
  .legendBanner{min-height:112px;padding:18px}
  .legendBanner b{font-size:18px}
  .legendBannerTile{width:56px;height:56px;border-radius:16px}
}
@media(max-width:430px){
  .hero.heroLite h1{font-size:24px}
}
@media(max-width:360px){
  .hero.heroLite .heroButtons .primaryBtn.big,.hero.heroLite .heroButtons .ghostBtn.big{
    font-size:11px;padding:0 6px;height:38px;min-height:38px;
  }
  .hero.heroLite{gap:4px;padding:16px 14px 14px}
}

:scope[data-theme="dark"] .hero.heroLite{
  color:var(--text-primary);
  border-color:var(--border-soft);
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 8px 20px rgba(0,0,0,.18);
  background:var(--header-bg);
}
:scope[data-theme="dark"] .hero.heroLite:before{
  background:repeating-linear-gradient(118deg,rgba(148,163,184,.08) 0 1px,transparent 1px 46px);
  opacity:.4;
}
:scope[data-theme="dark"] .hero.heroLite:after{
  border-color:rgba(148,163,184,.12);
  opacity:.4;
}
:scope[data-theme="dark"] .hero.heroLite.hasImage:before{
  background:
    linear-gradient(90deg,var(--surface-card),color-mix(in srgb,var(--surface-card) 78%,transparent)),
    repeating-linear-gradient(118deg,rgba(148,163,184,.06) 0 1px,transparent 1px 46px);
  opacity:1;
}
:scope[data-theme="dark"] .hero.heroLite .primaryBtn{
  background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;
  box-shadow:none;
}
:scope[data-theme="dark"] .hero.heroLite .primaryBtn:hover{
  background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);color:#fff;
  box-shadow:none;
}
:scope[data-theme="dark"] .hero.heroLite .primaryBtn:active{
  background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);color:#fff;
}
:scope[data-theme="dark"] .hero.heroLite .ghostBtn{
  background:var(--ctrl-bg);border-color:var(--ctrl-border);color:var(--ctrl-fg);
}
:scope[data-theme="dark"] .hero.heroLite .ghostBtn:hover{
  background:var(--ctrl-bg-hover);border-color:var(--ctrl-border-hover);color:var(--ctrl-fg-hover);
}
:scope[data-theme="dark"] .hero.heroLite .heroTile{
  background:linear-gradient(145deg,#223249,var(--surface-elevated));
  border-color:var(--border-soft);
  box-shadow:0 1px 0 rgba(175,198,227,.12) inset,0 14px 28px rgba(0,8,24,.32);
  color:#AFC6E3;
}
:scope[data-theme="dark"] .hero.heroLite .heroTile:before{
  background:linear-gradient(180deg,rgba(175,198,227,.16),transparent 46%);
}
:scope[data-theme="dark"] .hero.heroLite .heroTile--n,
:scope[data-theme="dark"] .hero.heroLite .heroTile--mark{
  color:#C5D4E6;
  background:linear-gradient(155deg,#24344A 0%,#1C2A3E 100%);
  border-color:var(--border-soft);
  box-shadow:0 1px 0 rgba(197,212,230,.12) inset,0 16px 32px rgba(0,8,24,.28);
}
:scope[data-theme="dark"] .hero.heroLite .heroTile--game,
:scope[data-theme="dark"] .hero.heroLite .heroTile--target,
:scope[data-theme="dark"] .hero.heroLite .heroTile--chart{color:#A9B8C9}
:scope[data-theme="dark"] .hero.heroLite .heroTile--trophy{color:var(--accent-gold)}
:scope[data-theme="dark"] .hero.heroLite .metric{
  border-color:var(--border-soft);
  background:rgba(22,33,51,.78);
  box-shadow:0 6px 16px rgba(0,8,24,.22);
}

:scope[data-theme="dark"] .homeQuickNav a{
  background:var(--card-dark-bg);border-color:var(--card-dark-border);color:var(--text-primary);box-shadow:var(--card-dark-shadow);
}
:scope[data-theme="dark"] .homeQuickNav a:hover{
  border-color:color-mix(in srgb,var(--accent-primary) 32%,var(--card-dark-border));
  box-shadow:0 10px 20px rgba(0,8,24,.22);
}
:scope[data-theme="dark"] .homeQuickNavCopy b{color:var(--text-primary)}
:scope[data-theme="dark"] .homeQuickNavCopy small{color:var(--text-secondary)}
:scope[data-theme="dark"] .homeQuickNavIcon{
  border-color:var(--border-soft);
  background:var(--surface-card);
  box-shadow:none;
  color:var(--dark-accent-blue);
}
:scope[data-theme="dark"] .homeQuickNav a[data-tone] .homeQuickNavIcon,
:scope[data-theme="dark"] .homeQuickNav a.is-live .homeQuickNavIcon{
  color:var(--dark-accent-blue);
  background:var(--surface-card);
}

:scope[data-theme="dark"] .homeBoard .tab,
:scope[data-theme="dark"] .homeBoard .tab:hover:not(.active){
  background:var(--ctrl-bg);border-color:var(--ctrl-border);color:var(--ctrl-fg);
}
:scope[data-theme="dark"] .homeBoard .tab:not(.active){color:var(--ctrl-fg)}
:scope[data-theme="dark"] .homeBoard .tab.active,
:scope[data-theme="dark"] .homeBoard .tab.active:hover{
  background:var(--ctrl-bg-active);border-color:var(--ctrl-border-active);color:var(--ctrl-fg-active);
}

:scope[data-theme="dark"] .homeBoard .primaryBtn,
:scope[data-theme="dark"] .homeBoard .referral .primaryBtn{
  background:var(--ctrl-primary-bg);border-color:var(--ctrl-primary-border);color:var(--ctrl-primary-fg);
}
:scope[data-theme="dark"] .homeBoard .primaryBtn:hover:not(:disabled),
:scope[data-theme="dark"] .homeBoard .referral .primaryBtn:hover{
  background:var(--ctrl-primary-bg-hover);border-color:var(--ctrl-primary-border-hover);
}
:scope[data-theme="dark"] .homeBoard .predictionSlip .primaryBtn.wide:disabled{
  background:var(--ctrl-bg-disabled);border-color:var(--ctrl-border-disabled);color:var(--ctrl-fg-disabled);opacity:1;
}
:scope[data-theme="dark"] .homeBoard .emptyStateIcon{
  border-color:var(--border-soft);background:var(--surface-elevated);
}
:scope[data-theme="dark"] .odd.selected{
  background:var(--accent-primary-soft);border-color:var(--dark-accent-blue);outline-color:var(--accent-primary-soft);
}
:scope[data-theme="dark"] .teamMark{
  background:linear-gradient(145deg,#1A2638,#223249);color:#AFC6E3;border-color:#304158;
}

:scope[data-theme="dark"] .homeLive .liveThumb,
:scope[data-theme="dark"] .homeLive .liveThumb.v1,
:scope[data-theme="dark"] .homeLive .liveThumb.v2,
:scope[data-theme="dark"] .homeLive .liveThumb.v3{
  background:linear-gradient(165deg,var(--surface-elevated),var(--surface-elevated));
}
:scope[data-theme="dark"] .homeLive .liveThumb i{color:#AFC6E3}
:scope[data-theme="dark"] .homePage .hlThumb{
  background:linear-gradient(165deg,var(--surface-elevated),var(--surface-elevated));color:var(--text-primary);
}
:scope[data-theme="dark"] .homePage .postThumb{
  background:linear-gradient(165deg,var(--surface-elevated),var(--surface-elevated));color:var(--accent-primary);
}

:scope[data-theme="dark"] .legendBanner{
  color:var(--text-primary);border-color:var(--border-soft);
  background:
    radial-gradient(circle at 86% 18%,rgba(226,192,106,.12),transparent 34%),
    linear-gradient(135deg,var(--surface-card) 0%,var(--surface-elevated) 100%);
}
:scope[data-theme="dark"] .legendBanner b{color:var(--text-primary)}
:scope[data-theme="dark"] .legendBannerTile{
  background:linear-gradient(145deg,#223249,var(--surface-elevated));
  border-color:rgba(226,192,106,.32);
  box-shadow:0 1px 0 rgba(226,192,106,.12) inset,0 14px 24px rgba(0,8,24,.28);
  color:var(--accent-gold);
}
:scope[data-theme="dark"] .homeBoard .attendance{
  background:
    radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--accent-primary) 14%,transparent),transparent 34%),
    linear-gradient(135deg,var(--surface-card) 0%,var(--surface-elevated) 100%)
}
:scope[data-theme="dark"] .homeUtilityTile--attend{
  background:linear-gradient(145deg,#223249,var(--surface-elevated));border-color:color-mix(in srgb,var(--accent-primary) 32%,transparent);color:var(--accent-primary);
  box-shadow:0 1px 0 color-mix(in srgb,var(--accent-primary) 14%,transparent) inset,0 14px 24px rgba(0,8,24,.28)
}
:scope[data-theme="dark"] .homeBoard .referral{
  color:var(--text-primary);border-color:var(--border-soft);
  background:
    radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--accent-primary) 14%,transparent),transparent 34%),
    linear-gradient(135deg,var(--surface-card) 0%,var(--surface-elevated) 100%)
}
:scope[data-theme="dark"] .homeUtilityTile--invite{
  background:linear-gradient(145deg,#223249,var(--surface-elevated));border-color:color-mix(in srgb,var(--accent-primary) 32%,transparent);color:var(--accent-primary);
  box-shadow:0 1px 0 color-mix(in srgb,var(--accent-primary) 14%,transparent) inset,0 14px 24px rgba(0,8,24,.28)
}

:scope[data-theme="dark"] .homeAboutCard--domain .homeAboutIcon{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 18%,var(--surface-elevated))}
:scope[data-theme="dark"] .homeAboutCard--telegram .homeAboutIcon{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 18%,var(--surface-elevated))}
:scope[data-theme="dark"] .homeAboutCard--notice .homeAboutIcon{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 18%,var(--surface-elevated))}

:scope[data-theme="dark"] .attendance .attendanceIcon{
  background:rgba(216,66,109,.16);color:#F0A0B4;
}
:scope[data-theme="dark"] .attendance h3{color:var(--text-primary)}
:scope[data-theme="dark"] .streak span:before{background:var(--border-soft)}
:scope[data-theme="dark"] .homeUtilityDecor{color:var(--text-muted);opacity:.12}
:scope[data-theme="dark"] .homeHlThumb{background:var(--surface-elevated);border-color:var(--border-soft)}
:scope[data-theme="dark"] .homeHlPlay{background:rgba(8,14,24,.55);color:var(--text-secondary)}
:scope[data-theme="dark"] .homeHlCard b{color:var(--text-primary)}

:scope[data-theme="dark"] .homeBoard .postRowTitle,
:scope[data-theme="dark"] .homeNotice .noticeRow b{
  color:var(--text-primary);
}
:scope[data-theme="dark"] .homeGiftCard{
  background:var(--surface-card);border-color:var(--border-soft);color:var(--text-primary);
}
:scope[data-theme="dark"] .homeGiftMeta{
  background:var(--surface-card);
  border-color:var(--border-soft)
}
:scope[data-theme="dark"] .homeGiftMeta span{color:var(--text-primary)}
:scope[data-theme="dark"] .homeGiftMeta small{color:var(--text-muted)}

:scope[data-theme="dark"] .sportsSelect,
:scope[data-theme="dark"] .sportsDateValue,
:scope[data-theme="dark"] .sportsDateValue:hover,
:scope[data-theme="dark"] .sportsScoreSummary b,
:scope[data-theme="dark"] .sportsLeagueHead h2,
:scope[data-theme="dark"] .sportsScoreStatus b.is-ht,
:scope[data-theme="dark"] .sportsScoreStatus b.is-ft,
:scope[data-theme="dark"] .sportsScoreStatus b.is-postponed,
:scope[data-theme="dark"] .sportsScoreHomeName,
:scope[data-theme="dark"] .sportsScoreAwayName,
:scope[data-theme="dark"] .sportsScoreRow .teamCrest,
:scope[data-theme="dark"] .sportsScoreBoard.is-played strong:not(.is-lead),
:scope[data-theme="dark"] .sportsScoreBoard.is-live strong:not(.is-lead),
:scope[data-theme="dark"] .sportsOddsCells span,
:scope[data-theme="dark"] .sportsInjuryHeadCopy b,
:scope[data-theme="dark"] .sportsInjurySearchField input,
:scope[data-theme="dark"] .sportsInjuryStats li,
:scope[data-theme="dark"] .sportsShirt{
  color:var(--text-primary);
}
:scope[data-theme="dark"] .citadellaScoresPage{--sports-score-lead:#e83950}
:scope[data-theme="dark"] .sportsScoreSummary b.is-live{color:#e83950}
:scope[data-theme="dark"] .citadellaInjuriesPage .sportsBadge.is-short{color:#E2C06A}
:scope[data-theme="dark"] .citadellaInjuriesPage .sportsBadge.is-recover{color:#6EE7B7}

/* —— NENETV Soft Fill UI system —— */
.nntvCard{
  padding:var(--card-pad);
  border-radius:var(--card-radius);
}
.pageHero.nntvCard{
  padding:var(--page-hero-pad-y,22px) var(--page-hero-pad-x,25px);
  border-radius:16px;
}
@media(max-width:1200px){
  .pageHero.nntvCard{padding:var(--page-hero-pad-y,20px) var(--page-hero-pad-x,22px)}
}
@media(max-width:760px){
  .pageHero.nntvCard{padding:var(--page-hero-pad-y,16px) var(--page-hero-pad-x,16px)}
}
.sectionHead{align-items:center}
.sectionHead h2{
  font-size:var(--fs-lg);
  font-weight:var(--fw-title);
  color:var(--text-primary);
}
.sportsHead{border-radius:var(--card-radius)}
.topbar .navItem{
  font-weight:var(--fw-ui);
  background:transparent;
  border-radius:0;
}
.topbar .navItem.active{
  font-weight:var(--fw-title);
  background:transparent;
}
.nvBtn{
  height:var(--ctrl-h-md);min-height:var(--ctrl-h-md);padding:0 var(--ctrl-pad-md);
  border-radius:var(--ctrl-radius);font-size:var(--ctrl-fs-md);font-weight:var(--ctrl-fw);line-height:1;
}
button.primaryBtn,.primaryBtn,a.primaryBtn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--ctrl-gap);
  box-sizing:border-box;height:var(--ctrl-h-lg);min-height:var(--ctrl-h-lg);padding:0 var(--ctrl-pad-lg);
  border:1px solid var(--ctrl-primary-border);border-radius:var(--ctrl-radius-lg);
  background:var(--ctrl-primary-bg);color:var(--ctrl-primary-fg);
  font-size:var(--ctrl-fs-lg);font-weight:var(--ctrl-fw);line-height:1;
  box-shadow:none;cursor:pointer;white-space:nowrap;text-decoration:none;
  transition:border-color .18s ease,background .18s ease,color .18s ease;
}
.primaryBtn:hover:not(:disabled),a.primaryBtn:hover:not(:disabled){
  background:var(--ctrl-primary-bg-hover);border-color:var(--ctrl-primary-border-hover);color:var(--ctrl-primary-fg);
  transform:none;box-shadow:none;
}
.primaryBtn:disabled,button.primaryBtn:disabled,a.primaryBtn:disabled{
  background:var(--ctrl-bg-disabled);border-color:var(--ctrl-border-disabled);color:var(--ctrl-fg-disabled);
  opacity:1;cursor:not-allowed;
}
.predictionSlip .primaryBtn.wide:not(:disabled){
  width:100%;background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;
}
.predictionSlip .primaryBtn.wide:hover:not(:disabled){
  background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);
}
.predictionSlip .primaryBtn.wide:disabled{width:100%}
.primaryBtn.communityPrimaryBtn{
  background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;
}
.primaryBtn.communityPrimaryBtn:hover:not(:disabled){
  background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);color:#fff;
}
:scope[data-theme="dark"] .primaryBtn.communityPrimaryBtn:not(:disabled){
  background:var(--dark-cta-primary);border-color:var(--dark-cta-primary);color:#fff;
}
:scope[data-theme="dark"] .primaryBtn.communityPrimaryBtn:hover:not(:disabled){
  background:var(--dark-cta-primary-hover);border-color:var(--dark-cta-primary-hover);
}
.primaryBtn.communityPrimaryBtn:disabled{
  background:var(--ctrl-bg-disabled);border-color:var(--ctrl-border-disabled);color:var(--ctrl-fg-disabled);
}
:scope,:scope[data-theme="dark"]{
  --action-green-bg:var(--accent);
  --action-green-bg-hover:var(--accent2);
  --action-green-bg-active:#1E40AF;
  --action-green-border:var(--accent);
  --action-green-border-hover:var(--accent2);
  --action-green-border-active:#1E40AF;
  --action-green-fg:#FFFFFF;
  --action-green-focus:rgba(30,64,175,.32);
  --action-red-bg:#E83950;
  --action-red-bg-hover:#D12F45;
  --action-red-bg-active:#C0253C;
  --action-red-border:#D12F45;
  --action-red-border-hover:#C0253C;
  --action-red-border-active:#A81F34;
  --action-red-fg:#FFFFFF;
  --action-red-focus:rgba(232,57,80,.38);
}
:scope{
  --watch-mint-bg:var(--accent-primary);
  --watch-mint-bg-hover:var(--accent-primary-hover);
  --watch-mint-bg-active:var(--accent-primary-soft);
  --watch-mint-border:var(--accent-primary);
  --watch-mint-border-hover:var(--accent-primary-hover);
  --watch-mint-border-active:var(--accent-primary-soft);
  --watch-mint-fg:#FFFFFF;
  --watch-mint-focus:rgba(59,91,179,.32);
}
:scope[data-theme="dark"]{
  --watch-mint-bg:var(--accent-primary);
  --watch-mint-bg-hover:var(--accent-primary-hover);
  --watch-mint-bg-active:var(--accent-primary-soft);
  --watch-mint-border:var(--accent-primary);
  --watch-mint-border-hover:var(--accent-primary-hover);
  --watch-mint-border-active:var(--accent-primary-soft);
  --watch-mint-fg:#FFFFFF;
  --watch-mint-focus:rgba(86,120,190,.4);
}
.primaryBtn.actionGreen,a.primaryBtn.actionGreen,button.primaryBtn.actionGreen,
:scope[data-theme="dark"] .primaryBtn.actionGreen,
:scope[data-theme="dark"] a.primaryBtn.actionGreen,
:scope[data-theme="dark"] button.primaryBtn.actionGreen,
.homeBoard .primaryBtn.actionGreen,
:scope[data-theme="dark"] .homeBoard .primaryBtn.actionGreen{
  background:var(--action-green-bg);
  border-color:var(--action-green-border);
  color:var(--action-green-fg);
  box-shadow:none;
}
.primaryBtn.actionGreen:hover:not(:disabled),a.primaryBtn.actionGreen:hover:not(:disabled),
:scope[data-theme="dark"] .primaryBtn.actionGreen:hover:not(:disabled),
.homeBoard .primaryBtn.actionGreen:hover:not(:disabled){
  background:var(--action-green-bg-hover);
  border-color:var(--action-green-border-hover);
  color:var(--action-green-fg);
  box-shadow:none;
  transform:none;
}
.primaryBtn.actionGreen:active:not(:disabled),a.primaryBtn.actionGreen:active:not(:disabled){
  background:var(--action-green-bg-active);
  border-color:var(--action-green-border-active);
  color:var(--action-green-fg);
}
.primaryBtn.actionGreen:focus-visible{
  outline:2px solid var(--action-green-focus);
  outline-offset:2px;
}
.primaryBtn.actionGreen:disabled,button.primaryBtn.actionGreen:disabled,a.primaryBtn.actionGreen:disabled,
:scope[data-theme="dark"] .primaryBtn.actionGreen:disabled,
:scope[data-theme="dark"] button.primaryBtn.actionGreen:disabled,
:scope[data-theme="dark"] a.primaryBtn.actionGreen:disabled,
.homeBoard .primaryBtn.actionGreen:disabled,
:scope[data-theme="dark"] .homeBoard .primaryBtn.actionGreen:disabled{
  background:var(--ctrl-bg-disabled);
  border-color:var(--ctrl-border-disabled);
  color:var(--ctrl-fg-disabled);
}
.homeBoard .predictionSlip .primaryBtn.wide.actionGreen,
:scope[data-theme="dark"] .homeBoard .predictionSlip .primaryBtn.wide.actionGreen,
:scope[data-theme="dark"] .homeBoard .primaryBtn.actionGreen{
  background:var(--action-green-bg);
  border-color:var(--action-green-border);
  color:var(--action-green-fg);
  box-shadow:none;
}
.homeBoard .predictionSlip .primaryBtn.wide.actionGreen:hover:not(:disabled),
:scope[data-theme="dark"] .homeBoard .predictionSlip .primaryBtn.wide.actionGreen:hover:not(:disabled),
:scope[data-theme="dark"] .homeBoard .primaryBtn.actionGreen:hover:not(:disabled){
  background:var(--action-green-bg-hover);
  border-color:var(--action-green-border-hover);
  color:var(--action-green-fg);
}
.homeBoard .predictionSlip .primaryBtn.wide.actionGreen:disabled,
:scope[data-theme="dark"] .homeBoard .predictionSlip .primaryBtn.wide.actionGreen:disabled{
  background:var(--ctrl-bg-disabled);
  border-color:var(--ctrl-border-disabled);
  color:var(--ctrl-fg-disabled);
}
.primaryBtn.actionCompact,a.primaryBtn.actionCompact,button.primaryBtn.actionCompact{
  width:auto;
  max-width:max-content;
  height:var(--ctrl-h-md);
  min-height:var(--ctrl-h-md);
  padding:0 var(--ctrl-pad-md);
  font-size:var(--ctrl-fs-md);
  font-weight:var(--ctrl-fw);
  line-height:1;
  border-radius:var(--ctrl-radius);
}
.primaryBtn.watchMint,a.primaryBtn.watchMint,button.primaryBtn.watchMint{
  background:var(--watch-mint-bg);
  border-color:var(--watch-mint-border);
  color:var(--watch-mint-fg);
  box-shadow:none;
}
button.primaryBtn.watchMint.bcWatch,.primaryBtn.watchMint.bcWatch{
  height:var(--ctrl-h-sm);
  min-height:var(--ctrl-h-sm);
  width:auto;
  padding:0 12px;
  font-size:var(--ctrl-fs);
  font-weight:var(--ctrl-fw);
  line-height:1;
  border-radius:var(--ctrl-radius);
}
.primaryBtn.watchMint:hover:not(:disabled),
:scope[data-theme="dark"] .primaryBtn.watchMint:hover:not(:disabled),
:scope[data-theme="dark"] .bcWatch.watchMint:hover:not(:disabled){
  background:var(--watch-mint-bg-hover);
  border-color:var(--watch-mint-border-hover);
  color:var(--watch-mint-fg);
  box-shadow:none;
  transform:none;
}
.primaryBtn.watchMint:active:not(:disabled){
  background:var(--watch-mint-bg-active);
  border-color:var(--watch-mint-border-active);
  color:var(--watch-mint-fg);
}
.primaryBtn.watchMint:focus-visible{
  outline:2px solid var(--watch-mint-focus);
  outline-offset:2px;
}
.primaryBtn.watchMint:disabled{
  background:var(--ctrl-bg-disabled);
  border-color:var(--ctrl-border-disabled);
  color:var(--ctrl-fg-disabled);
}
.primaryBtn.actionRed,a.primaryBtn.actionRed,button.primaryBtn.actionRed,
:scope[data-theme="dark"] .primaryBtn.actionRed,
:scope[data-theme="dark"] .homeBoard .attendance .primaryBtn.actionRed{
  background:transparent;
  border-color:var(--action-red-bg);
  color:var(--text-primary);
  box-shadow:none;
}
.primaryBtn.actionRed:hover:not(:disabled),
:scope[data-theme="dark"] .primaryBtn.actionRed:hover:not(:disabled),
:scope[data-theme="dark"] .homeBoard .attendance .primaryBtn.actionRed:hover:not(:disabled){
  background:color-mix(in srgb,var(--action-red-bg) 5%,transparent);
  border-color:var(--action-red-bg-hover);
  color:var(--text-primary);
  box-shadow:none;
  transform:none;
}
.primaryBtn.actionRed:active:not(:disabled){
  background:color-mix(in srgb,var(--action-red-bg) 9%,transparent);
  border-color:var(--action-red-bg-active);
  color:var(--text-primary);
}
.primaryBtn.actionRed:focus-visible{
  outline:2px solid var(--action-red-focus);
  outline-offset:2px;
}
.primaryBtn.actionRed:disabled,button.primaryBtn.actionRed:disabled{
  background:var(--ctrl-bg-disabled);
  border-color:var(--ctrl-border-disabled);
  color:var(--ctrl-fg-disabled);
}
.writeActions .primaryBtn,.writeActions .ghostBtn{
  height:var(--ctrl-h-lg);
  min-height:var(--ctrl-h-lg);
  padding:0 var(--ctrl-pad-lg);
  font-family:inherit;
  font-size:var(--ctrl-fs-lg);
  font-weight:var(--ctrl-fw);
  line-height:1;
  border-radius:var(--ctrl-radius-lg);
}
.sportsAnalysisFoot{
  align-items:center;
}
.sportsAnalysisFoot > :not(.primaryBtn){
  width:100%;
  align-self:stretch;
}
.sportsAnalysisFoot > .primaryBtn{
  width:auto;
  margin:0;
}
.analysisCard > .primaryBtn.actionCompact{
  width:auto;
  max-width:max-content;
  justify-self:center;
  height:var(--ctrl-h-md);
  min-height:var(--ctrl-h-md);
  padding:0 var(--ctrl-pad-md);
  font-size:var(--ctrl-fs-md);
}
.shopConvert .primaryBtn.actionCompact,
.shopConvertForm .primaryBtn.actionCompact,
.shopPage .shopConvert .formGrid>.primaryBtn.actionCompact{
  width:auto;
  max-width:max-content;
  justify-self:center;
  margin-left:auto;
  margin-right:auto;
  height:var(--ctrl-h-md);
  min-height:var(--ctrl-h-md);
  padding:0 var(--ctrl-pad-md);
  font-size:var(--ctrl-fs-md);
}
.floatChatBrand .brandWordmark{
  font-size:17px;
}
.floatChatBrand .brandLogo{height:17px;max-width:100%}
.identityNick .brandWordmark{
  font-size:inherit;
}
button.ghostBtn,.ghostBtn,a.ghostBtn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--ctrl-gap);
  box-sizing:border-box;height:var(--ctrl-h-md);min-height:var(--ctrl-h-md);padding:0 var(--ctrl-pad-md);
  border:1px solid var(--ctrl-border);border-radius:var(--ctrl-radius);
  background:var(--ctrl-bg);color:var(--ctrl-fg);
  font-size:var(--ctrl-fs-md);font-weight:var(--ctrl-fw);line-height:1;
  box-shadow:none;cursor:pointer;white-space:nowrap;text-decoration:none;
  transition:border-color .18s ease,background .18s ease,color .18s ease;
}
.ghostBtn:hover,a.ghostBtn:hover{
  background:var(--ctrl-bg-hover);border-color:var(--ctrl-border-hover);color:var(--ctrl-fg-hover);
}
.hero.heroLite .primaryBtn,.hero.heroLite .ghostBtn{
  height:var(--ctrl-h-lg);min-height:var(--ctrl-h-lg);padding:0 var(--ctrl-pad-lg);border-radius:var(--ctrl-radius-lg);
}
.boardToolbar .primaryBtn,.cmtComposerActions .primaryBtn{
  height:var(--ctrl-h-md);min-height:var(--ctrl-h-md);padding:0 var(--ctrl-pad-md);font-size:var(--ctrl-fs-md);
  border-radius:var(--ctrl-radius);
}
.matchRow>.primaryBtn{
  width:112px;height:47px;min-height:47px;padding:0 13px;font-size:13px;border-radius:var(--ctrl-radius);
}
input.field,select.field{
  box-sizing:border-box;height:var(--ctrl-h-md);min-height:var(--ctrl-h-md);padding:0 var(--ctrl-pad-md);
  border:1px solid var(--ctrl-border);border-radius:var(--ctrl-radius);
  background:var(--surface);color:var(--text-primary);text-align:left;
}
textarea.field,.field.area{
  height:auto;min-height:140px;padding:11px 12px;text-align:left;
}
input.field::placeholder,textarea.field::placeholder{
  color:var(--text-muted);
}
input.field:focus,select.field:focus,textarea.field:focus{
  outline:2px solid var(--ctrl-focus);outline-offset:2px;border-color:var(--ctrl-border-hover);
}
.select.field,select.field{text-align:left;text-align-last:left}
.sportsSelect,.citadellaScoresPage .sportsScoreToolbar .sportsSelect{
  text-align:center;text-align-last:center;
}
.uiBtnDanger,.uiBtnDanger:hover,.uiBtnDanger:active{transform:none}
.uiBtnDanger:active{
  background:color-mix(in srgb,#b4232c 82%,var(--navy));border-color:color-mix(in srgb,#b4232c 82%,var(--navy));color:#fff;
}

/* —— Design system lock —— */
.topbar{
  background:var(--header-bg);
  border-bottom:1px solid var(--border-soft);
  box-shadow:none;
}
.brand{color:var(--text-primary)}
.navGroup{align-items:center}
.topbar .navItem,
.topbar .navItem.featured{
  box-sizing:border-box;
  height:var(--ctrl-h-sm);
  min-height:var(--ctrl-h-sm);
  padding:0 12px;
  margin:0 1px;
  border:1px solid transparent;
  border-radius:var(--ctrl-radius);
  background:transparent;
  color:var(--ctrl-fg);
  font-size:12px;
  font-weight:500;
  letter-spacing:-.01em;
  line-height:1;
  gap:6px;
}
.topbar .navItem:after,
.topbar .navItem.featured:after,
.topbar .navItem.active:after,
.topbar .navItem.featured.active:after,
.topbar .navItem.partner:after{
  display:none;
  content:none;
  width:0;
  height:0;
  opacity:0;
}
.topbar .navItem:hover,
.topbar .navItem.featured:hover{
  background:var(--ctrl-bg-hover);
  border-color:var(--ctrl-border-hover);
  color:var(--ctrl-fg-hover);
}
.topbar .navItem.active,
.topbar .navItem.featured.active{
  background:var(--ctrl-bg-active);
  border-color:var(--ctrl-border-active);
  color:var(--ctrl-fg-active);
  font-weight:500;
}
.topbar .navItem.has-drop.active,
.topbar .navItem.featured.has-drop.active{
  background:transparent;
  border-color:transparent;
  color:var(--ctrl-fg-active);
  font-weight:500;
}
.topbar .navGroup.is-open .navItem.has-drop{
  background:transparent;
  border-color:transparent;
}
.topbar .navGroup.is-open .navItem.has-drop.active{
  background:transparent;
  border-color:transparent;
  color:var(--ctrl-fg-active);
}
.topbar .navItem.has-drop:hover,
.topbar .navItem.featured.has-drop:hover,
.topbar .navGroup.is-open .navItem.has-drop:hover{
  background:var(--ctrl-bg-hover);
  border-color:var(--ctrl-border-hover);
  color:var(--ctrl-fg-hover);
}
.topbar .navItem.has-drop.active:hover,
.topbar .navGroup.is-open .navItem.has-drop.active:hover{
  background:var(--ctrl-bg-hover);
  border-color:var(--ctrl-border-hover);
  color:var(--ctrl-fg-active);
}
.navCaret{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:18px;
  height:18px;
  flex:0 0 18px;
  border-radius:999px;
  background:var(--surface);
  color:var(--muted);
  border:1px solid var(--line);
}
.navCaret svg{width:11px;height:11px;display:block;transition:transform .18s ease}
.navCaret.is-open svg,.navGroup.is-open .navCaret svg{transform:rotate(180deg)}
.navDrop{
  background:var(--surface);
  border:1px solid var(--border-soft);
  box-shadow:0 8px 22px rgba(15,23,42,.08);
}
.navDrop a,.navDropItem{
  background:transparent;
  color:var(--ctrl-fg);
  font-size:var(--header-nav-fs);
  font-weight:500;
}
.navDrop a:hover:not(.active),.navDropItem:hover:not(.active){
  background:var(--ctrl-bg-hover);
  color:var(--ctrl-fg-hover);
}
.navDrop a.active,.navDropItem.active{
  background:var(--ctrl-bg-active);
  color:var(--ctrl-fg-active);
  font-weight:500;
}
.navDrop a.active:hover,.navDropItem.active:hover{
  background:var(--ctrl-bg-active);
  color:var(--ctrl-fg-active);
}
.headerTools .iconButton:hover,
.headerTools .headerInbox:hover,
.headerTools .iconButton.themeToggle:hover,
.profileMini:hover{
  background:var(--ctrl-bg-hover);
  color:var(--ctrl-fg-hover);
  border-color:transparent;
}
.bcSportsRow>.bcChatToggle,
.bcSportsRow>.bcChatToggle:hover,
.bcSportsRow>.bcChatToggle[data-open="true"],
.bcSportsRow>.bcChatToggle[data-open="true"]:hover,
:scope[data-theme="dark"] .bcSportsRow>.bcChatToggle,
:scope[data-theme="dark"] .bcSportsRow>.bcChatToggle:hover,
:scope[data-theme="dark"] .bcSportsRow>.bcChatToggle[data-open="true"],
:scope[data-theme="dark"] .bcSportsRow>.bcChatToggle[data-open="true"]:hover{
  --chat-icon-stroke:currentColor;
  background:var(--ctrl-bg);
  border-color:var(--ctrl-border);
  color:var(--ctrl-fg);
  font-weight:600;
  box-shadow:none;
  transform:none;
}
.bcSportsRow>.bcChatToggle:hover,
:scope[data-theme="dark"] .bcSportsRow>.bcChatToggle:hover{
  background:var(--ctrl-bg-hover);
  border-color:var(--ctrl-border-hover);
  color:var(--ctrl-fg-hover);
}
.bcSportsRow>.bcChatToggle[data-open="true"],
.bcSportsRow>.bcChatToggle[data-open="true"]:hover,
:scope[data-theme="dark"] .bcSportsRow>.bcChatToggle[data-open="true"],
:scope[data-theme="dark"] .bcSportsRow>.bcChatToggle[data-open="true"]:hover{
  background:var(--dark-blue-selected,var(--accent-primary));
  border-color:var(--dark-blue-selected,var(--accent-primary));
  color:#fff;
}
.floatChat.is-desktop .floatChatBtn,
.floatChat.is-mobile .floatChatBtn,
.floatChatBtn.on,
.floatChatBtn:hover{
  background:var(--ctrl-bg);
  border:1px solid var(--ctrl-border);
  color:var(--ctrl-fg);
  box-shadow:none;
  filter:none;
}
.floatChatBtn:hover{background:var(--ctrl-bg-hover);border-color:var(--ctrl-border-hover);color:var(--ctrl-fg-hover)}
.floatChatBtn.on{background:var(--ctrl-bg-active);border-color:var(--ctrl-border-active);color:var(--ctrl-fg-active)}
.floatChatBtn:after{background:#e83950;box-shadow:0 0 0 2px var(--surface)}
.floatChatHead,
:scope[data-theme=dark] .floatChatHead{
  background:var(--surface);
  color:var(--text-primary);
  border-bottom:1px solid var(--border-soft);
}
.floatChatBrand b,
:scope[data-theme=dark] .floatChatBrand b,
:scope[data-theme=dark] .floatChatHead b{color:var(--brand)}
.floatChatBrand > span,
.floatChatHead .linkBtn,
:scope[data-theme=dark] .floatChatHead .linkBtn{color:var(--text-muted)}
.floatChatHead .iconButton,
:scope[data-theme=dark] .floatChatHead .iconButton{
  background:transparent;
  color:var(--ctrl-fg);
  border-color:var(--ctrl-border);
}
:scope[data-theme=dark] .floatChatHead .iconButton{color:var(--dark-accent-blue)}
.rkHero,.attHero,.analysisIntro{
  color:var(--text-primary);
  background:var(--surface);
  border:1px solid var(--border-soft);
}
.sportsInjuryHead{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px 12px;
  margin-bottom:14px;
}
.sportsInjuryHeadCopy{
  flex:1 1 100%;
  display:flex;
  align-items:baseline;
  gap:8px;
}
.sportsInjuryStats{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
  flex:1 1 auto;
}
.sportsInjuryStats li{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:var(--ctrl-h-lg);
  min-height:var(--ctrl-h-lg);
  padding:0 12px;
  border:1px solid var(--ctrl-border);
  border-radius:var(--ctrl-radius);
  background:var(--ctrl-bg);
  color:var(--ctrl-fg);
  font-size:12px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
}
.sportsInjuryStats li span{color:var(--text-secondary);font-size:12px;font-weight:600}
.sportsInjuryStats li b{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary)}
.sportsInjuryStats li.is-on :is(span,b){color:var(--accent-primary)}
.sportsInjuryStats li>a{
  display:inline-flex;align-items:center;gap:inherit;height:100%;color:inherit;text-decoration:none
}
.sportsInjuryStats li.is-on{
  background:var(--ctrl-bg-active);border-color:var(--ctrl-border-active)
}
.sportsInjurySearch{flex:0 1 320px;min-width:220px;max-width:100%}
.sportsInjurySearchField{display:block;width:100%;margin:0}
.sportsInjurySearchField input{
  height:var(--ctrl-h-lg);
  min-height:var(--ctrl-h-lg);
  max-height:var(--ctrl-h-lg);
  padding:0 12px 0 34px;
}
.sportsMatchStrip{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-bottom:2px;
  scrollbar-width:thin;
}
.sportsMatchStripItem{
  box-sizing:border-box;
  display:grid;
  gap:6px;
  flex:0 0 168px;
  min-width:168px;
  padding:10px 12px;
  border:1px solid var(--ctrl-border);
  border-radius:var(--ctrl-radius-lg);
  background:var(--ctrl-bg);
  color:inherit;
}
.sportsMatchStripItem small,.sportsMatchStripItem em{color:var(--text-muted);font-size:11px;font-style:normal;line-height:1}
.sportsMatchStripTeams{display:flex;align-items:center;justify-content:center;gap:8px}
.sportsMatchStripTeams b{font-size:10px;color:var(--text-muted)}
.sportsMatchStripItem:hover{background:var(--ctrl-bg-hover);border-color:var(--ctrl-border-hover)}
.sportsMatchStripItem.is-active{background:var(--ctrl-bg-active);border-color:var(--ctrl-border-active)}
.sportsLineupDetail{padding:22px 24px}
.sportsLineupMeta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;font-size:13px;color:var(--text-muted)}
.sportsLineupMeta em{font-style:normal;font-weight:700;color:var(--text-primary)}
.sportsLineupVersus{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:18px;margin-bottom:8px}
.sportsLineupVersus>div{gap:8px}
.sportsLineupVersus b{font-size:20px;letter-spacing:-.4px}
.sportsLineupVersus span{font-size:13px}
.sportsLineupVenue{margin:0 0 18px;text-align:center;font-size:12px;color:var(--text-muted)}
.sportsBadge.is-confirmed,.sportsBadge.is-expected{
  height:22px;
  border:1px solid var(--ctrl-border);
  background:var(--ctrl-bg);
  color:var(--ctrl-fg);
  font-weight:600;
}
.sportsBadge.is-confirmed{background:var(--ctrl-bg-active);border-color:var(--ctrl-border-active);color:var(--ctrl-fg-active)}
.sportsAnalysisGrid{gap:16px}
.sportsAnalysisCard{padding:16px 18px}
.sportsAnalysisTeams{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);margin:16px 0 18px}
.sportsAnalysisTeams b,.sportsAnalysisTeamName{font-size:13px;font-weight:500}
.sportsAnalysisPreview{display:none}
.sportsAnalysisPick{background:var(--surface-soft);border-color:var(--border-soft)}
.sportsAnalysisPick span{color:var(--text-secondary);font-weight:500}
.sportsMore{
  color:var(--text-secondary);
  font-weight:500;
  height:auto;
  padding:0;
  border-radius:0;
}
.sportsMore:hover{background:var(--ctrl-bg-hover);color:var(--ctrl-fg-hover)}
:scope[data-theme=dark] .brand{color:var(--text-primary)}
:scope[data-theme=dark] .navCaret{background:var(--surface-elevated);color:var(--muted);border-color:var(--line)}
:scope[data-theme=dark] .navDrop{
  background:var(--surface-elevated);
  border-color:var(--border-soft);
  box-shadow:0 12px 28px rgba(0,0,0,.28);
}
:scope[data-theme=dark] .navDrop a,:scope[data-theme=dark] .navDropItem{color:var(--ctrl-fg)}
:scope[data-theme=dark] .navDrop a:hover:not(.active),:scope[data-theme=dark] .navDropItem:hover:not(.active){
  background:var(--ctrl-bg-hover);color:var(--ctrl-fg-hover)
}
:scope[data-theme=dark] .navDrop a.active,:scope[data-theme=dark] .navDropItem.active,
:scope[data-theme=dark] .navDrop a.active:hover,:scope[data-theme=dark] .navDropItem.active:hover{
  background:var(--ctrl-bg-active);color:var(--ctrl-fg-active)
}
:scope[data-theme=dark] .topbar .navItem.has-drop.active,
:scope[data-theme=dark] .topbar .navItem.featured.has-drop.active,
:scope[data-theme=dark] .topbar .navGroup.is-open .navItem.has-drop,
:scope[data-theme=dark] .topbar .navGroup.is-open .navItem.has-drop.active{
  background:transparent;
  border-color:transparent;
}
:scope[data-theme=dark] .topbar .navItem.has-drop.active,
:scope[data-theme=dark] .topbar .navItem.featured.has-drop.active,
:scope[data-theme=dark] .topbar .navGroup.is-open .navItem.has-drop.active{
  color:var(--ctrl-fg-active);
}
:scope[data-theme=dark] .floatChatBtn:after{box-shadow:0 0 0 2px var(--surface-elevated)}
@media(max-width:760px){
  .sportsInjuryHead{flex-direction:column;align-items:stretch}
  .sportsInjurySearch{flex:1 1 auto;min-width:0;width:100%}
  .sportsMatchStripItem{flex-basis:148px;min-width:148px}
  .sportsLineupVersus{grid-template-columns:1fr}
  .sportsLineupVersus span{display:none}
  .sportsLineupDetail{padding:16px}
  .sportsAnalysisGrid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .navCaret svg{transition:none}
}
.topbar .brand,.footer .brand,.mobileNavBrand{display:inline-flex;align-items:center;flex:0 0 auto;min-width:0}
.brandMark{display:inline-flex;align-items:center;gap:10px;height:32px;line-height:1;color:inherit;max-width:168px}
.brandBadge{display:block;flex:0 0 32px;width:32px;height:32px;overflow:visible;filter:drop-shadow(0 1px 1px rgba(18,42,68,.06))}
.brandBadgePlate{fill:#fff;stroke:#E3EAF2;stroke-width:1}
.brandBadgeDisc{fill:#05162c}
.brandBadgeN{fill:none;stroke:#fff}
.brandSymbol{display:block;flex:0 0 auto;width:32px;height:32px}
.brandNDepth{fill:currentColor;opacity:.28}
.brandNPlane{fill:currentColor}
.brandNPlane--slash{opacity:.9}
.brandNPlane--right{opacity:.74}
.brandN{fill:currentColor;stroke:none}
.brandBadgeN{fill:currentColor;stroke:none}
.brand .brandWord,
.brandWord{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--text-primary);
  font-family:var(--font-ui);
  font-size:19px;
  font-weight:800;
  font-style:normal;
  letter-spacing:.07em;
  line-height:1;
}
:scope[data-theme=dark] .brandBadge{filter:drop-shadow(0 1px 2px rgba(0,0,0,.22))}
:scope[data-theme=dark] .brandBadgePlate{fill:#E8EEF4;stroke:#D5DEE8}
:scope[data-theme=dark] .brandBadgeDisc{fill:#05162c}
:scope[data-theme=dark] .brandBadgeN{stroke:#fff}
:scope[data-theme=dark] .brand .brandWord,
:scope[data-theme=dark] .brandWord{color:var(--text-primary)}
@media(max-width:1399px){
  .brandMark{gap:8px;max-width:148px}
  .brandBadge{flex-basis:28px;width:28px;height:28px}
  .brand .brandWord,.brandWord{font-size:17px;letter-spacing:.06em}
}
@media(max-width:760px){
  .brandMark{gap:7px;height:26px;max-width:128px}
  .brandBadge{flex-basis:26px;width:26px;height:26px;filter:none}
  .brand .brandWord,.brandWord{font-size:15px;letter-spacing:.05em}
}

/* —— Theme surface lock: leftover navy/blue/black —— */
.topbar .navItem,
.topbar .navItem.featured,
.topbar .navItem.active,
.topbar .navItem.featured.active{
  font-weight:500;
  font-size:var(--header-nav-fs);
  font-family:inherit;
}
.topbar .navItem.partner .partnerMark{
  width:16px;
  height:16px;
  color:var(--action-green-bg);
}
.topbar .navItem.partner:hover .partnerMark,
.topbar .navItem.partner.active .partnerMark{
  color:var(--action-green-bg-hover);
}
.navCaret{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:18px;
  height:18px;
  flex:0 0 18px;
  border-radius:999px;
  background:var(--surface);
  color:var(--muted);
  border:1px solid var(--line);
}
.navGroup:hover .navCaret,
.navGroup.is-open .navCaret,
.navCaret.is-open{
  background:var(--ctrl-bg-hover);
  border-color:var(--ctrl-border-hover);
  color:var(--ctrl-fg);
}
:scope[data-theme=dark] .navCaret{
  background:var(--surface-elevated);
  color:var(--muted);
  border-color:var(--line);
}

.boardTable thead th{
  background:var(--surface-soft);
  color:var(--text-muted);
  border-bottom:1px solid var(--border-soft);
}
:scope[data-theme=dark] .boardTable thead th{
  background:var(--surface-elevated);
  color:var(--text-muted);
}

.attCalCard .calendar-day-cell.done,
.attStage .calendar-day-cell.done{
  background:var(--ctrl-bg-active);
  color:var(--ctrl-fg-active);
  border-color:var(--ctrl-border-active);
}
.attCalCard .calendar-day-cell.today,
.attStage .calendar-day-cell.today{
  background:var(--accent-primary);
  color:#fff;
  border-color:var(--accent-primary);
  box-shadow:inset 0 0 0 1px var(--accent-primary);
}
.attCalCard .calendar-day-cell.today.done,
.attStage .calendar-day-cell.today.done{
  background:var(--accent-primary);
  color:#fff;
  border-color:var(--accent-primary);
  box-shadow:inset 0 0 0 1px var(--accent-primary);
}
:scope[data-theme=dark] .attCalCard .calendar-day-cell.done,
:scope[data-theme=dark] .attStage .calendar-day-cell.done{
  background:var(--ctrl-bg-active);
  color:var(--ctrl-fg-active);
}
:scope[data-theme=dark] .attCalCard .calendar-day-cell.today,
:scope[data-theme=dark] .attStage .calendar-day-cell.today,
:scope[data-theme=dark] .attCalCard .calendar-day-cell.today.done,
:scope[data-theme=dark] .attStage .calendar-day-cell.today.done{
  background:var(--dark-accent-blue);
  color:#fff;
  border-color:var(--dark-accent-blue);
  box-shadow:inset 0 0 0 1px var(--dark-accent-blue);
}
:scope[data-theme=dark] .attCalCard .calendar-day-cell.future,
:scope[data-theme=dark] .attStage .calendar-day-cell.future{
  background:var(--surface-soft);
  color:var(--text-muted);
}
:scope[data-theme=dark] .attCalCard .calendar-day-cell.missed,
:scope[data-theme=dark] .attStage .calendar-day-cell.missed{
  background:var(--surface);
  color:var(--text-muted);
}
.attSummary article{
  background:var(--surface);
  border-color:var(--border-soft);
}
:scope[data-theme=dark] .attSummary article{
  background:var(--surface-elevated);
  border-color:var(--border-soft);
}
.attSummary b{color:var(--text-primary)}
:scope[data-theme=dark] .attSummary .attActionLabel{color:#fff}

.bcLiveCard{
  grid-template-columns:28px minmax(0,1fr) 14px;
  min-height:58px;
  height:58px;
  background:var(--surface-card);
  border:1px solid var(--border-soft);
  color:var(--text-primary);
  box-shadow:none;
}
.bcLiveCard:after{content:none;display:none}
.bcLiveCardIcon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:0;
  background:transparent;
  color:var(--text-primary);
}
.bcLiveCardIcon svg{width:26px;height:26px;color:currentColor}
.bcLiveCardCopy b{color:var(--text-primary)}
.bcLiveCardCopy small{color:var(--text-muted)}
.bcLiveCard:hover{
  transform:translateY(-1px);
  filter:none;
  background:var(--ctrl-bg-hover);
  border-color:var(--ctrl-border-hover);
  box-shadow:none;
}
.bcLiveCard:hover .bcLiveCardIcon{
  background:transparent;
  color:inherit;
}
:scope[data-theme=dark] .bcLiveCard{
  background:var(--header-bg);
  border-color:var(--border-soft);
  color:var(--text-primary);
  box-shadow:none;
}
:scope[data-theme=dark] .bcLiveCardIcon{
  background:transparent;
  color:inherit;
}
:scope[data-theme=dark] .bcLiveCardCopy b{color:var(--text-primary)}
:scope[data-theme=dark] .bcLiveCardCopy small{color:var(--text-muted)}
:scope[data-theme=dark] .bcLiveCard:hover{
  background:var(--ctrl-bg-hover);
  border-color:var(--ctrl-border-hover);
}

.homeAboutIntro,
.homeAboutRow,
.homeAboutRow--analysis,
.homeAboutRow--predict,
.homeAboutRow--community,
.homeAboutSummary{
  background:var(--surface);
  border:1px solid var(--border-soft);
}
.homeAboutIntro{background:color-mix(in srgb,var(--accent-primary) 6%,transparent);border-color:color-mix(in srgb,var(--accent-primary) 12%,transparent)}
.homeAboutRow--analysis{background:color-mix(in srgb,var(--accent-primary) 6%,var(--bg));border-color:color-mix(in srgb,var(--accent-primary) 10%,transparent)}
.homeAboutRow--community{background:color-mix(in srgb,var(--accent-primary) 4%,var(--bg));border-color:color-mix(in srgb,var(--accent-primary) 6%,var(--border-soft))}
.homeAboutSummary{border-color:color-mix(in srgb,var(--accent-primary) 16%,var(--border-soft));background:color-mix(in srgb,var(--accent-primary) 4%,var(--surface))}
.homeAboutRow--live{box-shadow:inset 0 3px 0 var(--accent-primary)}
.homeAboutRow--official{
  background:transparent;
  border-color:transparent;
}
.homeAboutCard{
  background:var(--surface-card);
  border-color:var(--border-soft);
}
.homeAboutCard--domain,
.homeAboutCard--telegram,
.homeAboutCard--notice{
  background:var(--surface-card);
  border-color:var(--border-soft);
  color:inherit;
}
.homeAboutIntro h2,
.homeAboutHead h3,
.homeAboutCardCopy b,
.homeAboutSummary h2{color:var(--text-primary)}
.homeAboutCard--domain .homeAboutCardCopy b,
.homeAboutCard--telegram .homeAboutCardCopy b,
.homeAboutCard--notice .homeAboutCardCopy b{color:var(--text-primary)}
.homeAboutCard--domain .homeAboutCardCopy p,
.homeAboutCard--telegram .homeAboutCardCopy p,
.homeAboutCard--notice .homeAboutCardCopy p{color:var(--text-muted);opacity:1}
.homeAboutIcon{
  background:color-mix(in srgb,var(--accent-primary) 12%,var(--surface-soft));
  color:var(--accent-primary);
}
:scope[data-theme=dark] .homeAboutIntro,
:scope[data-theme=dark] .homeAboutRow,
:scope[data-theme=dark] .homeAboutRow--analysis,
:scope[data-theme=dark] .homeAboutRow--community,
:scope[data-theme=dark] .homeAboutRow--predict,
:scope[data-theme=dark] .homeAboutSummary{
  background:var(--surface);
  border-color:var(--border-soft);
}
:scope[data-theme=dark] .homeAboutIntro{background:color-mix(in srgb,var(--accent-primary) 12%,transparent);border-color:color-mix(in srgb,var(--accent-primary) 18%,transparent)}
:scope[data-theme=dark] .homeAboutRow--analysis{background:color-mix(in srgb,var(--accent-primary) 10%,var(--surface));border-color:color-mix(in srgb,var(--accent-primary) 16%,transparent)}
:scope[data-theme=dark] .homeAboutRow--community{background:color-mix(in srgb,var(--accent-primary) 6%,var(--soft));border-color:var(--border-soft)}
:scope[data-theme=dark] .homeAboutSummary{border-color:color-mix(in srgb,var(--accent-primary) 18%,var(--border-soft));background:color-mix(in srgb,var(--accent-primary) 6%,var(--surface))}
:scope[data-theme=dark] .homeAboutCard,
:scope[data-theme=dark] .homeAboutCard--domain,
:scope[data-theme=dark] .homeAboutCard--telegram,
:scope[data-theme=dark] .homeAboutCard--notice{
  background:var(--surface-soft);
  border-color:var(--border-soft);
}
:scope[data-theme=dark] .homeAboutIntro h2,
:scope[data-theme=dark] .homeAboutHead h3,
:scope[data-theme=dark] .homeAboutCardCopy b,
:scope[data-theme=dark] .homeAboutSummary h2{color:var(--text-primary)}
:scope[data-theme=dark] .homeAboutIcon{
  background:var(--surface-card);
  color:var(--dark-accent-blue);
}
:scope[data-theme=dark] .homeAboutCard--domain .homeAboutIcon,
:scope[data-theme=dark] .homeAboutCard--telegram .homeAboutIcon,
:scope[data-theme=dark] .homeAboutCard--notice .homeAboutIcon{
  background:var(--surface-card);
  color:var(--dark-accent-blue);
}

.footer,
.footerInner,
:scope[data-theme=dark] .footer,
:scope[data-theme=dark] .footerInner{
  background:var(--bg);
  color:var(--text-secondary);
  border-color:var(--border-soft);
}

:scope[data-theme=dark] .headerTools .iconButton:hover,
:scope[data-theme=dark] .headerTools .headerInbox:hover,
:scope[data-theme=dark] .headerTools .iconButton.themeToggle:hover{
  background:var(--ctrl-bg-hover);
  color:var(--ctrl-fg-hover);
  border-color:transparent;
}

/* —— Category page shell lock —— */
.wrap.pageWrap,
.pageWrap{
  width:min(1660px,calc(100% - 64px));
  margin-inline:auto;
}
@media(min-width:1900px){
  .wrap.pageWrap,.pageWrap{width:min(1740px,calc(100% - 96px))}
}
@media(max-width:760px){
  .wrap.pageWrap,.pageWrap{width:calc(100% - 24px)}
}
.pageWrap > .pageHero + .nntvCard,
.pageWrap > .pageHero + .pageBody,
.pageWrap > .pageBody.nntvCard{
  padding-inline:var(--page-hero-pad-x,25px);
  border-radius:16px;
  border-color:var(--line);
}
@media(max-width:760px){
  .pageWrap > .pageHero + .nntvCard,
  .pageWrap > .pageHero + .pageBody,
  .pageWrap > .pageBody.nntvCard{padding-inline:var(--page-hero-pad-x,16px)}
}

:scope{
  --cta-success-bg:#166534;
  --cta-success-bg-hover:#15803d;
  --cta-success-bg-active:#14532d;
  --cta-success-fg:#fff;
  --cta-success-focus:rgba(22,101,52,.32);
}
:scope[data-theme="dark"]{
  --cta-success-bg:#047857;
  --cta-success-bg-hover:#059669;
  --cta-success-bg-active:#065f46;
  --cta-success-focus:rgba(4,120,87,.4);
}

.successBtn,
button.successBtn,
.homeBoard .referral .successBtn,
:scope[data-theme="dark"] .homeBoard .referral .successBtn,
:scope[data-theme="dark"] .homeBoard .primaryBtn.successBtn{
  background:transparent;
  border:1px solid var(--cta-success-bg);
  color:var(--text-primary);
  box-shadow:none;
}
.successBtn:hover,
button.successBtn:hover,
.homeBoard .referral .successBtn:hover,
:scope[data-theme="dark"] .homeBoard .referral .successBtn:hover{
  background:color-mix(in srgb,var(--cta-success-bg) 5%,transparent);
  border-color:var(--cta-success-bg-hover);
  color:var(--text-primary);
}
.successBtn:active,
button.successBtn:active{
  background:color-mix(in srgb,var(--cta-success-bg) 9%,transparent);
  border-color:var(--cta-success-bg-active);
  color:var(--text-primary);
}
.successBtn:focus-visible{
  outline:2px solid var(--cta-success-focus);
  outline-offset:2px;
}

.homeBoard .referral{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:8px;
  color:var(--text-primary);
  border:1px solid var(--card-light-border);
  border-radius:16px;
  padding:16px;
  background:var(--card-light-bg);
  box-shadow:var(--card-light-shadow);
}
.referralIcon{
  width:40px;
  height:40px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:color-mix(in srgb,var(--cta-success-bg) 12%,var(--surface-soft));
  color:var(--cta-success-bg);
}
.referralIcon svg{display:block}
.homeBoard .referral b{
  font-size:16px;
  font-weight:800;
  letter-spacing:-.3px;
  line-height:1.35;
  color:var(--text-primary);
}
.homeBoard .referral p{
  margin:0;
  font-size:12px;
  color:var(--text-muted);
  line-height:1.5;
}
.homeBoard .referral .successBtn{
  margin-top:auto;
  width:100%;
  height:var(--ctrl-h-lg);
  min-height:var(--ctrl-h-lg);
  padding:0 var(--ctrl-pad-lg);
  border-radius:var(--ctrl-radius-lg);
  font-size:var(--ctrl-fs-lg);
  font-weight:var(--ctrl-fw);
}
:scope[data-theme="dark"] .homeBoard .referral{
  background:var(--card-dark-bg);
  border-color:var(--card-dark-border);
  box-shadow:var(--card-dark-shadow);
  color:var(--text-primary);
}
:scope[data-theme="dark"] .referralIcon{
  background:rgba(4,120,87,.18);
  color:#86C8A8;
}

.homeAboutEyebrow,
.homeAboutNo,
.homeAboutLabel,
.homeAboutKicker,
.homeAboutPills li{
  color:var(--text-muted);
}
.homeAboutIntro,
.homeAboutSummary{
  background:var(--surface-card);
  border:1px solid var(--border-soft);
}
.homeAboutIntro h2,
.homeAboutHead h3,
.homeAboutSummary h2,
.homeAboutCardCopy b{
  color:var(--text-primary);
}
.homeAboutLead p,
.homeAboutCopy p{
  color:var(--text-secondary);
}
.homeAboutRow{
  background:var(--surface-card);
  border:1px solid var(--border-soft);
  box-shadow:none;
}
.homeAboutRow--live{box-shadow:inset 0 2px 0 color-mix(in srgb,var(--text-muted) 35%,transparent)}
.homeAboutRow--analysis,
.homeAboutRow--community,
.homeAboutRow--predict{
  background:var(--surface-card);
  border-color:var(--border-soft);
}
.homeAboutRow--predict:after{content:none}
.homeAboutCard{
  background:var(--surface-soft);
  border-color:var(--border-soft);
}
.homeAboutIcon{
  background:color-mix(in srgb,var(--accent-primary) 12%,var(--surface-soft));
  color:var(--accent-primary);
}
.homeAboutCard--domain,
.homeAboutCard--telegram,
.homeAboutCard--notice{
  background:var(--surface-soft);
  border-color:var(--border-soft);
  color:inherit;
}
.homeAboutCard--domain .homeAboutIcon,
.homeAboutCard--telegram .homeAboutIcon,
.homeAboutCard--notice .homeAboutIcon{
  background:color-mix(in srgb,var(--accent-primary) 14%,var(--surface-soft));
  color:var(--accent-primary);
}
.homeAboutCard--domain .homeAboutCardCopy b,
.homeAboutCard--telegram .homeAboutCardCopy b,
.homeAboutCard--notice .homeAboutCardCopy b{color:var(--text-primary)}
.homeAboutCard--domain .homeAboutCardCopy p,
.homeAboutCard--telegram .homeAboutCardCopy p,
.homeAboutCard--notice .homeAboutCardCopy p{color:var(--text-muted);opacity:1}

:scope[data-theme="dark"] .homeAboutEyebrow,
:scope[data-theme="dark"] .homeAboutNo,
:scope[data-theme="dark"] .homeAboutLabel,
:scope[data-theme="dark"] .homeAboutKicker,
:scope[data-theme="dark"] .homeAboutPills li{
  color:var(--text-secondary);
}
:scope[data-theme="dark"] .homeAboutIntro,
:scope[data-theme="dark"] .homeAboutSummary,
:scope[data-theme="dark"] .homeAboutRow,
:scope[data-theme="dark"] .homeAboutRow--analysis,
:scope[data-theme="dark"] .homeAboutRow--community,
:scope[data-theme="dark"] .homeAboutRow--predict{
  background:var(--surface-card);
  border-color:var(--border-soft);
}
:scope[data-theme="dark"] .homeAboutCard,
:scope[data-theme="dark"] .homeAboutCard--domain,
:scope[data-theme="dark"] .homeAboutCard--telegram,
:scope[data-theme="dark"] .homeAboutCard--notice{
  background:var(--surface-soft);
  border-color:var(--border-soft);
}
:scope[data-theme="dark"] .homeAboutIcon,
:scope[data-theme="dark"] .homeAboutCard--domain .homeAboutIcon,
:scope[data-theme="dark"] .homeAboutCard--telegram .homeAboutIcon,
:scope[data-theme="dark"] .homeAboutCard--notice .homeAboutIcon{
  background:var(--surface-card);
  color:var(--dark-accent-blue);
}
:scope[data-theme="dark"] .homeAboutCard--telegram .homeAboutIcon{color:#2AABEE}
:scope[data-theme="dark"] .homeAboutEyebrow,
:scope[data-theme="dark"] .homeAboutNo,
:scope[data-theme="dark"] .homeAboutLabel,
:scope[data-theme="dark"] .homeAboutKicker{color:var(--dark-accent-blue)}
:scope[data-theme="dark"] .homeAboutIntro h2,
:scope[data-theme="dark"] .homeAboutHead h3,
:scope[data-theme="dark"] .homeAboutSummary h2,
:scope[data-theme="dark"] .homeAboutCardCopy b{
  color:var(--text-primary);
}
:scope[data-theme="dark"] .homeAboutLead p,
:scope[data-theme="dark"] .homeAboutCopy p{
  color:var(--text-secondary);
}

a.legendBanner{
  text-decoration:none;
  color:inherit;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease;
}
a.legendBanner:hover{
  border-color:var(--ctrl-border-hover);
  background:
    radial-gradient(circle at 86% 18%,rgba(196,154,60,.12),transparent 34%),
    linear-gradient(135deg,#FFFFFF 0%,#F5F9FD 48%,#EEF4FA 100%);
}
a.legendBanner:focus-visible{
  outline:2px solid var(--ctrl-focus);
  outline-offset:2px;
}
:scope[data-theme="dark"] a.legendBanner:hover{
  border-color:var(--ctrl-border-hover);
  background:var(--ctrl-bg-hover);
}

.ranking .emptyState b,
.homeRankStack .emptyState b{
  white-space:nowrap;
}
@media(max-width:480px){
  .ranking .emptyState b,
  .homeRankStack .emptyState b{white-space:normal}
}

.bcSportsRow .bcSport svg,
.bcSportMini svg{
  width:var(--filter-chip-icon,16px);
  height:var(--filter-chip-icon,16px);
  display:block;
}

.partnerGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  justify-content:start;
  gap:var(--space-lg);
  margin-top:16px;
}
.partnerGrid .emptyState{
  grid-column:1/-1;
  min-height:180px;
  place-content:center;
}
.partnerCard{
  display:flex;
  flex-direction:column;
  width:100%;
  max-width:none;
  min-width:0;
  min-height:0;
  padding:0;
  overflow:hidden;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--panel-radius);
  box-shadow:var(--panel-shadow);
  color:inherit;
  text-decoration:none;
  transition:background .18s ease,border-color .18s ease;
}
.partnerCard:hover,
a.partnerCard:hover{
  transform:none;
  box-shadow:none;
  background:var(--surface);
  border-color:var(--ctrl-border-hover);
}
.partnerCard:focus-visible{
  outline:2px solid var(--ctrl-focus);
  outline-offset:2px;
}
.partnerCard .partnerBanner{
  display:none;
}
.partnerCardMedia{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:300px;
  flex:none;
  min-width:0;
  background:var(--surface);
  overflow:hidden;
}
.partnerCardLogo,
.partnerCardMark,
.partnerCard .partnerCardLogo{
  width:100%;
  height:100%;
  aspect-ratio:auto;
  flex:none;
  border:0;
  border-radius:0;
  background:var(--surface);
  object-fit:contain;
  object-position:center;
  display:block;
  overflow:hidden;
  color:var(--ctrl-fg);
  font-size:18px;
  font-weight:800;
}
.partnerCardMark{
  display:grid;
  place-items:center;
}
.partnerCard .partnerCardLogo{
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
}
@media(max-width:1100px){
  .partnerGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .partnerGrid{grid-template-columns:minmax(0,1fr)}
  .partnerCardMedia{height:260px}
}
.partnerCardBar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
  min-height:68px;
  padding:13px 14px;
  box-sizing:border-box;
  border-top:1px solid var(--line);
  background:var(--surface);
}
.partnerCardBrand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  flex:1;
}
.partnerCardBrandIcon{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  flex:none;
  border-radius:10px;
  background:var(--accent-primary-soft);
  color:var(--accent-primary);
}
.partnerCardBrandDetails{display:flex;flex-direction:column;gap:4px;min-width:0}
.partnerCardName{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:0}
.partnerCardBar h3,
.partnerCardName h3{
  margin:0;
  min-width:0;
  max-width:100%;
  font-size:13px;
  font-weight:700;
  line-height:1.3;
  color:var(--text-primary);
  white-space:normal;
  overflow-wrap:anywhere;
}
.partnerCardName .statusBadge{
  flex:0 0 auto;
  padding:3px 6px;
  border-radius:5px;
  font-size:10px;
  font-weight:600;
  line-height:1;
}
.partnerCardSubtitle{font-size:9px;font-weight:600;letter-spacing:.06em;line-height:1.4;color:var(--text-muted);overflow-wrap:anywhere}
.partnerCardValue{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 1 auto;min-width:0;max-width:42%;text-align:right;overflow-wrap:anywhere}
.partnerCardValueLabel{font-size:9px;line-height:1.4;color:var(--text-muted)}
.partnerCardValue strong{font-size:12px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums;background:none;border:0}
@media(max-width:480px){
  .partnerCardBar{padding:11px 12px;gap:8px}
  .partnerCardBrand{gap:8px}
  .partnerCardBrandIcon{width:32px;height:32px}
  .partnerCardName{gap:4px}
  .partnerCardValue strong{font-size:11px}
}
.partnerCardTitle,
.partnerCardBody,
.partnerCardFoot,
.partnerCardGo{
  display:none;
}
.partnerCardBadges{display:flex;flex-wrap:wrap;gap:6px}
:scope[data-theme=dark] .partnerCard,
:scope[data-theme=dark] .partnerCardMedia,
:scope[data-theme=dark] .partnerCardBar{
  background:var(--surface);
  border-color:var(--line);
}
:scope[data-theme=dark] .partnerCard:hover,
:scope[data-theme=dark] a.partnerCard:hover{
  background:var(--surface);
  border-color:var(--ctrl-border-hover);
  box-shadow:none;
}
:scope[data-theme=dark] .partnerCardBar h3,
:scope[data-theme=dark] .partnerCardName h3{color:var(--text-primary)}
@media(max-width:760px){
  .bcLiveCard,
  .bcLiveCard.bcLiveCard--domain,
  .bcLiveCard.bcLiveCard--telegram,
  .bcLiveCard.bcLiveCard--referral{
    min-height:54px;
    height:54px;
    grid-template-columns:26px minmax(0,1fr) 14px;
  }
  .bcLiveCardIcon{width:26px;height:26px;flex-basis:26px;background:transparent}
  .bcLiveCardIcon svg{width:24px;height:24px}
}

.playerWaiting{
  --pw-bg:#F5F8FC;
  --pw-bg-glow:rgba(30,64,175,.10);
  --pw-grid:rgba(30,64,175,.10);
  --pw-ring:rgba(59,91,179,.22);
  --pw-ring-mid:rgba(30,64,175,.30);
  --pw-ring-inner:rgba(23,53,149,.40);
  --pw-mark-bg:#FFFFFF;
  --pw-mark-border:rgba(59,91,179,.32);
  --pw-mark-glow:rgba(59,91,179,.10);
  --pw-play:var(--accent-primary);
  --pw-play-disc:var(--accent-primary);
  --pw-play-tri:#FFFFFF;
  --pw-play-glow:rgba(59,91,179,.34);
  --pw-signal-bg:#FFFFFF;
  --pw-signal-border:rgba(59,91,179,.38);
  --pw-signal-fg:var(--accent-primary);
  --pw-dot:var(--accent-primary);
  --pw-word:#0A1B45;
  --pw-kicker:#7A8CB5;
  --pw-title:#0A1B45;
  --pw-hint:#6B7C94;
  --pw-wave:var(--accent-primary);
  container-type:size;
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  padding:12px;
  background:
    radial-gradient(ellipse at 50% 42%,var(--pw-bg-glow),transparent 46%),
    linear-gradient(180deg,#FFFFFF 0%,var(--pw-bg) 100%);
  color:var(--pw-title);
  text-align:center;
  overflow:hidden;
}
:scope[data-theme="dark"] .playerWaiting{
  --pw-bg:#0A1426;
  --pw-bg-glow:rgba(122,155,216,.14);
  --pw-grid:rgba(147,176,223,.08);
  --pw-ring:rgba(122,155,216,.16);
  --pw-ring-mid:rgba(147,176,223,.28);
  --pw-ring-inner:rgba(147,176,223,.42);
  --pw-mark-bg:rgba(14,26,47,.78);
  --pw-mark-border:rgba(147,176,223,.42);
  --pw-mark-glow:rgba(122,155,216,.18);
  --pw-play:var(--dark-accent-blue);
  --pw-play-disc:#0E1A2F;
  --pw-play-tri:var(--dark-accent-blue);
  --pw-play-glow:rgba(122,155,216,.55);
  --pw-signal-bg:rgba(14,26,47,.92);
  --pw-signal-border:rgba(147,176,223,.42);
  --pw-signal-fg:#C7D6EC;
  --pw-dot:var(--dark-accent-blue);
  --pw-word:#EEF2FF;
  --pw-kicker:#7A8CB5;
  --pw-title:#EEF2FF;
  --pw-hint:#A3B2C9;
  --pw-wave:var(--dark-accent-blue);
  background:
    radial-gradient(ellipse at 50% 42%,var(--pw-bg-glow),transparent 44%),
    linear-gradient(180deg,#0F1B2F 0%,#0A1426 100%);
}
.playerWaitingGrid{
  position:absolute;inset:-44px;pointer-events:none;
  background-image:
    linear-gradient(var(--pw-grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--pw-grid) 1px,transparent 1px);
  background-size:clamp(18px,5.6cqmin,44px) clamp(18px,5.6cqmin,44px);
  mask-image:radial-gradient(ellipse at 50% 46%,#000 34%,transparent 78%);
  animation:playerWaitingGridShift 22s linear infinite;
}
.playerWaitingInner{
  position:relative;z-index:1;display:grid;justify-items:center;
  width:min(92cqw, 92cqh);
  max-width:42ch;
  gap:clamp(6px,1.8cqmin,12px);
}
.playerWaitingStage{
  position:relative;
  width:min(52cqmin, 280px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
}
.playerWaitingRing{
  position:absolute;pointer-events:none;box-sizing:border-box;
  border:clamp(1.5px,.35cqmin,2.5px) solid var(--pw-ring);
  transform-origin:center;
}
.playerWaitingRing--outer{
  inset:0;border-radius:28%;
  animation:playerWaitingRingPulse 3.8s ease-in-out .9s infinite;
}
.playerWaitingRing--mid{
  inset:7%;border-radius:26%;border-color:var(--pw-ring-mid);
  animation:playerWaitingRingPulse 3.8s ease-in-out .45s infinite;
}
.playerWaitingRing--inner{
  inset:14%;border-radius:24%;border-color:var(--pw-ring-inner);
  box-shadow:0 0 22px var(--pw-mark-glow);
  animation:playerWaitingRingPulse 3.8s ease-in-out 0s infinite;
}
.playerWaitingMark{
  position:relative;z-index:1;
  width:58%;height:58%;
  display:grid;place-items:center;align-content:center;
  gap:clamp(6px,2cqmin,12px);
  padding-top:clamp(10px,2.8cqmin,16px);
  border:0;
  background:transparent;
  box-shadow:none;
  color:var(--pw-word);
}
.playerWaitingSignal{
  position:absolute;top:0;left:50%;transform:translate(-50%,-50%);
  display:inline-flex;align-items:center;gap:clamp(4px,.9cqmin,7px);
  height:clamp(16px,3.6cqmin,22px);padding:0 clamp(7px,1.5cqmin,11px);
  border:1px solid var(--pw-signal-border);border-radius:999px;
  background:var(--pw-signal-bg);
  font-size:clamp(7px,1.55cqmin,10px);font-weight:800;letter-spacing:.14em;
  color:var(--pw-signal-fg);white-space:nowrap;
}
.playerWaitingSignal i{
  position:relative;
  width:clamp(5px,1.15cqmin,7px);height:clamp(5px,1.15cqmin,7px);border-radius:50%;background:var(--pw-dot);
}
.playerWaitingSignal i::after{
  content:"";position:absolute;inset:-9px;border-radius:50%;
  background:radial-gradient(circle,var(--pw-dot),transparent 70%);
  animation:playerWaitingPulse 1.8s ease-out infinite;
}
.playerWaitingPlay{
  position:relative;
  width:clamp(40px,20cqmin,86px);height:clamp(40px,20cqmin,86px);
  color:var(--pw-play-tri);
}
@media(max-width:760px){
  .playerWaitingPlay{width:clamp(34px,16cqmin,68px);height:clamp(34px,16cqmin,68px)}
}
.playerWaitingPlay img{
  position:absolute;inset:10%;
  display:block;width:80%;height:80%;
  object-fit:contain;
}
.playerWaitingPlay .playerWaitingFavicon--white{display:none}
:scope[data-theme="dark"] .playerWaitingPlay .playerWaitingFavicon--blue{display:none}
:scope[data-theme="dark"] .playerWaitingPlay .playerWaitingFavicon--white{display:block}
.bcPage .playerWaitingPlay,
.bcPage .playerWaitingPlay img{
  animation:none;transform:none;transition:none;
}
.playerWaitingWordmark{
  position:relative;z-index:1;font-size:clamp(11px,4.2cqmin,20px);line-height:1;color:var(--pw-word)
}
.playerWaitingWordmark .brandWordmark{color:inherit;font-size:inherit}
.playerWaitingWordmark .brandLogo{height:1em;max-width:100%}
.playerWaitingWaves{
  display:flex;align-items:flex-end;justify-content:center;
  gap:clamp(3px,.7cqmin,5px);height:clamp(8px,2.2cqmin,12px);margin-top:clamp(2px,.6cqmin,4px)
}
.playerWaitingWaves i{
  display:block;width:clamp(2px,.45cqmin,3px);border-radius:99px;background:var(--pw-wave);
  transform-origin:center bottom;
  animation:playerWaitingWave 1.4s ease-in-out infinite;
}
.playerWaitingWaves i:nth-child(1){height:42%;animation-delay:0s}
.playerWaitingWaves i:nth-child(2){height:100%;animation-delay:.18s}
.playerWaitingWaves i:nth-child(3){height:58%;animation-delay:.36s}
.playerWaitingKicker{
  margin:clamp(2px,.8cqmin,6px) 0 0;font-size:clamp(8px,1.9cqmin,11px);font-weight:700;
  letter-spacing:.22em;color:var(--pw-kicker);
}
.playerWaitingTitle{
  margin:clamp(8px,2.4cqmin,18px) 0 0;font-size:clamp(14px,4.6cqmin,24px);font-weight:800;
  letter-spacing:-.04em;line-height:1.25;color:var(--pw-title);
}
.playerWaitingHint{
  margin:0;font-size:clamp(10px,2.3cqmin,13px);font-weight:500;color:var(--pw-hint);line-height:1.4;
}
@keyframes playerWaitingPulse{
  0%{opacity:.6;transform:scale(.2)}
  70%,100%{opacity:0;transform:scale(1)}
}
@keyframes playerWaitingWave{
  0%,100%{transform:scaleY(.45);opacity:.45}
  50%{transform:scaleY(1.35);opacity:1}
}
@keyframes playerWaitingRingPulse{
  0%,100%{transform:scale(.97);opacity:.38}
  42%{transform:scale(1.035);opacity:1}
  70%{transform:scale(1.01);opacity:.62}
}
@keyframes playerWaitingGridShift{
  0%{transform:translate(0,0)}
  100%{transform:translate(44px,44px)}
}
.playerWaiting[data-motion=paused] .playerWaitingGrid,
.playerWaiting[data-motion=paused] .playerWaitingRing,
.playerWaiting[data-motion=paused] .playerWaitingPlay,
.playerWaiting[data-motion=paused] .playerWaitingWaves i,
.playerWaiting[data-motion=paused] .playerWaitingSignal i::after{
  animation-play-state:paused;
}
@media(prefers-reduced-motion:reduce){
  .playerWaitingSignal i::after,.playerWaitingWaves i,.playerWaitingRing,.playerWaitingPlay,.playerWaitingGrid{animation:none}
}

@media(max-width:430px){
  .pageHeroCopy{padding-right:64px}
}

.predictionCard .odd em,.predictionCard .odd b,.predictionCard .matchKick strong,.predictionCard .matchVs,
.slipTeams,.slipFlag,.betHistNp,.betHistTeam,.betHistVs,.homeUtilityStat b,.homeQuickNavCopy b,
.shopBalanceChipValue b,.shopBalanceChipValue span,.shopPage .shopProductBody strong,.shopProductBody strong,
.attSummary b,.attendStats b,.rankHit b,.rankNo,.rankNick,.bcTeams b,.profileStats b,.pointDisplay,
.identityNick,.navItem:not(.active):not(.featured),
.profileStatValue,.profilePage .profileStat--tier .profileStatValue,.profilePage .profileStat--np .profileStatValue,
.metricBadge b,.metricBadge--md b,.metricBadge--compact b,.profilePage .metricBadge b
{font-weight:var(--fw-meta)}
.chatIdentity.identityMark.is-admin .identityNick{font-weight:700}
.sectionTitle,.sectionHead h2,.pageHero h1,.sportsHead h1,.hero.heroLite h1{font-weight:var(--fw-title)}
.brand,.floatChatBrand b{font-weight:900}
.pageHeroEyebrow{font-weight:var(--fw-ui)}
.pageHero h1{letter-spacing:-.05em}

.homeBoardTop>.predictionCard,.homeBoardTop>.homeRankStack{align-self:stretch}
.homeRankStack>.ranking{min-height:0;height:100%}
.homeRankStack .emptyState{
  flex:1 1 auto;min-height:180px;display:grid;place-content:center;align-content:center;
  background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 70%,transparent),transparent 70%);
  border-style:dashed
}
.homeRankStack .emptyState b{font-weight:var(--fw-title)}

.homeUtilityCopy{padding-right:80px}
.homeUtilityDecor{display:none}
.homeUtilityTile{
  position:absolute;top:62px;right:24px;z-index:1;width:64px;height:64px;flex:0 0 64px;
  border-radius:18px;display:grid;place-items:center;pointer-events:none;
  transform:rotate(-8deg);opacity:1;
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 14px 24px rgba(15,35,70,.07)
}
.homeUtilityTile svg{display:block;width:28px;height:28px}
.homeBoard .attendance{
  background:
    radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--accent-primary) 12%,transparent),transparent 34%),
    var(--card-light-bg);
  border:1px solid var(--card-light-border);box-shadow:var(--card-light-shadow)
}
.homeUtilityTile--attend{
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,246,255,.95));
  border:1px solid color-mix(in srgb,var(--accent-primary) 28%,transparent);color:var(--accent-primary)
}
.homeBoard .referral{
  background:
    radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--accent-primary) 12%,transparent),transparent 34%),
    var(--card-light-bg);
  border:1px solid var(--card-light-border);box-shadow:var(--card-light-shadow)
}
.homeUtilityTile--invite{
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,246,255,.95));
  border:1px solid color-mix(in srgb,var(--accent-primary) 28%,transparent);color:var(--accent-primary)
}
.attTrack{
  position:relative;z-index:2;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));
  gap:0;align-items:start;margin-top:auto;margin-bottom:12px
}
.attTrackDay{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;min-width:0}
.attTrackDay:not(:last-child):after{content:none}
.attTrackDot{
  width:12px;height:12px;border-radius:50%;border:1.5px solid var(--line);
  background:var(--surface);display:flex;align-items:center;justify-content:center;z-index:1
}
.attTrackDot i{width:4px;height:4px;border-radius:50%;background:#fff;display:block;margin:0}
.attTrackDay.is-done:after{background:color-mix(in srgb,#C45B7A 45%,var(--line))}
.attTrackDay.is-done .attTrackDot{background:#C45B7A;border-color:#C45B7A}
.attTrackDay small{font-size:9px;font-weight:500;color:var(--text-muted);line-height:1}
.attTrackDay.is-done small{color:var(--text-secondary)}

.shopPage{
  display:grid;gap:var(--shop-gap);min-width:0;width:100%
}
.shopDash{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%}
.shopDesk{display:grid;grid-template-columns:minmax(0,1fr) var(--shop-guide-w);gap:16px;align-items:start;width:100%}
.shopMain,.shopConvert,.shopBody,.shopAside{grid-column:auto;width:100%;min-width:0}
@media(max-width:980px){
  .shopDesk{grid-template-columns:minmax(0,1fr);gap:16px}
  .shopAside{position:static;top:auto}
}

.shopThumb--cream{background:#F8F1E6}
.shopThumb--beige{background:#F4EEE6}
.shopThumb--orange{background:#F8EFE6}
.shopThumb--violet{background:#F3EEF8}
.shopThumb--blue{background:#EEF3F8}
.shopThumb--pink{background:#F8EEF1}
.shopThumb--purple{background:#F2EEF8}
.shopThumb--green{background:#EEF5F0}
.shopThumb--slate{background:#F0F3F6}
.shopThumb--cream img,.shopThumb--beige img,.shopThumb--orange img,.shopThumb--violet img,
.shopThumb--blue img,.shopThumb--pink img,.shopThumb--purple img,.shopThumb--green img,
.shopThumb--slate img{object-fit:contain;padding:8px}
.giftImagePreview{width:96px;height:96px;object-fit:contain;border-radius:10px;background:var(--soft);padding:8px}
.giftImageModes{display:flex;gap:8px;flex-wrap:wrap}
.giftPresetGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.giftPresetBtn{
  display:grid;gap:6px;justify-items:center;padding:8px 6px;border:1px solid var(--line);
  border-radius:10px;background:var(--surface);cursor:pointer;color:var(--text)
}
.giftPresetBtn.is-on{border-color:var(--ctrl-border-active);background:var(--ctrl-bg-active)}
.giftPresetThumb{width:56px;height:56px;border-radius:10px;display:grid;place-items:center;overflow:hidden}
.giftPresetThumb img{width:100%;height:100%;object-fit:contain;padding:6px}
.giftPresetBtn small{font-size:10px;font-weight:500;line-height:1.2;text-align:center}
.giftCatIcon{display:grid;place-items:center;line-height:0;color:inherit}
.giftCatIcon svg{display:block;width:1em;height:1em}
.giftCatStack{position:relative;display:grid;place-items:center}
.giftCatStack>:last-child{position:absolute;right:-10%;bottom:-8%}
.giftCatMark{
  box-sizing:border-box;display:grid;place-items:center;flex:0 0 auto;
  border-radius:11px;color:var(--gift-cat-fg);background:var(--gift-cat-bg);border:1px solid var(--gift-cat-line);
  transition:color .18s ease,background .18s ease,border-color .18s ease
}
.giftCatMark--chicken{--gift-cat-fg:#C4783A;--gift-cat-bg:#F6EDE4;--gift-cat-line:rgba(196,120,58,.22)}
.giftCatMark--pizza{--gift-cat-fg:#C45C52;--gift-cat-bg:#F7E8E5;--gift-cat-line:rgba(196,92,82,.22)}
.giftCatMark--burger{--gift-cat-fg:#C4923A;--gift-cat-bg:#F6EFD9;--gift-cat-line:rgba(196,146,58,.22)}
.giftCatMark--coffee{--gift-cat-fg:#A88458;--gift-cat-bg:#F4EEE4;--gift-cat-line:rgba(168,132,88,.22)}
.giftCatMark--cafe{--gift-cat-fg:#4A82B0;--gift-cat-bg:#E8F1F7;--gift-cat-line:rgba(74,130,176,.22)}
.giftCatMark--convenience{--gift-cat-fg:#3A6AA8;--gift-cat-bg:#E8F0F8;--gift-cat-line:rgba(58,106,168,.22)}
.giftCatMark--voucher{--gift-cat-fg:#7A62A8;--gift-cat-bg:#F0EAF7;--gift-cat-line:rgba(122,98,168,.22)}
.giftCatMark--culture{--gift-cat-fg:#5A5EA8;--gift-cat-bg:#EBEBF8;--gift-cat-line:rgba(90,94,168,.22)}
.giftCatMark--mobile{--gift-cat-fg:#3A8A9A;--gift-cat-bg:#E6F4F5;--gift-cat-line:rgba(58,138,154,.22)}
.giftCatMark--department{--gift-cat-fg:#3A4E6A;--gift-cat-bg:#E8EDF2;--gift-cat-line:rgba(58,78,106,.2)}
.giftCatMark--mart{--gift-cat-fg:#3F8A5A;--gift-cat-bg:#E8F4EC;--gift-cat-line:rgba(63,138,90,.22)}
.giftCatMark--bakery{--gift-cat-fg:#C4A03A;--gift-cat-bg:#F7F1DC;--gift-cat-line:rgba(196,160,58,.22)}
.giftCatMark--icecream{--gift-cat-fg:#C47A92;--gift-cat-bg:#F7EAF0;--gift-cat-line:rgba(196,122,146,.22)}
.giftCatMark--dessert{--gift-cat-fg:#B85C72;--gift-cat-bg:#F6E8EC;--gift-cat-line:rgba(184,92,114,.22)}
.giftCatMark--movie{--gift-cat-fg:#6A5AA8;--gift-cat-bg:#EEEAF8;--gift-cat-line:rgba(106,90,168,.22)}
.giftCatMark--dining{--gift-cat-fg:#3A8A82;--gift-cat-bg:#E6F4F2;--gift-cat-line:rgba(58,138,130,.22)}
.giftCatMark--delivery{--gift-cat-fg:#C4783A;--gift-cat-bg:#F6EDE4;--gift-cat-line:rgba(196,120,58,.22)}
.giftCatMark--fastfood{--gift-cat-fg:#C49638;--gift-cat-bg:#F6F0DC;--gift-cat-line:rgba(196,150,56,.22)}
.giftCatMark--living{--gift-cat-fg:#4A9A82;--gift-cat-bg:#E8F5F0;--gift-cat-line:rgba(74,154,130,.22)}
.giftCatMark--beauty{--gift-cat-fg:#C46A8A;--gift-cat-bg:#F7EAF0;--gift-cat-line:rgba(196,106,138,.22)}
.giftCatMark--game{--gift-cat-fg:#7A62A8;--gift-cat-bg:#F0EAF7;--gift-cat-line:rgba(122,98,168,.22)}
.giftCatMark--transit{--gift-cat-fg:#3A6AA8;--gift-cat-bg:#E8F0F8;--gift-cat-line:rgba(58,106,168,.22)}
.giftCatMark--other{--gift-cat-fg:#6A7684;--gift-cat-bg:#EEF1F4;--gift-cat-line:rgba(106,118,132,.2)}
.shopThumb.shopThumb--theme .giftCatIcon,.shopThumb.shopThumb--theme .giftCatIcon svg{color:inherit}
.shopFilters.tabs .tab{gap:0}
.giftCatField{display:grid;gap:8px}
.giftCatField>small{font-size:12px;font-weight:600;color:var(--muted)}
.giftCatPick{display:flex;flex-wrap:wrap;gap:8px}
.giftCatPickBtn{
  width:88px;min-width:88px;height:70px;padding:8px 6px;box-sizing:border-box;
  display:grid;justify-items:center;align-content:center;gap:6px;
  border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer
}
.giftCatPickBtn.is-on{border-color:var(--ctrl-border-active);background:var(--ctrl-bg-active)}
.giftCatPickBtn small{font-size:10px;font-weight:600;line-height:1.2;text-align:center}
.historyThumb .giftCatMark{width:100%;height:100%;border-radius:8px}

:scope[data-theme="dark"] .homeBoard .attendance{
  background:
    radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--accent-primary) 14%,transparent),transparent 34%),
    var(--card-dark-bg);
  border-color:var(--card-dark-border);
  box-shadow:var(--card-dark-shadow);
}
:scope[data-theme="dark"] .homeBoard .referral{
  background:
    radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--accent-primary) 14%,transparent),transparent 34%),
    var(--card-dark-bg);
  border-color:var(--card-dark-border);
  box-shadow:var(--card-dark-shadow);
}
:scope[data-theme="dark"] .homeUtilityTile--attend{
  background:linear-gradient(145deg,#223249,var(--surface-elevated));border-color:color-mix(in srgb,var(--accent-primary) 32%,transparent);color:var(--accent-primary)
}
:scope[data-theme="dark"] .homeUtilityTile--invite{
  background:linear-gradient(145deg,#223249,var(--surface-elevated));border-color:color-mix(in srgb,var(--accent-primary) 32%,transparent);color:var(--accent-primary)
}
:scope[data-theme="dark"] .attTrackDot{background:var(--surface-soft);border-color:var(--line)}
:scope[data-theme="dark"] .hero.heroLite .heroTile--mark,
:scope[data-theme="dark"] .hero.heroLite .heroTile--mark .brandSymbol{color:var(--accent-primary)}
:scope[data-theme="dark"] .shopThumb--cream{background:rgba(232,210,176,.12)}
:scope[data-theme="dark"] .shopThumb--beige{background:rgba(214,198,176,.12)}
:scope[data-theme="dark"] .shopThumb--orange{background:rgba(224,160,112,.12)}
:scope[data-theme="dark"] .shopThumb--violet{background:rgba(196,176,255,.12)}
:scope[data-theme="dark"] .shopThumb--blue{background:rgba(130,172,232,.12)}
:scope[data-theme="dark"] .shopThumb--pink{background:rgba(240,163,184,.12)}
:scope[data-theme="dark"] .shopThumb--purple{background:rgba(196,176,255,.14)}
:scope[data-theme="dark"] .shopThumb--green{background:rgba(110,231,183,.12)}
:scope[data-theme="dark"] .shopThumb--slate{background:rgba(181,194,209,.1)}
:scope[data-theme="dark"] .giftCatMark--chicken,
.opsApp[data-theme="dark"] .giftCatMark--chicken{--gift-cat-fg:#E0A06A;--gift-cat-bg:rgba(224,160,112,.2);--gift-cat-line:rgba(224,160,112,.32)}
:scope[data-theme="dark"] .giftCatMark--pizza,
.opsApp[data-theme="dark"] .giftCatMark--pizza{--gift-cat-fg:#E08A7C;--gift-cat-bg:rgba(224,138,124,.2);--gift-cat-line:rgba(224,138,124,.32)}
:scope[data-theme="dark"] .giftCatMark--burger,
.opsApp[data-theme="dark"] .giftCatMark--burger{--gift-cat-fg:#DDB868;--gift-cat-bg:rgba(221,184,104,.18);--gift-cat-line:rgba(221,184,104,.3)}
:scope[data-theme="dark"] .giftCatMark--coffee,
.opsApp[data-theme="dark"] .giftCatMark--coffee{--gift-cat-fg:#D2B48A;--gift-cat-bg:rgba(210,180,138,.18);--gift-cat-line:rgba(210,180,138,.3)}
:scope[data-theme="dark"] .giftCatMark--cafe,
.opsApp[data-theme="dark"] .giftCatMark--cafe{--gift-cat-fg:#7EB0D4;--gift-cat-bg:rgba(126,176,212,.18);--gift-cat-line:rgba(126,176,212,.3)}
:scope[data-theme="dark"] .giftCatMark--convenience,
.opsApp[data-theme="dark"] .giftCatMark--convenience{--gift-cat-fg:#7AA3D4;--gift-cat-bg:rgba(122,163,212,.18);--gift-cat-line:rgba(122,163,212,.3)}
:scope[data-theme="dark"] .giftCatMark--voucher,
.opsApp[data-theme="dark"] .giftCatMark--voucher{--gift-cat-fg:#B49AD8;--gift-cat-bg:rgba(180,154,216,.18);--gift-cat-line:rgba(180,154,216,.3)}
:scope[data-theme="dark"] .giftCatMark--culture,
.opsApp[data-theme="dark"] .giftCatMark--culture{--gift-cat-fg:#8B90D4;--gift-cat-bg:rgba(139,144,212,.18);--gift-cat-line:rgba(139,144,212,.3)}
:scope[data-theme="dark"] .giftCatMark--mobile,
.opsApp[data-theme="dark"] .giftCatMark--mobile{--gift-cat-fg:#6CBCC8;--gift-cat-bg:rgba(108,188,200,.18);--gift-cat-line:rgba(108,188,200,.3)}
:scope[data-theme="dark"] .giftCatMark--department,
.opsApp[data-theme="dark"] .giftCatMark--department{--gift-cat-fg:#8AA0B8;--gift-cat-bg:rgba(138,160,184,.16);--gift-cat-line:rgba(138,160,184,.28)}
:scope[data-theme="dark"] .giftCatMark--mart,
.opsApp[data-theme="dark"] .giftCatMark--mart{--gift-cat-fg:#6CBC88;--gift-cat-bg:rgba(108,188,136,.16);--gift-cat-line:rgba(108,188,136,.28)}
:scope[data-theme="dark"] .giftCatMark--bakery,
.opsApp[data-theme="dark"] .giftCatMark--bakery{--gift-cat-fg:#DCC070;--gift-cat-bg:rgba(220,192,112,.18);--gift-cat-line:rgba(220,192,112,.3)}
:scope[data-theme="dark"] .giftCatMark--icecream,
.opsApp[data-theme="dark"] .giftCatMark--icecream{--gift-cat-fg:#E0A0B4;--gift-cat-bg:rgba(224,160,180,.18);--gift-cat-line:rgba(224,160,180,.3)}
:scope[data-theme="dark"] .giftCatMark--dessert,
.opsApp[data-theme="dark"] .giftCatMark--dessert{--gift-cat-fg:#D88A9C;--gift-cat-bg:rgba(216,138,156,.18);--gift-cat-line:rgba(216,138,156,.3)}
:scope[data-theme="dark"] .giftCatMark--movie,
.opsApp[data-theme="dark"] .giftCatMark--movie{--gift-cat-fg:#A090D0;--gift-cat-bg:rgba(160,144,208,.18);--gift-cat-line:rgba(160,144,208,.3)}
:scope[data-theme="dark"] .giftCatMark--dining,
.opsApp[data-theme="dark"] .giftCatMark--dining{--gift-cat-fg:#6CBCB4;--gift-cat-bg:rgba(108,188,180,.16);--gift-cat-line:rgba(108,188,180,.28)}
:scope[data-theme="dark"] .giftCatMark--delivery,
.opsApp[data-theme="dark"] .giftCatMark--delivery{--gift-cat-fg:#E09A62;--gift-cat-bg:rgba(224,154,98,.2);--gift-cat-line:rgba(224,154,98,.32)}
:scope[data-theme="dark"] .giftCatMark--fastfood,
.opsApp[data-theme="dark"] .giftCatMark--fastfood{--gift-cat-fg:#DDB868;--gift-cat-bg:rgba(221,184,104,.18);--gift-cat-line:rgba(221,184,104,.3)}
:scope[data-theme="dark"] .giftCatMark--living,
.opsApp[data-theme="dark"] .giftCatMark--living{--gift-cat-fg:#7CC4AC;--gift-cat-bg:rgba(124,196,172,.16);--gift-cat-line:rgba(124,196,172,.28)}
:scope[data-theme="dark"] .giftCatMark--beauty,
.opsApp[data-theme="dark"] .giftCatMark--beauty{--gift-cat-fg:#E094B0;--gift-cat-bg:rgba(224,148,176,.18);--gift-cat-line:rgba(224,148,176,.3)}
:scope[data-theme="dark"] .giftCatMark--game,
.opsApp[data-theme="dark"] .giftCatMark--game{--gift-cat-fg:#B49AD8;--gift-cat-bg:rgba(180,154,216,.18);--gift-cat-line:rgba(180,154,216,.3)}
:scope[data-theme="dark"] .giftCatMark--transit,
.opsApp[data-theme="dark"] .giftCatMark--transit{--gift-cat-fg:#7AA3D4;--gift-cat-bg:rgba(122,163,212,.18);--gift-cat-line:rgba(122,163,212,.3)}
:scope[data-theme="dark"] .giftCatMark--other,
.opsApp[data-theme="dark"] .giftCatMark--other{--gift-cat-fg:#A0AAB4;--gift-cat-bg:rgba(160,170,180,.14);--gift-cat-line:rgba(160,170,180,.26)}

@media(max-width:1200px){
  .homeRankStack{height:auto;grid-template-rows:auto}
  .shopPage{grid-template-columns:1fr}
  .shopAside{grid-column:1;grid-row:auto}
}
@media(max-width:760px){
  .homeUtilityCopy{padding-right:80px}
  .homeUtilityTile{width:56px;height:56px;border-radius:16px;opacity:1}
  .attTrackDay:not(:last-child):after{content:none}
  .shopDash{grid-template-columns:1fr 1fr}
  .shopDashCard{height:40px;min-height:40px;padding:0 12px;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}
  .shopDashCard b{font-size:13px}
  .shopDashCard small{font-size:10px}
  .shopDashCard .shopBalanceChipValue b{font-size:14px}
  .shopConvert,.shopMain,.shopBody{width:100%;max-width:none}
}

.brandWordmark{
  display:inline-block;
  flex:0 0 auto;
  width:4.43036em;
  height:1em;
  color:inherit;
  fill:currentColor;
  vertical-align:middle;
  overflow:visible
}
.topbar .brand .brandBadge,
.topbar .brand .brandMark,
.topbar .brand .brandSymbol,
.footer .brand .brandBadge,
.footer .brand .brandMark,
.footer .brand .brandSymbol,
.mobileNavBrand .brandBadge,
.mobileNavBrand .brandMark,
.mobileNavBrand .brandSymbol{display:none}
.hero .brandSymbol,.heroTile--mark .brandSymbol{display:block;color:var(--accent)}
.hero.heroLite .heroTile--mark .brandSymbol--dark{display:none}
:scope[data-theme="dark"] .hero.heroLite .heroTile--mark .brandSymbol--light{display:none}
:scope[data-theme="dark"] .hero.heroLite .heroTile--mark .brandSymbol--dark{display:block}
.topbar .brand,.footer .brand,.mobileNavBrand{
  display:inline-flex;
  align-items:center;
  gap:0;
  font-size:25px;
  font-weight:900;
  letter-spacing:-.03em
}
@media(max-width:767px){
  .topbar > .brand{position:relative}
  /* Expand the hit area without moving the wordmark or adjacent controls. */
  .topbar > .brand::before{
    content:"";position:absolute;left:0;top:50%;
    width:100%;min-width:44px;height:44px;transform:translateY(-50%)
  }
}
.homeAboutRow--predict:after{content:none !important}

.predictionCard .odd b,.predictionCard .odd em{font-size:11.5px;font-weight:500}
.predictionCard .matchKick strong{font-size:11px;font-weight:500}
.predictionCard .matchMeta small{font-size:11px;font-weight:400}

.shopPage .shopConvert .formGrid,
.shopConvertForm{max-width:none;width:100%}
.shopConvert .primaryBtn,.shopConvertForm .primaryBtn{max-width:none}

.bcPage .bcAd{background:color-mix(in srgb,var(--navy) 16%,var(--soft));color:var(--text-primary)}
.bcPage .bcSport.active,
.bcPage .bcChip.active,
.bcPage .bcSport.active:hover,
.bcPage .bcChip.active:hover{
  background:color-mix(in srgb,var(--navy) 8%,var(--surface));
  border-color:var(--line);
  color:var(--text-primary)
}
.bcPage .bcRow.active{background:color-mix(in srgb,var(--navy) 5%,var(--surface));border-color:var(--line)}
.bcTeam:before,.bcTeams b:before{content:none;display:none}

.sportsAnalysisGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.analysisPickGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1279px){
  .sportsAnalysisGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1024px){
  .analysisPickGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .sportsAnalysisGrid{grid-template-columns:1fr}
  .analysisPickGrid{grid-template-columns:1fr}
  .sportsAnalysisMatchup{gap:4px}
  .sportsAnalysisMatchupTeam .sportsAnalysisLogo{width:28px;height:28px;flex-basis:28px}
  .sportsAnalysisMatchupTeam .sportsAnalysisLogo .teamCrestImg{width:28px;height:28px}
  .sportsAnalysisTeamName{font-size:12px}
}

:scope[data-theme="dark"] .floatChatPanel,
:scope[data-theme="dark"] .floatChatPanel .chatPanel,
:scope[data-theme="dark"] .chatPanel,
:scope[data-theme="dark"] .bcChatDock .floatChatPanel{
  background:var(--header-bg);
  border-color:var(--border-soft)
}
:scope[data-theme="dark"] .chatLog,
:scope[data-theme="dark"] .floatChatPanel .chatLog{
  background:var(--surface-card);
  border-color:var(--border-soft)
}
.floatChatPanel .chatPanel,
.floatChatPanel .chatLog,
:scope[data-theme="dark"] .floatChatPanel .chatPanel,
:scope[data-theme="dark"] .floatChatPanel .chatLog{
  background:var(--surface-card);
  border:0;
  border-radius:0;
}
:scope[data-theme="dark"] .chatMsg{
  background:var(--soft)
}
:scope[data-theme="dark"] .floatChatPanel .chatComposer,
:scope[data-theme="dark"] .chatComposer{
  background:var(--surface-card);
  border-color:var(--border-soft)
}
:scope[data-theme="dark"] .bcBadge.up,
:scope[data-theme="dark"] .bcCount,
:scope[data-theme="dark"] .bcPage .bcSport.active,
:scope[data-theme="dark"] .bcPage .bcChip.active{
  background:var(--surface-elevated);
  border-color:var(--border-soft);
  color:var(--text-secondary)
}
:scope[data-theme="dark"] .bcPage .bcAd{
  background:var(--surface-elevated);
  color:var(--text-secondary)
}
:scope[data-theme="dark"] .shopDashCard{
  background:var(--surface-elevated);border-color:var(--border-soft)
}
:scope[data-theme="dark"] .shopDashCard b,
:scope[data-theme="dark"] .shopDashCard .shopBalanceChipValue b{color:var(--text-primary)}
:scope[data-theme="dark"] .shopDashCard.is-action.is-on,
:scope[data-theme="dark"] .shopDashCard.is-action.is-on:hover{
  background:var(--dark-blue-selected);border-color:var(--dark-blue-selected);color:#fff
}
:scope[data-theme="dark"] .analysisPickCard{background:var(--surface-elevated);border-color:var(--border-soft)}
:scope[data-theme="dark"] .analysisPickCard em{
  background:color-mix(in srgb,var(--accent-primary) 18%,var(--surface-elevated));color:var(--accent-primary);border-color:color-mix(in srgb,var(--accent-primary) 32%,var(--border-soft))
}

/* —— design system unify (home card chrome excluded) —— */
:scope,:scope,.opsApp{
  font-family:var(--font-ui);
  font-size:14px;
  font-weight:var(--fw-body);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility
}
button,input,select,textarea,optgroup,option{font:inherit;font-family:var(--font-ui)}
.opsApp button,.opsApp input,.opsApp select,.opsApp textarea{font:inherit;font-family:var(--font-ui)}
.pageWrap .sportsScoreSummary b,.pageWrap .sportsScoreSummary strong{font-weight:500}
.tab,.tabs .tab,.primaryBtn,.ghostBtn,.uiBtn,.opsBtn,button.tab,.navItem,.shopNavItem,.pager a,.pager button,.bcSport,.bcChip{
  font-weight:var(--fw-ui)
}
.navItem.active{font-weight:var(--fw-title)}
.pageHeroEyebrow,.sportsKicker{font-weight:var(--fw-ui);letter-spacing:.14em}
.pageWrap h1,.pageWrap .pageHero h1,.pageWrap .sectionHead h2,.pageWrap .sectionTitle,.opsApp h1,.opsApp h2{
  font-weight:var(--fw-title)
}
.pageWrap b,.pageWrap strong,.opsApp b,.opsApp strong{font-weight:var(--fw-title)}
.pageHero h1{font-weight:var(--fw-title)}

.pageWrap .nntvCard:not(.pageHero):not(.rkTop),
.pageWrap .sportsPanel,
.pageWrap .sportsAnalysisCard,
.pageWrap .shopProduct,
.pageWrap .shopGuideCard,
.pageWrap .shopDashCard,
.pageWrap .partnerCard,
.pageWrap .evCard,
.pageWrap .hlCard,
.pageWrap .inquiryCard,
.pageWrap .profileCard,
.pageWrap .attPairCard,
.pageWrap .attCalCard,
.pageWrap .attTodayCard,
.pageWrap .attPolicyCard,
.pageWrap .attGuideCard{
  background:var(--panel-bg);
  border:1px solid var(--panel-border);
  border-radius:var(--panel-radius);
  box-shadow:var(--panel-shadow)
}
.homePage .nntvCard,
.homeBoard .nntvCard,
.homeBoard .predictionCard,
.homeHlStrip{
  background:var(--surface)
}
.sportsScoreSummary,
.sportsScoreSummary small,
.sportsScoreSummary b{
  font-family:var(--font-ui)
}
.pageWrap .nntvCard:not(.pageHero):not(.rkTop){padding:var(--panel-pad);border-radius:var(--panel-radius)}
.pageWrap .shopProduct:hover,
.pageWrap .hlCard:hover,
.pageWrap .partnerCard:hover,
.pageWrap .evCard:hover{
  transform:none;
  box-shadow:none;
  border-color:var(--ctrl-border-hover)
}
.pageWrap .partnerCard{
  background:var(--surface);
  border:1px solid var(--line);
}
.pageWrap .partnerCard:hover{
  background:var(--surface);
}

.sportsData>.pageHero,
.analysisPage>.pageHero,
.citadellaScoresPage>.pageHero{
  margin-bottom:var(--page-gap,16px)
}
.sportsData .sportsToolbar,
.analysisPage .sportsToolbar{
  display:grid;
  gap:12px;
  margin:0 0 var(--page-gap,16px);
  padding:var(--panel-pad);
  background:var(--panel-bg);
  border:1px solid var(--panel-border);
  border-radius:var(--panel-radius);
  box-shadow:var(--panel-shadow);
  min-width:0;
  max-width:100%
}
.sportsData .sportsToolbar .tabs,
.sportsData .sportsToolbar .analysisDates,
.analysisPage .sportsToolbar .tabs,
.analysisPage .sportsToolbar .analysisDates{
  margin:0
}
.sportsData .sportsToolbar .analysisSearch,
.analysisPage .sportsToolbar .analysisSearch{
  margin:0;
  max-width:min(360px,100%)
}
.sportsData .sportsChipRow,
.analysisPage .sportsChipRow{
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin
}
.sportsData .sportsPanel{margin-top:0}

.analysisPickCard{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:6px;
  min-height:76px;
  padding:16px 10px 12px;
  background:var(--panel-bg);
  border:1px solid var(--panel-border);
  border-radius:var(--panel-radius)
}
.analysisPickCard small{
  font-size:11px;
  font-weight:400;
  color:var(--text-muted);
  line-height:1.2
}
.analysisPickCard b{
  font-size:13px;
  font-weight:500;
  color:var(--text-primary);
  line-height:1.3;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.analysisPickCard strong{
  font-size:14px;
  font-weight:600;
  color:var(--accent-primary);
  letter-spacing:-.2px;
  line-height:1.2
}
.analysisPickBaseline,.analysisPickOpen{
  font-size:11px;
  font-weight:400;
  color:var(--text-muted);
  line-height:1.2;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.shopDash{
  display:grid;
  grid-template-columns:max-content max-content minmax(160px,1fr) minmax(160px,1fr);
  align-items:stretch;
  justify-content:start;
  gap:8px;
  width:100%;
  box-sizing:border-box;
  padding:10px;
  border:1px solid var(--panel-border);
  border-radius:var(--shop-radius);
  background:var(--panel-bg)
}
.shopDashCard.is-action{
  width:max-content;
  min-width:0;
  max-width:100%;
  padding:0 16px
}
.shopDashCard.is-stat{
  min-width:0;
  width:auto;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  gap:10px
}
.shopDesk > .shopMain{display:flex;flex-direction:column;gap:var(--shop-gap);min-width:0}
.shopDesk > .shopAside{align-self:start}
.shopPage .shopProduct{
  background:var(--panel-bg);
  border:1px solid var(--panel-border);
  border-radius:var(--panel-radius);
  box-shadow:none
}
.shopPage .shopProductBody b{font-weight:var(--fw-title);color:var(--text-primary)}
.shopPage .shopProductBody strong{font-weight:var(--fw-title)}
.shopGuideCard h2{font-weight:var(--fw-title);color:var(--text-primary)}

.homeBoard .attendance{
  --attend-mark:#E85B65;
  --attend-mark-line:#E85B65
}
.homeBoard .attendance .attTrack{
  --att-dot:12px;
  --att-line:2px;
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:0;
  align-items:start
}
.homeBoard .attendance .attTrackDay{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  position:relative;
  min-width:0
}
.homeBoard .attendance .attTrackMark{
  position:relative;
  z-index:1;
  width:100%;
  height:var(--att-dot);
  display:flex;
  align-items:center;
  justify-content:center
}
.homeBoard .attendance .attTrackDay:not(:last-child) .attTrackMark:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:100%;
  height:var(--att-line);
  transform:translateY(-50%);
  background:var(--line);
  border-radius:99px;
  pointer-events:none;
  z-index:0
}
.homeBoard .attendance .attTrackDot{
  width:var(--att-dot);
  height:var(--att-dot);
  border-radius:50%;
  border:1.5px solid var(--line);
  background:var(--surface);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:1;
  flex:0 0 auto;
  box-sizing:border-box
}
.homeBoard .attendance .attTrackDot i{
  display:block;
  width:4px;
  height:4px;
  margin:0;
  padding:0;
  border:0;
  border-radius:50%;
  background:#fff;
  flex:0 0 auto
}
.homeBoard .attendance .attTrackDay.is-done .attTrackMark:after{background:var(--attend-mark-line)}
.homeBoard .attendance .attTrackDay.is-done .attTrackDot{background:var(--attend-mark);border-color:var(--attend-mark)}
.homeBoard .attendance .sectionTitle--attend .sectionTitleIcon,
.homeBoard .attendance .homeUtilityTile--attend{
  color:var(--accent-primary);
  border-color:color-mix(in srgb,var(--accent-primary) 28%,transparent)
}
.homeBoard .attendance .sectionTitle--attend .sectionTitleIcon{
  background:color-mix(in srgb,var(--accent-primary) 12%,var(--soft))
}
.attBenefitList dt{font-weight:var(--fw-ui);color:var(--text-primary)}
.attBenefitList dd{font-weight:var(--fw-title);color:var(--text-primary)}
.attCalCard .calendar-day-cell .calDayCheck,
.attStage .calendar-day-cell .calDayCheck{background:var(--accent-green)}

.bcLiveShortcuts .bcLiveCard--domain .bcLiveCardIcon,
.bcLiveShortcuts .bcLiveCard--domain:hover .bcLiveCardIcon{
  color:#12263F;
  background:transparent
}
.bcLiveShortcuts .bcLiveCard--telegram .bcLiveCardIcon,
.bcLiveShortcuts .bcLiveCard--telegram:hover .bcLiveCardIcon{
  color:#2AABEE;
  background:transparent
}
.bcLiveShortcuts .bcLiveCard--referral .bcLiveCardIcon,
.bcLiveShortcuts .bcLiveCard--referral:hover .bcLiveCardIcon{
  color:#166534;
  background:transparent
}
.bcLiveShortcuts .bcLiveCardIcon svg{
  color:inherit;
  width:26px;
  height:26px;
  opacity:1
}
.bcLiveShortcuts .bcLiveCardIcon svg [stroke]{stroke:currentColor}
.bcLiveShortcuts .bcLiveCard--telegram .bcLiveCardIcon svg [fill="#2AABEE"]{fill:#2AABEE}
.bcLiveShortcuts .bcLiveCard--telegram .bcLiveCardIcon svg [fill="#fff"]{fill:#fff}

.playerWaitingTitle{font-weight:var(--fw-title)}
.playerWaitingKicker,.playerWaitingSignal{font-weight:var(--fw-ui)}

:scope[data-theme="dark"] .pageWrap .nntvCard:not(.pageHero):not(.rkTop),
:scope[data-theme="dark"] .pageWrap .sportsPanel,
:scope[data-theme="dark"] .pageWrap .sportsAnalysisCard,
:scope[data-theme="dark"] .pageWrap .shopProduct,
:scope[data-theme="dark"] .pageWrap .shopGuideCard,
:scope[data-theme="dark"] .pageWrap .shopDashCard,
:scope[data-theme="dark"] .sportsData .sportsToolbar,
:scope[data-theme="dark"] .analysisPage .sportsToolbar,
:scope[data-theme="dark"] .analysisPickCard{
  background:var(--panel-bg);
  border-color:var(--panel-border)
}
:scope[data-theme="dark"] .pageWrap .partnerCard{
  background:var(--surface);
  border-color:var(--line)
}
:scope[data-theme="dark"] .homeBoard .attendance .sectionTitle--attend .sectionTitleIcon{
  color:var(--dark-accent-blue);
  background:var(--surface-soft);
  border-color:var(--border-soft)
}
:scope[data-theme="dark"] .bcLiveShortcuts .bcLiveCard--domain .bcLiveCardIcon,
:scope[data-theme="dark"] .bcLiveShortcuts .bcLiveCard--domain:hover .bcLiveCardIcon{
  color:var(--dark-accent-blue);
  background:var(--surface-card)
}
:scope[data-theme="dark"] .bcLiveShortcuts .bcLiveCard--telegram .bcLiveCardIcon,
:scope[data-theme="dark"] .bcLiveShortcuts .bcLiveCard--telegram:hover .bcLiveCardIcon{
  color:#2AABEE;
  background:transparent
}
:scope[data-theme="dark"] .bcLiveShortcuts .bcLiveCard--referral .bcLiveCardIcon,
:scope[data-theme="dark"] .bcLiveShortcuts .bcLiveCard--referral:hover .bcLiveCardIcon{
  color:var(--dark-accent-blue);
  background:var(--surface-card)
}
:scope[data-theme="dark"] .attCalCard .calendar-day-cell .calDayCheck,
:scope[data-theme="dark"] .attStage .calendar-day-cell .calDayCheck{background:#3FA06A}
:scope[data-theme="dark"] .attBenefitList dd{color:var(--text-primary)}

.homeAboutIntro{box-shadow:inset 0 3px 0 var(--accent-primary)}
:scope[data-theme=dark] .homeAboutIntro{box-shadow:inset 0 3px 0 var(--accent-primary)}

@media(max-width:1024px){
  .shopDash{grid-template-columns:max-content max-content minmax(140px,1fr) minmax(140px,1fr)}
}
@media(max-width:760px){
  :scope{
    --space-md:14px;--space-lg:16px;--space-xl:24px;--space-gap:12px;
    --fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:16px;--fs-lg:20px;--fs-xl:28px;
    --header-h:64px;--header-ctrl:36px;
    --ctrl-h-sm:32px;--ctrl-h-md:36px;--ctrl-h-lg:42px;
    --ctrl-pad-sm:12px;--ctrl-pad-md:14px;--ctrl-pad-lg:18px;
    --ctrl-fs:12px;--ctrl-fs-md:13px;--ctrl-fs-lg:14px;
    --card-pad:16px;--panel-pad:16px;--more-h:32px;
    --rect-nav-size:13px;--rect-value-size:16px;--rect-unit-size:12px;
  }
  :scope,:scope,.opsApp{font-size:16px}
  .pageWrap{margin-top:22px;margin-bottom:40px}
  .bcSportsRow{--filter-chip-h:38px;--filter-chip-px:12px;--filter-chip-icon:16px;--filter-chip-live:48px}
  .shopDash{display:grid;grid-template-columns:1fr 1fr}
  .shopDashCard.is-action,.shopDashCard.is-stat{width:auto;min-width:0;margin-left:0}
  .homeBoard .attendance .primaryBtn.actionRed,
  .homeBoard .referral .successBtn{font-size:12px}
  .pager{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
  .topbar .brand,.footer .brand,.mobileNavBrand{font-size:22px;letter-spacing:-.03em;font-weight:900}
}
@media(max-width:760px){
  .wrap{width:min(1660px,calc(100% - 40px))}
  .topbar{padding:0 max(20px,calc((100vw - 1660px)/2))}
  .homeBoardUtils>.nntvCard,.homeBoardUtils>.homeFulfillmentCard{padding:16px 14px}
  .homeUtilityCopy{padding-right:72px}
  .homeUtilityTile{width:52px;height:52px;border-radius:15px;right:18px;top:58px;transform:rotate(-6deg)}
  .homeUtilityTile svg{width:24px;height:24px}
  .homeUtilityLead,.homeUtilityStat,.homeFulfillmentCopy b,.homeFulfillmentCopy span,.sectionHead h2,.sectionHead small{word-break:keep-all;overflow-wrap:anywhere}
  .homeFulfillmentRow{grid-template-columns:32px minmax(0,1fr) auto;padding:6px 6px}
  .homeFulfillmentStatus{padding:3px 6px;font-size:9px}
  .attTrackDay small{font-size:8px}
}
@media(max-width:430px){
  .shopDash{grid-template-columns:1fr}
  .shopDashCard.is-action,.shopDashCard.is-stat{width:auto}
  .sportsData .sportsToolbar,.analysisPage .sportsToolbar{padding:12px}
  .analysisPickCard{min-height:68px;padding:12px 8px 10px}
  .wrap{width:calc(100% - 28px)}
  .topbar{padding:0 14px}
  .homeBoardUtils>.nntvCard,.homeBoardUtils>.homeFulfillmentCard{padding:14px 12px;min-height:0}
  .homeUtilityCopy{padding-right:62px;gap:3px}
  .homeUtilityTile{width:44px;height:44px;border-radius:13px;right:14px;top:54px;transform:rotate(-4deg)}
  .homeUtilityTile svg{width:22px;height:22px}
  .homeUtilityLead{font-size:12px;line-height:1.4}
  .homeUtilityStat{font-size:12px;line-height:1.4}
  .homeFulfillmentRow{grid-template-columns:28px minmax(0,1fr) auto;padding:5px 5px;height:40px;gap:6px}
  .homeFulfillmentRow .tierIcon{max-width:28px}
  .homeFulfillmentCopy b{font-size:10px}
  .homeFulfillmentCopy span{font-size:9px}
  .homeFulfillmentStatus{font-size:9px;padding:2px 5px}
  .attTrackDay{gap:4px}
  .attTrackDay small{font-size:8px}
  .attTrackDot{width:10px;height:10px;border-width:1.2px}
  .attTrackDot i{width:3px;height:3px}
}
@media(max-width:390px){
  .wrap{width:calc(100% - 24px)}
  .topbar{padding:0 12px}
  .homeBoardUtils>.nntvCard,.homeBoardUtils>.homeFulfillmentCard{padding:13px 11px}
  .homeUtilityCopy{padding-right:56px}
  .homeUtilityTile{width:42px;height:42px;right:12px;top:52px;border-radius:12px}
  .homeUtilityTile svg{width:20px;height:20px}
}
@media(max-width:360px){
  .wrap{width:calc(100% - 20px)}
  .topbar{padding:0 10px}
  .homeBoardUtils>.nntvCard,.homeBoardUtils>.homeFulfillmentCard{padding:12px 10px}
  .homeUtilityCopy{padding-right:52px}
  .homeUtilityTile{width:40px;height:40px;right:10px;top:50px;border-radius:11px}
  .homeUtilityTile svg{width:18px;height:18px}
  .homeFulfillmentRow{height:38px;padding:4px 4px}
  .attTrackDay small{font-size:7.5px;line-height:1}
  .attTrackDot{width:9px;height:9px}
}
.shopDashText{display:grid;gap:2px;min-width:0}
.shopDesk .shopDash{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.65fr) minmax(0,1.2fr);
  gap:10px;padding:12px
}
.shopDesk .shopDashCard{
  height:62px;min-height:62px;min-width:0;padding:0 14px;
  border-radius:10px
}
.shopDesk .shopDashCard.is-action{
  width:auto;display:flex;flex-direction:row;align-items:center;
  justify-content:flex-start;gap:10px
}
.shopDesk .shopDashCard.is-on,
.shopDesk .shopDashCard.is-on:hover{
  background:var(--accent-primary);border-color:var(--accent-primary);color:#fff
}
:scope[data-theme="dark"] .shopDesk .shopDashCard.is-on,
:scope[data-theme="dark"] .shopDesk .shopDashCard.is-on:hover{
  background:var(--accent-primary);border-color:var(--accent-primary);color:#fff
}
.shopDesk .shopDashCard.is-on :is(small,b){color:#fff}
.shopDesk .shopDashIcon{
  flex:0 0 36px;width:36px;height:36px;
  display:grid;place-items:center;border-radius:9px;
  background:var(--surface-soft);color:var(--accent-primary)
}
.shopDesk .shopDashCard.is-on .shopDashIcon{
  background:rgba(255,255,255,.16);color:#fff
}
.shopDesk .shopDashCard small{
  font-size:11px;line-height:1.2;letter-spacing:0
}
.shopDesk .shopDashCard.is-action b{
  font-size:14px;line-height:1.25
}
.shopDesk .shopDashCard.is-stat{
  width:auto;display:flex;flex-direction:row;align-items:center;
  justify-content:space-between;gap:8px
}
.shopDesk .shopDashStatLabel{
  display:flex;align-items:center;gap:9px;min-width:0
}
.shopDesk .shopBalanceChipValue{flex:0 0 auto}
.shopDesk .shopBalanceChipValue b{
  font-size:17px;font-weight:700;color:var(--text-primary);
  font-variant-numeric:tabular-nums
}
.shopDesk .shopBalanceChipValue span{
  font-size:12px;font-weight:700;color:var(--text-secondary)
}
.shopDesk.is-gift .shopFilters.tabs{
  gap:8px;padding:14px;border-radius:12px
}
.shopDesk.is-gift .giftFilterLabel{
  display:inline-flex;align-items:center;flex:0 0 auto;
  margin-right:6px;color:var(--text-secondary);
  font-size:12px;font-weight:700;white-space:nowrap
}
.shopDesk.is-gift .shopFilters .tab{
  flex:0 0 auto;height:36px;min-height:36px;padding:0 14px;border-radius:8px;
  background:var(--surface);color:var(--text-secondary)
}
.shopDesk.is-gift .shopFilters .tab:hover:not(.active){
  background:var(--ctrl-bg-hover);border-color:var(--ctrl-border-hover);
  color:var(--text-primary)
}
.shopDesk.is-gift .shopFilters .tab.active,
.shopDesk.is-gift .shopFilters .tab.active:hover{
  background:var(--accent-primary);border-color:var(--accent-primary);
  color:#fff
}
.shopDesk.is-gift .giftShopIntro{
  display:flex;align-items:center;gap:11px;min-width:0;
  padding:8px 18px;border:1px solid var(--panel-border);
  border-left:3px solid var(--accent-primary);
  border-radius:12px;background:var(--surface-soft)
}
.shopDesk.is-gift .giftShopIntroIcon{
  display:grid;place-items:center;flex:0 0 35.2px;
  width:35.2px;height:35.2px;border-radius:10px;
  color:var(--accent-primary);background:var(--surface-card)
}
.shopDesk.is-gift .giftShopIntroCopy{display:grid;gap:4px;min-width:0}
.shopDesk.is-gift .giftShopIntroCopy small{
  font-size:10px;font-weight:700;letter-spacing:.12em;
  color:var(--accent-primary)
}
.shopDesk.is-gift .giftShopIntroCount{
  margin-left:auto;flex:0 0 auto;
  font-size:12px;font-weight:600;color:var(--text-secondary)
}
.shopDesk.is-gift .shopCatalog{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px
}
.shopDesk.is-gift .giftShopEmpty{
  margin:0;padding:24px;text-align:center;
  border:1px solid var(--panel-border);border-radius:12px;
  background:var(--surface-soft);color:var(--text-secondary);
  font-size:13px;line-height:1.5
}
.shopDesk.is-gift .shopProduct{
  display:grid;grid-template-columns:minmax(0,1fr);
  grid-template-rows:146px minmax(0,1fr);
  align-items:stretch;gap:0;
  min-width:0;min-height:290px;padding:12px;
  border-radius:13px;
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease
}
.shopDesk.is-gift .shopProduct:hover,
.shopDesk.is-gift .shopProduct:focus-within{
  border-color:var(--ctrl-border-hover);
  transform:translateY(-2px);
  box-shadow:0 9px 20px rgba(18,42,68,.09)
}
.shopDesk.is-gift .giftProductMedia{
  display:grid;grid-template-rows:minmax(0,1fr);place-items:center;
  width:100%;height:146px;min-width:0;overflow:hidden;
  border-radius:9px;background:var(--surface-soft)
}
.shopDesk.is-gift .shopProduct .shopThumb{
  width:100%;height:100%;min-width:0;min-height:0;
  grid-template-rows:minmax(0,1fr);border-radius:9px
}
.shopDesk.is-gift .shopProduct .shopThumb img{
  display:block;width:100%;height:100%;max-height:100%;
  min-height:0;padding:12px;object-fit:contain
}
.shopDesk.is-gift .shopProductMain{
  display:flex;flex-direction:column;align-items:stretch;
  min-width:0;width:100%;gap:12px;padding:14px 3px 2px
}
.shopDesk.is-gift .shopProductBody{
  display:grid;align-content:start;gap:6px;width:100%;min-width:0
}
.shopDesk.is-gift .shopProductBody b{
  min-height:38px;font-size:15px;font-weight:700;
  line-height:1.3;color:var(--text-primary)
}
.shopDesk.is-gift .shopProductBody small{
  font-size:12px;line-height:1.2;color:var(--text-secondary)
}
.shopDesk.is-gift .shopProductBody strong{
  margin-top:4px;font-size:18px;font-weight:700;
  line-height:1.1;color:var(--accent-primary)
}
.shopDesk.is-gift .shopBuy{width:100%;margin-top:auto}
.shopDesk.is-gift .shopBuy .primaryBtn{
  width:100%;min-width:0
}
:scope[data-theme="dark"] .shopDesk .shopDashCard:not(.is-on){
  background:var(--surface-soft);border-color:var(--border-soft)
}
:scope[data-theme="dark"] .shopDesk.is-gift .shopProduct{
  background:var(--surface-elevated);border-color:var(--border-soft)
}
:scope[data-theme="dark"] .shopDesk.is-gift .shopProduct:hover,
:scope[data-theme="dark"] .shopDesk.is-gift .shopProduct:focus-within{
  border-color:var(--ctrl-border-hover);
  box-shadow:0 9px 20px rgba(0,0,0,.16)
}
:scope[data-theme="dark"] .shopDesk.is-gift .giftProductMedia{
  background:var(--surface-card)
}
:scope[data-theme="dark"] .shopDesk.is-gift .shopProductBody strong{
  color:var(--text-primary)
}
@media(max-width:1250px){
  .shopDesk.is-gift .shopCatalog{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .shopDesk .shopDash{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px
  }
  .shopDesk .shopDashCard{
    height:56px;min-height:56px;padding:0 9px;gap:6px
  }
  .shopDesk .shopDashIcon{
    flex-basis:28px;width:28px;height:28px;border-radius:7px
  }
  .shopDesk .shopDashIcon svg{width:17px;height:17px}
  .shopDesk .shopDashStatLabel{gap:5px}
  .shopDesk .shopDashCard small{font-size:10px}
  .shopDesk .shopDashCard.is-action b{font-size:12px}
  .shopDesk .shopBalanceChipValue b{font-size:13px}
  .shopDesk .shopBalanceChipValue span{font-size:10px}
  .shopDesk.is-gift .shopFilters.tabs{padding:10px}
  .shopDesk.is-gift .giftShopIntro{
    display:grid;grid-template-columns:28.8px minmax(0,1fr) auto;
    gap:8px;padding:6px 12px
  }
  .shopDesk.is-gift .giftShopIntroCount{font-size:10px}
  .shopDesk.is-gift .giftShopIntroIcon{
    width:28.8px;height:28.8px
  }
  .shopDesk.is-gift .shopProduct{min-height:264px;grid-template-rows:116px minmax(0,1fr);padding:10px}
  .shopDesk.is-gift .giftProductMedia{height:116px}
  .shopDesk.is-gift .shopProductMain{padding:12px 2px 2px;gap:10px}
  .shopDesk.is-gift .shopProductBody b{font-size:13px;min-height:34px}
  .shopDesk.is-gift .shopProductBody strong{font-size:16px}
}
@media(max-width:340px){
  .shopDesk.is-gift .shopCatalog{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
  .shopDesk.is-gift .shopProduct{transition:none}
  .shopDesk.is-gift .shopProduct:hover,
  .shopDesk.is-gift .shopProduct:focus-within{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .playerWaitingSignal i,.playerWaitingWaves i,.playerWaitingRing,.playerWaitingPlay,.playerWaitingGrid{animation:none}
}

.chatPanel,.floatChatPanel,.beetalkMount,beetalk-chat{
  font-family:var(--font-ui);
}

.bcVideoShell video::-webkit-media-controls,
.bcVideoShell video::-webkit-media-controls-enclosure,
.bcVideoShell video::-webkit-media-controls-panel{
  display:none !important;
}
.bcVidCtrl{
  position:absolute;inset:0;z-index:3;display:flex;align-items:flex-end;
  background:linear-gradient(180deg,transparent 52%,rgba(6,12,22,.72));
  opacity:0;pointer-events:none;
  transition:opacity .2s ease;
}
.bcVidCtrl.is-open,.bcVidCtrl[data-paused="true"]{
  opacity:1;
}
.bcVidCtrlBar{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;gap:8px;width:100%;padding:10px 12px 12px;
  pointer-events:auto;
}
.bcVidCtrlCluster{display:inline-flex;align-items:center;gap:4px;position:relative}
.bcVidCtrlBtn{
  width:36px;height:36px;min-width:36px;min-height:36px;padding:0;
  border:0;border-radius:8px;background:transparent;color:#E8EEF4;
  display:inline-flex;align-items:center;justify-content:center;gap:2px;
  cursor:pointer;line-height:1;
}
.bcVidCtrlBtn em{font-style:normal;font-size:11px;font-weight:700;line-height:1}
.bcVidCtrlBtn:hover{background:rgba(255,255,255,.1)}
.bcVidCtrlBtn:focus-visible{outline:2px solid var(--border-soft);outline-offset:2px}
.bcVidVol{display:inline-flex;align-items:center;width:72px;height:36px}
.bcVidVol input[type="range"]{
  width:72px;height:4px;margin:0;accent-color:#E8EEF4;cursor:pointer;
}
.bcVidCtrlMid{display:flex;align-items:center;gap:8px;min-width:0}
.bcVidTime{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:#E8EEF4;white-space:nowrap}
.bcVidSeek{
  position:relative;flex:1;min-width:48px;height:16px;display:flex;align-items:center;cursor:pointer;
}
.bcVidSeek:before{content:"";position:absolute;left:0;right:0;height:3px;border-radius:99px;background:rgba(255,255,255,.28)}
.bcVidSeek i{position:absolute;left:0;height:3px;border-radius:99px;background:#E8EEF4}
.bcVidLive{
  display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:4px;
  background:#e83950;color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;
}
.bcVidSpeed{position:relative}
.bcVidSpeedMenu{
  position:absolute;right:0;bottom:calc(100% + 6px);min-width:72px;
  padding:6px;border-radius:8px;background:rgba(12,20,32,.94);border:1px solid rgba(255,255,255,.12);
  display:grid;gap:2px;z-index:4;
}
.bcVidSpeedMenu button{
  height:28px;border:0;border-radius:6px;background:transparent;color:#E8EEF4;
  font-size:12px;font-weight:600;cursor:pointer;
}
.bcVidSpeedMenu button.is-on,.bcVidSpeedMenu button:hover{background:rgba(255,255,255,.1)}
.bcVidSpeedMenu button:focus-visible{outline:2px solid var(--border-soft);outline-offset:1px}
.bcPlayer:fullscreen .bcVideoShell,.bcVideoShell:fullscreen{width:100%;height:100%}
.bcPlayer:fullscreen .watchAffiliateOverlay,
.bcVideoShell:fullscreen .watchAffiliateOverlay,
.bcIframeShell:fullscreen .watchAffiliateOverlay{display:none !important}
@media(max-width:760px){
  .watchAffiliateCard{width:min(228px,calc(100% - 40px));padding:11px 11px 10px}
  .watchAffiliateDivider{margin:10px 0 11px}
  .bcIframeFsBtn{right:8px;bottom:8px;width:34px;height:34px}
  .bcVidVol{width:56px}
  .bcVidVol input[type="range"]{width:56px}
  .bcVidCtrlBar{padding:8px 8px 10px;gap:6px}
  .bcVidCtrlBtn{width:34px;height:34px;min-width:34px;min-height:34px}
}
@media(prefers-reduced-motion:reduce){
  .watchAffiliateDim,.watchAffiliateCard{transition:none}
  .watchAffiliateOverlay .watchAffiliateWordmark,.watchAffiliateOverlay .watchAffiliateCaption{animation:none;transition:none;transform:none}
  .bcVidCtrl{transition:none}
}

.heroMetricCard.rank1Card,
.heroMetricCard.tierCard{
  border:1px solid rgba(30,64,175,.28);
  background:
    radial-gradient(120% 80% at 85% 10%, rgba(30,64,175,.10), transparent 62%),
    var(--card-bg);
  box-shadow: inset 0 1px 0 rgba(30,64,175,.12);
}
.hero.heroLite .metric.rank1Card,
.hero.heroLite .metric.tierCard{
  border:1px solid rgba(30,64,175,.28);
  background:
    radial-gradient(120% 80% at 85% 10%, rgba(30,64,175,.10), transparent 62%),
    rgba(255,255,255,.72);
  box-shadow: inset 0 1px 0 rgba(30,64,175,.12), 0 6px 16px rgba(15,35,70,.04);
}
.rank1Head{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-bottom:4px;
}
.rank1Head small{
  margin-bottom:0;
  margin-right:0 !important;
}
.heroBadge--rank1{
  position:static;
  top:auto;
  right:auto;
  padding:1px 7px;
  height:18px;
  min-height:18px;
  line-height:16px;
  border-radius:5px;
  font-size:10.5px;
  font-weight:500;
  letter-spacing:.04em;
  background:linear-gradient(135deg,rgba(26,61,130,.90) 0%,rgba(78,203,255,.78) 42%,rgba(228,197,106,.68) 72%,rgba(90,208,255,.78) 100%);
  border:1px solid rgba(120,170,220,.35);
  color:#fff;
  text-shadow:0 1px 0 rgba(20,36,74,.18);
  transform:translateY(-2px);
}
:scope[data-theme="dark"] .heroBadge--rank1{
  background:linear-gradient(135deg,rgba(26,61,130,.95) 0%,rgba(78,203,255,.82) 42%,rgba(228,197,106,.74) 72%,rgba(90,208,255,.82) 100%);
}
.homeBoard .attendance .homeUtilityTile--attend{
  color:#E83950;
  background:rgba(232,57,80,.10);
  border:1px solid rgba(232,57,80,.22);
  box-shadow:0 4px 14px rgba(232,57,80,.08);
}
.homeBoard .referral .homeUtilityTile--invite{
  color:#16A34A;
  background:rgba(22,163,74,.10);
  border:1px solid rgba(22,163,74,.22);
  box-shadow:0 4px 14px rgba(22,163,74,.08);
}
.homeBoardPrimary > .ranking .rankNpBadge{
  background:var(--accent-primary);
  border-color:var(--accent-primary);
  color:#fff;
}
:scope[data-theme="dark"] .homeBoardPrimary > .ranking .rankNpBadge{
  background:var(--dark-accent-blue-muted);
  border-color:color-mix(in srgb,var(--dark-accent-blue-muted) 65%,var(--border-soft));
  color:#fff;
}
:scope[data-theme="dark"] .homeBoardPrimary .ranking .rankRow{
  background-color:var(--header-bg);
}
.homeBoardPrimary > .ranking .rankRating.metricBadge--compact{
  height:21px;
  min-height:21px;
  padding:0 7px;
  gap:4px;
  border-radius:6px;
}
.homeBoardPrimary > .ranking .rankRating.metricBadge--compact em,
.homeBoardPrimary > .ranking .rankRating.metricBadge--compact b{
  font-size:10px;
  line-height:1;
}
.homeBoardPrimary > .ranking .rankRating.metricBadge--compact b{
  font-weight:700;
}
@media(min-width:761px){
  .homeBoardPrimary > .homeFeaturedCard,
  .homeBoardPrimary > .homeAnalysisCard,
  .homeBoardPrimary > .ranking{
    height:282px;
    min-height:282px;
  }
  .homeBoardPrimary > .ranking{
    padding-left:6px;
  }
  .homeBoardPrimary > .ranking .sectionHead{
    padding-left:8px;
  }
  .homeBoardPrimary > .ranking .rankRow{
    grid-template-columns:8px minmax(0,1fr) 100px 72px;
    column-gap:6px;
    padding:0 10px 0 18px;
  }
  .homeBoardUtils > .homeFulfillmentCard .homeFulfillmentRow{
    grid-template-columns:28px minmax(0,1fr) auto;
    padding-left:6px;
  }
  .homeBoardUtils > .homeFulfillmentCard .sectionHead{
    padding-left:1px;
  }
}
:scope .homeAboutIntro,
:scope .homeAboutRow--live,
:scope .homeAboutRow--analysis,
:scope .homeAboutRow--predict,
:scope .homeAboutRow--community,
:scope .homeAboutRow--official,
:scope .homeAboutSummary{
  box-shadow:inset 0 3px 0 var(--accent-primary);
}
:scope[data-theme="dark"] .homeAboutIntro,
:scope[data-theme="dark"] .homeAboutRow--live,
:scope[data-theme="dark"] .homeAboutRow--analysis,
:scope[data-theme="dark"] .homeAboutRow--predict,
:scope[data-theme="dark"] .homeAboutRow--community,
:scope[data-theme="dark"] .homeAboutRow--official,
:scope[data-theme="dark"] .homeAboutSummary{
  box-shadow:inset 0 3px 0 var(--line);
}
.homeFulfillmentStats em{
  font-weight:500;
}
.homeBoardPrimary > .ranking .rankRow b{
  font-size:13px;
  font-weight:600;
}
.homeBoardPrimary > .ranking .rankRating.metricBadge--compact b{
  font-size:10px;
}
.homeBoardPrimary > .ranking .rankTierLabel{
  font-weight:600;
}
:scope[data-theme="dark"] .homeBoardPrimary > .ranking .rankTierLabel{
  background:var(--surface-card);
  border-color:var(--border-soft);
  color:var(--text-primary);
}
.homeBoardPrimary > .ranking .rankRating{
  font-weight:600;
}
.homeBoardPrimary > .ranking .tierIconCopy em{
  font-size:inherit;
  font-weight:700;
}
.homeBoardPrimary > .ranking .tierIconCopy b{
  font-size:inherit;
  font-weight:800;
}
.homeBoardPrimary > .ranking .rankHit b{
  font-size:12.5px;
  font-weight:600;
}

@media(max-width:760px){
  .heroButtons .primaryBtn.big{
    flex:1.4;
    padding:0 18px;
    height:44px;
    font-size:13px;
  }
  .hero.heroLite .heroTile--mark,
  .hero.heroLite .heroTile--n{
    width:110px;
    height:110px;
    border-radius:26px;
  }
  .hero.heroLite .heroTile--mark .heroPlayMark{
    width:58px;
    height:58px;
  }
  .hero.heroLite .heroTile--game{width:48px;height:48px;border-radius:14px}
  .hero.heroLite .heroTile--target{width:44px;height:44px;border-radius:14px}
  .hero.heroLite .heroTile--trophy{width:42px;height:42px;border-radius:13px}
  .hero.heroLite .heroTile--chart{width:46px;height:46px;border-radius:14px}

  .homeBoardPrimary > .homeFeaturedCard,
  .homeBoardPrimary > .homeAnalysisCard,
  .homeBoardPrimary > .ranking{
    grid-column:1 / -1;
    width:100%;
    min-width:0;
    height:auto;
    min-height:0;
    padding-top:14px;
    padding-bottom:12px;
  }
  .homeBoardPrimary > .homeAnalysisCard{
    padding-bottom:12px;
  }
  .homeBoardPrimary > .homeFeaturedCard .sectionHead,
  .homeBoardPrimary > .homeAnalysisCard .sectionHead,
  .homeBoardPrimary > .ranking .sectionHead{
    margin-bottom:0;
    padding-bottom:8px;
  }
  .homeBoardPrimary > .ranking .rankRow{
    grid-template-columns:24px minmax(0,1fr) 100px 68px;
    height:auto;
    min-height:36px;
    padding:6px 8px;
  }
  .homeBoardPrimary > .ranking .rankRating.metricBadge--compact{
    height:21px;
    min-height:21px;
    padding:0 7px;
  }
  .homeBoardPrimary > .ranking .rankTierLabel{
    justify-self:start;
  }
  .homeBoardPrimary > .ranking .rankRow + .rankRow{
    margin-top:4px;
  }

  .homeQuickNav{
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-auto-rows:minmax(62px,auto);
    gap:8px;
    margin-top:10px;
    margin-bottom:4px;
  }
  .homeQuickNav a{
    height:auto;
    min-height:68px;
    padding:10px 6px;
    grid-template-columns:1fr;
    grid-template-rows:30px 1fr;
    place-items:center;
    text-align:center;
    row-gap:4px;
    column-gap:0;
    border-radius:10px;
  }
  .homeQuickNavIcon{
    width:30px;height:30px;flex:0 0 30px;
    border-radius:9px;
  }
  .homeQuickNavIcon svg{
    width:18px;height:18px;
  }
  .homeQuickNavCopy{
    grid-template-rows:14px 12px;
    place-items:center;
    text-align:center;
    justify-items:center;
    row-gap:2px;
  }
  .homeQuickNavCopy b{
    font-size:10.5px;line-height:1.2;
    text-align:center;
    font-weight:700;
    letter-spacing:-.1px;
    word-break:keep-all;
    overflow-wrap:anywhere;
    white-space:normal;
  }
  .homeQuickNavCopy small{
    font-size:9.5px;line-height:1.2;
    text-align:center;
    white-space:normal;
    word-break:keep-all;
    overflow-wrap:anywhere;
  }
  .homeQuickNavTitle > .statusDot,
  .homeQuickNavTitle > .boardBadge{display:none}
  .homeQuickNavArrow{display:none}

  .mobileNavGrid{
    grid-template-columns:repeat(5,minmax(0,1fr));
    column-gap:0;
    row-gap:8px;
    margin:0 0 10px;
    padding:0 0 10px;
  }
  .mobileNavTile{
    grid-template-rows:34px 16px;
    gap:3px;
  }
  .mobileNavTileIcon{
    width:34px;height:34px;
    border-radius:10px;
  }
  .mobileNavTileIcon svg{
    width:20px;height:20px;
  }
  .mobileNavTileLabel{
    height:16px;
    line-height:16px;
    font-size:10.5px;
    padding:0 2px;
    font-weight:500;
    letter-spacing:0;
  }

  .bcRow{
    padding:10px 12px;
    border-radius:6px;
    border:1px solid var(--line);
    background:var(--card-bg);
    display:grid;
    grid-template-columns:auto auto auto minmax(0,1fr) auto;
    grid-template-rows:auto auto;
    gap:4px 8px;
    align-items:center;
    border-bottom:1px solid var(--line);
  }
  .bcRow + .bcRow{
    margin-top:6px;
  }
  .bcRow .bcWatch{
    height:30px;
    min-height:30px;
    padding:0 10px;
    font-size:11px;
    border-radius:6px;
    grid-column:5 / 6;
    grid-row:1 / 3;
    align-self:center;
    justify-self:end;
  }
  .bcRow .bcSportMini{grid-column:1 / 2;grid-row:1 / 2;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--soft);border:1px solid var(--line)}
  .bcRow .bcSportMini svg{width:16px;height:16px}
  .bcRow .bcDate{grid-column:2 / 3;grid-row:1 / 2;display:inline-flex;align-items:center;font-size:11px;font-weight:700;color:var(--text-secondary);white-space:nowrap;flex:0 0 auto;font-variant-numeric:tabular-nums}
  .bcRow .bcTime{grid-column:3 / 4;grid-row:1 / 2;display:inline-flex;align-items:center;font-size:11px;font-weight:800;color:var(--text-primary);min-width:auto;flex:0 0 auto;font-variant-numeric:tabular-nums}
  .bcRow .bcTime small{display:none}
  .bcRow .bcLeague{grid-column:4 / 5;grid-row:1 / 2;font-size:11px;font-weight:700;color:var(--text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto}
  .bcRow .bcTeams{
    grid-column:1 / 5;
    grid-row:2 / 3;
    display:grid;
    grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);
    column-gap:6px;
    row-gap:0;
    align-items:center;
    min-width:0;
    max-width:100%;
    padding-left:0;
    width:100%;
  }
  .bcRow .bcTeams em{
    text-align:center;
    grid-column:2 / 3;
    font-size:10.5px;
    font-weight:700;
    color:var(--text-muted);
    justify-self:center;
  }
  .bcRow .bcTeams .bcTeam:first-child{justify-content:flex-end;text-align:right;max-width:100%}
  .bcRow .bcTeams .bcTeam:last-child{justify-content:flex-start;text-align:left;max-width:100%}
  .bcRow .bcTeams .bcTeam{
    display:inline-flex;
    align-items:center;
    gap:4px;
    max-width:100%;
  }
  .bcRow .bcTeams .bcTeam:first-child b{text-align:right;justify-self:end;width:100%;display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:600}
  .bcRow .bcTeams .bcTeam:last-child b{text-align:left;justify-self:start;width:100%;display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:600}
  .bcRow .bcTeams .bcTeam svg, .bcRow .bcTeams .bcTeam img{display:none}
  .bcRow .bcRowActions{grid-column:5 / 6;grid-row:1 / 3;align-self:center;justify-content:flex-end;max-width:100%;margin:0}
  .bcRow .bcRowActions .bcCh{display:none !important}
  .bcRowMeta{grid-column:1 / 5;grid-row:1 / 2;display:contents}

  .homeFeaturedList > li:nth-child(n+5){
    display:none;
  }
  :scope{
    --home-row-cols:26px auto auto minmax(0,1fr) 28px minmax(0,1fr);
    --home-row-rows:auto;
    --home-row-gap-y:0px;
    --home-row-gap-x:6px;
    --home-icon-size:26px;
    --home-icon-radius:10px;
    --home-icon-svg:15px;
    --home-meta-size:10.5px;
    --home-meta-weight:400;
    --home-meta-color:var(--text-muted);
    --home-team-size:12px;
    --home-team-weight:600;
    --home-card-pad-v:4px;
    --home-card-pad-h:10px;
    --home-card-radius:6px;
    --home-accent-w:2.5px;
  }
  .homeFeaturedRow,
  .homeAnalysisRow{
    padding:var(--home-card-pad-v) var(--home-card-pad-h);
    border-radius:var(--home-card-radius);
    border:1px solid var(--line);
    background:var(--card-bg);
    display:grid;
    grid-template-columns:var(--home-row-cols);
    grid-template-rows:var(--home-row-rows);
    gap:var(--home-row-gap-y) var(--home-row-gap-x);
    align-items:center;
    min-width:0;
    box-sizing:border-box;
    min-height:auto;
    height:auto;
    position:relative;
    overflow:hidden;
    font-weight:400;
  }
  .homeFeaturedRow::before,
  .homeAnalysisRow::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:var(--home-accent-w);
    min-width:var(--home-accent-w);
    max-width:var(--home-accent-w);
    border-top-left-radius:var(--home-card-radius);
    border-bottom-left-radius:var(--home-card-radius);
    background:var(--accent-primary);
    box-shadow:none;
    filter:none;
    z-index:0;
    pointer-events:none;
  }
@media(max-width:760px){
  .homeFeaturedRow .homeFeaturedMeta,
  .homeAnalysisRow .homeAnalysisMeta{
    display:contents !important;
    grid-column:auto / auto !important;
    grid-row:auto / auto !important;
  }
  .homeFeaturedRow .homeFeaturedTeams,
  .homeAnalysisRow .homeAnalysisMatchup{
    display:grid !important;
    grid-row:1 / 2 !important;
    grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) !important;
    column-gap:4px !important;
    align-items:center !important;
    min-width:0 !important;
    width:100% !important;
  }
  .homeFeaturedRow .homeFeaturedTeams{grid-column:4 / 5 !important}
  .homeAnalysisRow .homeAnalysisMatchup{grid-column:3 / 4 !important}
}
  :scope[data-theme="dark"] .homeFeaturedRow::before,
  :scope[data-theme="dark"] .homeAnalysisRow::before{
    background:color-mix(in srgb, var(--accent-primary) 88%, #FFFFFF 12%);
  }
  .homeFeaturedRow > *,
  .homeAnalysisRow > *{
    position:relative;
    z-index:1;
  }
  .homeFeaturedRow .homeFeaturedMeta,
  .homeFeaturedRow .homeFeaturedTeams,
  .homeAnalysisRow .homeAnalysisMeta,
  .homeAnalysisRow .homeAnalysisMatchup{
    display:contents;
  }
  .homeFeaturedRow .homeFeaturedDot{
    display:none !important;
  }
  .homeFeaturedSportIcon,
  .homeAnalysisSportIcon{
    grid-column:1 / 2;
    grid-row:1 / 2;
    align-self:center !important;
    justify-self:center !important;
    position:static !important;
    left:auto !important;
    top:auto !important;
    width:var(--home-icon-size);
    height:var(--home-icon-size);
    min-width:var(--home-icon-size);
    min-height:var(--home-icon-size);
    max-width:var(--home-icon-size);
    max-height:var(--home-icon-size);
    aspect-ratio:1 / 1;
    border-radius:var(--home-icon-radius);
    background:var(--surface-soft);
    border:1px solid var(--border-soft);
    display:grid !important;
    place-items:center !important;
    font-size:13px;
    line-height:1;
    flex:0 0 var(--home-icon-size);
    margin:0;
    padding:0;
    transform:none !important;
    translate:none !important;
    font-weight:400 !important;
  }
  .homeFeaturedSportIcon svg,
  .homeAnalysisSportIcon svg{
    width:var(--home-icon-svg);
    height:var(--home-icon-svg);
  }
  .homeFeaturedRow .homeFeaturedDate,
  .homeFeaturedRow .homeFeaturedLeague,
  .homeFeaturedRow .homeFeaturedTime,
  .homeAnalysisRow .homeAnalysisDate,
  .homeAnalysisRow .homeAnalysisLeague,
  .homeAnalysisRow .homeAnalysisTime{
    font-size:var(--home-meta-size) !important;
    font-weight:var(--home-meta-weight) !important;
    color:var(--home-meta-color) !important;
    white-space:nowrap;
    min-width:0;
    line-height:1;
    font-style:normal !important;
    font-family:inherit !important;
    text-transform:none !important;
  }
  .homeFeaturedRow .homeFeaturedTime,
  .homeAnalysisRow .homeAnalysisTime{
    font-variant-numeric:tabular-nums;
  }
  .homeFeaturedRow .homeFeaturedDate,
  .homeAnalysisRow .homeAnalysisDate{
    display:none !important;
  }
  .homeFeaturedRow .homeFeaturedTime,
  .homeAnalysisRow .homeAnalysisTime{
    grid-column:2 / 3;
    grid-row:1 / 2;
    align-self:center;
    justify-self:start;
  }
  .homeFeaturedRow .homeFeaturedLeague,
  .homeAnalysisRow .homeAnalysisLeague{
    grid-column:3 / 4;
    grid-row:1 / 2;
    align-self:center;
    justify-self:start;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .homeFeaturedTeam,
  .homeAnalysisMatchup .homeAnalysisTeamName{
    font-size:var(--home-team-size);
    font-weight:var(--home-team-weight);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    word-break:keep-all;
    min-width:0;
    max-width:100%;
    line-height:1.3;
    color:var(--text-primary);
  }
  .homeFeaturedTeam--home,
  .homeAnalysisMatchup .homeAnalysisTeamName:first-of-type{
    grid-column:4 / 5;
    grid-row:1 / 2;
    align-self:center;
    text-align:right;
    justify-self:stretch;
    width:100%;
    display:block;
  }
  .homeFeaturedTeams em,
  .homeAnalysisMatchup .homeAnalysisVs{
    grid-column:5 / 6;
    grid-row:1 / 2;
    display:grid;
    place-items:center;
    font-size:10px;
    font-weight:400;
    color:var(--text-muted);
    min-width:28px;
    width:28px;
    height:100%;
    justify-self:center;
    align-self:center;
    margin:0;
    padding:0;
    line-height:1.3;
    font-style:normal;
  }
  .homeFeaturedTeam--away,
  .homeAnalysisMatchup .homeAnalysisTeamName--away{
    grid-column:6 / 7;
    grid-row:1 / 2;
    align-self:center;
    text-align:left;
    justify-self:stretch;
    width:100%;
    display:block;
  }
@media(max-width:760px){
  :scope{
    --home-live-row-cols:24px 40px minmax(0,clamp(56px,20vw,76px)) minmax(0,1fr);
    --home-analysis-row-cols:24px 32px minmax(0,1fr);
    --home-row-rows:auto;
    --home-row-gap-y:0px;
    --home-row-gap-x:6px;
    --home-icon-size:24px;
    --home-icon-radius:999px;
    --home-icon-svg:16px;
    --home-meta-size:10.5px;
    --home-meta-weight:400;
    --home-meta-color:var(--text-muted);
    --home-team-size:11.5px;
    --home-team-weight:600;
    --home-card-pad-v:8px;
    --home-card-pad-h:10px;
    --home-card-radius:10px;
    --home-accent-w:2.5px;
  }
  .homeFeaturedRow,
  .homeAnalysisRow{
    grid-template-rows:auto !important;
    column-gap:4px !important;
    row-gap:0px !important;
    padding:8px 10px !important;
    min-height:60px !important;
    height:auto !important;
    display:grid !important;
    align-items:center !important;
  }
  .homeFeaturedRow{grid-template-columns:var(--home-live-row-cols) !important}
  .homeAnalysisRow{grid-template-columns:var(--home-analysis-row-cols) !important}
  .homeFeaturedRow .homeFeaturedSportIcon,
  .homeAnalysisRow .homeAnalysisSportIcon{position:static !important;left:auto !important;top:auto !important;grid-column:1 / 2 !important;grid-row:1 / 2 !important}
  .homeFeaturedRow .homeFeaturedMeta,
  .homeAnalysisRow .homeAnalysisMeta{display:contents !important}
  .homeFeaturedRow .homeFeaturedTime{grid-column:2 / 3 !important;grid-row:1 / 2 !important;display:inline-flex !important;justify-self:start !important;align-self:center !important;font-size:var(--home-meta-size) !important;font-weight:var(--home-meta-weight) !important;color:var(--home-meta-color) !important}
  .homeFeaturedRow .homeFeaturedLeague{grid-column:3 / 4 !important;grid-row:1 / 2 !important;justify-self:stretch !important;align-self:center !important;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .homeFeaturedLeagueDesktop{display:none}
  .homeFeaturedLeagueMobile{display:inline}
  .homeAnalysisRow .homeAnalysisLeague{display:none !important}
  .homeAnalysisRow .homeAnalysisTime--desktop{grid-column:2 / 3 !important;grid-row:1 / 2 !important;display:inline-flex !important;justify-self:start !important;align-self:center !important;font-size:var(--home-meta-size) !important;font-weight:var(--home-meta-weight) !important;color:var(--home-meta-color) !important}
  .homeFeaturedRow .homeFeaturedTeams,
  .homeAnalysisRow .homeAnalysisMatchup{display:grid !important;grid-row:1 / 2 !important;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) !important;column-gap:4px !important;align-items:center !important;min-width:0 !important;width:100% !important}
  .homeFeaturedRow .homeFeaturedTeams{grid-column:4 / 5 !important}
  .homeAnalysisRow .homeAnalysisMatchup{grid-column:3 / 4 !important;grid-template-columns:minmax(0,calc(50% + 6px)) 28px minmax(0,1fr) !important}
  .homeFeaturedRow .homeFeaturedTeam--home,
  .homeAnalysisRow .homeAnalysisMatchup .homeAnalysisTeamName:first-of-type{grid-column:1 / 2 !important;grid-row:1 / 2 !important;text-align:right !important;justify-self:stretch !important;min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}
  .homeFeaturedRow .homeFeaturedTeams em,
  .homeAnalysisRow .homeAnalysisMatchup .homeAnalysisVs{grid-column:2 / 3 !important;grid-row:1 / 2 !important;justify-self:center !important;align-self:center !important;min-width:28px !important;width:28px !important}
  .homeFeaturedRow .homeFeaturedTeam--away,
  .homeAnalysisRow .homeAnalysisMatchup .homeAnalysisTeamName--away{grid-column:3 / 4 !important;grid-row:1 / 2 !important;text-align:left !important;justify-self:stretch !important;min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}
}
@media(max-width:760px){
  .homeFeaturedCard .sectionHead,
  .homeAnalysisCard .sectionHead,
  .ranking .sectionHead,
  .pointShop .sectionHead,
  .attendance .sectionHead,
  .referral .sectionHead,
  .homeFulfillmentCard .sectionHead,
  .homeHlStrip .sectionHead{display:flex !important;flex-wrap:nowrap !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;width:100% !important;min-width:0 !important;box-sizing:border-box !important}
  .homeFeaturedCard .sectionHead .sectionTitle,
  .homeAnalysisCard .sectionHead .sectionTitle,
  .ranking .sectionHead .sectionTitle,
  .pointShop .sectionHead .sectionTitle,
  .attendance .sectionHead .sectionTitle,
  .referral .sectionHead .sectionTitle,
  .homeFulfillmentCard .sectionHead .sectionTitle,
  .homeHlStrip .sectionHead .sectionTitle{display:inline-flex !important;align-items:center !important;min-width:0 !important;flex:1 1 auto !important;gap:8px !important;box-sizing:border-box !important}
  .homeFeaturedCard .sectionHead .sectionTitle .sectionTitleText,
  .homeAnalysisCard .sectionHead .sectionTitle .sectionTitleText,
  .ranking .sectionHead .sectionTitle .sectionTitleText,
  .pointShop .sectionHead .sectionTitle .sectionTitleText,
  .attendance .sectionHead .sectionTitle .sectionTitleText,
  .referral .sectionHead .sectionTitle .sectionTitleText,
  .homeFulfillmentCard .sectionHead .sectionTitle .sectionTitleText,
  .homeHlStrip .sectionHead .sectionTitle .sectionTitleText{min-width:0 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;display:block !important;line-height:1.2 !important}
  .homeFeaturedCard .sectionHead .moreBtn,
  .homeAnalysisCard .sectionHead .moreBtn,
  .ranking .sectionHead .moreBtn,
  .pointShop .sectionHead .moreBtn,
  .attendance .sectionHead .moreBtn,
  .referral .sectionHead .moreBtn,
  .homeFulfillmentCard .sectionHead .moreBtn,
  .homeHlStrip .sectionHead .moreBtn{flex:0 0 auto !important;align-self:center !important;justify-self:end !important;margin:0 !important;padding-top:0 !important;padding-bottom:0 !important;display:inline-flex !important;box-sizing:border-box !important}
}
  .homeFeaturedList > li + li,
  .homeAnalysisList > li + li{
    margin-top:3px;
  }
  .homeFeaturedList > li:nth-child(n+5),
  .homeAnalysisList > li:nth-child(n+5){
    display:none;
  }
  .homeFeaturedCard,
  .homeAnalysisCard{
    height:auto;
    min-height:0;
    padding-bottom:10px;
  }
}
@media(max-width:360px){
  .heroButtons .primaryBtn.big{
    padding:0 12px;
    height:42px;
    font-size:12px;
    flex:1.25;
  }
  .hero.heroLite .heroTile--mark,
  .hero.heroLite .heroTile--n{
    width:100px;
    height:100px;
    border-radius:24px;
  }
  .hero.heroLite .heroTile--mark .heroPlayMark{
    width:52px;
    height:52px;
  }
  .homeQuickNav{
    gap:6px;
  }
  .homeQuickNav a{
    min-height:64px;
    padding:8px 4px;
  }
  .homeQuickNavIcon{
    width:26px;height:26px;flex:0 0 26px;
  }
  .homeQuickNavIcon svg{
    width:16px;height:16px;
  }
  .homeQuickNavCopy b{
    font-size:9.5px;
  }
  .homeQuickNavCopy small{
    font-size:8.5px;
  }
  .mobileNavGrid{
    grid-template-columns:repeat(5,minmax(0,1fr));
    row-gap:7px;
  }
  .mobileNavTile{
    grid-template-rows:30px 14px;
    gap:2px;
  }
  .mobileNavTileIcon{
    width:30px;height:30px;
    border-radius:9px;
  }
  .mobileNavTileIcon svg{
    width:18px;height:18px;
  }
  .mobileNavTileLabel{
    height:14px;
    line-height:14px;
    font-size:9.5px;
    padding:0 1px;
  }
  .homeFeaturedRow,
  .homeAnalysisRow,
  .bcRow{
    padding:4px 10px;
  }
}

@media(min-width:761px){
  .homeBoardPrimary.homeBoardPrimary > .homeFeaturedCard,
  .homeBoardPrimary.homeBoardPrimary > .homeAnalysisCard{
    padding-bottom:10px !important;
  }
  .homeBoardPrimary.homeBoardPrimary > .homeFeaturedCard > ul.homeFeaturedList > li > a.homeFeaturedRow{
    display:grid !important;
    grid-template-columns:8px 44px 46px minmax(0,84px) minmax(0,1fr) 28px minmax(0,1fr) !important;
    grid-template-rows:38px !important;
    column-gap:8px !important;
    row-gap:0 !important;
    gap:0 8px !important;
    align-items:center !important;
    padding:0 10px !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    border:0 !important;
    border-radius:0 !important;
    background:var(--home-row-bg,transparent) !important;
    position:static !important;
    overflow:visible !important;
  }
  .homeBoardPrimary.homeBoardPrimary > .homeFeaturedCard > ul.homeFeaturedList > li > a.homeFeaturedRow::before{
    display:none !important;
  }
  .homeBoardPrimary.homeBoardPrimary > .homeFeaturedCard > ul.homeFeaturedList > li > a.homeFeaturedRow > .homeFeaturedMeta{
    display:contents !important;
    grid-column:auto / auto !important;
    grid-row:auto / auto !important;
  }
  .homeBoardPrimary.homeBoardPrimary > .homeFeaturedCard > ul.homeFeaturedList > li > a.homeFeaturedRow > .homeFeaturedSportIcon{
    display:none !important;
  }
  .homeBoardPrimary.homeBoardPrimary > .homeFeaturedCard > ul.homeFeaturedList > li > a.homeFeaturedRow .homeFeaturedDot{
    grid-column:1 / 2 !important;
    justify-self:center !important;
  }
  .homeBoardPrimary.homeBoardPrimary > .homeFeaturedCard > ul.homeFeaturedList > li > a.homeFeaturedRow .homeFeaturedDate{
    grid-column:2 / 3 !important;
    font-size:10px !important;
    font-weight:400 !important;
    color:var(--text-muted) !important;
    white-space:nowrap !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    word-break:keep-all !important;
    justify-self:start !important;
  }
  .homeBoardPrimary.homeBoardPrimary > .homeFeaturedCard > ul.homeFeaturedList > li > a.homeFeaturedRow .homeFeaturedTime{
    grid-column:3 / 4 !important;
    font-size:10px !important;
    font-weight:400 !important;
    color:var(--text-muted) !important;
    font-variant-numeric:tabular-nums !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    word-break:keep-all !important;
    justify-self:start !important;
  }
  .homeBoardPrimary.homeBoardPrimary > .homeFeaturedCard > ul.homeFeaturedList > li > a.homeFeaturedRow .homeFeaturedLeague{
    grid-column:4 / 5 !important;
    font-size:10px !important;
    font-weight:400 !important;
    color:var(--text-muted) !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    word-break:keep-all !important;
    justify-self:start !important;
  }
  .homeBoardPrimary.homeBoardPrimary > .homeFeaturedCard > ul.homeFeaturedList > li > a.homeFeaturedRow > .homeFeaturedTeams{
    display:contents !important;
    grid-column:auto / auto !important;
    grid-row:auto / auto !important;
    width:auto !important;
    height:auto !important;
  }
  .homeBoardPrimary.homeBoardPrimary > .homeFeaturedCard > ul.homeFeaturedList > li > a.homeFeaturedRow .homeFeaturedTeam--home{
    grid-column:5 / 6 !important;
    text-align:right !important;
    justify-self:stretch !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    word-break:keep-all !important;
    font-size:12px !important;
    font-weight:600 !important;
    color:var(--text-primary) !important;
    width:auto !important;
    display:block !important;
  }
  .homeBoardPrimary.homeBoardPrimary > .homeFeaturedCard > ul.homeFeaturedList > li > a.homeFeaturedRow .homeFeaturedTeams em{
    grid-column:6 / 7 !important;
    text-align:center !important;
    justify-self:center !important;
    font-style:normal !important;
    font-size:11px !important;
    font-weight:800 !important;
    color:var(--text-muted) !important;
    min-width:auto !important;
    width:auto !important;
    display:block !important;
    place-items:normal !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
  }
  .homeBoardPrimary.homeBoardPrimary > .homeFeaturedCard > ul.homeFeaturedList > li > a.homeFeaturedRow .homeFeaturedTeam--away{
    grid-column:7 / 8 !important;
    text-align:left !important;
    justify-self:stretch !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    word-break:keep-all !important;
    font-size:12px !important;
    font-weight:600 !important;
    color:var(--text-primary) !important;
    width:auto !important;
    display:block !important;
  }
  .homeBoardPrimary.homeBoardPrimary > .homeFeaturedCard > ul.homeFeaturedList > li + li{
    margin-top:0 !important;
  }
  .homeBoardPrimary.homeBoardPrimary > .homeAnalysisCard > ul.homeAnalysisList > li > a.homeAnalysisRow{
    display:grid !important;
    grid-template-columns:28px 72px minmax(0,1fr) 28px minmax(0,1fr) !important;
    grid-template-rows:38px !important;
    column-gap:8px !important;
    row-gap:0 !important;
    align-items:center !important;
    padding:0 10px 0 0 !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    border:0 !important;
    border-radius:9px !important;
    background:var(--home-row-bg,transparent) !important;
    position:static !important;
    overflow:visible !important;
  }
  .homeBoardPrimary.homeBoardPrimary > .homeAnalysisCard > ul.homeAnalysisList > li > a.homeAnalysisRow::before{
    display:none !important;
  }
  .homeBoardPrimary.homeBoardPrimary > .homeAnalysisCard > ul.homeAnalysisList > li > a.homeAnalysisRow > .homeAnalysisMeta{
    display:none !important;
  }
  .homeBoardPrimary.homeBoardPrimary > .homeAnalysisCard > ul.homeAnalysisList > li > a.homeAnalysisRow > .homeAnalysisSportIcon{
    grid-column:1 / 2 !important;
    grid-row:1 / 2 !important;
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    max-width:32px !important;
    max-height:32px !important;
    aspect-ratio:auto !important;
    border-radius:9px !important;
    background:var(--surface-soft) !important;
    border:1px solid var(--border-soft) !important;
    display:grid !important;
    place-items:center !important;
    font-size:15px !important;
    flex:0 0 32px !important;
    margin:0 !important;
    padding:0 !important;
  }
  .homeBoardPrimary.homeBoardPrimary > .homeAnalysisCard > ul.homeAnalysisList > li > a.homeAnalysisRow > .homeAnalysisSportIcon svg{
    width:18px !important;
    height:18px !important;
  }
  .homeBoardPrimary.homeBoardPrimary > .homeAnalysisCard > ul.homeAnalysisList > li > a.homeAnalysisRow > .homeAnalysisMatchup{
    display:contents !important;
  }
  .homeBoardPrimary.homeBoardPrimary > .homeAnalysisCard > ul.homeAnalysisList > li > a.homeAnalysisRow > .homeAnalysisTime--desktop,
  .homeBoardPrimary.homeBoardPrimary > .homeAnalysisCard > ul.homeAnalysisList > li > a.homeAnalysisRow > .homeAnalysisTime.homeAnalysisTime--desktop{
    display:block !important;
    grid-column:2 / 3 !important;
    grid-row:1 / 2 !important;
    font-size:11px !important;
    font-weight:700 !important;
    font-variant-numeric:tabular-nums !important;
    color:var(--text-secondary) !important;
    white-space:nowrap !important;
    text-align:left !important;
    justify-self:start !important;
    align-self:center !important;
    margin:0 !important;
    padding:0 !important;
  }
  .homeBoardPrimary.homeBoardPrimary > .homeAnalysisCard > ul.homeAnalysisList > li > a.homeAnalysisRow .homeAnalysisTeamName:first-of-type{
    grid-column:3 / 4 !important;
    grid-row:1 / 2 !important;
    text-align:right !important;
    justify-self:stretch !important;
    width:100% !important;
    font-size:11px !important;
    font-weight:600 !important;
    color:var(--text-primary) !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  .homeBoardPrimary.homeBoardPrimary > .homeAnalysisCard > ul.homeAnalysisList > li > a.homeAnalysisRow .homeAnalysisVs{
    grid-column:4 / 5 !important;
    grid-row:1 / 2 !important;
    text-align:center !important;
    justify-self:center !important;
    align-self:center !important;
    font-style:normal !important;
    font-size:10.5px !important;
    font-weight:800 !important;
    color:var(--text-muted) !important;
    min-width:28px !important;
    width:28px !important;
    display:grid !important;
    place-items:center !important;
  }
  .homeBoardPrimary.homeBoardPrimary > .homeAnalysisCard > ul.homeAnalysisList > li > a.homeAnalysisRow .homeAnalysisTeamName--away{
    grid-column:5 / 6 !important;
    grid-row:1 / 2 !important;
    text-align:left !important;
    justify-self:stretch !important;
    width:100% !important;
    font-size:11px !important;
    font-weight:600 !important;
    color:var(--text-primary) !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  .homeBoardPrimary.homeBoardPrimary > .homeAnalysisCard > ul.homeAnalysisList > li + li{
    margin-top:0 !important;
  }
}

:scope .homeBoard .nntvCard,
:scope .homeBoard .predictionCard,
:scope .homeBoard .ranking,
:scope .homeBoardPrimary > .homeFeaturedCard,
:scope .homePage .nntvCard,
:scope .homeBoard .homeHlStrip,
:scope .homeBoardUtils>.homeFulfillmentCard,
:scope .homeBoardBottom>.nntvCard,
:scope .homeBoardBottom>.referral,
:scope .homeBoard .attendance,
:scope .homeBoard .referral{
  background:
    radial-gradient(circle at 86% 14%,color-mix(in srgb,var(--accent-primary) 10%,transparent),transparent 34%),
    var(--card-light-bg);
  border:1px solid var(--card-light-border);
  border-radius:14px;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb,var(--accent-primary) 14%,rgba(255,255,255,.98)),
    var(--card-light-shadow);
}
:scope[data-theme="dark"] .homeBoard .nntvCard,
:scope[data-theme="dark"] .homeBoard .predictionCard,
:scope[data-theme="dark"] .homeBoard .ranking,
:scope[data-theme="dark"] .homeBoardPrimary > .homeFeaturedCard,
:scope[data-theme="dark"] .homePage .nntvCard,
:scope[data-theme="dark"] .homeBoard .homeHlStrip,
:scope[data-theme="dark"] .homeBoardUtils>.homeFulfillmentCard,
:scope[data-theme="dark"] .homeBoardBottom>.nntvCard,
:scope[data-theme="dark"] .homeBoardBottom>.referral,
:scope[data-theme="dark"] .homeBoard .attendance,
:scope[data-theme="dark"] .homeBoard .referral{
  background:var(--bg);
  border:1px solid var(--card-dark-border);
  border-radius:14px;
  box-shadow:var(--card-dark-shadow);
}

:scope:not([data-theme="dark"]) .sportsAnalysisFoot > .primaryBtn.actionGreen,
:scope:not([data-theme="dark"]) .sportsAnalysisFoot > a.primaryBtn.actionGreen,
:scope:not([data-theme="dark"]) .analysisCard > .primaryBtn.actionGreen.actionCompact,
:scope:not([data-theme="dark"]) .analysisCard > a.primaryBtn.actionGreen.actionCompact{
  background:var(--accent-primary) !important;
  border-color:var(--accent-primary) !important;
  color:#fff !important;
  box-shadow:none !important;
}
:scope:not([data-theme="dark"]) .sportsAnalysisFoot > .primaryBtn.actionGreen:hover:not(:disabled),
:scope:not([data-theme="dark"]) .sportsAnalysisFoot > a.primaryBtn.actionGreen:hover:not(:disabled),
:scope:not([data-theme="dark"]) .analysisCard > .primaryBtn.actionGreen.actionCompact:hover:not(:disabled),
:scope:not([data-theme="dark"]) .analysisCard > a.primaryBtn.actionGreen.actionCompact:hover:not(:disabled){
  background:var(--accent-primary-hover) !important;
  border-color:var(--accent-primary-hover) !important;
  color:#fff !important;
}
:scope:not([data-theme="dark"]) .sportsAnalysisFoot > .primaryBtn.actionGreen:active:not(:disabled),
:scope:not([data-theme="dark"]) .sportsAnalysisFoot > a.primaryBtn.actionGreen:active:not(:disabled),
:scope:not([data-theme="dark"]) .analysisCard > .primaryBtn.actionGreen.actionCompact:active:not(:disabled),
:scope:not([data-theme="dark"]) .analysisCard > a.primaryBtn.actionGreen.actionCompact:active:not(:disabled){
  background:var(--accent-primary-soft) !important;
  border-color:var(--accent-primary-soft) !important;
  color:#fff !important;
}

/* ===== T1: Dark Quick Menu surface = Parent Card 동일 계열 ===== */
:scope[data-theme="dark"] .homeQuickNav a{
  background:
    radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--accent-primary) 16%,transparent),transparent 34%),
    var(--card-dark-bg);
  border:1px solid var(--card-dark-border);
  border-radius:14px;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb,var(--accent-primary) 20%,rgba(255,255,255,.06)),
    var(--card-dark-shadow);
}
:scope[data-theme="dark"] .homeQuickNav a:hover{
  border-color:color-mix(in srgb,var(--accent-primary) 32%,var(--card-dark-border));
}

/* ===== T2: PC 최신 스포츠분석 row 5열 grid + LIVE 시간 class 재사용 ===== */
@media(min-width:761px){
  .homeAnalysisRow{
    grid-template-columns:32px 58px minmax(0,1fr) 32px minmax(0,1fr) !important;
    align-items:center !important;
  }
  .homeAnalysisRow .homeAnalysisMeta{
    display:none !important;
  }
  .homeAnalysisRow .homeAnalysisTime--desktop{
    grid-column:2 / 3 !important;
    display:inline-flex !important;
    align-items:center !important;
    font-size:10px !important;
    font-weight:400 !important;
    color:var(--text-muted) !important;
    white-space:nowrap !important;
    flex:0 0 auto !important;
    font-variant-numeric:tabular-nums !important;
    justify-self:start !important;
  }
  .homeAnalysisRow .homeAnalysisMatchup{
    grid-column:3 / 6 !important;
    display:contents !important;
  }
  .homeAnalysisRow .homeAnalysisTeamName:not(.homeAnalysisTeamName--away){
    grid-column:3 / 4 !important;
    text-align:right !important;
    justify-self:end !important;
  }
  .homeAnalysisRow .homeAnalysisVs{
    grid-column:4 / 5 !important;
  }
  .homeAnalysisRow .homeAnalysisTeamName--away{
    grid-column:5 / 6 !important;
    text-align:left !important;
    justify-self:start !important;
  }
}
/* ===== T5: Dark Mode 6곳 Cobalt Primary 통일 ===== */
:scope[data-theme="dark"] .headerAuthSignup{
  background:var(--dark-cta-primary) !important;
  border-color:var(--dark-cta-primary) !important;
}
:scope[data-theme="dark"] .headerAuthSignup:hover{
  background:var(--dark-cta-primary-hover) !important;
  border-color:var(--dark-cta-primary-hover) !important;
}
:scope[data-theme="dark"] .headerAuthSignup:active{
  background:var(--dark-cta-primary-active) !important;
  border-color:var(--dark-cta-primary-active) !important;
}

:scope[data-theme="dark"] .primaryBtn.watchMint.bcWatch,
:scope[data-theme="dark"] a.primaryBtn.watchMint.bcWatch,
:scope[data-theme="dark"] button.primaryBtn.watchMint.bcWatch{
  background:var(--dark-cta-primary) !important;
  border-color:var(--dark-cta-primary) !important;
  color:#fff !important;
}
:scope[data-theme="dark"] .primaryBtn.watchMint.bcWatch:hover:not(:disabled),
:scope[data-theme="dark"] .bcWatch.watchMint:hover:not(:disabled){
  background:var(--dark-cta-primary-hover) !important;
  border-color:var(--dark-cta-primary-hover) !important;
}
:scope[data-theme="dark"] .primaryBtn.watchMint.bcWatch:active:not(:disabled){
  background:var(--dark-cta-primary-active) !important;
  border-color:var(--dark-cta-primary-active) !important;
}

:scope[data-theme="dark"] .hero.heroLite .heroButtons .primaryBtn.big,
:scope[data-theme="dark"] .hero.heroLite .heroButtons a.primaryBtn.big{
  background:var(--dark-cta-primary) !important;
  border-color:var(--dark-cta-primary) !important;
  color:#fff !important;
}
:scope[data-theme="dark"] .hero.heroLite .heroButtons .primaryBtn.big:hover:not(:disabled){
  background:var(--dark-cta-primary-hover) !important;
  border-color:var(--dark-cta-primary-hover) !important;
}
:scope[data-theme="dark"] .hero.heroLite .heroButtons .primaryBtn.big:active:not(:disabled){
  background:var(--dark-cta-primary-active) !important;
  border-color:var(--dark-cta-primary-active) !important;
}

:scope[data-theme="dark"] .homeQuickNavIcon{
  color:var(--dark-accent-blue) !important;
}

:scope[data-theme="dark"] .analysisCard > .primaryBtn.actionGreen.actionCompact,
:scope[data-theme="dark"] .analysisCard > a.primaryBtn.actionGreen.actionCompact,
:scope[data-theme="dark"] .sportsAnalysisFoot > .primaryBtn.actionGreen,
:scope[data-theme="dark"] .sportsAnalysisFoot > a.primaryBtn.actionGreen{
  background:var(--dark-cta-primary) !important;
  border-color:var(--dark-cta-primary) !important;
  color:#fff !important;
  box-shadow:none !important;
}
:scope[data-theme="dark"] .analysisCard > .primaryBtn.actionGreen.actionCompact:hover:not(:disabled),
:scope[data-theme="dark"] .sportsAnalysisFoot > .primaryBtn.actionGreen:hover:not(:disabled){
  background:var(--dark-cta-primary-hover) !important;
  border-color:var(--dark-cta-primary-hover) !important;
}

:scope[data-theme="dark"] .analysisPickCard.is-rec em{
  background:color-mix(in srgb,var(--dark-primary-cobalt) 18%,var(--surface-elevated)) !important;
  color:var(--dark-primary-cobalt) !important;
  border-color:color-mix(in srgb,var(--dark-primary-cobalt) 32%,var(--border-soft)) !important;
}
:scope[data-theme="dark"] .analysisPickCard.is-rec{
  border-color:color-mix(in srgb,var(--dark-primary-cobalt) 28%,var(--border-soft)) !important;
}

/* ===== T6: 출석/친구초대 flex-grow wrapper 구조 ===== */
.homeUtilityContent{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-width:0;
  gap:0;
}
.homeUtilityContent .primaryBtn:last-child,
.homeUtilityContent .primaryBtn.successBtn:last-child,
.homeUtilityContent button.primaryBtn:last-child{
  margin-top:auto !important;
}

:scope .homeBoardUtils>.nntvCard.attendance,
:scope .homeBoardUtils>.nntvCard.referral{
  padding-top:14px !important;
  padding-bottom:14px !important;
}

:scope :is(
  .sportTabs button.active,
  .chipTab button.active,
  [role="tablist"] [role="tab"][aria-selected="true"],
  [role="tab"][aria-selected="true"],
  .categoryList button.active,
  .dateChip[aria-pressed="true"],
  .filterRow button.is-active,
  .statusTabs button.active,
  .rkToolbar .tab.active,
  .boardToolbar .tab.active,
  .boardCategory button.active,
  .citadellaCategoryTabs>button.active,
  .matchCategoryTabs>button.active,
  .dateChipWrap>.dateChip.active,
  .filterChips button.active,
  .categoryChips button.active,
  .leagueTabs button.active,
  .tabGroup>.tab.active,
  .tabs>.tab.active,
  .tab.active,
  button.tab.active,
  div.tab.active,
  [class*=category] button.active,
  [class*=Tabs] > button.active,
  .bcSport.active,
  .bcChip.active,
  .bcMode.active,
  .bcCh.active
):not(.navItem):not(.navDropItem):not(.navDrop a):not(.shopNavItem):not(.mobileNavTile):not(.mobileNavLink):not(.bcRow):not(.sportsMatchCard):not(.sportsMatchStripItem):not(.sportsLineupCard):not(.sportsFilterControl):not(:is(.sportsChipRow,.sportsDateNav,.sportsSort,.bcSports,.shopFilters,.highlightFilters) > *) {
  background: var(--dark-blue-selected, var(--accent-primary)) !important;
  color: #FFFFFF !important;
  border-color: transparent !important;
}
/* ===== T7: Light Parent Cards + Quick Menu surface layer (subtle border surface shadow highlight) ===== */
:scope:not([data-theme="dark"]) .homeBoard > .nntvCard.homeFeaturedCard,
:scope:not([data-theme="dark"]) .homeBoard > .nntvCard.homeAnalysisCard,
:scope:not([data-theme="dark"]) .homeBoard > .nntvCard.ranking,
:scope:not([data-theme="dark"]) .homeBoard > .nntvCard.pointShop,
:scope:not([data-theme="dark"]) .homeBoard > .nntvCard.attendance,
:scope:not([data-theme="dark"]) .homeBoard > .nntvCard.referral,
:scope:not([data-theme="dark"]) .homeBoard > .homeFulfillmentCard,
:scope:not([data-theme="dark"]) .homeBoard > .nntvCard.homeHlStrip,
:scope:not([data-theme="dark"]) .homeBoard > .nntvCard.predictionCard {
  background-image:
    radial-gradient(circle at 86% 14%, color-mix(in srgb, var(--accent-primary) 10%, transparent), transparent 40%),
    var(--card-light-bg);
  background-color: transparent;
  border: 1px solid var(--card-light-border);
  box-shadow: var(--card-light-shadow);
}
:scope:not([data-theme="dark"]) .shortcut,
:scope:not([data-theme="dark"]) .homeQuickNav a {
  background-image:
    radial-gradient(circle at 86% 18%, color-mix(in srgb, var(--accent-primary) 8%, transparent), transparent 40%),
    var(--card-light-bg);
  background-color: transparent;
  border: 1px solid var(--card-light-border);
  box-shadow: var(--card-light-shadow);
}
:scope:not([data-theme="dark"]) .shortcut .shortcutIcon,
:scope:not([data-theme="dark"]) .homeQuickNav .homeQuickNavIcon {
  background: color-mix(in srgb, var(--accent-primary) 7%, var(--soft));
  border: 1px solid color-mix(in srgb, var(--accent-primary) 14%, var(--line));
  color: var(--accent-primary);
}

/* ===== T7: Dark Parent Cards + Quick Menu surface layer (background border shadow subtle highlight) ===== */
:scope[data-theme="dark"] .homeBoard > .nntvCard.homeFeaturedCard,
:scope[data-theme="dark"] .homeBoard > .nntvCard.homeAnalysisCard,
:scope[data-theme="dark"] .homeBoard > .nntvCard.ranking,
:scope[data-theme="dark"] .homeBoard > .nntvCard.pointShop,
:scope[data-theme="dark"] .homeBoard > .nntvCard.attendance,
:scope[data-theme="dark"] .homeBoard > .nntvCard.referral,
:scope[data-theme="dark"] .homeBoard > .homeFulfillmentCard,
:scope[data-theme="dark"] .homeBoard > .nntvCard.homeHlStrip,
:scope[data-theme="dark"] .homeBoard > .nntvCard.predictionCard {
  background: var(--bg);
  border: 1px solid var(--card-dark-border);
  box-shadow: var(--card-dark-shadow);
  border-radius: 14px;
}
:scope[data-theme="dark"] .shortcut,
:scope[data-theme="dark"] .homeQuickNav a {
  background-image:
    radial-gradient(circle at 86% 18%, color-mix(in srgb, var(--accent-primary) 12%, transparent), transparent 40%),
    var(--card-dark-bg);
  background-color: transparent;
  border: 1px solid var(--card-dark-border);
  box-shadow: var(--card-dark-shadow);
  color: var(--text-primary);
}
:scope[data-theme="dark"] .shortcut:hover,
:scope[data-theme="dark"] .homeQuickNav a:hover {
  border-color: color-mix(in srgb, var(--accent-primary) 32%, var(--card-dark-border));
}
:scope[data-theme="dark"] .shortcut .shortcutIcon {
  background: color-mix(in srgb, #edf4ff 7%, transparent);
  border: 1px solid color-mix(in srgb, #edf4ff 12%, var(--line));
  color: var(--accent-primary);
}
:scope[data-theme="dark"] .homeQuickNav .homeQuickNavIcon {
  background: var(--surface-card);
  border: 1px solid var(--border-soft);
  color: var(--text-primary);
}

/* ===== T2: PC Analysis Row 5-col fixed Grid [icon | time | home(right) | VS | away(left)] ===== */
@media(min-width:761px){
  .homeBoardPrimary > .homeAnalysisCard .homeAnalysisRow {
    display: grid;
    grid-template-columns: 28px 72px minmax(0,1fr) 28px minmax(0,1fr);
    grid-template-rows: 38px;
    column-gap: 8px;
    row-gap: 0;
    align-items: center;
    padding: 0 10px 0 0;
    height: 38px;
    min-height: 38px;
    box-sizing: border-box;
  }
  .homeBoardPrimary > .homeAnalysisCard .homeAnalysisMeta {
    display: contents !important;
    grid-column: auto / auto;
    grid-row: auto / auto;
  }
  .homeBoardPrimary > .homeAnalysisCard .homeAnalysisMatchup {
    display: contents !important;
    grid-column: auto / auto;
    grid-row: auto / auto;
  }
  .homeBoardPrimary > .homeAnalysisCard .homeAnalysisSportIcon {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    border: 1px solid var(--border-soft);
    background: var(--surface-soft);
    display: grid !important;
    place-items: center !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    flex: 0 0 32px;
    align-self: center !important;
    justify-self: center !important;
  }
  .homeBoardPrimary > .homeAnalysisCard .homeAnalysisSportIcon svg {
    width: 16px;
    height: 16px;
    display: block;
  }
  .homeBoardPrimary > .homeAnalysisCard .homeAnalysisTime--desktop {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    font-size: 11px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--text-secondary);
    white-space: nowrap;
    text-align: left;
    justify-self: start;
    align-self: center;
    display: block !important;
  }
  .homeBoardPrimary > .homeAnalysisCard .homeAnalysisLeague {
    display: none !important;
  }
  .homeBoardPrimary > .homeAnalysisCard .homeAnalysisTime:not(.homeAnalysisTime--desktop),
  .homeBoardPrimary > .homeAnalysisCard .homeAnalysisDate {
    display: none !important;
  }
  .homeBoardPrimary > .homeAnalysisCard .homeAnalysisMatchup .homeAnalysisTeamName:first-of-type,
  .homeBoardPrimary > .homeAnalysisCard .homeAnalysisMatchup .homeAnalysisTeamName:first-child {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
    text-align: right !important;
    justify-self: stretch !important;
    width: 100%;
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .homeBoardPrimary > .homeAnalysisCard .homeAnalysisMatchup .homeAnalysisVs {
    grid-column: 4 / 5;
    grid-row: 1 / 2;
    display: grid !important;
    place-items: center;
    min-width: 28px;
    width: 28px;
    height: 100%;
    justify-self: center !important;
    align-self: center !important;
    font-size: 10.5px;
    font-weight: 700;
    color: var(--text-muted);
    font-style: normal;
  }
  .homeBoardPrimary > .homeAnalysisCard .homeAnalysisMatchup .homeAnalysisTeamName--away {
    grid-column: 5 / 6;
    grid-row: 1 / 2;
    text-align: left !important;
    justify-self: stretch !important;
    width: 100%;
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/* ===== T1: Mobile LIVE 하단 여백 촘촘화 (height:auto, min-height 제거, padding 동일) ===== */
@media(max-width:760px){
  .homeBoardPrimary > .homeFeaturedCard,
  .homeBoardPrimary > .homeAnalysisCard {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
  .homeFeaturedList,
  .homeAnalysisList {
    gap: 6px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .homeFeaturedRow:last-child,
  .homeAnalysisRow:last-child {
    margin-bottom: 0 !important;
  }
}

/* Site popup */
.sitePopupLayer{position:fixed;inset:0;z-index:50;pointer-events:none}
.sitePopup{
  position:absolute;display:grid;grid-template-rows:minmax(0,1fr) auto;box-sizing:border-box;
  overflow:hidden;pointer-events:auto;background:var(--surface);border:1px solid var(--line);
  border-radius:8px;box-shadow:0 16px 38px rgba(20,32,48,.18),inset 0 1px 0 rgba(255,255,255,.72);
}
.sitePopup>a{display:block;min-height:0;overflow:auto;color:inherit;text-decoration:none}
.sitePopupContent{display:flex;min-height:0;height:100%;flex-direction:column;overflow:auto}
.sitePopupContent img{display:block;width:100%;max-height:70%;flex:0 1 auto}
.sitePopupContent h2{margin:0;padding:14px 16px 6px;font-size:16px;line-height:1.35;color:var(--navy)}
.sitePopupContent p{margin:0;padding:0 16px 16px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65;color:var(--text)}
.sitePopupActions{display:grid;grid-template-columns:1fr auto;border-top:1px solid var(--line);background:var(--surface-soft)}
.sitePopupActions button{height:38px;padding:0 14px;border:0;background:transparent;color:var(--text-secondary);font:inherit;font-size:12px;cursor:pointer}
.sitePopupActions button+button{border-left:1px solid var(--line);font-weight:700;color:var(--navy)}
.sitePopupActions button:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}
:scope[data-theme=dark] .sitePopup{box-shadow:0 18px 44px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06)}
:scope[data-theme=dark] .sitePopupContent h2,:scope[data-theme=dark] .sitePopupActions button+button{color:#edf4ff}
@media(max-width:760px){
  .sitePopup{max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important}
  .sitePopupContent h2{padding:12px 14px 5px;font-size:15px}
  .sitePopupContent p{padding:0 14px 14px}
}

/* Shared post and notice rich text editor */
.richTextEditor{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.richTextEditor:focus-within{border-color:var(--ctrl-border-active);box-shadow:0 0 0 3px var(--ctrl-focus)}
.richTextEditor.is-loading{min-height:280px;padding:16px;color:var(--muted)}
.richTextToolbar{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:8px;border-bottom:1px solid var(--line);background:var(--surface-soft)}
.richTextTool,.richTextSize{height:30px;border:1px solid var(--ctrl-border);border-radius:6px;background:var(--surface);color:var(--text-secondary);font:inherit;font-size:12px}
.richTextTool{min-width:30px;padding:0 8px;cursor:pointer}
.richTextTool.is-active{border-color:var(--accent-primary);background:var(--accent-primary-soft);color:var(--accent-primary)}
.richTextSize{padding:0 8px}
.richTextEditor .tiptap{min-height:280px;padding:14px;outline:none;color:var(--text);font-size:14px;line-height:1.8}
.richTextEditor .tiptap p{margin:0 0 10px}
.richTextEditor .tiptap ul,.richTextEditor .tiptap ol,.richTextContent ul,.richTextContent ol{margin:10px 0;padding-left:24px}
.richTextEditor .tiptap blockquote,.richTextContent blockquote{margin:12px 0;padding:6px 12px;border-left:3px solid var(--accent-primary);color:var(--text-secondary);background:var(--surface-soft)}
.richTextEditor .tiptap a,.richTextContent a{color:var(--accent-primary);text-decoration:underline;text-underline-offset:2px}
.richTextEditor .tiptap img,.richTextContent img{display:block;max-width:100%;height:auto;margin:12px auto;object-fit:contain}
.richTextStatus{margin:0;padding:7px 10px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.postArticle .articleBody:has(>.richTextContent){white-space:normal}
.richTextContent{white-space:normal}
.richTextContent p{margin:0 0 10px}
.richTextContent p:last-child{margin-bottom:0}
/* Tiptap displays stored empty notice paragraphs with a full line box. */
.postArticle:has(>.postCat>a[href="/notices"]) .richTextContent p:empty{min-height:1.8em}
@media(max-width:760px){
  .richTextToolbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
  .richTextTool,.richTextSize{flex:0 0 auto}
  .richTextEditor .tiptap{min-height:240px;padding:12px}
}

.communityListPage .pageWrap{margin-bottom:12px}
.communityListPage .boardHead--search{flex-wrap:wrap}
.communityListPage .boardListActions{display:flex;align-items:center;gap:8px;flex:0 1 400px;min-width:0;margin-left:auto}
.communityListPage .boardListActions .canonicalBoardSearch{flex:1 1 0;min-width:0;margin-left:0}
.communityListPage .boardListActions .primaryBtn{flex:0 0 auto;height:40px;min-height:40px;padding:0 var(--ctrl-pad-md);font-size:var(--ctrl-fs-md);font-weight:var(--ctrl-fw);box-shadow:none;white-space:nowrap}
.communityPostList .boardTable .colAuthor{width:180px}
:is(.communityPostList,.noticeBoard) .boardTitleText,:is(.communityPostList,.noticeBoard) .boardTitleLink b.boardTitleText{font-size:12.5px;font-weight:400}
:scope :is(.communityPostList,.noticeBoard) :is(.boardTitleLink,.boardMobileTitle) .boardBadge--new{height:auto;min-height:0;padding:2px 5px;margin-left:-1px;font-size:10px;font-weight:500;line-height:1.2;text-transform:none;background:#eef3fb;color:var(--accent2);border-color:color-mix(in srgb,var(--accent) 16%,var(--line))}
:scope[data-theme="dark"] :is(.communityPostList,.noticeBoard) :is(.boardTitleLink,.boardMobileTitle) .boardBadge--new{background:var(--surface-elevated);color:#8bb4ff;border-color:#2a4568}
:is(.communityPostList,.noticeBoard,.postArticle,.cmtItem) .boardAuthor.identityMark--stacked{height:auto;min-height:32px;max-width:100%;align-items:center}
.communityPostList .boardAuthor.identityMark--stacked{gap:8px}
:is(.communityPostList,.noticeBoard,.postArticle,.cmtItem) .identityMark--stacked .identityTexts{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;max-width:100%}
:is(.communityPostList,.noticeBoard,.postArticle,.cmtItem) .boardAuthor .identityNick{display:block;max-width:min(120px,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;line-height:1.2;color:var(--text)}
:is(.communityPostList,.noticeBoard,.postArticle,.cmtItem) .identityMark--stacked .identityMeta{display:block;font-size:11px;font-weight:500;line-height:1.2}
:is(.communityPostList,.noticeBoard,.postArticle,.cmtItem) .identityMark--stacked .identityMeta:not(.tierText){color:var(--muted)}
:is(.communityPostList,.noticeBoard,.postArticle,.cmtItem) .identityMark--stacked .tierText{display:inline-flex;align-items:baseline;gap:4px;font-size:11px;font-weight:700;letter-spacing:.02em;line-height:1;white-space:nowrap}
:is(.communityPostList,.noticeBoard,.postArticle,.cmtItem) .identityMark--stacked .tierText em{font-size:inherit;font-weight:700;line-height:inherit}
:is(.communityPostList,.noticeBoard,.postArticle,.cmtItem) .identityMark--stacked .tierText b{font-size:inherit;font-weight:800;line-height:inherit}
:is(.postArticle,.cmtItem) .boardAuthor.identityMark--stacked{min-height:28px}
:is(.postArticle,.cmtItem) .identityMark--stacked .identityTexts{gap:2px}
@media(max-width:760px){
  :is(.communityPostList,.noticeBoard) .boardMobileTitle .boardTitleText{font-size:13px}
  .communityListPage .boardListActions{flex:1 1 100%;width:100%;margin-left:0}
  .communityPostList .boardMobileMeta{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .communityPostList .boardMobileMeta .boardAuthor{width:auto;min-width:0;flex:1 1 auto}
  .communityPostList .boardMobileStats{flex:0 0 auto}
}

/* Supplied gift CSS designs: scoped so existing image and icon presets stay unchanged. */
.giftCssFrame{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.giftCssFrame:not(.giftCssFrame--compact){container:gift-art / inline-size}
.giftCssFrame--compact{position:relative;display:block;flex:none;border-radius:8px}
.giftCssFrame--compact .giftCssArt{position:absolute;left:0;top:0;max-width:none;transform-origin:top left}
.shopThumb.shopThumb--css{padding:0;background:transparent}
.giftAdminPreview:has(.shopThumb--css){grid-template-columns:1fr}
.giftAdminPreview .shopThumb.shopThumb--css{width:100%;height:200px}
.giftAdminPreview:has(.shopThumb--css) .giftAdminPreviewMain{display:flex;justify-content:space-between;gap:12px}
.giftCssArt{--symbol-size:42px;position:relative;isolation:isolate;overflow:hidden;width:100%;height:100%;max-width:100%;min-width:0;flex:none;border-radius:8px;padding:12px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:6px;background:var(--bg);color:var(--fg);font-family:system-ui,'Noto Sans KR',sans-serif;text-align:left}
.giftCssArt,.giftCssArt *,.giftCssArt:before,.giftCssArt:after{box-sizing:border-box}
.giftCssArt:before,.giftCssArt:after{content:"";position:absolute;pointer-events:none;z-index:-1}
.giftCssBrand{font-size:12px;font-weight:900;letter-spacing:.3px;overflow-wrap:anywhere}
.giftCssBody{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;min-width:0;min-height:0}
.giftCssCopy{grid-column:1;grid-row:1;align-self:end;min-width:0}
.giftCssSymbol{grid-column:2;grid-row:1;align-self:center;font-size:var(--symbol-size);line-height:1;filter:drop-shadow(0 7px 7px #0002)}
.giftCssSymbol--solo{display:inline-flex;align-items:center;justify-content:center;grid-column:auto;grid-row:auto;filter:none;background:transparent!important;box-shadow:none!important}
.giftCssTitle{font-size:20px;font-weight:900;line-height:1.28;word-break:keep-all;overflow-wrap:anywhere}
.giftCssType{font-size:8px;letter-spacing:1px;opacity:.7;margin-top:5px}
.giftCssArt--coffee{background:linear-gradient(150deg,var(--bg),var(--accent))}
.giftCssArt--coffee:before{width:140px;height:140px;border:24px solid var(--orn);border-radius:50%;right:-68px;top:12%}
.giftCssArt--food{background:linear-gradient(145deg,var(--bg),var(--accent))}
.giftCssArt--food:before{width:155px;height:155px;background:var(--orn);border-radius:50%;right:-48px;top:22%}
.giftCssArt--food:after{width:115px;height:115px;border:1px solid var(--fg);opacity:.18;border-radius:50%;right:-28px;top:28%}
.giftCssArt--voucher:before{inset:10px;border:1px solid var(--orn);border-radius:4px}
.giftCssArt--voucher:after{inset:15px;border:1px dashed var(--orn);opacity:.5;border-radius:3px}
.giftCssArt--voucher{--symbol-size:35px}
.giftCssArt--daily:before{width:155px;height:155px;background:var(--accent);right:-65px;top:0;transform:rotate(35deg);border-radius:20px}
.giftCssArt--dessert{background:linear-gradient(145deg,var(--bg),var(--accent))}
.giftCssArt--dessert:before{width:135px;height:135px;background:var(--orn);right:-52px;top:15%;border-radius:45% 55% 35% 65%}
@media(min-width:751px){
  .giftCssArt--voucher:before{inset:2px}
  .giftCssArt--voucher:after{inset:7px;border:0;outline:1px dashed var(--orn);outline-offset:0}
}
@media(max-width:750px){
  .giftCssArt{--symbol-size:31px;padding:9px;gap:4px}
  .giftCssArt--voucher{--symbol-size:35px}
  .giftCssArt--voucher:before{inset:4px}
  .giftCssArt--voucher:after{inset:9px;border:0;outline:1px dashed var(--orn);outline-offset:0}
  .giftCssBody{gap:8px}
  .giftCssTitle{font-size:16px}
  .giftCssBrand{font-size:10px}
}
@media(max-width:370px){
  .giftCssArt{padding:9px}
  .giftCssTitle{font-size:14px}
}
@container gift-art (max-width:220px){
  .giftCssArt{padding:9px;gap:4px}
  .giftCssBrand{font-size:10px}
  .giftCssBody{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:2px}
  .giftCssSymbol{grid-column:1;grid-row:1;justify-self:end}
  .giftCssCopy{grid-column:1;grid-row:2}
  .giftCssTitle{font-size:14px}
  .giftCssType{margin-top:3px}
}

/* Signup welcome modal */
.signupWelcomeOverlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(18,27,44,.42);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.signupWelcomeModal{width:min(100%,390px);padding:30px 28px 26px;background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.95);border-radius:20px;text-align:center;box-shadow:0 22px 70px rgba(35,51,82,.13),0 3px 12px rgba(35,51,82,.04);animation:signupWelcomePop .4s cubic-bezier(.2,.9,.25,1.1)}
.signupWelcomeMark{width:68px;height:68px;margin:0 auto 20px;display:grid;place-items:center;position:relative;background:#f1f4fb;border:1px solid #e1e7f5;border-radius:22px}
.signupWelcomeMark::after{content:"";position:absolute;inset:-7px;border:1px solid #e7ebf4;border-radius:27px;pointer-events:none}
.signupWelcomeEyebrow{margin-bottom:9px;font-size:10px;font-weight:800;letter-spacing:2px;color:var(--accent-primary)}
.signupWelcomeTitle{margin:0 0 12px;font-size:23px;font-weight:800;letter-spacing:-.8px;line-height:1.35;color:#1e2736}
.signupWelcomeDescription{margin:0;font-size:13px;line-height:1.85;color:#7c8798}
.signupWelcomeMember{margin:23px 0;padding:15px;display:flex;align-items:center;justify-content:center;gap:10px;background:#f7f9fc;border:1px solid #edf0f6;border-radius:12px}
.signupWelcomeMemberIcon{width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;background:#e8edf7;border-radius:50%}
.signupWelcomeMemberIcon img{width:20px;height:20px;object-fit:contain}
.signupWelcomeMemberText{display:flex;flex-direction:column;gap:2px;text-align:left}
.signupWelcomeMemberText strong{font-size:13px;font-weight:700;color:#283344}
.signupWelcomeMemberText span{font-size:11px;color:#8590a0}
.signupWelcomeButton{width:100%;height:47px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;background:var(--accent-primary);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease}
.signupWelcomeButton:hover{background:#2e4894;transform:translateY(-1px)}
.signupWelcomeButton:active{transform:translateY(0)}
.signupWelcomeButton:focus-visible{outline:3px solid rgba(59,91,179,.3);outline-offset:3px}
.signupWelcomeFooter{margin-top:16px;font-size:11px;letter-spacing:.3px;color:#a1aab7}
@keyframes signupWelcomePop{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:480px){
  .signupWelcomeModal{padding:26px 22px 22px;border-radius:18px}
  .signupWelcomeTitle{font-size:21px}
}
@media(prefers-reduced-motion:reduce){
  .signupWelcomeModal{animation:none}
  .signupWelcomeButton{transition:none}
}

/* ==========================================
   NENETV BONUS REWARD MODAL
   WHITE GLASS — COMPACT
========================================== */

.neneBonusOverlay{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  background:rgba(18,27,44,.42);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px)
}
.neneBonusModal{
  box-sizing:border-box;
  width:min(100%,324px);
  padding:25px 22px 21px;
  background:rgba(255,255,255,.98);
  border:1px solid #fff;
  border-radius:19px;
  text-align:center;
  box-shadow:0 20px 55px rgba(31,48,83,.13),0 3px 12px rgba(31,48,83,.04);
  animation:neneBonusIn .34s cubic-bezier(.2,.85,.25,1.1)
}
.neneBonusSymbol{
  position:relative;
  width:60px;
  height:60px;
  display:grid;
  place-items:center;
  margin:0 auto 17px;
  background:#f1f4fb;
  border:1px solid #e1e7f5;
  border-radius:19px
}
.neneBonusSymbol::after{
  content:"";
  position:absolute;
  inset:-6px;
  border:1px solid #e9edf6;
  border-radius:24px;
  pointer-events:none
}
.neneBonusSymbol svg{
  width:29px;
  height:29px;
  color:var(--accent-primary);
  stroke:currentColor;
  stroke-width:1.8;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round
}
.neneBonusEyebrow{
  margin-bottom:7px;
  color:var(--accent-primary);
  font-size:10px;
  font-weight:800;
  letter-spacing:1.8px
}
.neneBonusTitle{
  margin:0 0 7px;
  color:#24334b;
  font-size:20px;
  font-weight:800;
  letter-spacing:-.6px;
  line-height:1.35
}
.neneBonusDescription{
  margin:0;
  color:#8793a5;
  font-size:12px;
  font-weight:400;
  line-height:1.65
}
.neneBonusReward{
  margin:20px 0 16px;
  padding:15px 10px;
  background:#f7f9fc;
  border:1px solid #edf0f6;
  border-radius:12px
}
.neneBonusRewardLabel{
  display:block;
  margin-bottom:3px;
  color:#8896a9;
  font-size:10px
}
.neneBonusRewardAmount{
  color:var(--accent-primary);
  font-size:29px;
  font-weight:850;
  letter-spacing:-.9px;
  line-height:1.3;
  font-variant-numeric:tabular-nums
}
.neneBonusRewardUnit{
  margin-left:3px;
  color:var(--accent-primary);
  font-size:18px;
  font-weight:800
}
.neneBonusConfirm{
  width:100%;
  height:43px;
  border:0;
  border-radius:10px;
  background:var(--accent-primary);
  color:#fff;
  font-size:12px;
  font-weight:750;
  cursor:pointer;
  transition:background .18s ease,transform .18s ease
}
.neneBonusConfirm:hover{
  background:#2e4894;
  transform:translateY(-1px)
}
.neneBonusConfirm:active{transform:translateY(0)}
.neneBonusConfirm:focus-visible{
  outline:2px solid #3b5bb3;
  outline-offset:3px
}
.neneBonusFooter{
  margin-top:13px;
  color:#a4aebd;
  font-size:10px;
  letter-spacing:.4px
}
@keyframes neneBonusIn{
  from{
    opacity:0;
    transform:translateY(12px) scale(.96)
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1)
  }
}
:scope[data-theme=dark] .neneBonusOverlay{background:rgba(6,12,20,.56)}
:scope[data-theme=dark] .neneBonusModal{
  background:color-mix(in srgb,var(--surface-card) 94%,rgba(255,255,255,.03));
  border-color:color-mix(in srgb,rgba(255,255,255,.18) 40%,var(--border-soft));
  box-shadow:var(--card-dark-shadow),0 20px 55px rgba(0,0,0,.22)
}
:scope[data-theme=dark] .neneBonusSymbol{
  background:var(--surface-elevated);
  border-color:var(--border-soft)
}
:scope[data-theme=dark] .neneBonusSymbol::after{
  border-color:color-mix(in srgb,var(--border-soft) 78%,rgba(255,255,255,.08))
}
:scope[data-theme=dark] .neneBonusSymbol svg,
:scope[data-theme=dark] .neneBonusEyebrow,
:scope[data-theme=dark] .neneBonusRewardAmount,
:scope[data-theme=dark] .neneBonusRewardUnit{color:var(--accent-primary)}
:scope[data-theme=dark] .neneBonusTitle{color:var(--text-primary)}
:scope[data-theme=dark] .neneBonusDescription,
:scope[data-theme=dark] .neneBonusRewardLabel,
:scope[data-theme=dark] .neneBonusFooter{color:var(--text-muted)}
:scope[data-theme=dark] .neneBonusReward{
  background:var(--surface-soft);
  border-color:var(--border-soft)
}
:scope[data-theme=dark] .neneBonusConfirm{background:var(--accent-primary)}
:scope[data-theme=dark] .neneBonusConfirm:hover{
  background:color-mix(in srgb,var(--accent-primary) 82%,#fff);
  transform:translateY(-1px)
}
:scope[data-theme=dark] .neneBonusConfirm:focus-visible{outline-color:var(--accent-primary)}
@media(max-width:480px){
  .neneBonusModal{padding:23px 20px 19px}
}
@media(prefers-reduced-motion:reduce){
  .neneBonusModal{animation:none}
  .neneBonusConfirm{transition:none}
}

/* ==========================================
   NENETV EVENT DETAIL — SPORT CENTER
========================================== */
.eventSportDetail{
  --event-blue:var(--accent-primary);
  --event-border:#dfe6f1;
  --event-muted:#8593a9;
  width:100%;max-width:1080px;margin:0 auto;
  color:#20304b;font-size:12px;
}
.eventSportMain{background:#fff;border:1px solid #dce4ef;border-radius:13px;overflow:hidden}
.eventSportTop{padding:17px 20px;border-bottom:1px solid var(--event-border)}
.eventSportTopRow{display:flex;align-items:center;justify-content:space-between;gap:15px}
.eventSportBadges{display:flex;align-items:center;gap:6px;margin-bottom:6px}
.eventSportBadge{padding:3px 7px;border:1px solid #dfe6f0;border-radius:5px;background:#f8fafd;color:#71829c;font-size:10px;font-weight:600}
.eventSportBadge.upcoming{background:#fff9ed;border-color:#f5dda8;color:#b77a12}
.eventSportTitle{margin:0 0 3px;font-size:21px;font-weight:800;letter-spacing:-.5px;line-height:1.35}
.eventSportDescription{color:#8290a6;font-size:11px;line-height:1.6;margin:0}
.eventSportPrize{text-align:right;white-space:nowrap}
.eventSportPrizeLabel{display:block;color:#8c9bb0;font-size:10px}
.eventSportPrizeAmount{color:var(--event-blue);font-size:20px;font-weight:800}
.eventSportPrizeRatio{margin-left:4px;color:#7e8da5;font-size:10px}
.eventSportTimeline{display:flex;align-items:center;gap:12px;padding:10px 20px;background:#fbfcfe;border-bottom:1px solid var(--event-border)}
.eventSportRemaining{color:var(--event-blue);font-size:11px;font-weight:700;white-space:nowrap}
.eventSportProgress{flex:1;min-width:20px;height:4px;overflow:hidden;background:#e7ecf5;border-radius:5px}
.eventSportProgressFill{width:var(--event-progress,0%);height:100%;background:var(--event-blue);border-radius:5px;transition:width .5s ease}
.eventSportDateRange{color:#72839d;font-size:11px;white-space:nowrap}
.eventSportMatchHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px 0}
.eventSportMatchHeader h2{margin:0;font-size:13px;font-weight:700}
.eventSportMatchMeta{display:flex;align-items:center;gap:9px;color:#8090a7;font-size:10px}
.eventSportMatchMeta strong{color:#253d64}
.eventSportMatch{display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);align-items:center;gap:8px;padding:18px 20px 22px}
.eventSportTeam{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0}
.eventSportTeamAbbr{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;background:#f7f9fd;border:1px solid #dfe5f0;border-radius:13px;color:var(--event-blue);font-size:12px;font-weight:800}
.eventSportTeamAbbr .teamCrest{width:34px;height:34px;border-radius:11px;background:#f7f9fd;color:var(--event-blue);font-size:12px;font-weight:800}
.eventSportTeamAbbr .teamCrestImg{width:34px;height:34px;border-radius:11px;object-fit:contain}
.eventSportTeamInfo{min-width:0}
.eventSportTeamRole{display:block;color:#97a4b8;font-size:10px}
.eventSportTeamName{font-size:14px;font-weight:700;overflow-wrap:anywhere}
.eventSportVs{color:#b1bccd;font-size:22px;font-weight:800;text-align:center}
.eventSportEntry{padding:17px 20px;background:#f8fafd;border-top:1px solid var(--event-border)}
.eventSportEntryHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.eventSportEntryHeader h2{margin:0;font-size:14px;font-weight:700}
.eventSportQuestion{color:#4a5e7d;font-size:12px}
.eventSportEntryState{margin-top:12px;padding:16px;background:#fff;border:1px dashed #d7e0ec;border-radius:9px;text-align:center;color:#8290a6}
.eventSportEntryState strong{display:block;margin-bottom:5px;color:#344967;font-size:13px}
.eventSportChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.eventSportChoice{display:flex;align-items:center;gap:9px;min-width:0;padding:12px;background:#fff;border:1px solid #dce4f0;border-radius:9px;color:#253955;font-size:12px;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.eventSportChoice:hover{border-color:#9fb0d8}
.eventSportChoice:focus-visible{outline:2px solid var(--event-blue);outline-offset:2px}
.eventSportChoice.selected{background:#f2f5fc;border-color:var(--event-blue)}
.eventSportChoiceRadio{width:17px;height:17px;display:grid;place-items:center;flex-shrink:0;border:1.5px solid #bcc8d9;border-radius:50%}
.eventSportChoice.selected .eventSportChoiceRadio{border-color:var(--event-blue)}
.eventSportChoice.selected .eventSportChoiceRadio::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--event-blue)}
.eventSportSubmit{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:43px;margin-top:12px;background:var(--event-blue);border:0;border-radius:9px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none}
.eventSportSubmit:disabled{background:#ebeff5;color:#a0adbf;cursor:not-allowed}
.eventSportBottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:10px}
.eventSportMiniCard{min-width:0;padding:15px 17px;background:#fff;border:1px solid #dce4ef;border-radius:11px}
.eventSportMiniHeader{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.eventSportMiniHeader h2{margin:0;font-size:13px;font-weight:700}
.eventSportResultGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.eventSportResultCell{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-width:0;padding:11px 12px;background:#f8fafd;border-radius:8px;text-align:left}
.eventSportResultLabel{display:block;margin:0 0 5px;color:#8593a9;font-size:10px;font-weight:500;line-height:1.4;text-align:left}
.eventSportResultValue{display:block;width:100%;margin:0;color:#243753;font-size:12px;font-weight:700;line-height:1.5;text-align:left;overflow-wrap:anywhere}
.eventSportNotice{color:#7b8aa2;font-size:11px;line-height:1.8;margin:0}
@media(max-width:650px){
  .eventSportTop{padding:13px}
  .eventSportTitle{font-size:17px}
  .eventSportPrizeAmount{font-size:15px}
  .eventSportTimeline{padding:10px 13px;flex-wrap:wrap}
  .eventSportProgress{flex-basis:100%;order:3}
  .eventSportMatchHeader{padding:12px 13px 0}
  .eventSportMatch{grid-template-columns:minmax(0,1fr) 35px minmax(0,1fr);padding:16px 8px}
  .eventSportTeam{flex-direction:column;gap:6px;text-align:center}
  .eventSportTeamName{font-size:11px}
  .eventSportTeamAbbr{width:38px;height:38px}
  .eventSportTeamAbbr .teamCrest{width:30px;height:30px;font-size:10px}
  .eventSportTeamAbbr .teamCrestImg{width:30px;height:30px}
  .eventSportVs{font-size:16px}
  .eventSportEntry{padding:14px}
  .eventSportBottom{grid-template-columns:1fr}
  .eventSportChoices{grid-template-columns:1fr}
  .eventSportMatchMeta{flex-wrap:wrap;gap:5px}
}
@media(max-width:480px){
  .eventSportResultGrid{gap:6px}
  .eventSportResultCell{padding:10px}
}
@media(prefers-reduced-motion:reduce){
  .eventSportProgressFill,.eventSportChoice{transition:none}
}
:scope[data-theme="dark"] .eventSportDetail{--event-blue:var(--accent-primary);--event-border:var(--border-soft);--event-muted:var(--text-muted);color:var(--text-primary)}
:scope[data-theme="dark"] .eventSportMain{background:var(--surface-card);border-color:var(--border-soft);box-shadow:var(--card-dark-shadow)}
:scope[data-theme="dark"] .eventSportTop,:scope[data-theme="dark"] .eventSportTimeline,:scope[data-theme="dark"] .eventSportEntry{border-color:var(--border-soft)}
:scope[data-theme="dark"] .eventSportTimeline,:scope[data-theme="dark"] .eventSportEntry,:scope[data-theme="dark"] .eventSportResultCell{background:var(--surface-soft)}
:scope[data-theme="dark"] .eventSportBadge{background:var(--surface-soft);border-color:var(--border-soft);color:var(--text-secondary)}
:scope[data-theme="dark"] .eventSportBadge.upcoming{background:color-mix(in srgb,#d9b15b 16%,var(--surface-card));border-color:color-mix(in srgb,#d9b15b 34%,var(--border-soft));color:#f0d48a}
:scope[data-theme="dark"] .eventSportTitle,:scope[data-theme="dark"] .eventSportMatchHeader h2,:scope[data-theme="dark"] .eventSportEntryHeader h2,:scope[data-theme="dark"] .eventSportMiniHeader h2,:scope[data-theme="dark"] .eventSportTeamName,:scope[data-theme="dark"] .eventSportResultValue,:scope[data-theme="dark"] .eventSportMatchMeta strong,:scope[data-theme="dark"] .eventSportEntryState strong{color:var(--text-primary)}
:scope[data-theme="dark"] .eventSportDescription,:scope[data-theme="dark"] .eventSportPrizeLabel,:scope[data-theme="dark"] .eventSportPrizeRatio,:scope[data-theme="dark"] .eventSportDateRange,:scope[data-theme="dark"] .eventSportMatchMeta,:scope[data-theme="dark"] .eventSportTeamRole,:scope[data-theme="dark"] .eventSportQuestion,:scope[data-theme="dark"] .eventSportResultLabel,:scope[data-theme="dark"] .eventSportNotice,:scope[data-theme="dark"] .eventSportEntryState{color:var(--text-muted)}
:scope[data-theme="dark"] .eventSportRemaining,:scope[data-theme="dark"] .eventSportPrizeAmount{color:var(--accent-primary)}
:scope[data-theme="dark"] .eventSportProgress{background:color-mix(in srgb,var(--accent-primary) 14%,var(--surface-card))}
:scope[data-theme="dark"] .eventSportProgressFill,:scope[data-theme="dark"] .eventSportSubmit{background:var(--accent-primary)}
:scope[data-theme="dark"] .eventSportTeamAbbr,:scope[data-theme="dark"] .eventSportTeamAbbr .teamCrest{background:var(--surface-elevated);border-color:var(--border-soft);color:var(--accent-primary)}
:scope[data-theme="dark"] .eventSportVs{color:color-mix(in srgb,var(--text-muted) 78%,var(--surface-card))}
:scope[data-theme="dark"] .eventSportEntryState,:scope[data-theme="dark"] .eventSportChoice,:scope[data-theme="dark"] .eventSportMiniCard{background:var(--surface-card);border-color:var(--border-soft)}
:scope[data-theme="dark"] .eventSportChoice{color:var(--text-primary)}
:scope[data-theme="dark"] .eventSportChoice:hover{border-color:color-mix(in srgb,var(--accent-primary) 42%,var(--border-soft));background:color-mix(in srgb,var(--accent-primary) 8%,var(--surface-card))}
:scope[data-theme="dark"] .eventSportChoice.selected{background:color-mix(in srgb,var(--accent-primary) 14%,var(--surface-card));border-color:var(--accent-primary)}
:scope[data-theme="dark"] .eventSportChoiceRadio{border-color:color-mix(in srgb,var(--text-muted) 70%,var(--border-soft))}
:scope[data-theme="dark"] .eventSportSubmit:disabled{background:var(--ctrl-bg-disabled);color:var(--ctrl-fg-disabled)}

/* Persistent chat close motion leaves the live SDK and message DOM mounted. */
.floatChat.is-persistent.is-desktop .floatChatPanel.closing{
  pointer-events:none;transition:none;transform-origin:center;will-change:transform,opacity;
}
.floatChat.is-persistent.is-desktop .floatChatBtn:not(.on){
  background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;
}
.floatChat.is-mobile .floatChatPanel.sheet{
  background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;
  --surface:#fff;--surface-card:#fff;--header-bg:#fff;
  --brand:var(--text-secondary);--text:var(--text-secondary);--text-primary:var(--text-secondary);--text-muted:var(--text-secondary);
}
.floatChat.is-mobile .floatChatHead{
  background:#fff;color:var(--text-secondary);border-bottom-color:var(--border-soft);
}
:scope[data-theme="dark"] .floatChat.is-mobile .floatChatPanel.sheet{
  background:var(--surface-elevated);backdrop-filter:none;-webkit-backdrop-filter:none;
  --surface:#1A2434;--surface-card:var(--surface-elevated);--surface-soft:var(--surface-elevated);--header-bg:var(--surface-elevated);
  --brand:var(--text-secondary);--text:var(--text-secondary);--text-primary:var(--text-secondary);--text-muted:var(--text-secondary);
}
:scope[data-theme="dark"] .floatChat.is-mobile .floatChatHead{
  background:var(--surface-card);color:var(--text-primary);border-bottom-color:var(--border-soft);
}
.floatChat.is-mobile .floatChatBtn,
.floatChat.is-mobile .floatChatHeadActions .iconButton,
.floatChat.is-mobile .neneChatHeaderLink{
  background:#fff;border:1px solid var(--accent-primary);color:var(--accent-primary);
  box-shadow:none;filter:none;
}
:scope[data-theme="dark"] .floatChat.is-mobile .floatChatBtn,
:scope[data-theme="dark"] .floatChat.is-mobile .floatChatHeadActions .iconButton,
:scope[data-theme="dark"] .floatChat.is-mobile .neneChatHeaderLink{
  background:var(--surface-elevated);border:1px solid var(--accent-primary);color:var(--text-primary);
  box-shadow:none;filter:none;
}
@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-height:760px){
  :scope .bcPage .bcSportsRow>.bcChatToggle,
  :scope .bcPage .bcSportsRow>.bcChatToggle:hover,
  :scope[data-theme="dark"] .bcPage .bcSportsRow>.bcChatToggle,
  :scope[data-theme="dark"] .bcPage .bcSportsRow>.bcChatToggle[data-open="true"],
  :scope[data-theme="dark"] .bcPage .bcSportsRow>.bcChatToggle[data-open="true"]:hover{
    background:#fff;border-color:var(--accent-primary);color:var(--accent-primary);
    box-shadow:none;
  }
  .slipDock .slipSheet,:scope[data-theme="dark"] .slipDock .slipSheet{
    background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;
    --surface:#fff;--soft:#F8FAFC;--text:var(--text-secondary);--navy:var(--text-secondary);
    --surface-card:#fff;--surface-soft:#F8FAFC;
    --muted:var(--text-secondary);--text-primary:var(--text-secondary);--text-secondary:#53657A;--text-muted:var(--text-secondary);
  }
  :scope[data-theme="dark"] .slipDock .slipSheetHead h2{color:var(--text-primary)}
  .slipDock .slipFab,.slipDock .slipSheetHead .iconButton,
  :scope[data-theme="dark"] .slipDock .slipFab,
  :scope[data-theme="dark"] .slipDock .slipSheetHead .iconButton{
    background:#fff;border:1px solid var(--accent-primary);color:var(--accent-primary);
    box-shadow:none;filter:none;
  }
}

/* A/B/C 공통 중계 목록: 전체 페이지 및 채팅 레이아웃과 격리한다. */
.bcPage .bcList .bcListHead{
  min-height:44px;padding:0 4px 8px;gap:9px;align-items:center;
}
.bcPage .bcList .bcListHead :is(h1,h2){
  font-size:15px;font-weight:700;letter-spacing:-.25px;line-height:24px;
}
.bcPage .bcOnAirIcon{
  width:30px;height:30px;padding:6px;box-sizing:border-box;display:block;flex:none;
  border-radius:8px;background:color-mix(in srgb,var(--accent-primary) 10%,transparent);
  color:var(--accent-primary);
}
.bcPage .bcList .bcCount{
  min-width:30px;height:30px;padding:0 10px;border-radius:8px;
  background:color-mix(in srgb,var(--accent-primary) 10%,transparent);
  border:0;
  color:var(--accent-primary);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;
}
.bcPage .bcListRefresh{
  display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:36px;height:36px;margin-left:auto;padding:0;border-radius:8px;
  border:1px solid var(--line);background:var(--surface);color:var(--accent-primary);
  cursor:pointer;transition:background .15s,border-color .15s,transform .15s;
}
.bcPage .bcListRefresh:hover:not(:disabled){
  background:color-mix(in srgb,var(--accent-primary) 8%,var(--surface));
  border-color:var(--accent-primary);
}
.bcPage .bcListRefresh:active:not(:disabled){transform:scale(.94)}
.bcPage .bcListRefresh:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}
.bcPage .bcListRefresh:disabled{cursor:wait;opacity:.65}
.bcPage .bcListRefresh[aria-busy="true"] svg{animation:bcListRefreshSpin .8s linear infinite}
@keyframes bcListRefreshSpin{to{transform:rotate(360deg)}}
.bcPage .bcRefreshNotice{margin:0;font-size:12px;color:var(--text-muted)}
.bcPage .bcRefreshNotice:empty{display:none}
.bcPage .bcList .bcRow{
  min-height:48px;padding:7px 4px;transition:background .15s;
}
.bcPage .bcList .bcRow.is-selectable:hover,
.bcPage .bcList .bcRow.active{
  background:color-mix(in srgb,var(--accent-primary) 6%,var(--surface));
}
.bcPage .bcList .bcBadge.live{
  display:inline-flex;align-items:center;gap:4px;padding:3px 5px;border-radius:4px;
  font-size:9px;line-height:12px;letter-spacing:.25px;color:#c12c42;
  background:color-mix(in srgb,#e83950 9%,var(--surface));
}
.bcPage .bcList .bcBadge.live:before{
  content:"";width:4px;height:4px;border-radius:50%;background:currentColor;
}
:scope[data-theme="dark"] .bcPage .bcList .bcBadge.live{color:#ff8a9b}
.bcPage .bcList .bcTeams{column-gap:10px}
.bcPage .bcList .bcTeams b{font-weight:600}
.bcPage .bcList .bcTeams em{font-size:10px;font-weight:600;color:var(--text-muted)}
.bcPage .bcList .bcRow[data-single-title="true"] .bcTeams{
  display:flex;justify-content:center;min-width:0;
}
.bcPage .bcList .bcRow[data-single-title="true"] .bcTeams .bcTeam{
  flex:1 1 0;min-width:0;width:100%;justify-content:center;text-align:center;
}
.bcPage .bcList .bcRow[data-single-title="true"] .bcTeams b{
  flex:1 1 0;min-width:0;text-align:center;
}
.bcPage .bcList .bcWatch{
  height:32px;min-height:32px;padding:0 11px;border-radius:7px;font-weight:600;
}
.bcPage .bcWatchWrap{
  display:inline-flex;align-items:center;position:relative;flex:none;padding-left:26px;
}
.bcPage .bcSelectionCheck{
  position:absolute;left:0;top:calc(50% - 10px);display:grid;place-items:center;
  width:20px;height:20px;border-radius:50%;background:var(--accent-primary);color:#fff;
  pointer-events:none;animation:bcSelectionPop .2s ease-out;
}
@keyframes bcSelectionPop{
  from{opacity:0;transform:scale(.65)}
  to{opacity:1;transform:scale(1)}
}
.bcPage .bcList .bcSportMini,
.bcPage .bcSports .bcSportIcon{
  display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:22px;color:var(--accent-primary);background:transparent;border:0;
}
.bcPage .bcSports .bcSport.active:has([data-sport]:not([data-sport="ALL"])){
  background:color-mix(in srgb,var(--accent-primary) 9%,var(--surface));
  color:var(--accent-primary);border-color:var(--accent-primary);
}
.bcPage .bcSports .bcSport.active .bcSportIcon:has([data-sport="ALL"]){color:inherit}
.bcPage .bcList .bcSportMini svg,
.bcPage .bcSports .bcSportIcon svg,
.bcPage .bcMatchThumb svg{
  width:22px;height:22px;flex:none;
}
.bcPage .bcMatchThumb [data-thumbnail-pause]{width:17px;height:17px}
.bcPage .bcMatchThumb [data-thumbnail-play]{width:14px;height:14px}
.bcPage .bcMatchThumb [data-thumbnail-youtube-play]{width:15px;height:15px}
.bcPage .bcMatchThumb[data-youtube-fallback="true"]{
  background:color-mix(in srgb,var(--accent-primary) 6%,var(--surface));
  border-color:color-mix(in srgb,var(--accent-primary) 18%,var(--line));
}
.bcPage .bcMatchThumb[data-youtube-fallback="true"] span{opacity:1}
.bcPage .bcMatchThumb .bcLiveFallback{gap:2px;opacity:1}
.bcPage .bcMatchThumb .bcLiveFallback i{
  font-size:7px;font-style:normal;font-weight:800;line-height:1;letter-spacing:.01em;
  color:var(--accent-primary);
}
.bcPage .bcMatchThumb{
  position:relative;display:grid;place-items:center;width:52px;height:30px;
  border-radius:5px;overflow:hidden;color:var(--accent-primary);
  background:var(--soft);border:1px solid var(--line);
}
.bcPage .bcMatchThumb img{
  position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;visibility:hidden;
}
.bcPage .bcMatchThumb img[data-loaded="true"]{visibility:visible}
.bcPage .bcMatchThumb:has(img[data-loaded="true"]) span{visibility:hidden}
.bcPage .bcMatchThumb span{display:inline-flex;align-items:center;opacity:.7}
@media(min-width:761px){
  .bcPage .bcList{overflow-x:auto}
  .bcPage .bcList .bcRow{
    --bc-league-width:120px;
    display:grid;grid-template-columns:22px 48px 50px 52px var(--bc-league-width) minmax(120px,1fr) 268px;
    grid-template-rows:1fr;gap:8px;min-width:840px;height:48px;
  }
  .bcPage .bcList .bcRowMeta{display:contents}
  .bcPage .bcList .bcDate{display:none}
  .bcPage .bcList .bcSportMini{grid-column:1;grid-row:1}
  .bcPage .bcList .bcBadge{grid-column:2;grid-row:1;justify-self:start;max-width:48px;overflow:hidden}
  .bcPage .bcList .bcBadge.up{padding:3px 0;font-size:8px;line-height:12px;white-space:nowrap}
  .bcPage .bcList .bcTime{grid-column:3;grid-row:1;min-width:0}
  .bcPage .bcList .bcMatchThumb{grid-column:4;grid-row:1}
  .bcPage .bcList .bcLeague{
    grid-column:5;grid-row:1;width:var(--bc-league-width);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
  .bcPage .bcList .bcTeams{grid-column:6;grid-row:1;padding:0}
  .bcPage .bcList .bcRowActions{grid-column:7;grid-row:1;margin:0}
}
@media(max-width:760px){
  .bcPage .bcList .bcListHead{min-height:44px;padding:0 0 7px;gap:7px}
  .bcPage .bcListRefresh{width:40px;height:40px}
  .bcPage .bcList .bcRow{
    display:grid;grid-template-columns:22px 34px 48px minmax(0,1fr) auto;
    grid-template-rows:1fr;align-items:center;column-gap:6px;row-gap:0;
    height:52px;min-height:52px;margin:0;padding:4px 0;
    border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;
  }
  .bcPage .bcList .bcRowMeta{display:contents}
  .bcPage .bcList .bcRowMeta :is(.bcDate,.bcLeague,.bcBadge){display:none}
  .bcPage .bcList .bcRowMeta .bcTime{
    grid-column:2;grid-row:1;display:inline-flex;justify-self:center;align-items:center;
    min-width:0;font-size:10px;line-height:12px;font-weight:700;color:var(--text-secondary);
    font-variant-numeric:tabular-nums;
  }
  .bcPage .bcList .bcLeague{display:none}
  .bcPage .bcList .bcRow .bcSportMini{
    grid-column:1;grid-row:1;width:22px;height:24px;border:0;background:transparent;
    border-radius:0;font-size:16px;
  }
  .bcPage .bcList .bcMatchThumb{
    grid-column:3;grid-row:1;display:grid;place-items:center;
    width:48px;height:27px;border-radius:5px;overflow:hidden;
    color:var(--accent-primary);background:var(--soft);border:1px solid var(--line);
  }
  .bcPage .bcMatchThumb img{display:block;width:100%;height:100%;object-fit:cover}
  .bcPage .bcMatchThumb span{display:inline-flex;align-items:center;font-size:17px;opacity:.7}
  .bcPage .bcList .bcRow .bcTeams{
    grid-column:4;grid-row:1;width:100%;padding:0;
    grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);column-gap:3px;
  }
  .bcPage .bcList .bcRow .bcTeams em{grid-column:2;grid-row:1;font-size:9px}
  .bcPage .bcList .bcRow .bcTeams .bcTeam{gap:0;width:100%;min-width:0}
  .bcPage .bcList .bcRow .bcTeams .bcTeam b{
    display:block;font-size:11px;line-height:18px;font-weight:600;
    overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  }
  .bcPage .bcList .bcRow[data-single-title="true"]{height:auto;min-height:52px}
  .bcPage .bcList .bcRow[data-single-title="true"] .bcTeams b{
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
    width:100%;max-height:36px;line-height:18px;white-space:normal;
    word-break:normal;overflow-wrap:anywhere;overflow:hidden;text-overflow:ellipsis;text-align:left;
  }
  .bcPage .bcList .bcRow .bcRowActions{
    grid-column:5;grid-row:1;margin:0;align-self:center;
  }
  .bcPage .bcList .bcRow .bcWatch{
    grid-column:auto;grid-row:auto;height:40px;min-height:40px;
    padding:0 8px;font-size:10px;border-radius:7px;white-space:nowrap;
  }
  .bcPage .bcList .bcReady{
    height:40px;max-width:66px;padding:0 5px;border:0;background:transparent;
    font-size:10px;white-space:normal;text-align:center;line-height:14px;
  }
}
@media(prefers-reduced-motion:reduce){
  .bcPage .bcListRefresh,.bcPage .bcList .bcRow{transition:none}
  .bcPage .bcListRefresh[aria-busy="true"] svg{animation:none}
  .bcPage .bcSelectionCheck{animation:none}
}

/* Shared segmented treatment for public date, sport and category filters. */
:is(.sportsChipRow,.sportsDateNav,.sportsSort,.bcSports,.shopFilters.tabs,.highlightFilters),
.shopDesk.is-gift .shopFilters.tabs{
  background:transparent;border:0;box-shadow:none;padding:0;
}
:is(.sportsChipRow,.sportsDateNav,.sportsSort,.highlightFilters) .tab,
.bcSports .bcSport,
.shopFilters.tabs .tab,
.shopDesk.is-gift .shopFilters.tabs .tab{
  border-color:transparent;background:transparent;color:var(--text-secondary);box-shadow:none;
}
:is(.sportsChipRow,.sportsDateNav,.sportsSort,.highlightFilters) .tab:hover:not(.active):not(.is-disabled),
.bcSports .bcSport:hover:not(.active),
.shopFilters.tabs .tab:hover:not(.active),
.shopDesk.is-gift .shopFilters.tabs .tab:hover:not(.active){
  border-color:transparent;background:color-mix(in srgb,var(--accent-primary) 6%,transparent);
  color:var(--text-primary);
}
:is(.sportsChipRow,.sportsDateNav,.sportsSort,.highlightFilters) .tab.active,
.sportsDateNav .sportsDateValue,
.bcPage .bcSports .bcSport.active,
.shopDesk.is-gift .shopFilters.tabs .tab.active{
  border-color:color-mix(in srgb,var(--accent-primary) 10%,var(--border-soft));
  background:var(--surface-card) !important;color:var(--accent-primary) !important;
  box-shadow:0 3px 10px rgba(18,42,68,.10);
}
:scope[data-theme="dark"] :is(
  .sportsChipRow,.sportsDateNav,.sportsSort,.highlightFilters
) .tab.active,
:scope[data-theme="dark"] .sportsDateNav .sportsDateValue,
:scope[data-theme="dark"] .bcPage .bcSports .bcSport.active,
:scope[data-theme="dark"] .shopDesk.is-gift .shopFilters.tabs .tab.active{
  background:var(--surface-elevated) !important;
  border-color:color-mix(in srgb,var(--accent-primary) 24%,var(--border-soft));
  color:var(--text-primary) !important;box-shadow:0 4px 12px rgba(5,10,18,.24);
}
@media(max-width:760px){
  :is(.sportsChipRow,.sportsDateNav,.bcSports,.shopFilters.tabs,.highlightFilters){
    flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  }
  :is(.sportsChipRow,.sportsDateNav,.bcSports,.shopFilters.tabs,.highlightFilters)::-webkit-scrollbar{
    display:none;
  }
  :is(.sportsChipRow,.sportsDateNav,.bcSports,.shopFilters.tabs,.highlightFilters)>*{
    flex:0 0 auto;white-space:nowrap;
  }
}

/* Match the existing gift shop category dimensions and responsive typography. */
:scope{
  --sports-filter-height:36px;
  --sports-filter-font-size:var(--ctrl-fs);
  --sports-filter-font-weight:var(--fw-ui);
  --sports-filter-padding:14px;
  --sports-filter-radius:8px;
  --sports-filter-gap:8px;
}
:scope :is(.sportsFilterRow,.sportsData .sportsChipRow,.sportsData .sportsDateNav,.sportsData .sportsScoreSelects,.sportsData .sportsSort,.highlightFilters,.bcPage .bcSports){
  gap:var(--sports-filter-gap);background:transparent;border:0;box-shadow:none;
}
:scope :is(.sportsFilterControl,.sportsData .sportsChipRow .tab,.sportsData .sportsDateNav .tab,.sportsData .sportsSort .tab,.highlightFilters .tab,.bcPage .bcSports .bcSport){
  display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
  height:var(--sports-filter-height);min-height:var(--sports-filter-height);max-height:var(--sports-filter-height);
  padding:0 var(--sports-filter-padding);gap:0;margin:0;
  font-family:var(--font-ui);font-size:var(--sports-filter-font-size);font-weight:var(--sports-filter-font-weight);line-height:1;letter-spacing:normal;
  border:1px solid transparent;border-radius:var(--sports-filter-radius);
  background:transparent;color:var(--text-secondary);box-shadow:none;
  text-decoration:none;white-space:nowrap;flex:0 0 auto;
}
:scope :is(.sportsFilterControl.active,.sportsData .sportsChipRow .tab.active,.sportsData .sportsDateNav .tab.active,.sportsData .sportsDateNav .sportsDateValue,.sportsData .sportsSort .tab.active,.highlightFilters .tab.active,.bcPage .bcSports .bcSport.active){
  background:var(--surface-card) !important;color:var(--accent-primary) !important;
  border-color:color-mix(in srgb,var(--accent-primary) 10%,var(--border-soft));
  font-weight:var(--sports-filter-font-weight);box-shadow:0 3px 10px rgba(18,42,68,.10);
}
:scope[data-theme="dark"] :is(.sportsFilterControl.active,.sportsData .sportsChipRow .tab.active,.sportsData .sportsDateNav .tab.active,.sportsData .sportsDateNav .sportsDateValue,.sportsData .sportsSort .tab.active,.highlightFilters .tab.active,.bcPage .bcSports .bcSport.active){
  background:var(--surface-elevated) !important;color:var(--text-primary) !important;
  border-color:color-mix(in srgb,var(--accent-primary) 24%,var(--border-soft));
  box-shadow:0 4px 12px rgba(5,10,18,.24);
}
:scope :is(.sportsFilterControl,.sportsData .sportsChipRow .tab,.sportsData .sportsDateNav .tab,.sportsData .sportsSort .tab,.highlightFilters .tab,.bcPage .bcSports .bcSport):hover:not(.active):not(:disabled):not(.is-disabled){
  background:var(--surface-soft);color:var(--text-primary);border-color:transparent;
}
/* LIVE 중계리스트 종목 카테고리: 아이콘-텍스트 간격 5px 및 세로 중앙 정렬 */
:scope .bcPage .bcSports .bcSport{
  gap:5px;
}
:scope .bcPage .bcSports .bcSport .bcSportIcon svg{
  display:block;
}
.sportsFilterControl:focus-visible,.sportsFilterMenu:focus-visible{
  outline:2px solid var(--ctrl-focus);outline-offset:2px;
}
:scope .sportsData .sportsScoreToolbar .sportsDateNav .sportsDateArrow{
  width:var(--sports-filter-height);min-width:var(--sports-filter-height);max-width:var(--sports-filter-height);
  padding:0 var(--sports-filter-padding);font-size:var(--sports-filter-font-size);
}
:scope :is(.sportsScoreSummary,.sportsInjuryStats){
  display:flex;align-items:center;gap:var(--sports-filter-gap);
}
:scope :is(.sportsScoreSummary,.sportsInjuryStats) li{
  display:flex;height:auto;min-height:0;padding:0;border:0;background:transparent;box-shadow:none;
}
:scope :is(.sportsScoreSummary,.sportsInjuryStats) .sportsFilterControl :is(span,small,b){
  font-family:var(--font-ui);font-size:var(--sports-filter-font-size);font-weight:var(--sports-filter-font-weight);line-height:1;letter-spacing:normal;color:inherit;
  height:auto;margin:0;padding:0;
}
:scope :is(.sportsScoreSummary,.sportsInjuryStats) .sportsFilterControl b{margin-left:var(--ctrl-gap)}
:scope .sportsScoreSummary .sportsFilterControl small.is-live:before{background:var(--action-red-bg,#e83950)}
.sportsFilterSelect{display:inline-flex;min-width:0;max-width:100%;gap:0}
.sportsFilterTrigger{cursor:pointer;max-width:100%}
.sportsFilterTrigger svg{flex:0 0 auto;margin-left:var(--ctrl-gap)}
.sportsFilterTrigger span{min-width:0}
.sportsFilterMenu{
  position:fixed;z-index:10000;overflow-y:auto;overscroll-behavior:contain;
  box-sizing:border-box;padding:4px;border:1px solid var(--border-soft);border-radius:var(--sports-filter-radius);
  background:var(--surface-card);color:var(--text-primary);box-shadow:0 8px 22px rgba(15,23,42,.12);
  font-family:var(--font-ui);font-size:var(--sports-filter-font-size);font-weight:var(--sports-filter-font-weight);line-height:1;letter-spacing:normal;
}
.sportsFilterOption{
  display:flex;align-items:center;gap:0;min-height:var(--sports-filter-height);padding:0 var(--sports-filter-padding);
  border-radius:var(--sports-filter-radius);cursor:pointer;overflow-wrap:anywhere;
}
.sportsFilterOption.is-focused{background:var(--surface-soft)}
.sportsFilterOption[aria-selected="true"]{color:var(--accent-primary);font-weight:var(--sports-filter-font-weight)}
:scope[data-theme="dark"] .sportsFilterMenu{background:var(--surface-elevated);box-shadow:0 8px 22px rgba(5,10,18,.3)}
:scope[data-theme="dark"] .sportsFilterOption[aria-selected="true"]{
  color:color-mix(in srgb,var(--accent-primary) 60%,var(--text-primary));
}
@media(max-width:760px){
  :scope :is(.sportsFilterRow,.sportsData .sportsChipRow,.sportsScoreSummary,.sportsInjuryStats){
    display:flex;flex-wrap:nowrap;max-width:100%;min-width:0;overflow-x:auto;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;
  }
  :scope :is(.sportsFilterRow,.sportsData .sportsChipRow,.sportsScoreSummary,.sportsInjuryStats)::-webkit-scrollbar{display:none}
  :scope :is(.sportsScoreSummary,.sportsInjuryStats) li{flex:0 0 auto}
  .sportsInjuryStats{flex-basis:100%}
  .bcPage .bcList .bcMatchThumb[data-youtube-fallback="true"] span{
    display:flex;align-items:center;justify-content:center;opacity:1;
  }
}


}


/* Gifticon inactive product display (sale-stopped products shown dimmed) */
.shopProduct.is-inactive{opacity:.65;cursor:default}
.shopProduct.is-inactive:hover,.shopProduct.is-inactive:focus-within,.shopDesk.is-gift .shopProduct.is-inactive:hover,.shopDesk.is-gift .shopProduct.is-inactive:focus-within{transform:none!important;box-shadow:none!important;border-color:var(--line)!important}