@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');

:root {
  color: #edf4f1;
  background: #07100e;
  font-family: 'Manrope', 'Noto Sans SC', sans-serif;
  font-synthesis: none;
  --mint: #82f0ce;
  --mint-soft: #4bc8a6;
  --ink: #07100e;
  --panel: rgba(13, 27, 24, .78);
  --line: rgba(186, 222, 210, .12);
  --muted: #829a92;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; min-height: 100vh; background: #07100e; }
button, a { font: inherit; }
button { border: 0; color: inherit; cursor: pointer; }
button:focus-visible, a:focus-visible { outline: 2px solid var(--mint); outline-offset: 3px; }

.app-shell { min-height: 100vh; position: relative; overflow: hidden; background: radial-gradient(circle at 78% -12%, rgba(37, 116, 95, .26), transparent 31rem), radial-gradient(circle at -10% 37%, rgba(34, 86, 99, .18), transparent 34rem), linear-gradient(180deg, #07110f, #081310 42%, #07100e); }
.app-shell:before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.016) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.014) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(to bottom, #000, transparent 75%); }
.grain { position: fixed; inset: 0; z-index: 10; opacity: .025; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }

.topbar { max-width: 1400px; height: 82px; margin: auto; padding: 0 34px; display: flex; align-items: center; border-bottom: 1px solid var(--line); position: relative; z-index: 30; }
.brand { display: flex; align-items: center; gap: 12px; color: #f3faf7; text-decoration: none; min-width: 245px; }
.brand-symbol { width: 36px; height: 36px; padding: 7px 6px; display: flex; align-items: flex-end; gap: 3px; border: 1px solid rgba(130,240,206,.55); border-radius: 10px; background: rgba(130,240,206,.06); transform: rotate(45deg); }
.brand-symbol i { width: 5px; border-radius: 4px; display: block; background: var(--mint); transform: rotate(-45deg); }
.brand-symbol i:nth-child(1) { height: 9px; }.brand-symbol i:nth-child(2) { height: 21px; }.brand-symbol i:nth-child(3) { height: 14px; }
.brand > span:last-child { display: flex; align-items: baseline; gap: 5px; font-size: 15px; font-weight: 800; letter-spacing: 1.3px; }
.brand > span:last-child b { color: var(--mint); }
.brand small { display: block; margin-left: 5px; color: #637b73; font-size: 8px; font-weight: 500; letter-spacing: .5px; }
.topbar nav { align-self: stretch; display: flex; align-items: stretch; gap: 34px; }
.topbar nav a { position: relative; display: grid; place-items: center; color: #71867f; text-decoration: none; font-size: 12px; }
.topbar nav a:hover, .topbar nav a.active { color: #e8f2ee; }
.topbar nav a.active:after { content: ''; position: absolute; bottom: -1px; left: 50%; width: 22px; height: 2px; transform: translateX(-50%); background: var(--mint); border-radius: 4px; box-shadow: 0 0 14px rgba(130,240,206,.4); }
.top-actions { margin-left: auto; display: flex; align-items: center; gap: 12px; }
.freshness { color: #536c63; font: 7px 'DM Mono'; white-space: nowrap; }
.data-badge { color: #83d8bd; font-size: 9px; letter-spacing: .4px; padding: 7px 9px; border: 1px solid rgba(101,218,182,.2); background: rgba(61,160,131,.07); border-radius: 20px; }
.data-badge i { width: 5px; height: 5px; display: inline-block; border-radius: 50%; background: #64dfba; box-shadow: 0 0 0 4px rgba(100,223,186,.08); margin-right: 7px; }
.data-badge.sample { color: #dfb976; border-color: rgba(219,171,91,.2); background: rgba(156,107,32,.07); }.data-badge.sample i { background: #d9a955; box-shadow: 0 0 0 4px rgba(217,169,85,.08); }
.refresh { width: 31px; height: 31px; border-radius: 50%; background: rgba(255,255,255,.035); color: #769087; font-size: 16px; }.refresh:hover { color: var(--mint); background: rgba(130,240,206,.08); }
.refresh.spinning { animation: spin .7s linear infinite; }
.avatar { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg, var(--mint), #4ba78e); color: #062018; font-weight: 800; font-size: 10px; }
.notification-center { position: relative; }
.notification-button { width: 31px; height: 31px; display: grid; place-items: center; position: relative; z-index: 32; border-radius: 50%; color: #789188; background: rgba(255,255,255,.035); transition: .18s ease; }
.notification-button:hover, .notification-button.active { color: var(--mint); background: rgba(130,240,206,.08); }
.notification-button svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.notification-button > b { min-width: 15px; height: 15px; padding: 0 4px; display: grid; place-items: center; position: absolute; top: -5px; right: -6px; border: 2px solid #0a1714; border-radius: 9px; color: #071713; background: #f2bd66; font: 700 6px 'DM Mono'; }
.notification-scrim { position: fixed; inset: 0; z-index: 29; cursor: default; background: rgba(2,9,7,.2); backdrop-filter: blur(2px); }
.notification-drawer { width: min(390px, calc(100vw - 24px)); max-height: min(620px, calc(100vh - 96px)); position: absolute; top: 46px; right: -42px; z-index: 31; overflow: hidden; border: 1px solid rgba(152,215,195,.18); border-radius: 14px; background: linear-gradient(155deg, rgba(16,37,31,.99), rgba(7,20,17,.99)); box-shadow: 0 28px 80px rgba(0,0,0,.5); }
.notification-drawer > header { min-height: 72px; padding: 17px 18px 14px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.notification-drawer > header p { margin: 0 0 4px; color: var(--mint-soft); font: 700 7px 'DM Mono'; letter-spacing: 1.2px; }.notification-drawer > header h3 { margin: 0; color: #e6f0ec; font-size: 16px; }.notification-drawer > header button { padding: 6px 8px; border: 1px solid rgba(130,240,206,.16); border-radius: 5px; color: #88d6be; background: rgba(81,190,157,.08); font-size: 7px; }
.notification-list { max-height: 474px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(130,240,206,.18) transparent; }.notification-list > button { width: 100%; padding: 14px 16px; display: grid; grid-template-columns: 5px 1fr; gap: 11px; border-bottom: 1px solid rgba(186,222,210,.07); background: transparent; text-align: left; }.notification-list > button:hover { background: rgba(130,240,206,.035); }.notification-list > button.unread { background: linear-gradient(90deg, rgba(68,173,140,.09), transparent); }.notification-list > button > i { width: 5px; height: 5px; margin-top: 5px; border-radius: 50%; background: #3f5d53; }.notification-list > button.unread > i { background: var(--mint); box-shadow: 0 0 0 4px rgba(130,240,206,.06); }.notification-list > button.notice-high.unread > i { background: #f3bd65; }
.notification-list button div { min-width: 0; }.notification-list button span { display: flex; justify-content: space-between; gap: 10px; color: #5f9f8c; font-size: 7px; }.notification-list time { color: #50685f; font: 6px 'DM Mono'; }.notification-list b { display: block; margin-top: 5px; overflow: hidden; color: #cbdad5; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.notification-list b em { color: #526b62; font: 7px 'DM Mono'; font-style: normal; }.notification-list p { margin: 5px 0; color: #899e96; font-size: 8px; line-height: 1.45; }.notification-list small { color: #4d665d; font: 6px 'DM Mono'; }.notification-drawer > footer { padding: 11px 17px; color: #486057; background: rgba(255,255,255,.012); font-size: 6px; }
.notification-empty { min-height: 240px; padding: 30px; display: grid; place-content: center; justify-items: center; text-align: center; }.notification-empty > span { width: 35px; height: 35px; display: grid; place-items: center; border: 1px solid rgba(130,240,206,.14); border-radius: 50%; color: var(--mint-soft); }.notification-empty b { margin-top: 13px; color: #aebfb9; font-size: 10px; }.notification-empty p { max-width: 230px; margin: 6px 0 0; color: #536b62; font-size: 7px; line-height: 1.55; }

main { max-width: 1332px; margin: auto; padding: 0 34px 62px; position: relative; z-index: 1; }
.demo-notice { margin-top: 18px; min-height: 48px; padding: 9px 14px; display: flex; align-items: center; gap: 11px; border: 1px solid rgba(221,174,93,.2); border-radius: 9px; background: linear-gradient(90deg, rgba(109,76,28,.17), rgba(50,42,25,.08)); color: #b9a37f; font-size: 10px; }
.demo-notice > i { width: 22px; height: 22px; display: grid; place-items: center; border: 1px solid rgba(230,184,102,.35); border-radius: 50%; color: #e2b96e; font: 600 10px 'DM Mono'; }
.demo-notice span { display: flex; flex-direction: column; gap: 2px; }.demo-notice b { color: #e4c68e; font-weight: 600; }.demo-notice small { margin-left: auto; color: #816e4e; }

.hero { padding: 70px 3px 54px; display: flex; align-items: flex-end; justify-content: space-between; gap: 60px; }
.hero-copy { max-width: 670px; }
.overline, .section-title p, .card-head p, .timeline-copy > p { margin: 0 0 12px; color: var(--mint-soft); font: 700 9px 'DM Mono', monospace; letter-spacing: 1.45px; }
.overline span { width: 5px; height: 5px; display: inline-block; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 5px rgba(130,240,206,.07); margin-right: 8px; vertical-align: 1px; }
.hero h1 { margin: 0; color: #eef5f2; font-size: clamp(40px, 4.65vw, 64px); line-height: 1.11; letter-spacing: -3.6px; font-weight: 600; }
.hero h1 strong { color: var(--mint); font-weight: 600; }
.hero-copy > p:not(.overline) { width: 570px; max-width: 100%; margin: 23px 0 28px; color: #869b94; font-size: 13px; line-height: 1.9; }
.hero-stats { display: flex; gap: 11px; }
.hero-stats div { min-width: 105px; padding: 12px 13px; border-left: 1px solid rgba(130,240,206,.24); background: linear-gradient(90deg, rgba(130,240,206,.035), transparent); }
.hero-stats b { display: block; color: #eaf4f0; font: 600 20px 'DM Mono'; }.hero-stats span { color: #637b73; font-size: 9px; }

.next-lock-card { width: 365px; flex: 0 0 auto; padding: 19px 20px 17px; border: 1px solid rgba(178,221,208,.15); border-radius: 15px; background: linear-gradient(145deg, rgba(19,42,36,.9), rgba(10,25,22,.9)); box-shadow: 0 28px 70px rgba(0,0,0,.22); position: relative; overflow: hidden; }
.no-upcoming { min-height: 150px; display: flex; flex-direction: column; justify-content: center; gap: 8px; }.no-upcoming b { color: #dce9e4; font-size: 15px; }.no-upcoming span { color: #637b73; font-size: 9px; }
.next-lock-card:after { content: ''; position: absolute; width: 220px; height: 150px; top: -90px; right: -70px; border-radius: 50%; background: rgba(80,215,173,.14); filter: blur(35px); }
.next-lock-head { display: flex; align-items: center; justify-content: space-between; color: #718980; font: 500 8px 'DM Mono'; letter-spacing: .9px; position: relative; z-index: 1; }
.next-lock-head i { padding: 4px 7px; border-radius: 3px; color: #88d9c0; background: rgba(76,198,162,.09); font-style: normal; letter-spacing: 0; }
.next-teams { display: grid; grid-template-columns: 1fr 64px 1fr; gap: 4px; align-items: center; margin: 23px 0 20px; }
.next-teams > div { display: flex; flex-direction: column; align-items: center; min-width: 0; gap: 8px; }.next-teams > div b { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; color: #dce9e4; font-size: 10px; }
.next-teams > span { text-align: center; }.next-teams > span small { display: block; color: var(--mint); font-size: 8px; white-space: nowrap; }.next-teams > span em { display: block; margin-top: 7px; color: #536a62; font: 500 10px 'DM Mono'; font-style: normal; }
.lock-time { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); padding-top: 13px; }.lock-time span { color: #6c827b; font-size: 9px; }.lock-time b { color: #a4bab2; font: 500 9px 'DM Mono'; }

.featured-board { margin: 0 0 18px; padding: 25px; border: 1px solid rgba(130,240,206,.16); border-radius: 15px; background: radial-gradient(circle at 87% 0, rgba(57,181,143,.12), transparent 28rem), linear-gradient(145deg, rgba(13,31,27,.94), rgba(8,22,19,.9)); box-shadow: 0 24px 70px rgba(0,0,0,.13); scroll-margin-top: 22px; }
.featured-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }.featured-head p { margin: 0 0 6px; color: var(--mint-soft); font: 700 8px 'DM Mono'; letter-spacing: 1.3px; }.featured-head h2 { margin: 0; color: #e7f1ed; font-size: 21px; letter-spacing: -.8px; }.featured-head > div:first-child > span { display: block; margin-top: 7px; color: #647d74; font-size: 8px; }
.coverage-pills { display: flex; gap: 7px; }.coverage-pills > span { min-width: 83px; padding: 8px 10px; color: #627970; border: 1px solid rgba(186,222,210,.09); border-radius: 7px; background: rgba(255,255,255,.018); font-size: 7px; text-align: center; }.coverage-pills b { display: block; margin-bottom: 2px; color: #c9d9d3; font: 600 12px 'DM Mono'; }.coverage-pills span.ready b { color: var(--mint); }
.market-health { margin: 14px 0; padding: 13px 15px; display: grid; grid-template-columns: minmax(200px,.9fr) minmax(260px,1.3fr) minmax(300px,1fr); align-items: center; gap: 22px; border: 1px solid rgba(202,155,83,.14); border-radius: 9px; background: linear-gradient(90deg, rgba(115,75,23,.06), rgba(255,255,255,.012)); }.market-health > div:first-child > span { color: #aa8958; font: 600 6px 'DM Mono'; letter-spacing: .8px; }.market-health > div:first-child > b { display: block; margin-top: 4px; color: #c8d6d1; font-size: 10px; }.market-health > div:first-child > small { display: block; margin-top: 4px; color: #5d736b; font-size: 6px; }.market-health.health-ready { border-color: rgba(92,221,182,.2); background: linear-gradient(90deg, rgba(39,139,108,.1), rgba(255,255,255,.012)); }.market-health.health-ready > div:first-child > span { color: var(--mint-soft); }.health-progress > span { height: 5px; display: block; position: relative; border-radius: 6px; background: #1b302a; }.health-progress > span i { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg,#b6864a,#d5a75e); }.health-ready .health-progress > span i { background: linear-gradient(90deg,#429b7f,var(--mint)); }.health-progress > span em { width: 1px; height: 11px; position: absolute; top: -3px; background: #d2e0db; opacity: .35; }.health-progress footer { margin-top: 7px; display: flex; justify-content: space-between; }.health-progress footer b { color: #d2dfda; font: 600 10px 'DM Mono'; }.health-progress footer small { color: #536b62; font-size: 6px; }.health-runtime { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }.health-runtime > span { min-width: 0; padding-left: 9px; border-left: 1px solid var(--line); }.health-runtime small, .health-runtime b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.health-runtime small { color: #536b62; font-size: 6px; }.health-runtime b { margin-top: 4px; color: #a5906d; font-size: 7px; }.health-runtime b.online { color: var(--mint-soft); }
.featured-grid { margin-top: 21px; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; }.featured-card { min-width: 0; padding: 16px; position: relative; overflow: hidden; border: 1px solid rgba(176,222,207,.11); border-radius: 11px; background: linear-gradient(145deg, rgba(20,43,36,.8), rgba(10,26,22,.9)); text-align: left; transition: .2s ease; }.featured-card:before { content: ''; position: absolute; inset: 0 auto 0 0; width: 2px; background: linear-gradient(var(--mint), transparent); }.featured-card:hover { transform: translateY(-2px); border-color: rgba(130,240,206,.3); box-shadow: 0 16px 34px rgba(0,0,0,.18); }
.featured-rank { position: absolute; top: 13px; right: 13px; color: #506a61; font: 500 8px 'DM Mono'; }.featured-rank b { width: 22px; height: 22px; margin-left: 7px; display: inline-grid; place-items: center; border-radius: 6px; color: #092219; background: var(--mint); font-size: 8px; }
.featured-meta { padding-right: 53px; display: flex; flex-direction: column; gap: 4px; }.featured-meta span { overflow: hidden; color: #64b399; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.featured-meta time { color: #6d847c; font: 500 8px 'DM Mono'; }
.featured-teams { min-height: 63px; margin-top: 12px; display: grid; grid-template-columns: 1fr 20px 1fr; align-items: center; gap: 5px; }.featured-teams > span { min-width: 0; display: flex; align-items: center; gap: 7px; }.featured-teams > span:last-child { flex-direction: row-reverse; }.featured-teams b { min-width: 0; overflow: hidden; color: #dce8e3; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.featured-teams em { color: #405a51; font: 7px 'DM Mono'; font-style: normal; text-align: center; }
.featured-directions { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border: 1px solid rgba(186,222,210,.09); border-radius: 7px; }.featured-directions > span { padding: 10px; position: relative; }.featured-directions > span + span { border-left: 1px solid rgba(186,222,210,.09); }.featured-directions small, .featured-directions b { display: block; }.featured-directions small { color: #587168; font: 7px 'DM Mono'; }.featured-directions b { margin-top: 5px; color: #c9ddd6; font-size: 9px; }.featured-directions em { position: absolute; top: 10px; right: 9px; color: var(--mint-soft); font: 500 8px 'DM Mono'; font-style: normal; }
.featured-score { margin-top: 13px; display: flex; align-items: center; gap: 10px; }.featured-score > span { height: 4px; flex: 1; overflow: hidden; border-radius: 5px; background: #18312a; }.featured-score i { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, #3fae8d, var(--mint)); box-shadow: 0 0 10px rgba(130,240,206,.24); }.featured-score > b { color: #d9e8e2; font: 600 13px 'DM Mono'; }.featured-score small { margin-left: 3px; color: #587067; font: 6px sans-serif; }
.featured-card footer { margin-top: 11px; padding-top: 10px; display: flex; align-items: center; gap: 8px; border-top: 1px solid rgba(186,222,210,.08); color: #557067; font-size: 6px; }.featured-card footer i { margin-left: auto; color: #72cbae; font-size: 7px; font-style: normal; }
.featured-empty { min-height: 116px; margin-top: 20px; padding: 18px 20px; display: grid; grid-template-columns: 130px minmax(220px,1fr) auto; align-items: center; gap: 24px; border: 1px dashed rgba(190,220,210,.12); border-radius: 10px; background: rgba(255,255,255,.012); }.featured-empty > span { color: #537068; font: 600 8px 'DM Mono'; letter-spacing: 1px; }.featured-empty b { color: #d4e1dc; font-size: 14px; }.featured-empty p { margin: 5px 0 0; color: #667d75; font-size: 8px; }.featured-empty ul { margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 7px 14px; list-style: none; }.featured-empty li { color: #65847a; font-size: 7px; }

.radar-board { margin: 0 0 18px; padding: 23px 25px 25px; border: 1px solid rgba(147,194,222,.13); border-radius: 15px; background: radial-gradient(circle at 7% 0, rgba(52,120,148,.11), transparent 25rem), linear-gradient(145deg, rgba(12,29,28,.92), rgba(8,21,19,.9)); scroll-margin-top: 22px; }
.radar-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }.radar-head p { margin: 0 0 6px; color: #6bb6c9; font: 700 8px 'DM Mono'; letter-spacing: 1.3px; }.radar-head h2 { margin: 0; color: #e5f0ed; font-size: 21px; letter-spacing: -.8px; }.radar-head > div:first-child > span { display: block; margin-top: 7px; color: #627a72; font-size: 8px; }
.radar-controls { display: flex; align-items: center; gap: 11px; }.radar-controls > span { color: #627970; font-size: 7px; }.radar-controls > span b { color: #e7bd77; font: 600 11px 'DM Mono'; }.radar-controls > div { padding: 3px; display: flex; gap: 2px; border-radius: 7px; background: #081b17; }.radar-controls button { min-width: 42px; padding: 7px 9px; border-radius: 5px; color: #5f7770; background: transparent; font: 500 7px 'DM Mono'; }.radar-controls button.active { color: #08211a; background: var(--mint); font-weight: 700; }
.radar-grid { margin-top: 19px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }.radar-card { min-width: 0; padding: 14px; position: relative; overflow: hidden; border: 1px solid rgba(165,210,209,.1); border-radius: 10px; background: linear-gradient(145deg, rgba(17,39,35,.76), rgba(8,24,21,.88)); text-align: left; transition: .2s ease; }.radar-card:after { content: ''; width: 2px; position: absolute; inset: 0 auto 0 0; background: #446b61; }.radar-card.radar-high:after { background: #e8ae58; }.radar-card.radar-medium:after { background: #65d8bb; }.radar-card:hover { transform: translateY(-2px); border-color: rgba(130,240,206,.24); box-shadow: 0 14px 32px rgba(0,0,0,.17); }
.radar-card header { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 8px; }.radar-card header > span { overflow: hidden; color: #589b8a; font-size: 7px; white-space: nowrap; text-overflow: ellipsis; }.radar-card time { color: #586f67; font: 7px 'DM Mono'; }.radar-level { min-width: 25px; height: 20px; display: grid; place-items: center; border-radius: 5px; color: #729088; background: rgba(255,255,255,.035); font: 600 7px 'DM Mono'; font-style: normal; }.radar-level.high { color: #efbd6d; background: rgba(199,140,52,.1); }.radar-level.medium { color: #77d9bc; background: rgba(74,181,148,.09); }
.radar-match { min-height: 37px; margin: 9px 0; display: grid; grid-template-columns: minmax(0,1fr) 22px minmax(0,1fr); align-items: center; gap: 5px; }.radar-match b { overflow: hidden; color: #d6e3df; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.radar-match b:last-child { text-align: right; }.radar-match em { color: #405a51; font: 6px 'DM Mono'; font-style: normal; text-align: center; }
.radar-move { padding: 10px 11px; display: grid; grid-template-columns: 27px 1fr auto; align-items: center; gap: 8px; border: 1px solid rgba(184,217,207,.08); border-radius: 7px; background: rgba(255,255,255,.016); }.radar-move > span { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 7px; color: #72877f; background: rgba(255,255,255,.04); font-size: 14px; }.radar-move small { display: block; color: #536b62; font-size: 6px; }.radar-move div b { display: block; margin-top: 3px; color: #9eb2aa; font: 600 10px 'DM Mono'; }.radar-move > strong { color: #d8e6e1; font: 600 12px 'DM Mono'; text-align: right; }.radar-move > strong small { margin-top: 2px; font: 6px sans-serif; }.radar-move.heating > span, .radar-move.heating div b { color: var(--mint); }.radar-move.cooling > span, .radar-move.cooling div b { color: #e09094; }
.radar-facts { margin-top: 9px; display: grid; grid-template-columns: repeat(3,1fr); }.radar-facts span { padding: 0 6px; color: #5c746b; border-right: 1px solid var(--line); font-size: 6px; text-align: center; }.radar-facts span:last-child { border: 0; }.radar-card footer { min-height: 27px; margin-top: 10px; padding-top: 9px; display: flex; align-items: center; gap: 5px; overflow: hidden; border-top: 1px solid rgba(186,222,210,.07); }.radar-card footer span { flex: 0 1 auto; padding: 3px 5px; overflow: hidden; border-radius: 3px; color: #ad946a; background: rgba(175,125,49,.07); font-size: 6px; white-space: nowrap; text-overflow: ellipsis; }.radar-card footer i { margin-left: auto; flex: 0 0 auto; color: #68bda3; font-size: 6px; font-style: normal; }
.radar-empty { min-height: 105px; margin-top: 18px; padding: 18px 24px; display: flex; align-items: center; justify-content: center; gap: 17px; border: 1px dashed rgba(163,206,204,.12); border-radius: 9px; }.radar-empty > span { color: #5f9185; font-size: 28px; }.radar-empty b { color: #b6c6c1; font-size: 11px; }.radar-empty p { margin: 5px 0 0; color: #5c736a; font-size: 8px; }

.team-mark { width: 27px; height: 27px; flex: 0 0 auto; display: inline-grid; place-items: center; border-radius: 8px; color: #fff; font: 800 7px 'DM Mono'; background: linear-gradient(145deg, color-mix(in srgb, var(--team-color) 68%, #fff), var(--team-color)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.22), 0 6px 13px color-mix(in srgb, var(--team-color) 18%, transparent); }
.team-mark.large { width: 43px; height: 43px; border-radius: 13px; font-size: 10px; }

.workspace { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(330px, .78fr); gap: 18px; }
.fixture-panel, .decision-card, .analysis-card, .timeline-card { border: 1px solid var(--line); background: var(--panel); backdrop-filter: blur(10px); border-radius: 13px; }
.fixture-panel { padding: 23px 24px 7px; }
.section-title { display: flex; align-items: flex-start; justify-content: space-between; }.section-title p, .card-head p { margin-bottom: 5px; font-size: 8px; }.section-title h2 { margin: 0; font-size: 20px; letter-spacing: -.8px; }.section-title > span { color: #647b73; font: 8px 'DM Mono'; padding-top: 12px; }
.section-title > span:before { content: ''; width: 5px; height: 5px; margin-right: 6px; display: inline-block; border-radius: 50%; background: #65dbb8; }
.league-filters { display: flex; gap: 7px; margin: 20px 0 8px; padding-bottom: 4px; overflow-x: auto; scrollbar-width: thin; scrollbar-color: rgba(130,240,206,.18) transparent; }
.league-filters button { flex: 0 0 auto; padding: 8px 11px; color: #6d857c; border: 1px solid rgba(186,222,210,.08); border-radius: 7px; background: rgba(255,255,255,.018); font-size: 9px; white-space: nowrap; }
.league-filters button small { margin-left: 7px; color: #496058; font: 7px 'DM Mono'; }
.league-filters button:hover, .league-filters button.active { color: #c8f4e5; border-color: rgba(130,240,206,.22); background: linear-gradient(135deg, rgba(70,190,154,.14), rgba(70,190,154,.05)); }
.league-filters button.active small { color: var(--mint-soft); }
.filters { display: flex; gap: 6px; margin: 0 0 12px; }
.filters button { padding: 7px 10px; color: #718980; background: #101f1c; border-radius: 6px; font-size: 9px; }.filters button small { margin-left: 6px; color: #4e665e; font: 8px 'DM Mono'; }.filters button.active { color: #b8f5e1; background: rgba(70,190,154,.12); box-shadow: inset 0 0 0 1px rgba(103,226,189,.17); }.filters button.active small { color: #6fc9ac; }
.fixture-list { border-top: 1px solid var(--line); }
.fixture-row { width: 100%; min-height: 84px; padding: 0 8px 0 0; display: grid; grid-template-columns: 118px minmax(250px, 1fr) 130px 20px; align-items: center; background: transparent; border-bottom: 1px solid rgba(186,222,210,.09); border-left: 2px solid transparent; text-align: left; transition: .18s ease; }
.fixture-row:hover, .fixture-row.selected { border-left-color: var(--mint); background: linear-gradient(90deg, rgba(55,142,116,.12), transparent 72%); }
.fixture-row.is-featured { box-shadow: inset 2px 0 var(--mint); }.featured-mini { padding: 2px 5px; color: #092119; border-radius: 3px; background: var(--mint); font: 700 6px 'DM Mono'; font-style: normal; }
.fixture-time b, .fixture-time i, .fixture-time small { display: block; }.fixture-time b { color: #a3b7b0; font: 500 9px 'DM Mono'; }.fixture-time i { max-width: 108px; margin-top: 5px; overflow: hidden; color: #5fae95; font-size: 7px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }.fixture-time small { margin-top: 3px; color: #536b63; font-size: 8px; }
.fixture-pair { display: flex; align-items: center; gap: 10px; color: #dfe9e5; font-size: 11px; font-weight: 600; }.fixture-pair > span { min-width: 102px; display: flex; align-items: center; gap: 9px; }.fixture-pair > span:first-child { justify-content: flex-end; }.fixture-pair em { color: #3d554d; font: 9px 'DM Mono'; font-style: normal; }
.fixture-signal { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; }.fixture-signal > b { color: #e7f3ef; font: 600 12px 'DM Mono'; }.fixture-signal > b small { color: #526a62; font-size: 6px; font-weight: 500; }.timing-mini { color: #55736a; font-size: 5px; }.timing-mini.timing-confirm_now { color: var(--mint-soft); }.timing-mini.timing-price_lost, .timing-mini.timing-paused { color: #dd858b; }.timing-mini.timing-wait_stability, .timing-mini.timing-wait_lineup { color: #c89d5e; }
.chevron { color: #3c554c; font-size: 20px; text-align: right; }
.signal-badge { width: fit-content; display: inline-flex; align-items: center; padding: 3px 6px; border-radius: 4px; font-size: 7px; white-space: nowrap; }.signal-badge i { width: 4px; height: 4px; margin-right: 5px; border-radius: 50%; background: currentColor; }
.signal-badge.large { padding: 5px 8px; font-size: 8px; letter-spacing: .2px; }
.signal-yes { color: #80e7c6; background: rgba(76,201,162,.1); }.signal-no { color: #e29a9d; background: rgba(198,83,91,.1); }.signal-wait { color: #d7b576; background: rgba(184,132,55,.11); }
.outcome-badge { width: fit-content; display: inline-flex; align-items: center; padding: 3px 6px; border-radius: 4px; font-size: 7px; white-space: nowrap; }.outcome-badge i { width: 4px; height: 4px; margin-right: 5px; border-radius: 50%; background: currentColor; }.outcome-badge.large { padding: 5px 9px; font-size: 9px; }.outcome-home { color: #80e7c6; background: rgba(76,201,162,.1); }.outcome-draw, .outcome-wait { color: #d7b576; background: rgba(184,132,55,.11); }.outcome-away { color: #8db5e9; background: rgba(89,125,171,.13); }
.no-fixtures { height: 150px; display: grid; place-items: center; color: #61766f; font-size: 10px; }

.decision-card { padding: 21px; background: radial-gradient(circle at 95% 10%, rgba(71,207,166,.13), transparent 16rem), linear-gradient(150deg, rgba(15,39,33,.96), rgba(10,24,21,.93)); position: relative; overflow: hidden; }
.decision-top { display: flex; justify-content: space-between; align-items: center; color: #6c827a; font: 500 8px 'DM Mono'; letter-spacing: 1px; }
.decision-match { display: grid; grid-template-columns: 1fr 26px 1fr; gap: 4px; align-items: center; margin: 25px 4px 21px; }.decision-match > div { min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 8px; }.decision-match > div b { max-width: 100%; color: #dfeae6; font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.decision-match > span { color: #4e665e; font: 8px 'DM Mono'; text-align: center; }
.decision-core { min-height: 126px; padding: 17px 0; display: flex; align-items: center; gap: 18px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.decision-core > div:last-child > span { color: #799087; font-size: 9px; }.decision-core h3 { margin: 4px 0 5px; color: var(--mint); font-size: 20px; letter-spacing: -.7px; }.decision-core p { margin: 0; color: #657b73; font-size: 8px; line-height: 1.5; }
.gauge { width: 92px; height: 92px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--mint) var(--gauge), #1d332d 0); position: relative; box-shadow: 0 0 30px rgba(83,214,174,.08); }.gauge:before { content: ''; position: absolute; inset: 6px; border-radius: inherit; background: #0c211b; }.gauge > div { position: relative; text-align: center; }.gauge b { font: 600 22px 'DM Mono'; letter-spacing: -1.5px; }.gauge span { color: #8ca29a; font: 8px 'DM Mono'; }.gauge small { display: block; color: #5f776e; font: 7px 'DM Mono'; margin-top: 2px; letter-spacing: .5px; }
.model-market { padding: 14px 0; display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--line); }.model-market span { color: #60766e; font-size: 7px; text-align: center; border-right: 1px solid var(--line); }.model-market span:last-child { border: 0; }.model-market b { display: block; color: #cbd9d4; font: 500 9px 'DM Mono'; margin-top: 4px; }.model-market b.positive { color: var(--mint-soft); }.model-market b.negative { color: #dd898e; }
.selection-gate { margin-top: 11px; padding: 9px 10px; border: 1px solid rgba(212,167,102,.15); border-radius: 6px; background: rgba(130,88,32,.07); }.selection-gate span { color: #d1a75f; font: 600 7px 'DM Mono'; }.selection-gate p { margin: 3px 0 0; color: #786a50; font-size: 7px; }.selection-gate.passed { border-color: rgba(104,222,186,.2); background: rgba(61,158,128,.08); }.selection-gate.passed span { color: var(--mint); }.selection-gate.passed p { color: #668a7e; }
.freeze-note { padding-top: 13px; display: flex; align-items: center; gap: 9px; }.freeze-note > i { color: var(--mint); font-style: normal; font-size: 8px; }.freeze-note p { display: flex; flex-direction: column; margin: 0; color: #5f776e; font-size: 7px; }.freeze-note p b { color: #a5bab2; font-size: 8px; }.freeze-note > span { margin-left: auto; color: #3f5750; font: 7px 'DM Mono'; }

.analysis-grid { margin-top: 18px; display: grid; grid-template-columns: 1fr 1.15fr 1fr; gap: 18px; }
.analysis-card { min-height: 318px; padding: 21px; }
.card-head { display: flex; align-items: flex-start; justify-content: space-between; }.card-head h3 { margin: 0; font-size: 15px; letter-spacing: -.4px; }.card-head > span { padding: 4px 6px; color: #6e857d; background: rgba(255,255,255,.025); border-radius: 3px; font: 7px 'DM Mono'; }.card-head .source-dot:before { content: ''; width: 4px; height: 4px; display: inline-block; border-radius: 50%; background: var(--mint); margin-right: 5px; }
.outcome-direction { margin-top: 17px; padding: 12px 13px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 6px 14px; border: 1px solid rgba(130,240,206,.13); border-radius: 8px; background: linear-gradient(100deg, rgba(63,166,135,.09), rgba(255,255,255,.012)); }.outcome-direction > div:first-child > span { display: block; margin-bottom: 6px; color: #607970; font-size: 7px; }.outcome-direction > div:nth-child(2) { text-align: right; }.outcome-direction > div:nth-child(2) b { display: block; color: #e3f4ee; font: 600 18px 'DM Mono'; }.outcome-direction > div:nth-child(2) small { color: #637b73; font-size: 7px; }.outcome-direction p { grid-column: 1 / -1; margin: 2px 0 0; color: #6c847b; font-size: 7px; }
.probability-block { margin-top: 18px; }.probability-labels { display: flex; justify-content: space-between; color: #6c837b; font-size: 8px; }.probability-labels span { text-align: center; }.probability-labels b { display: block; color: #dce8e4; font: 600 13px 'DM Mono'; margin-bottom: 4px; }.probability-labels span:first-child b { color: var(--mint); }.probability-labels span:last-child b { color: #80a6d9; }
.probability-track { height: 8px; margin-top: 11px; display: flex; gap: 2px; overflow: hidden; border-radius: 8px; }.probability-track i { display: block; }.probability-track .home { background: var(--mint-soft); }.probability-track .draw { background: #65766f; }.probability-track .away { background: #597dab; }
.expected-goals { margin-top: 27px; display: grid; grid-template-columns: 1fr 70px 1fr; align-items: center; }.expected-goals > span { padding: 10px; border: 1px solid var(--line); border-radius: 7px; background: rgba(255,255,255,.015); }.expected-goals span:last-child { text-align: right; }.expected-goals small { display: block; color: #667d75; font-size: 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.expected-goals b { display: block; margin-top: 4px; color: #dce8e4; font: 600 16px 'DM Mono'; }.expected-goals > i { color: #526a61; text-align: center; font-size: 7px; font-style: normal; }
.scorelines { margin-top: 19px; padding-top: 14px; display: flex; align-items: center; gap: 6px; border-top: 1px solid var(--line); }.scorelines > span { color: #687f77; font-size: 7px; margin-right: auto; }.scorelines b { padding: 6px 7px; color: #d3e3dd; border: 1px solid var(--line); border-radius: 4px; font: 500 9px 'DM Mono'; }.scorelines b em { margin-right: 5px; color: var(--mint-soft); font: 600 6px sans-serif; font-style: normal; }.scorelines small { color: #5e756d; font-size: 6px; margin-left: 4px; }
.consensus-strip { margin-top: 16px; padding: 10px; border: 1px solid rgba(151,207,190,.11); border-radius: 8px; background: rgba(255,255,255,.014); }.consensus-strip.consensus-consensus { border-color: rgba(109,222,187,.2); background: linear-gradient(90deg, rgba(48,141,112,.08), rgba(255,255,255,.01)); }.consensus-strip.consensus-divergent { border-color: rgba(224,168,83,.24); background: rgba(151,100,31,.06); }
.consensus-summary { display: grid; grid-template-columns: minmax(90px,1.3fr) repeat(3,1fr); align-items: center; gap: 7px; }.consensus-summary > span { color: #7cbda9; font-size: 8px; }.consensus-divergent .consensus-summary > span { color: #e1ad61; }.consensus-summary > b { color: #d2e0db; border-left: 1px solid var(--line); font: 600 10px 'DM Mono'; text-align: center; }.consensus-summary small { display: block; margin-top: 2px; color: #50685f; font: 5px sans-serif; }
.bookmaker-list { margin-top: 9px; padding-top: 8px; display: flex; gap: 5px; overflow-x: auto; border-top: 1px solid rgba(186,222,210,.07); scrollbar-width: thin; }.bookmaker-list > span { min-width: 86px; padding: 6px 7px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 3px; border-radius: 5px; background: rgba(255,255,255,.025); }.bookmaker-list b { overflow: hidden; color: #90a69e; font-size: 6px; text-overflow: ellipsis; white-space: nowrap; }.bookmaker-list em { color: #70bea6; font: 5px 'DM Mono'; font-style: normal; }.bookmaker-list small { grid-column: 1 / -1; color: #c59155; font-size: 5px; }.bookmaker-list > span.excluded { opacity: .62; box-shadow: inset 0 0 0 1px rgba(202,144,75,.13); }
.consensus-strip > footer { margin-top: 7px; display: flex; justify-content: space-between; color: #526a61; font-size: 6px; }.consensus-strip > footer b { color: var(--mint-soft); font: 600 7px 'DM Mono'; }.consensus-strip > footer i { color: #b58a53; font-style: normal; }
.market-tiles { margin-top: 22px; display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }.market-tiles > div { padding: 12px 10px; border-right: 1px solid var(--line); }.market-tiles > div:last-child { border: 0; }.market-tiles span, .market-tiles small { display: block; color: #61776f; font-size: 7px; }.market-tiles b { display: block; margin: 6px 0 4px; color: #e0ece7; font: 600 14px 'DM Mono'; }
.one-x-two { margin-top: 11px; display: flex; align-items: center; padding: 8px 10px; background: rgba(255,255,255,.018); border-radius: 5px; }.one-x-two > span { margin-right: auto; color: #647b72; font-size: 7px; }.one-x-two b { color: #c9d8d3; font: 500 9px 'DM Mono'; }.one-x-two i { padding: 0 5px; color: #40574f; font-style: normal; }.one-x-two small { margin-left: auto; color: #4c635b; font-size: 6px; }
.value-strip { margin-top: 11px; padding: 10px; display: grid; grid-template-columns: 1.25fr repeat(4,1fr); gap: 8px; align-items: center; border: 1px solid rgba(187,218,207,.09); border-radius: 7px; background: rgba(255,255,255,.015); }.value-strip > div { padding-right: 8px; border-right: 1px solid var(--line); }.value-strip span, .value-strip small { display: block; color: #5d746c; font-size: 6px; }.value-strip b { display: block; margin-top: 3px; color: #93a79f; font: 600 8px 'DM Mono'; }.value-strip.positive { border-color: rgba(91,225,184,.24); background: linear-gradient(90deg, rgba(44,142,113,.12), rgba(255,255,255,.012)); }.value-strip.positive > div b, .value-strip.positive > span:nth-last-child(-n+2) b { color: var(--mint); }.value-strip.negative > div b { color: #c99c5e; }
.clv-tracker { margin-top: 8px; padding: 9px 10px; display: grid; grid-template-columns: 1.25fr repeat(3,1fr); gap: 8px; align-items: center; border: 1px solid rgba(110,180,207,.14); border-radius: 7px; background: linear-gradient(90deg, rgba(45,107,132,.08), rgba(255,255,255,.01)); }.clv-tracker > div { padding-right: 8px; border-right: 1px solid var(--line); }.clv-tracker span, .clv-tracker small { display: block; color: #59747b; font-size: 6px; }.clv-tracker b { display: block; margin-top: 3px; color: #9fc2cc; font: 600 8px 'DM Mono'; }.clv-tracker.beat { border-color: rgba(88,222,181,.23); background: linear-gradient(90deg, rgba(42,143,112,.11), rgba(255,255,255,.01)); }.clv-tracker.beat > div b { color: var(--mint); }.clv-tracker.miss > div b { color: #df898d; }.clv-tracker.waiting { grid-template-columns: 1.1fr 2fr; }.clv-tracker.waiting p { margin: 0; color: #506a62; font-size: 6px; line-height: 1.45; }
.trend-empty { margin-top: 17px; min-height: 72px; position: relative; overflow: hidden; }.trend-empty span { color: #637a72; font-size: 7px; }.trend-empty i { display: block; margin-top: 27px; height: 1px; background: repeating-linear-gradient(90deg, #274039 0 5px, transparent 5px 10px); }.trend-empty p { margin: -20px 0 0; text-align: center; color: #415a52; font-size: 7px; }
.trend-chart { margin-top: 15px; }.trend-chart > div { display: flex; justify-content: space-between; align-items: center; }.trend-chart span { color: #647b73; font-size: 7px; }.trend-chart b { color: #d6e4df; font: 500 9px 'DM Mono'; }.trend-chart em { margin-left: 5px; font-size: 7px; font-style: normal; }.trend-chart em.up { color: #6bdfbd; }.trend-chart em.down { color: #dd898e; }.trend-chart svg { display: block; width: 100%; height: 53px; margin-top: 3px; }.trend-chart footer { display: flex; justify-content: space-between; color: #455e56; font: 6px 'DM Mono'; }
.evidence-card ol { margin: 22px 0 17px; padding: 0; list-style: none; }.evidence-card li { min-height: 46px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid rgba(186,222,210,.08); }.evidence-card li > span { color: var(--mint-soft); font: 500 8px 'DM Mono'; }.evidence-card li p { margin: 0; color: #8ca199; font-size: 9px; line-height: 1.55; }
.form-row { display: flex; align-items: center; padding-top: 2px; }.form-row > span { color: #627970; font-size: 7px; margin-right: auto; }.form-row > div { display: flex; gap: 4px; }.form-row b { width: 19px; height: 19px; display: grid; place-items: center; border-radius: 4px; color: #0b1b17; font: 700 7px 'DM Mono'; }.form-w { background: #65dcb8; }.form-d { background: #c7a45f; }.form-l { background: #cf7479; }.form-row small { color: #526a61; font-size: 7px; }
.team-news-row { margin-top: 13px; padding-top: 12px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); }.team-news-row span { color: #627970; font-size: 7px; }.team-news-row b { color: #6d817a; font-size: 7px; font-weight: 500; }.team-news-row b.online { color: var(--mint-soft); }

.ensemble-panel { margin-top: 18px; padding: 23px 24px; overflow: hidden; border: 1px solid rgba(130,240,206,.14); border-radius: 13px; background: radial-gradient(circle at 92% 0, rgba(55,177,142,.12), transparent 25rem), linear-gradient(145deg, rgba(13,31,27,.92), rgba(8,22,19,.9)); }
.ensemble-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 25px; }.ensemble-head p { margin: 0 0 5px; color: var(--mint-soft); font: 700 8px 'DM Mono'; letter-spacing: 1.25px; }.ensemble-head h3 { margin: 0; color: #e4f0eb; font-size: 18px; }.ensemble-head > div:first-child > span { display: block; margin-top: 7px; color: #60786f; font-size: 8px; }
.uncertainty { min-width: 178px; padding: 10px 12px; border: 1px solid rgba(208,164,93,.14); border-radius: 8px; background: rgba(132,88,29,.05); text-align: right; }.uncertainty > span, .uncertainty small { display: block; color: #a5824e; font-size: 6px; }.uncertainty > b { display: block; margin: 4px 0 2px; color: #d6b376; font: 600 12px 'DM Mono'; }.uncertainty > b i { color: #745f3f; font-style: normal; }.uncertainty-低 { border-color: rgba(102,218,184,.18); background: rgba(50,137,111,.06); }.uncertainty-低 > span, .uncertainty-低 > b { color: var(--mint-soft); }.uncertainty-中 > span, .uncertainty-中 > b { color: #cfad6e; }
.ensemble-flow { margin-top: 18px; padding: 10px; display: grid; grid-template-columns: repeat(7,auto); align-items: center; justify-content: center; gap: 16px; border: 1px solid rgba(186,222,210,.08); border-radius: 9px; background: rgba(255,255,255,.012); }.ensemble-flow > span { min-width: 105px; text-align: center; }.ensemble-flow small { display: block; color: #536b62; font-size: 6px; }.ensemble-flow b { display: block; margin-top: 4px; color: #b7c9c2; font: 600 12px 'DM Mono'; }.ensemble-flow > i { color: #345047; font-size: 9px; font-style: normal; }.ensemble-flow .final { padding: 6px 12px; border-radius: 6px; background: rgba(69,181,147,.09); }.ensemble-flow .final b { color: var(--mint); }
.ensemble-body { margin-top: 13px; display: grid; grid-template-columns: minmax(0,1fr) 210px; gap: 12px; }.component-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }.model-component { padding: 11px; border: 1px solid rgba(180,218,206,.08); border-radius: 8px; background: rgba(255,255,255,.014); }.model-component header, .model-component footer { display: flex; justify-content: space-between; gap: 8px; }.model-component header span { overflow: hidden; color: #80958e; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.model-component header b { color: #d5e3de; font: 600 10px 'DM Mono'; }.model-component > div { height: 3px; margin: 10px 0 8px; overflow: hidden; border-radius: 4px; background: #18312a; }.model-component > div i { height: 100%; display: block; border-radius: inherit; background: #5b9986; }.model-component footer span, .model-component footer small { color: #4f685f; font-size: 5px; }.component-market { border-color: rgba(107,164,203,.12); }.component-market > div i { background: #628eb1; }.component-market header b { color: #94bce0; }.component-dixonColes > div i { background: var(--mint-soft); }
.ensemble-body > aside { padding: 12px 14px; border: 1px solid rgba(130,240,206,.1); border-radius: 8px; background: rgba(31,79,65,.05); }.ensemble-body > aside > span { color: #5e786e; font-size: 6px; }.ensemble-body > aside > b { display: block; margin-top: 4px; color: #d8e7e1; font: 600 17px 'DM Mono'; }.ensemble-body > aside > b small { color: #526b62; font-size: 7px; }.ensemble-body > aside > div { height: 3px; margin: 7px 0 9px; overflow: hidden; border-radius: 3px; background: #18312a; }.ensemble-body > aside > div i { height: 100%; display: block; background: linear-gradient(90deg,#459e83,var(--mint)); }.ensemble-body > aside p { margin: 0 0 4px; color: #a3814d; font-size: 6px; }.ensemble-body > aside p.ready { color: #68bfa5; }.ensemble-body > aside > small { color: #597169; font-size: 6px; }

.timeline-card { margin-top: 18px; padding: 22px 24px; display: grid; grid-template-columns: 240px 1fr; align-items: center; gap: 30px; }.timeline-copy h3 { margin: 0 0 7px; font-size: 15px; }.timeline-copy > span { display: block; color: #657b73; font-size: 8px; line-height: 1.6; }
.timeline { display: grid; grid-template-columns: repeat(9, 1fr); position: relative; }.timeline:before { content: ''; position: absolute; height: 1px; left: 4%; right: 4%; top: 12px; background: #254139; }.timeline > div { position: relative; text-align: center; z-index: 1; }.timeline i { width: 24px; height: 24px; margin: auto; display: grid; place-items: center; border-radius: 50%; color: #536b62; border: 1px solid #29443b; background: #0c1e1a; font: 500 7px 'DM Mono'; font-style: normal; }.timeline b, .timeline small { display: block; }.timeline b { margin-top: 7px; color: #71877f; font: 500 7px 'DM Mono'; }.timeline small { margin-top: 2px; color: #40574f; font-size: 6px; }.timeline .reached i { color: #0b2019; border-color: var(--mint); background: var(--mint); box-shadow: 0 0 0 5px rgba(130,240,206,.05); }.timeline .reached b { color: #a5c2b8; }.timeline .lock i { color: #e0b971; border-color: #8b6e3c; }.timeline .lock b { color: #bc9c65; }
.actual-timeline { align-items: stretch; }.timeline-main { min-width: 0; }.timeline-summary { margin-top: 13px; display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; }.timeline-summary span { padding: 7px; border: 1px solid var(--line); border-radius: 6px; color: #536b62; font-size: 6px; text-align: center; }.timeline-summary b { display: block; margin-bottom: 2px; color: #b7c9c2; font: 600 8px 'DM Mono'; }.checkpoint-rail { margin-bottom: 12px; display: grid; grid-template-columns: repeat(9,1fr); position: relative; }.checkpoint-rail:before { content: ''; height: 1px; position: absolute; top: 10px; left: 3%; right: 3%; background: #213c34; }.checkpoint-rail > div { min-width: 0; position: relative; text-align: center; z-index: 1; }.checkpoint-rail i { width: 20px; height: 20px; margin: auto; display: grid; place-items: center; color: #445e55; border: 1px solid #28443b; border-radius: 50%; background: #0a1c18; font: 600 6px 'DM Mono'; font-style: normal; }.checkpoint-rail b, .checkpoint-rail small { display: block; }.checkpoint-rail b { margin-top: 5px; color: #627970; font: 600 6px 'DM Mono'; }.checkpoint-rail small { margin-top: 2px; color: #3f5850; font-size: 5px; }.checkpoint-rail .captured i { color: #082018; border-color: var(--mint); background: var(--mint); }.checkpoint-rail .captured b { color: #9cb9af; }.checkpoint-rail .missed { opacity: .55; }.checkpoint-rail .missed i { color: #a5785e; border-color: #785a48; }.checkpoint-rail .current i { color: #d7b06e; border-color: #b18248; box-shadow: 0 0 0 5px rgba(182,132,69,.07); }.checkpoint-rail .lock i { border-radius: 4px; }.checkpoint-rail .lock.captured i { color: #082018; background: var(--mint); }.timeline-events { min-width: 0; display: flex; gap: 8px; overflow-x: auto; padding: 2px 2px 7px; scrollbar-color: #29463d transparent; }.timeline-event { min-width: 155px; max-width: 195px; flex: 1 0 155px; padding: 11px; border: 1px solid rgba(175,219,204,.09); border-radius: 8px; background: rgba(7,23,18,.58); }.timeline-event header, .timeline-event footer { display: flex; justify-content: space-between; align-items: center; }.timeline-event header b { color: #82988f; font: 600 7px 'DM Mono'; }.timeline-event time { color: #425a52; font-size: 6px; }.timeline-event > strong { display: block; margin-top: 10px; color: #d1dfda; font-size: 9px; }.timeline-event > strong em { color: var(--mint-soft); font: 600 9px 'DM Mono'; font-style: normal; }.timeline-event > span { display: block; margin-top: 5px; color: #6e847c; font-size: 7px; }.timeline-prices { margin-top: 7px; padding: 6px; display: flex; justify-content: space-between; border-radius: 5px; background: rgba(255,255,255,.018); }.timeline-prices small { color: #536e64; font: 6px 'DM Mono'; }.timeline-event footer { margin-top: 10px; }.timeline-event footer i { padding: 3px 5px; color: #9b835c; border-radius: 3px; background: rgba(160,116,48,.08); font: 600 6px 'DM Mono'; font-style: normal; }.timeline-event footer i.picked { color: var(--mint); background: rgba(66,177,143,.09); }.timeline-event footer small { color: #455e55; font-size: 6px; }.timeline-event > p { margin: 9px 0 0; padding-top: 8px; color: #d0a35f; border-top: 1px solid var(--line); font-size: 6px; line-height: 1.55; }.timeline-event.changed { border-color: rgba(212,167,102,.22); }.timeline-event.locked { border-color: rgba(130,240,206,.3); box-shadow: inset 0 0 22px rgba(54,184,145,.06); }.timeline-event.locked header b { color: var(--mint); }.timeline-empty { min-height: 108px; display: grid; place-content: center; gap: 8px; border: 1px dashed rgba(159,201,187,.13); border-radius: 8px; text-align: center; }.timeline-empty b { color: #b5c5bf; font: 500 10px 'DM Mono'; }.timeline-empty span { color: #566e65; font-size: 8px; }

.timing-decision { margin-top: 18px; padding: 0; display: grid; grid-template-columns: 285px minmax(0,1fr) 305px; overflow: hidden; border: 1px solid rgba(107,185,207,.17); border-radius: 13px; background: linear-gradient(145deg, rgba(12,30,29,.95), rgba(8,22,19,.9)); }.timing-action { min-height: 190px; padding: 22px 22px 19px 84px; position: relative; border-right: 1px solid var(--line); background: radial-gradient(circle at 15% 30%, rgba(76,173,198,.12), transparent 12rem); }.timing-action > p { margin: 0 0 19px; color: #68b4c6; font: 700 7px 'DM Mono'; letter-spacing: 1.1px; }.action-symbol { width: 44px; height: 44px; position: absolute; top: 54px; left: 23px; display: grid; place-items: center; border: 1px solid rgba(103,187,207,.28); border-radius: 12px; color: #78c6d6; background: rgba(63,144,166,.09); font: 500 18px 'DM Mono'; }.timing-action > span { color: #5c746c; font-size: 7px; }.timing-action h3 { margin: 4px 0 7px; color: #ddebe6; font-size: 17px; letter-spacing: -.5px; }.timing-action > b { display: block; color: #779089; font-size: 7px; font-weight: 400; line-height: 1.65; }.timing-action > small { display: block; margin-top: 10px; color: #58726a; font: 6px 'DM Mono'; }.action-confirm_now { border-color: rgba(130,240,206,.28); }.action-confirm_now .timing-action { background: radial-gradient(circle at 15% 30%, rgba(75,210,168,.16), transparent 12rem); }.action-confirm_now .action-symbol { color: #082219; border-color: var(--mint); background: var(--mint); box-shadow: 0 0 25px rgba(130,240,206,.12); }.action-confirm_now .timing-action h3 { color: var(--mint); }.action-paused, .action-price_lost { border-color: rgba(220,112,119,.25); }.action-paused .action-symbol, .action-price_lost .action-symbol { color: #e28b91; border-color: rgba(222,123,130,.3); background: rgba(157,53,61,.1); }.action-wait_lineup .action-symbol, .action-wait_stability .action-symbol, .action-wait_checkpoint .action-symbol { color: #e0b36f; border-color: rgba(222,173,99,.3); background: rgba(151,104,37,.09); }
.timing-proof { min-width: 0; padding: 21px 24px; }.timing-proof > header { display: flex; justify-content: space-between; align-items: flex-start; }.timing-proof header span { color: #5c7870; font: 600 6px 'DM Mono'; letter-spacing: .8px; }.timing-proof header b { display: block; margin-top: 4px; color: #bacac5; font-size: 9px; }.timing-proof header b em { margin-left: 7px; padding: 2px 4px; border-radius: 3px; color: #d9a867; background: rgba(170,117,43,.08); font: 5px 'DM Mono'; font-style: normal; }.timing-proof header > small { color: #5b726a; font: 6px 'DM Mono'; }.lifecycle-rail { margin: 18px 0; display: grid; grid-template-columns: repeat(4,1fr); position: relative; }.lifecycle-rail:before { content: ''; height: 1px; position: absolute; top: 10px; left: 7%; right: 7%; background: #253e36; }.lifecycle-rail > span { text-align: center; z-index: 1; }.lifecycle-rail i { width: 21px; height: 21px; margin: auto; display: grid; place-items: center; border: 1px solid #2d493f; border-radius: 50%; color: #536d64; background: #0a1e19; font: 6px 'DM Mono'; font-style: normal; }.lifecycle-rail b { display: block; margin-top: 5px; color: #526961; font-size: 6px; }.lifecycle-rail .reached i { color: #092019; border-color: #5ecbaa; background: #5ecbaa; }.lifecycle-rail .reached b { color: #8caf9f; }.lifecycle-rail .current i { background: var(--mint); box-shadow: 0 0 0 5px rgba(130,240,206,.06); }.timing-conditions { display: flex; flex-wrap: wrap; gap: 5px; }.timing-conditions span { padding: 5px 7px; border-radius: 4px; color: #657d75; background: rgba(255,255,255,.025); font-size: 6px; }.timing-conditions i { margin-right: 4px; font-style: normal; }.timing-conditions .passed { color: #73c5ab; background: rgba(69,166,137,.07); }.timing-conditions .failed { color: #dc858a; background: rgba(163,57,65,.08); }
.dynamic-gate-card { padding: 21px; border-left: 1px solid var(--line); background: rgba(4,16,13,.26); }.dynamic-gate-card > header { display: flex; justify-content: space-between; }.dynamic-gate-card header span { color: #61aabc; font: 600 6px 'DM Mono'; letter-spacing: .8px; }.dynamic-gate-card header b { color: #7f9690; font-size: 6px; }.dynamic-gate-card > div { margin: 15px 0 12px; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); border-radius: 7px; overflow: hidden; }.dynamic-gate-card > div span { padding: 9px 5px; text-align: center; border-right: 1px solid var(--line); }.dynamic-gate-card > div span:last-child { border: 0; }.dynamic-gate-card small, .dynamic-gate-card b { display: block; }.dynamic-gate-card > div small { color: #4e665e; font-size: 5px; }.dynamic-gate-card > div b { margin-top: 5px; color: #bdcec8; font: 600 8px 'DM Mono'; }.dynamic-gate-card footer { padding: 10px; border-radius: 7px; background: rgba(255,255,255,.018); box-shadow: inset 2px 0 #566f66; }.dynamic-gate-card footer.passed { box-shadow: inset 2px 0 var(--mint); }.dynamic-gate-card footer.failed { box-shadow: inset 2px 0 #d36f76; }.dynamic-gate-card footer > span { color: #647c73; font-size: 6px; }.dynamic-gate-card footer > b { margin-top: 5px; color: #bdd0c9; font: 600 9px 'DM Mono'; }.dynamic-gate-card footer > small { margin-top: 5px; color: #526961; font-size: 5px; line-height: 1.5; }

.timing-center { margin-top: 54px; padding: 26px; border: 1px solid rgba(107,185,207,.17); border-radius: 15px; background: radial-gradient(circle at 90% 0, rgba(50,127,151,.15), transparent 29rem), linear-gradient(145deg, rgba(11,29,28,.96), rgba(7,20,18,.92)); scroll-margin-top: 24px; }.timing-center-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }.timing-center-head p { margin: 0 0 6px; color: #68b6c9; font: 700 7px 'DM Mono'; letter-spacing: 1.2px; }.timing-center-head h2 { margin: 0; color: #e7f1ed; font-size: 22px; letter-spacing: -.9px; }.timing-center-head > div:first-child > span { max-width: 720px; display: block; margin-top: 8px; color: #617a72; font-size: 8px; line-height: 1.7; }.best-checkpoint { min-width: 235px; padding: 11px 14px; border: 1px solid rgba(102,188,209,.17); border-radius: 8px; background: rgba(49,125,146,.05); }.best-checkpoint span, .best-checkpoint small { display: block; color: #58736b; font-size: 6px; }.best-checkpoint b { display: block; margin: 5px 0; color: #7fd0df; font: 600 15px 'DM Mono'; }.timing-stats { margin-top: 17px; display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }.timing-stats > span { padding: 12px 14px; border: 1px solid rgba(186,222,210,.08); border-radius: 8px; background: rgba(255,255,255,.015); }.timing-stats small { display: block; color: #536d64; font-size: 6px; }.timing-stats b { display: block; margin-top: 6px; color: #d5e3de; font: 600 14px 'DM Mono'; }.timing-stats b.online { color: var(--mint); }.timing-stats em { margin-left: 2px; color: #687f77; font: 6px sans-serif; font-style: normal; }
.checkpoint-performance { margin-top: 10px; padding: 0 17px 7px; border: 1px solid rgba(186,222,210,.09); border-radius: 10px; background: rgba(5,19,16,.43); }.checkpoint-performance > header, .checkpoint-performance > div:not(.timing-empty) { display: grid; grid-template-columns: 1.1fr repeat(5,1fr) .85fr; align-items: center; gap: 10px; }.checkpoint-performance > header { padding: 12px 10px 9px; color: #4e675e; font: 6px 'DM Mono'; text-align: right; }.checkpoint-performance > header span:first-child { text-align: left; }.checkpoint-performance > div:not(.timing-empty) { min-height: 45px; padding: 7px 10px; border-top: 1px solid rgba(186,222,210,.07); }.checkpoint-performance > div > span:first-child { display: flex; align-items: center; gap: 8px; }.checkpoint-performance > div > span:first-child i { width: 5px; height: 5px; border-radius: 50%; background: #536e64; }.checkpoint-performance > div > span:first-child b { color: #b7cac3; }.checkpoint-performance > div > b { color: #9fb3ac; font: 500 8px 'DM Mono'; text-align: right; }.checkpoint-performance > div > b.positive { color: var(--mint-soft); }.checkpoint-performance > div > b.negative { color: #dd858b; }.checkpoint-performance > div.best { background: linear-gradient(90deg,rgba(61,160,177,.07),transparent); box-shadow: inset 2px 0 #73c9d8; }.checkpoint-performance > div.best > span:first-child i { background: #77cfdf; box-shadow: 0 0 0 4px rgba(103,195,212,.05); }.checkpoint-performance > div > span:last-child { justify-self: end; padding: 3px 5px; border-radius: 3px; color: #aa8d61; background: rgba(166,117,47,.07); font-size: 5px; }.checkpoint-performance > div > span.policy-ready { color: #68c7aa; background: rgba(54,157,128,.08); }.timing-empty { min-height: 100px; display: grid; place-items: center; color: #587068; font-size: 8px; }
.timing-leagues { margin-top: 10px; padding: 17px; border: 1px solid rgba(186,222,210,.09); border-radius: 10px; background: rgba(5,19,16,.43); }.timing-leagues header span { color: #5da7b8; font: 600 6px 'DM Mono'; letter-spacing: .8px; }.timing-leagues h3 { margin: 4px 0 0; color: #ceddd8; font-size: 11px; }.timing-leagues > div { margin-top: 12px; display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; }.timing-leagues > div > span { min-width: 0; padding: 11px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px 8px; border-radius: 7px; background: rgba(255,255,255,.018); }.timing-leagues span > b { overflow: hidden; color: #b4c6c0; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.timing-leagues span > small { color: #506860; font-size: 5px; }.timing-leagues strong { grid-column: 2; grid-row: 1 / span 2; color: #74c5d5; font: 600 9px 'DM Mono'; text-align: right; }.timing-leagues strong em { display: block; margin-top: 3px; color: #4f6860; font: 5px sans-serif; font-style: normal; }.timing-leagues span > i { grid-column: 1 / -1; margin-top: 5px; padding-top: 6px; color: #9c825d; border-top: 1px solid var(--line); font-size: 5px; font-style: normal; }.timing-leagues span > i.ready { color: #67c8aa; }.timing-leagues > div > p { grid-column: 1 / -1; color: #587068; font-size: 8px; }

.lineup-panel { margin-top: 18px; border: 1px solid rgba(133,214,191,.14); border-radius: 14px; overflow: hidden; background: radial-gradient(circle at 91% -15%, rgba(60,177,146,.15), transparent 28rem), linear-gradient(145deg, rgba(13,32,27,.96), rgba(7,21,18,.92)); }
.lineup-unavailable { min-height: 148px; padding: 26px 30px; display: grid; grid-template-columns: 74px minmax(0,1fr) auto; align-items: center; gap: 24px; border-style: dashed; }.lineup-empty-symbol { width: 70px; height: 70px; display: grid; place-items: center; position: relative; border: 1px solid rgba(130,240,206,.13); border-radius: 50%; color: #5a8376; background: rgba(130,240,206,.025); font: 600 14px 'DM Mono'; }.lineup-empty-symbol i { width: 30px; height: 1px; position: absolute; background: #47665c; transform: rotate(-35deg); }.lineup-unavailable p, .lineup-heading p, .lineup-forward-head p { margin: 0 0 6px; color: #61bca0; font: 700 7px 'DM Mono'; letter-spacing: 1.15px; }.lineup-unavailable h3, .lineup-heading h3 { margin: 0; color: #d9e7e2; font-size: 17px; }.lineup-unavailable > div:nth-child(2) > span, .lineup-heading > div:first-child > span { max-width: 770px; display: block; margin-top: 8px; color: #637a72; font-size: 8px; line-height: 1.7; }.lineup-unavailable > aside { padding: 12px 15px; border: 1px solid rgba(201,164,96,.13); border-radius: 8px; text-align: right; background: rgba(172,124,45,.045); }.lineup-unavailable > aside b, .lineup-unavailable > aside small { display: block; }.lineup-unavailable > aside b { color: #d1a962; font: 600 8px 'DM Mono'; }.lineup-unavailable > aside small { margin-top: 5px; color: #6b6f5f; font-size: 6px; }
.lineup-available { padding: 24px 25px 0; }.lineup-heading, .lineup-forward-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; }.lineup-source, .lineup-forward-head > aside { min-width: 230px; padding: 11px 13px; display: grid; grid-template-columns: 9px 1fr auto; gap: 3px 8px; align-items: center; border: 1px solid rgba(129,214,188,.12); border-radius: 8px; background: rgba(255,255,255,.018); }.lineup-source i, .lineup-forward-head > aside i { width: 7px; height: 7px; grid-row: span 2; border-radius: 50%; background: #d2a45e; box-shadow: 0 0 0 5px rgba(210,164,94,.06); }.lineup-source.confirmed i, .lineup-forward-head > aside.online i { background: var(--mint); box-shadow: 0 0 0 5px rgba(130,240,206,.06); }.lineup-source span, .lineup-forward-head > aside span { color: #60786f; font-size: 7px; }.lineup-source b, .lineup-forward-head > aside b { color: #d4af72; font-size: 8px; text-align: right; }.lineup-source.confirmed b, .lineup-forward-head > aside.online b { color: #82d8bd; }.lineup-source small, .lineup-forward-head > aside small { grid-column: 2 / -1; color: #506860; font-size: 6px; }
.lineup-body { margin-top: 19px; display: grid; grid-template-columns: minmax(0,1.5fr) minmax(300px,.65fr); gap: 10px; }.lineup-teams { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.lineup-teams > article, .lineup-delta { padding: 16px; border: 1px solid rgba(186,222,210,.08); border-radius: 10px; background: rgba(4,18,15,.43); }.lineup-teams header, .lineup-delta > header { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }.lineup-teams header small { display: block; margin-bottom: 4px; color: #4d8f7c; font: 600 6px 'DM Mono'; }.lineup-teams header b { color: #c8d9d3; font-size: 10px; }.lineup-teams header strong { padding: 5px 7px; color: #75c8ae; border-radius: 5px; background: rgba(75,190,156,.07); font: 500 7px 'DM Mono'; }.xi-status { margin-top: 13px; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid rgba(186,222,210,.07); border-radius: 7px; overflow: hidden; }.xi-status > span { padding: 9px 5px; text-align: center; border-right: 1px solid rgba(186,222,210,.07); }.xi-status > span:last-child { border: 0; }.xi-status b, .xi-status small { display: block; }.xi-status b { color: #bfd1cb; font: 600 10px 'DM Mono'; }.xi-status small { margin-top: 3px; color: #50675f; font-size: 5px; }.absence-list { margin-top: 10px; }.absence-list > span { min-height: 30px; display: grid; grid-template-columns: 23px minmax(0,1fr) auto; align-items: center; gap: 7px; border-top: 1px solid rgba(186,222,210,.06); }.absence-list > span > i { padding: 3px; color: #dda96b; border-radius: 3px; background: rgba(185,120,46,.07); font: 600 5px 'DM Mono'; font-style: normal; text-align: center; }.absence-list > span > b { overflow: hidden; color: #96aaa3; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.absence-list > span > small { color: #536a62; font-size: 5px; }.absence-list p { margin: 16px 0 4px; color: #557069; font-size: 7px; text-align: center; }
.lineup-delta > header span { color: #65b69e; font: 600 7px 'DM Mono'; }.lineup-delta > header b { padding: 4px 6px; color: #7da99b; border-radius: 4px; background: rgba(97,165,144,.07); font-size: 6px; }.delta-metrics { margin-top: 10px; }.delta-metrics > span { min-height: 42px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; border-top: 1px solid rgba(186,222,210,.07); }.delta-metrics small { display: block; color: #566e65; font-size: 6px; }.delta-metrics b { margin-top: 3px; color: #becfc9; font: 500 9px 'DM Mono'; }.delta-metrics b i { margin: 0 4px; color: #466159; font-style: normal; }.delta-metrics em { color: #72cbb0; font: 600 7px 'DM Mono'; font-style: normal; }.delta-metrics em.negative { color: #dd858b; }.shadow-outcome { min-height: 43px; display: grid; grid-template-columns: 1fr repeat(3,31px); align-items: center; gap: 4px; border-top: 1px solid rgba(186,222,210,.07); }.shadow-outcome > div > small { display: block; margin-bottom: 4px; color: #536a62; font-size: 5px; }.shadow-outcome > span { color: #b5c7c0; font: 500 8px 'DM Mono'; text-align: center; }.shadow-outcome > span small { display: block; color: #4c635b; font: 5px sans-serif; }.shadow-scores { min-height: 35px; display: flex; align-items: center; gap: 6px; border-top: 1px solid rgba(186,222,210,.07); }.shadow-scores > small { margin-right: auto; color: #536a62; font-size: 6px; }.shadow-scores > b { padding: 5px 7px; color: #afc3bc; border-radius: 5px; background: rgba(255,255,255,.025); font: 600 7px 'DM Mono'; }.shadow-scores em { margin-left: 4px; color: #5f8479; font: 5px sans-serif; font-style: normal; }.lineup-panel > footer { min-height: 50px; margin: 17px -25px 0; padding: 11px 25px; display: grid; grid-template-columns: 15px minmax(0,1fr) auto; align-items: center; gap: 9px; border-top: 1px solid rgba(186,222,210,.07); background: rgba(255,255,255,.012); }.lineup-panel > footer > span { color: var(--mint); font-size: 8px; }.lineup-panel > footer p { margin: 0; color: #596f67; font-size: 6px; }.lineup-panel > footer p b { display: block; margin-bottom: 3px; color: #8eaaa1; font: 600 6px 'DM Mono'; }.lineup-panel > footer > small { color: #516860; font: 6px 'DM Mono'; }
.data-trust-panel { margin-top: 18px; padding: 21px 23px; display: grid; grid-template-columns: 175px minmax(0,1fr) 285px; gap: 22px; border: 1px solid rgba(97,173,198,.15); border-radius: 14px; background: radial-gradient(circle at 4% 10%, rgba(62,137,163,.14), transparent 19rem), linear-gradient(145deg, rgba(11,29,29,.95), rgba(7,20,18,.91)); }.data-trust-panel.trust-state-quarantined { border-color: rgba(218,105,112,.28); background: radial-gradient(circle at 4% 10%, rgba(155,54,63,.15), transparent 19rem), linear-gradient(145deg,rgba(29,24,23,.96),rgba(14,19,17,.92)); }.data-trust-panel.trust-state-guarded { border-color: rgba(206,162,88,.2); }.data-trust-score { min-width: 0; }.data-trust-score > p { margin: 0 0 11px; color: #68b6ca; font: 700 7px 'DM Mono'; letter-spacing: 1px; }.trust-state-quarantined .data-trust-score > p { color: #dc7c82; }.trust-orbit { width: 82px; height: 82px; padding: 6px; display: grid; place-items: center; position: relative; border-radius: 50%; background: conic-gradient(#69bfd0 var(--data-score), #193437 0); box-shadow: 0 0 30px rgba(76,165,183,.1); }.trust-state-guarded .trust-orbit { background: conic-gradient(#d0a45c var(--data-score), #332c1e 0); }.trust-state-quarantined .trust-orbit { background: conic-gradient(#d86f77 var(--data-score), #362023 0); }.trust-orbit:after { content: ''; position: absolute; inset: 6px; border-radius: inherit; background: #0a201f; }.trust-orbit > span { z-index: 1; text-align: center; }.trust-orbit b { color: #e1eeea; font: 600 20px 'DM Mono'; }.trust-orbit small { display: block; color: #55736f; font: 5px 'DM Mono'; }.data-trust-score h3 { margin: 11px 0 3px; color: #bdd8d5; font-size: 10px; }.data-trust-score > small { color: #56716a; font-size: 6px; line-height: 1.5; }.data-trust-evidence { min-width: 0; }.data-trust-evidence > header { display: flex; justify-content: space-between; align-items: center; }.data-trust-evidence > header > div span, .data-trust-evidence > header > div b { display: block; }.data-trust-evidence > header span { color: #627b75; font-size: 6px; }.data-trust-evidence > header b { margin-top: 3px; color: #a9c4bd; font: 600 8px 'DM Mono'; }.data-trust-evidence > header > small { padding: 4px 6px; color: #6bc2ad; border-radius: 4px; background: rgba(73,185,154,.07); font-size: 6px; }.trust-state-quarantined .data-trust-evidence > header > small { color: #dd8389; background: rgba(177,62,71,.08); }.trust-dimensions { margin-top: 10px; display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; }.trust-dimensions > span { padding: 8px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 2px 6px; border-radius: 6px; background: rgba(255,255,255,.018); }.trust-dimensions > span > i { height: 2px; margin-bottom: 5px; grid-column: 1 / -1; overflow: hidden; border-radius: 3px; background: #193631; }.trust-dimensions > span > i em { height: 100%; display: block; background: linear-gradient(90deg,#477e86,#70cfbf); }.trust-dimensions b { color: #91aaa3; font-size: 6px; }.trust-dimensions strong { color: #b8ccc6; font: 600 7px 'DM Mono'; }.trust-dimensions small { grid-column: 1 / -1; color: #4d655e; font-size: 5px; }.data-issues { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 5px; }.data-issues > span { padding: 5px 6px; display: flex; align-items: center; gap: 5px; border-radius: 4px; background: rgba(255,255,255,.02); }.data-issues > span > i { width: 4px; height: 4px; border-radius: 50%; background: #66837b; }.data-issues b { color: #81978f; font-size: 5px; }.data-issues small { color: #50675f; font-size: 5px; }.data-issues .issue-critical > i { background: #df777f; }.data-issues .issue-critical b { color: #d58b90; }.data-issues .issue-warning > i { background: #d0a35e; }.data-issues .issue-warning b { color: #ba9a68; }.data-issues p { margin: 5px 0 0; color: #6ac2a8; font-size: 6px; }.identity-audit { min-width: 0; padding: 13px; border: 1px solid rgba(136,190,205,.09); border-radius: 9px; background: rgba(4,17,17,.42); }.identity-audit > header { display: flex; justify-content: space-between; }.identity-audit > header span { color: #67aabd; font: 600 6px 'DM Mono'; }.identity-audit > header b { color: #75beae; font-size: 6px; }.identity-audit > div { margin-top: 8px; }.identity-audit > div > span { min-height: 29px; display: grid; align-content: center; border-top: 1px solid rgba(186,222,210,.06); }.identity-audit span small { color: #4d665f; font-size: 5px; }.identity-audit span b { margin-top: 2px; overflow: hidden; color: #859d96; font: 500 6px 'DM Mono'; text-overflow: ellipsis; white-space: nowrap; }.identity-audit footer { margin-top: 7px; padding-top: 7px; display: flex; flex-wrap: wrap; gap: 5px 10px; border-top: 1px solid rgba(186,222,210,.07); }.identity-audit footer span { color: #5e7b72; font-size: 5px; }.identity-audit footer small { width: 100%; color: #496159; font-size: 5px; }
.data-quality-center { margin-top: 54px; padding: 26px; border: 1px solid rgba(91,167,197,.17); border-radius: 15px; background: radial-gradient(circle at 90% -5%,rgba(50,125,158,.15),transparent 30rem),linear-gradient(145deg,rgba(11,29,29,.97),rgba(7,20,18,.93)); scroll-margin-top: 24px; }.quality-center-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; }.quality-center-head p { margin: 0 0 6px; color: #69b6ca; font: 700 7px 'DM Mono'; letter-spacing: 1.2px; }.quality-center-head h2 { margin: 0; color: #e8f2ef; font-size: 22px; letter-spacing: -.9px; }.quality-center-head > div > span { max-width: 735px; display: block; margin-top: 8px; color: #627a72; font-size: 8px; line-height: 1.7; }.quality-center-head > aside { min-width: 235px; padding: 12px 14px; display: grid; grid-template-columns: 1fr auto; border: 1px solid rgba(103,190,210,.13); border-radius: 9px; background: rgba(255,255,255,.018); }.quality-center-head > aside span { color: #607b77; font-size: 6px; }.quality-center-head > aside b { grid-row: span 2; color: #8dd6da; font: 600 20px 'DM Mono'; }.quality-center-head > aside b small { color: #52716d; font-size: 6px; }.quality-center-head > aside em { margin-top: 5px; color: #5f8279; font-size: 6px; font-style: normal; }.quality-kpis { margin-top: 18px; display: grid; grid-template-columns: repeat(6,1fr); gap: 7px; }.quality-kpis > div { padding: 12px 13px; border: 1px solid rgba(186,222,210,.075); border-radius: 8px; background: rgba(255,255,255,.014); }.quality-kpis span, .quality-kpis small { display: block; color: #587168; font-size: 6px; }.quality-kpis b { display: block; margin: 7px 0 3px; color: #d8e6e1; font: 600 15px 'DM Mono'; }.quality-kpis .quality-trusted b { color: #71d0b5; }.quality-kpis .quality-guarded b { color: #d2a965; }.quality-kpis .quality-quarantined b { color: #df7c84; }.quality-main { margin-top: 10px; display: grid; grid-template-columns: minmax(0,1fr) minmax(380px,.8fr); gap: 10px; }.quality-issues, .quality-attention, .quality-leagues { padding: 17px; border: 1px solid rgba(186,222,210,.085); border-radius: 10px; background: rgba(5,19,17,.45); }.quality-issues > header, .quality-attention > header, .quality-leagues > header { display: flex; justify-content: space-between; align-items: flex-end; }.quality-issues header span, .quality-attention header span, .quality-leagues header span { color: #61aabe; font: 600 6px 'DM Mono'; letter-spacing: .8px; }.quality-issues h3, .quality-attention h3, .quality-leagues h3 { margin: 4px 0 0; color: #cbdcd6; font-size: 11px; }.quality-issues header small, .quality-attention header small { color: #4d655e; font-size: 6px; }.quality-issues > div, .quality-attention > div { margin-top: 11px; }.quality-issues > div > span { min-height: 39px; display: grid; grid-template-columns: 5px minmax(0,1fr) 40px 36px; align-items: center; gap: 8px; border-top: 1px solid rgba(186,222,210,.065); }.quality-issues > div > span > i { width: 5px; height: 5px; border-radius: 50%; background: #67827a; }.quality-issues .quality-issue-warning > i { background: #d1a45e; }.quality-issues .quality-issue-critical > i { background: #df777f; }.quality-issues b { color: #93aaa3; font-size: 7px; }.quality-issues b small { display: block; margin-top: 2px; color: #475f57; font: 5px 'DM Mono'; }.quality-issues strong { color: #b8cac4; font: 600 9px 'DM Mono'; text-align: right; }.quality-issues strong small { margin-left: 2px; color: #50675f; font-size: 5px; }.quality-issues > div > span > em { padding: 3px; color: #667e76; border-radius: 3px; background: rgba(255,255,255,.02); font-size: 5px; font-style: normal; text-align: center; }.quality-issues .quality-issue-critical > em { color: #da858b; background: rgba(178,60,69,.08); }.quality-issues > div > p { color: #67c0a7; font-size: 7px; }.quality-attention button { width: 100%; min-height: 45px; padding: 6px 4px; display: grid; grid-template-columns: minmax(0,1fr) 35px 32px; align-items: center; gap: 7px; border-top: 1px solid rgba(186,222,210,.065); background: transparent; text-align: left; }.quality-attention button:hover { background: rgba(107,189,201,.025); }.quality-attention button > span { min-width: 0; }.quality-attention button span small, .quality-attention button span b { display: block; }.quality-attention button span small { color: #4f6961; font-size: 5px; }.quality-attention button span b { margin-top: 3px; overflow: hidden; color: #9aafa8; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.quality-attention button span i { color: #4d665e; font-style: normal; }.quality-attention button strong { color: #b7cbc4; font: 600 9px 'DM Mono'; text-align: right; }.quality-attention button strong small { color: #50685f; font-size: 5px; }.quality-attention button > em { padding: 3px; border-radius: 3px; color: #68bfa7; background: rgba(71,176,145,.07); font-size: 5px; font-style: normal; text-align: center; }.quality-attention button > em.state-guarded { color: #cca664; background: rgba(177,126,49,.07); }.quality-attention button > em.state-quarantined { color: #dc7c83; background: rgba(177,59,69,.08); }.quality-leagues { margin-top: 10px; }.quality-leagues > div { margin-top: 12px; display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; }.quality-leagues > div > span { min-width: 0; padding: 10px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 8px; border-radius: 7px; background: rgba(255,255,255,.017); }.quality-leagues span > b { overflow: hidden; color: #a7bbb4; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.quality-leagues span > small { color: #4d665e; font-size: 5px; }.quality-leagues strong { grid-column: 2; grid-row: 1 / span 2; color: #78c6ca; font: 600 9px 'DM Mono'; text-align: right; }.quality-leagues strong em { display: block; color: #4e6760; font: 5px sans-serif; font-style: normal; }.quality-leagues span > i { height: 2px; margin-top: 7px; grid-column: 1 / -1; overflow: hidden; border-radius: 3px; background: #17332e; }.quality-leagues span > i em { height: 100%; display: block; background: linear-gradient(90deg,#497d83,#6dd0bb); }.quality-leagues span footer { grid-column: 1 / -1; color: #50675f; font-size: 5px; }.data-quality-center > footer { margin: 15px -26px -26px; padding: 13px 26px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 13px; border-top: 1px solid rgba(186,222,210,.07); background: rgba(255,255,255,.012); }.data-quality-center > footer span { color: #72c3cb; font: 600 6px 'DM Mono'; }.data-quality-center > footer p { margin: 0; color: #637a72; font-size: 7px; }.data-quality-center > footer small { color: #4f665e; font-size: 6px; }

.lineup-forward { margin-top: 54px; padding: 26px; border: 1px solid rgba(91,189,159,.16); border-radius: 15px; background: radial-gradient(circle at 88% 0, rgba(49,145,116,.14), transparent 28rem), linear-gradient(145deg, rgba(12,30,26,.96), rgba(7,20,18,.92)); scroll-margin-top: 24px; }.lineup-forward.eligible { border-color: rgba(130,240,206,.32); }.lineup-forward-head h2 { margin: 0; color: #e7f2ee; font-size: 22px; letter-spacing: -.9px; }.lineup-forward-head > div > span { max-width: 720px; display: block; margin-top: 8px; color: #627a72; font-size: 8px; line-height: 1.7; }.lineup-forward-grid { margin-top: 18px; display: grid; grid-template-columns: minmax(0,1.45fr) minmax(300px,.65fr); gap: 10px; }.lineup-scoreboard, .lineup-promotion { padding: 17px; border: 1px solid rgba(186,222,210,.09); border-radius: 10px; background: rgba(5,19,16,.46); }.lineup-scoreboard > header, .lineup-promotion > header { display: flex; justify-content: space-between; align-items: center; }.lineup-scoreboard > header span, .lineup-promotion > header span { color: #62b49b; font: 600 6px 'DM Mono'; }.lineup-scoreboard > header small { color: #526a62; font-size: 6px; }.lineup-score-head, .lineup-score-row { display: grid; grid-template-columns: minmax(160px,1.5fr) repeat(4,minmax(55px,.5fr)); align-items: center; gap: 8px; text-align: right; }.lineup-score-head { margin-top: 13px; padding: 0 9px 7px; color: #4d655d; font: 6px 'DM Mono'; }.lineup-score-head span:first-child { text-align: left; }.lineup-score-row { min-height: 49px; padding: 7px 9px; border-top: 1px solid rgba(186,222,210,.07); }.lineup-score-row > span { display: grid; grid-template-columns: 5px minmax(0,1fr); gap: 2px 7px; text-align: left; }.lineup-score-row > span i { width: 5px; height: 5px; grid-row: span 2; align-self: center; border-radius: 50%; background: var(--mint); }.lineup-score-row.challenger > span i { background: #72b7d2; }.lineup-score-row > span b { color: #b9cbc5; font-size: 8px; }.lineup-score-row > span small { color: #4f685f; font: 5px 'DM Mono'; }.lineup-score-row > b { color: #acbeb8; font: 500 8px 'DM Mono'; }.lineup-promotion > header b { color: #d3ad70; font-size: 7px; }.lineup-forward.eligible .lineup-promotion > header b { color: var(--mint); }.lineup-progress { margin-top: 20px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 9px; }.lineup-progress > i { height: 5px; overflow: hidden; border-radius: 5px; background: #19332b; }.lineup-progress em { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg,#397a68,var(--mint)); }.lineup-progress > span { color: #688078; font: 6px 'DM Mono'; }.lineup-promotion > div:nth-child(3) { margin-top: 15px; display: grid; grid-template-columns: repeat(3,1fr); }.lineup-promotion > div:nth-child(3) > span { text-align: center; border-right: 1px solid var(--line); }.lineup-promotion > div:nth-child(3) > span:last-child { border: 0; }.lineup-promotion small, .lineup-promotion > div b { display: block; }.lineup-promotion small { color: #526a61; font-size: 5px; }.lineup-promotion > div b { margin-top: 5px; color: #afc2bb; font: 600 8px 'DM Mono'; }.lineup-promotion footer { margin-top: 16px; padding-top: 11px; color: #536b62; border-top: 1px solid var(--line); font-size: 6px; line-height: 1.6; }.lineup-leagues { margin-top: 10px; display: grid; grid-template-columns: repeat(5,1fr); gap: 6px; }.lineup-leagues > span { min-width: 0; padding: 10px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 7px; border-radius: 7px; background: rgba(255,255,255,.018); }.lineup-leagues b { overflow: hidden; color: #aebfba; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.lineup-leagues small { color: #4f675e; font-size: 5px; }.lineup-leagues strong { grid-column: 2; grid-row: 1 / span 2; color: #74c9af; font: 600 8px 'DM Mono'; text-align: right; }.lineup-leagues em { display: block; color: #4f675e; font: 5px sans-serif; font-style: normal; }

.trust-panel { margin-top: 18px; padding: 22px 24px; display: grid; grid-template-columns: 250px minmax(0,1fr); gap: 26px; border: 1px solid rgba(130,240,206,.15); border-radius: 13px; background: radial-gradient(circle at 8% 0, rgba(66,188,150,.12), transparent 20rem), linear-gradient(145deg, rgba(13,31,27,.92), rgba(8,22,19,.88)); }.trust-panel.trust-restricted { border-color: rgba(223,174,91,.18); }.trust-panel.trust-paused { border-color: rgba(218,107,113,.24); background: radial-gradient(circle at 8% 0, rgba(162,59,67,.12), transparent 20rem), linear-gradient(145deg, rgba(29,25,23,.92), rgba(14,20,18,.9)); }.trust-intro { position: relative; }.trust-intro > p, .governance-title p { margin: 0 0 6px; color: var(--mint-soft); font: 700 7px 'DM Mono'; letter-spacing: 1.2px; }.trust-paused .trust-intro > p { color: #df858b; }.trust-intro h3 { margin: 0; color: #e3efeb; font-size: 16px; }.trust-intro > span { display: block; margin-top: 7px; color: #60786f; font-size: 7px; line-height: 1.65; }.trust-score { width: 88px; height: 88px; margin: 17px 0 12px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--mint) var(--trust-score), #18352d 0); position: relative; box-shadow: 0 0 35px rgba(77,196,160,.1); }.trust-score:after { content: ''; position: absolute; inset: 7px; border-radius: inherit; background: #0b201a; }.trust-restricted .trust-score { background: conic-gradient(#d4a65e var(--trust-score), #30291d 0); }.trust-paused .trust-score { background: conic-gradient(#dc777e var(--trust-score), #321f21 0); }.trust-score div { z-index: 1; text-align: center; }.trust-score b { color: #e8f4ef; font: 600 22px 'DM Mono'; }.trust-score small { display: block; color: #587168; font: 6px 'DM Mono'; }.trust-intro > strong { color: #9fe3ce; font-size: 10px; }.trust-restricted .trust-intro > strong { color: #d6b277; }.trust-paused .trust-intro > strong { color: #e48e94; }.trust-intro > strong small { display: block; margin-top: 4px; color: #587168; font-size: 6px; font-weight: 400; }.trust-detail { min-width: 0; display: grid; grid-template-columns: 1.1fr .9fr; gap: 14px; }.trust-components { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }.trust-components > div { min-width: 0; padding: 10px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; column-gap: 10px; border: 1px solid rgba(186,222,210,.08); border-radius: 7px; background: rgba(255,255,255,.014); }.trust-components span { color: #9cafaa; font-size: 7px; }.trust-components span small { display: block; margin-top: 3px; color: #4f685f; font-size: 5px; }.trust-components b { color: #d6e4df; font: 600 10px 'DM Mono'; }.trust-components i { height: 3px; margin-top: 8px; grid-column: 1 / -1; overflow: hidden; border-radius: 3px; background: #1b332c; }.trust-components em { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg,#3f9d81,var(--mint)); }.trust-evidence { padding: 12px; border: 1px solid rgba(186,222,210,.08); border-radius: 8px; background: rgba(5,18,15,.4); }.trust-evidence > header { display: flex; justify-content: space-between; color: #657e75; font-size: 7px; }.trust-evidence > header b { color: #91a69f; font: 500 7px 'DM Mono'; }.candidate-chips { margin-top: 9px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }.candidate-chips > span { padding: 8px; border-radius: 6px; background: rgba(255,255,255,.02); box-shadow: inset 2px 0 #49655c; }.candidate-chips .role-champion { box-shadow: inset 2px 0 var(--mint); background: rgba(74,184,150,.06); }.candidate-chips .role-benchmark { box-shadow: inset 2px 0 #d1a45e; }.candidate-chips small, .candidate-chips b, .candidate-chips em { display: block; }.candidate-chips small { color: #506860; font: 5px 'DM Mono'; }.candidate-chips b { margin-top: 3px; color: #adbfba; font-size: 7px; }.candidate-chips em { margin-top: 4px; color: #7dd4b8; font: 6px 'DM Mono'; font-style: normal; }.trust-penalties, .trust-clear { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--line); }.trust-penalties { display: flex; flex-wrap: wrap; gap: 5px; }.trust-penalties span { padding: 4px 6px; color: #df969a; border-radius: 4px; background: rgba(162,60,66,.08); font-size: 6px; }.trust-clear { color: #68ba9f; font-size: 6px; }

.governance-center { margin-top: 54px; padding: 26px; border: 1px solid rgba(112,184,207,.15); border-radius: 15px; background: radial-gradient(circle at 88% 0, rgba(54,117,151,.13), transparent 28rem), linear-gradient(145deg, rgba(12,29,28,.96), rgba(7,20,18,.92)); scroll-margin-top: 24px; }.governance-center.governance-paused { border-color: rgba(220,110,117,.25); }.governance-title { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; }.governance-title p { color: #6bb6c9; }.governance-title h2 { margin: 0; color: #e8f2ef; font-size: 22px; letter-spacing: -.9px; }.governance-title > div:first-child > span { max-width: 720px; display: block; margin-top: 8px; color: #627a72; font-size: 8px; line-height: 1.7; }.governance-health { min-width: 230px; padding: 11px 13px; display: grid; grid-template-columns: 9px 1fr auto; align-items: center; gap: 3px 8px; border: 1px solid rgba(130,240,206,.13); border-radius: 8px; background: rgba(255,255,255,.018); }.governance-health i { width: 7px; height: 7px; grid-row: span 2; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 5px rgba(130,240,206,.06); }.governance-health span { color: #647c73; font-size: 7px; }.governance-health b { color: #88d8bf; font-size: 8px; text-align: right; }.governance-health small { grid-column: 2 / -1; max-width: 205px; overflow: hidden; color: #506860; font-size: 6px; text-overflow: ellipsis; white-space: nowrap; }.governance-health.health-guarded i { background: #d2a45e; box-shadow: 0 0 0 5px rgba(210,164,94,.06); }.governance-health.health-guarded b { color: #d4af72; }.governance-health.health-paused i { background: #dd777e; box-shadow: 0 0 0 5px rgba(221,119,126,.07); }.governance-health.health-paused b { color: #e38d93; }
.governance-kpis { margin-top: 18px; display: grid; grid-template-columns: repeat(5,1fr); gap: 8px; }.governance-kpis > div { min-width: 0; padding: 13px 14px; border: 1px solid rgba(186,222,210,.08); border-radius: 8px; background: rgba(255,255,255,.015); }.governance-kpis span, .governance-kpis small { display: block; color: #587168; font-size: 6px; }.governance-kpis b { display: block; margin: 7px 0 3px; color: #dbe8e4; font: 600 15px 'DM Mono'; }.governance-kpis .drift-warning b { color: #d5aa68; }.governance-kpis .drift-critical b { color: #e18187; }.governance-kpis .drift-stable b { color: var(--mint-soft); }
.governance-layout { margin-top: 10px; display: grid; grid-template-columns: minmax(0,1.55fr) minmax(310px,.75fr); gap: 10px; }.model-leaderboard, .promotion-board, .governance-segments > article { padding: 17px; border: 1px solid rgba(186,222,210,.09); border-radius: 10px; background: rgba(6,20,17,.46); }.model-leaderboard > header, .promotion-board > header, .governance-segments article > header { display: flex; align-items: flex-end; justify-content: space-between; }.model-leaderboard header span, .promotion-board header span, .governance-segments header span { color: #5fa7b8; font: 600 6px 'DM Mono'; letter-spacing: .8px; }.model-leaderboard h3, .promotion-board h3, .governance-segments h3 { margin: 4px 0 0; color: #ceddd8; font-size: 11px; }.model-leaderboard header > small { color: #4d655d; font-size: 6px; }.model-score-head, .model-score-row { display: grid; grid-template-columns: minmax(145px,1.6fr) repeat(5,minmax(48px,.55fr)); align-items: center; gap: 8px; }.model-score-head { margin-top: 15px; padding: 0 9px 7px; color: #4d655d; font: 6px 'DM Mono'; text-align: right; }.model-score-head span:first-child { text-align: left; }.model-score-row { min-height: 49px; padding: 7px 9px; border-top: 1px solid rgba(186,222,210,.07); }.model-score-row > span { min-width: 0; display: grid; grid-template-columns: 5px minmax(0,1fr); column-gap: 7px; align-items: center; }.model-score-row > span i { width: 5px; height: 5px; grid-row: span 2; border-radius: 50%; background: #64766f; }.model-score-row.role-champion > span i { background: var(--mint); box-shadow: 0 0 0 4px rgba(130,240,206,.05); }.model-score-row.role-benchmark > span i { background: #d4a762; }.model-score-row > span b { overflow: hidden; color: #b9cac4; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; text-align: left; }.model-score-row > span small { color: #4e675e; font: 5px 'DM Mono'; }.model-score-row > b { color: #a8bbb4; font: 500 8px 'DM Mono'; text-align: right; }.model-score-row.role-champion > b { color: #cfe5de; }
.promotion-row { padding: 12px 0; border-top: 1px solid rgba(186,222,210,.07); }.promotion-board > header + .promotion-row { margin-top: 11px; }.promotion-row > div:first-child { display: flex; justify-content: space-between; }.promotion-row > div span { color: #aebfba; font-size: 7px; }.promotion-row > div b { color: #6b8179; font-size: 6px; font-weight: 500; }.promotion-row.promotion-eligible_review > div b { color: var(--mint); }.promotion-progress { margin-top: 8px; display: grid; grid-template-columns: 1fr 42px; align-items: center; gap: 8px; }.promotion-progress i { height: 3px; overflow: hidden; border-radius: 4px; background: #1a302a; }.promotion-progress em { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg,#396f62,#68d6b5); }.promotion-progress small { color: #5b736a; font: 6px 'DM Mono'; text-align: right; }.promotion-row footer { margin-top: 7px; display: flex; justify-content: space-between; color: #526961; font-size: 6px; }.promotion-row footer b { margin-left: 3px; color: #96aaa3; font: 500 6px 'DM Mono'; }.governance-empty { min-height: 100px; display: grid; place-items: center; color: #587068; font-size: 8px; text-align: center; }.governance-empty.compact { min-height: 150px; padding: 20px; }
.governance-segments { margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.governance-segments article > div { margin-top: 12px; display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; }.governance-segments article > div > span { min-width: 0; padding: 9px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px; border-radius: 6px; background: rgba(255,255,255,.018); }.governance-segments article > div > span b { overflow: hidden; color: #aebfba; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.governance-segments article > div > span em { color: #4e665e; font: 5px 'DM Mono'; font-style: normal; }.governance-segments article > div > span strong { color: #b9ccc5; font: 600 8px 'DM Mono'; }.governance-segments article > div > span strong small { margin-left: 3px; color: #4c645b; font: 5px sans-serif; }.governance-segments article > div > span > i { grid-column: 2; grid-row: 1 / span 2; align-self: center; padding: 3px 5px; border-radius: 3px; color: #d0a968; background: rgba(186,136,59,.07); font-size: 5px; font-style: normal; }.governance-segments i.status-healthy { color: #6ed2b3!important; background: rgba(66,178,145,.08)!important; }.governance-segments i.status-paused { color: #df858b!important; background: rgba(171,66,74,.09)!important; }.governance-segments article > div > p { grid-column: 1 / -1; color: #586f67; font-size: 7px; }

.review-section { margin-top: 54px; scroll-margin-top: 30px; }.review-title { margin-bottom: 18px; }
.review-filters { margin-bottom: 12px; padding: 10px; display: flex; align-items: center; gap: 9px; border: 1px solid var(--line); border-radius: 10px; background: rgba(10,28,23,.72); }.period-tabs, .scope-toggle { display: flex; padding: 3px; gap: 2px; border-radius: 7px; background: #081b16; }.review-filters button { padding: 7px 10px; color: #60776f; border-radius: 5px; background: transparent; font-size: 7px; }.review-filters button.active { color: #092018; background: var(--mint); font-weight: 700; }.review-filters label { margin-left: auto; display: flex; align-items: center; gap: 7px; color: #60766e; font-size: 7px; }.review-filters label + label { margin-left: 0; }.review-filters select { height: 29px; max-width: 150px; padding: 0 25px 0 9px; color: #acbdb7; border: 1px solid var(--line); border-radius: 6px; outline: 0; background: #0a1d18; font-size: 7px; }.scope-toggle { margin-left: 3px; }
.metric-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }.metric-grid > div { min-height: 102px; padding: 16px; border: 1px solid var(--line); border-radius: 10px; background: linear-gradient(145deg, rgba(15,34,29,.88), rgba(9,22,19,.8)); }.metric-grid span, .metric-grid small { display: block; color: #617970; font-size: 8px; }.metric-grid b { display: block; margin: 9px 0 5px; color: #e0eee9; font: 600 20px 'DM Mono'; }.metric-grid > div:nth-child(2) b, .metric-grid b.positive { color: var(--mint); }.metric-grid b.negative { color: #dd898e; }
.scope-comparison { margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.scope-comparison > div { padding: 13px 16px; display: grid; grid-template-columns: 1.3fr repeat(3,1fr); align-items: center; border: 1px solid var(--line); border-radius: 9px; background: rgba(10,27,22,.72); }.scope-comparison span { color: #b1c2bc; font-size: 9px; }.scope-comparison span small, .scope-comparison b small { display: block; margin-top: 4px; color: #536a62; font-size: 6px; font-weight: 400; }.scope-comparison b { color: #cfddd8; font: 600 11px 'DM Mono'; text-align: center; }.scope-comparison b.positive { color: var(--mint); }.scope-comparison b.negative { color: #d37b81; }
.review-layout { margin-top: 12px; display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(285px, .65fr); gap: 12px; }.review-table-card, .model-audit-card { padding: 21px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); }
.review-table { margin-top: 17px; }.review-head, .review-row { display: grid; grid-template-columns: minmax(190px,1.4fr) minmax(125px,.9fr) minmax(130px,1fr) minmax(105px,.8fr) 68px; gap: 12px; align-items: center; }.review-head { padding: 0 10px 9px; color: #526a61; font: 7px 'DM Mono'; }.review-row { min-height: 64px; padding: 9px 10px; border-top: 1px solid rgba(186,222,210,.08); }.review-row > span { min-width: 0; }.review-row b, .review-row small { display: block; }.review-row b { color: #a9bcb5; font-size: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.review-row small { margin-top: 4px; color: #566d65; font-size: 7px; }.review-row > span:first-child b { color: #d7e4df; font-size: 9px; }.review-row em { padding: 2px 4px; color: var(--mint); background: rgba(83,200,165,.08); border-radius: 3px; font: 600 8px 'DM Mono'; font-style: normal; }.review-row small.hit { color: #69d9b8; }.review-row small.miss { color: #d47d82; }.review-row small.neutral { color: #ba9860; }.review-empty { min-height: 130px; display: grid; place-items: center; border-top: 1px solid var(--line); color: #617970; font-size: 9px; }
.audit-score { margin: 21px 0 13px; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }.audit-score span { padding: 12px 7px; color: #60786f; font-size: 7px; text-align: center; border-right: 1px solid var(--line); }.audit-score span:last-child { border: 0; }.audit-score b { display: block; margin-top: 6px; color: #d5e3de; font: 600 12px 'DM Mono'; }.audit-params { padding: 14px; border-radius: 8px; background: rgba(255,255,255,.018); }.audit-params span, .audit-params b, .audit-params small { display: block; }.audit-params span { color: var(--mint-soft); font: 7px 'DM Mono'; }.audit-params b { margin: 7px 0 4px; color: #b9ccc5; font-size: 9px; }.audit-params small { color: #5c736b; font-size: 7px; }.runtime-list { margin-top: 15px; }.runtime-list > div { min-height: 35px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(186,222,210,.08); }.runtime-list span { color: #60776f; font-size: 7px; }.runtime-list b { color: #95aaa2; font-size: 8px; font-weight: 500; }.runtime-list b.online { color: #69d9b8; }.runtime-list b.warn { color: #d4a766; }
.audit-calibration { margin-top: 10px; padding-top: 9px; display: flex; align-items: center; gap: 7px; border-top: 1px solid var(--line); }.audit-calibration i { width: 6px; height: 6px; border-radius: 50%; background: #c79b5d; }.audit-calibration i.ready { background: var(--mint-soft); box-shadow: 0 0 0 4px rgba(75,200,166,.06); }.audit-calibration span { color: #718880; font: 6px sans-serif; }
.league-performance { margin: 17px 0 13px; max-height: 250px; overflow-y: auto; }.league-performance > div { min-height: 45px; display: grid; grid-template-columns: minmax(0,1fr) 55px 55px; align-items: center; gap: 6px; border-top: 1px solid rgba(186,222,210,.08); }.league-performance > div:first-child { border-top: 0; }.league-performance span { min-width: 0; color: #a9bcb5; font-size: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.league-performance span small, .league-performance b small { display: block; margin-top: 3px; color: #536a62; font-size: 6px; }.league-performance b { color: #cbdad5; font: 600 9px 'DM Mono'; text-align: right; }.league-performance .segment-empty { display: grid; place-items: center; color: #5b726a; font-size: 8px; }

.login-shell { min-height: 100vh; display: grid; place-items: center; padding: 22px; position: relative; overflow: hidden; background: radial-gradient(circle at 70% 20%, rgba(48,155,123,.22), transparent 32rem), #07100e; }.login-card { width: min(440px,100%); padding: 42px; display: flex; flex-direction: column; align-items: flex-start; border: 1px solid rgba(150,221,199,.16); border-radius: 18px; background: linear-gradient(145deg, rgba(16,39,33,.97), rgba(8,22,18,.98)); box-shadow: 0 35px 100px rgba(0,0,0,.34); position: relative; z-index: 11; }.login-symbol { margin: 0 0 27px 5px; }.login-card > p { margin: 0 0 9px; color: var(--mint-soft); font: 700 8px 'DM Mono'; letter-spacing: 1.3px; }.login-card h1 { margin: 0; color: #e8f3ef; font-size: 26px; line-height: 1.3; letter-spacing: -1px; }.login-card > span:not(.brand-symbol) { margin-top: 12px; color: #687f77; font-size: 10px; line-height: 1.8; }.login-card label { width: 100%; margin-top: 28px; color: #82978f; font-size: 9px; }.login-card input { width: 100%; height: 46px; margin-top: 8px; padding: 0 14px; color: #e4efeb; border: 1px solid rgba(171,220,204,.15); border-radius: 8px; outline: 0; background: #091b17; font: 12px 'DM Mono'; }.login-card input:focus { border-color: rgba(130,240,206,.55); box-shadow: 0 0 0 3px rgba(130,240,206,.05); }.login-card button { width: 100%; height: 44px; margin-top: 14px; border-radius: 8px; color: #062019; background: linear-gradient(135deg, var(--mint), #56c8a5); font-weight: 800; font-size: 11px; }.login-card button:disabled { opacity: .5; cursor: default; }.login-error { width: 100%; margin-top: 10px; padding: 9px 11px; color: #e19498; border: 1px solid rgba(210,100,107,.18); border-radius: 6px; background: rgba(133,45,51,.09); font-size: 8px; }

.site-footer { max-width: 1332px; margin: auto; padding: 24px 34px 32px; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--line); color: #4b625a; font-size: 8px; position: relative; z-index: 1; }.site-footer b { color: #759087; }.site-footer a { color: #6f8f84; text-decoration: none; transition: color .18s ease; }.site-footer a:hover { color: var(--mint); }
.loading { height: 100vh; display: grid; place-content: center; justify-items: center; color: #70877f; font-size: 11px; }.loading span { width: 23px; height: 23px; border: 2px solid #25433a; border-top-color: var(--mint); border-radius: 50%; animation: spin .7s linear infinite; }.loading p { margin-top: 13px; }

.odds-collection-center { margin-top: 54px; padding: 26px; border: 1px solid rgba(101,198,180,.18); border-radius: 15px; background: radial-gradient(circle at 90% -8%,rgba(47,160,145,.17),transparent 32rem),linear-gradient(145deg,rgba(10,31,27,.97),rgba(7,20,18,.94)); scroll-margin-top: 24px; }
.collection-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; }.collection-head p { margin: 0 0 6px; color: #63c8ad; font: 700 7px 'DM Mono'; letter-spacing: 1.2px; }.collection-head h2 { margin: 0; color: #e8f3ef; font-size: 22px; letter-spacing: -.9px; }.collection-head > div > span { max-width: 735px; display: block; margin-top: 8px; color: #647c73; font-size: 8px; line-height: 1.7; }.collection-head > aside { min-width: 250px; padding: 12px 14px; display: grid; grid-template-columns: 1fr auto; gap: 5px 10px; border: 1px solid rgba(103,218,188,.14); border-radius: 9px; background: rgba(255,255,255,.018); }.collection-head > aside > span { color: #607c73; font-size: 6px; }.collection-head > aside > b { grid-row: span 2; color: #82e0c2; font: 600 20px 'DM Mono'; }.collection-head > aside > b small { color: #52736a; font-size: 6px; }.collection-head > aside > i { height: 3px; overflow: hidden; border-radius: 4px; background: #18352e; }.collection-head > aside > i em { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg,#3b8c77,#82e0c2); }.collection-head > aside > small { color: #507067; font-size: 6px; }
.collection-kpis { margin-top: 18px; display: grid; grid-template-columns: repeat(6,1fr); gap: 7px; }.collection-kpis > div { min-width: 0; padding: 12px 13px; border: 1px solid rgba(186,222,210,.075); border-radius: 8px; background: rgba(255,255,255,.014); }.collection-kpis span, .collection-kpis em { display: block; color: #587168; font-size: 6px; font-style: normal; }.collection-kpis b { display: block; min-height: 20px; margin: 7px 0 3px; overflow: hidden; color: #d8e7e1; font: 600 15px 'DM Mono'; text-overflow: ellipsis; white-space: nowrap; }.collection-kpis b small { margin-left: 3px; color: #56736a; font-size: 6px; }.collection-kpis b.collection-next { color: #7ad2bb; font-size: 10px; line-height: 20px; }
.collection-states { margin-top: 8px; display: grid; grid-template-columns: repeat(6,1fr); gap: 6px; }.collection-states > span { min-height: 42px; padding: 8px 10px; display: grid; grid-template-columns: 5px 1fr; align-items: center; column-gap: 8px; border-radius: 7px; background: rgba(255,255,255,.016); }.collection-states i { width: 5px; height: 5px; grid-row: span 2; border-radius: 50%; background: #58746b; }.collection-states b { color: #c8d8d2; font: 600 10px 'DM Mono'; }.collection-states small { color: #526a62; font-size: 5px; }.collection-states .state-complete i { background: #70d2b2; box-shadow: 0 0 0 4px rgba(112,210,178,.05); }.collection-states .state-stale i, .collection-states .state-provider_no_btts i { background: #cea25e; }.collection-states .state-failed i { background: #dc7b82; }
.collection-checkpoints { margin-top: 10px; display: grid; grid-template-columns: repeat(6,1fr); gap: 6px; }.collection-checkpoints > span { min-width: 0; padding: 11px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 8px; border: 1px solid rgba(186,222,210,.06); border-radius: 8px; background: rgba(5,19,16,.4); }.collection-checkpoints b { color: #79cdb8; font: 600 8px 'DM Mono'; }.collection-checkpoints small { color: #506860; font-size: 5px; }.collection-checkpoints strong { grid-column: 2; grid-row: 1 / span 2; color: #b9cbc5; font: 600 10px 'DM Mono'; text-align: right; }.collection-checkpoints strong em { display: block; color: #4e675e; font: 5px sans-serif; font-style: normal; }.collection-checkpoints > span > i { height: 2px; margin-top: 6px; grid-column: 1 / -1; overflow: hidden; border-radius: 3px; background: #17332c; }.collection-checkpoints > span > i em { height: 100%; display: block; background: linear-gradient(90deg,#3d7e6e,#72d4b5); }
.collection-main { margin-top: 10px; display: grid; grid-template-columns: minmax(0,1.35fr) minmax(330px,.65fr); gap: 10px; }.collection-queue, .collection-attempts, .collection-leagues { padding: 17px; border: 1px solid rgba(186,222,210,.085); border-radius: 10px; background: rgba(5,19,16,.46); }.collection-queue > header, .collection-attempts > header, .collection-leagues > header { display: flex; align-items: flex-end; justify-content: space-between; }.collection-queue header span, .collection-attempts header span, .collection-leagues header span { color: #5eb69f; font: 600 6px 'DM Mono'; letter-spacing: .8px; }.collection-queue h3, .collection-attempts h3, .collection-leagues h3 { margin: 4px 0 0; color: #ceddd8; font-size: 11px; }.collection-queue header small, .collection-attempts header small { color: #4d655d; font-size: 6px; }.collection-queue > div, .collection-attempts > div { margin-top: 11px; }.collection-queue button { width: 100%; min-height: 45px; padding: 6px 4px; display: grid; grid-template-columns: minmax(0,1fr) 105px 58px; align-items: center; gap: 8px; border-top: 1px solid rgba(186,222,210,.065); background: transparent; text-align: left; }.collection-queue button:hover { background: rgba(102,204,177,.025); }.collection-queue button > span { min-width: 0; }.collection-queue button span small, .collection-queue button span b { display: block; }.collection-queue button span small { color: #4d6960; font-size: 5px; }.collection-queue button span b { margin-top: 3px; overflow: hidden; color: #9db2aa; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.collection-queue button span i { color: #4c675e; font-style: normal; }.collection-queue time { color: #637b72; font: 6px 'DM Mono'; }.collection-queue button > em { padding: 4px; border-radius: 4px; color: #6cc7ac; background: rgba(68,175,143,.07); font-size: 5px; font-style: normal; text-align: center; }.collection-queue button > em.state-stale, .collection-queue button > em.state-provider_no_btts { color: #cca665; background: rgba(177,126,49,.07); }.collection-queue button > em.state-request_failed, .collection-queue button > em.state-rate_limited { color: #dc7e84; background: rgba(177,59,69,.08); }
.collection-attempts > div > span { min-height: 39px; display: grid; grid-template-columns: 5px minmax(0,1fr) auto; align-items: center; gap: 8px; border-top: 1px solid rgba(186,222,210,.065); }.collection-attempts > div > span > i { width: 5px; height: 5px; border-radius: 50%; background: #dc7b82; }.collection-attempts > div > span > i.ok { background: #6dceb0; }.collection-attempts b { color: #91a79f; font-size: 7px; }.collection-attempts b small { display: block; margin-top: 2px; color: #4b635a; font: 5px 'DM Mono'; }.collection-attempts strong { color: #789087; font: 600 7px 'DM Mono'; }
.collection-leagues { margin-top: 10px; }.collection-leagues > div { margin-top: 12px; display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; }.collection-leagues > div > span { min-width: 0; padding: 10px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 8px; border-radius: 7px; background: rgba(255,255,255,.017); }.collection-leagues b { overflow: hidden; color: #a7bbb4; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.collection-leagues small { color: #4d665e; font-size: 5px; }.collection-leagues strong { grid-column: 2; grid-row: 1 / span 2; color: #78d0b6; font: 600 9px 'DM Mono'; text-align: right; }.collection-leagues strong em { display: block; color: #4e675f; font: 5px sans-serif; font-style: normal; }.collection-leagues i { height: 2px; margin-top: 7px; grid-column: 1 / -1; overflow: hidden; border-radius: 3px; background: #17332e; }.collection-leagues i em { height: 100%; display: block; background: linear-gradient(90deg,#487e70,#6ed3b5); }.odds-collection-center > footer { margin: 15px -26px -26px; padding: 13px 26px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 13px; border-top: 1px solid rgba(186,222,210,.07); background: rgba(255,255,255,.012); }.odds-collection-center > footer b { color: #70ccb1; font: 600 6px 'DM Mono'; }.odds-collection-center > footer span { color: #637b72; font-size: 7px; }.odds-collection-center > footer small { color: #4f675e; font-size: 6px; }

.strength-panel { margin-top: 18px; overflow: hidden; border: 1px solid rgba(114,150,236,.19); border-radius: 13px; background: radial-gradient(circle at 88% 0,rgba(75,105,193,.16),transparent 26rem),linear-gradient(145deg,rgba(10,25,28,.98),rgba(8,19,23,.96)); }
.strength-panel-head { padding: 22px 24px 17px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid rgba(164,190,236,.08); }.strength-panel-head p,.strength-center-head p { margin: 0 0 5px; color: #819fea; font: 700 7px 'DM Mono'; letter-spacing: 1.2px; }.strength-panel-head h3 { margin: 0; color: #e5ecf3; font-size: 18px; }.strength-panel-head > div > span { display: block; margin-top: 7px; color: #637881; font-size: 8px; }.strength-panel-head > aside { min-width: 160px; padding: 10px 13px; display: grid; grid-template-columns: 1fr auto; gap: 3px 12px; border: 1px solid rgba(127,158,232,.15); border-radius: 8px; background: rgba(72,98,170,.06); }.strength-panel-head aside span { color: #829fe2; font: 600 6px 'DM Mono'; }.strength-panel-head aside b { grid-row: span 2; color: #a9bcf0; font: 600 18px 'DM Mono'; }.strength-panel-head aside b small { display: block; color: #6077a8; font-size: 5px; text-align: right; }.strength-panel-head aside em { color: #516475; font-size: 6px; font-style: normal; }
.strength-matchup { padding: 16px 24px; display: grid; grid-template-columns: 1fr 155px 1fr; gap: 11px; align-items: stretch; }.strength-team { padding: 14px 15px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px 15px; border: 1px solid rgba(174,195,226,.08); border-radius: 9px; background: rgba(255,255,255,.015); }.strength-team header b,.strength-team header span,.strength-team header small { display: block; }.strength-team header span { color: #6f8dcc; font: 600 6px 'DM Mono'; }.strength-team header b { max-width: 180px; margin-top: 4px; overflow: hidden; color: #cdd8df; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.strength-team header small { margin-top: 4px; color: #50636b; font-size: 6px; }.elo-number { text-align: right; }.elo-number b { display: block; color: #9eb5ec; font: 600 23px 'DM Mono'; letter-spacing: -1px; }.elo-number span { color: #526b9d; font: 6px 'DM Mono'; letter-spacing: 1px; }.strength-indices { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }.strength-indices > span { min-width: 0; }.strength-indices small { display: block; color: #536770; font-size: 5px; }.strength-indices b { display: block; margin: 4px 0; color: #aebec7; font: 600 9px 'DM Mono'; }.strength-indices i { height: 2px; display: block; overflow: hidden; border-radius: 2px; background: #16292f; }.strength-indices i em { height: 100%; display: block; background: linear-gradient(90deg,#526da8,#8ba7e6); }.strength-team > footer { grid-column: 1 / -1; color: #4e626a; font-size: 6px; }.strength-versus { padding: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(125,157,229,.11); border-radius: 9px; background: linear-gradient(180deg,rgba(71,94,153,.08),rgba(255,255,255,.008)); text-align: center; }.strength-versus > span { color: #5d75a9; font: 6px 'DM Mono'; }.strength-versus > b { margin: 3px 0; color: #a9bdee; font: 600 18px 'DM Mono'; }.strength-versus > i { width: 34px; height: 1px; margin: 3px 0 8px; background: #38506f; }.strength-versus > div { width: 100%; padding: 6px 0; border-top: 1px solid rgba(160,183,225,.06); }.strength-versus small { display: block; color: #52656e; font-size: 5px; }.strength-versus strong { display: block; margin-top: 3px; color: #aebfc8; font: 600 9px 'DM Mono'; }.strength-versus strong em { color: #57729d; font-style: normal; }
.strength-evidence { padding: 0 24px 17px; display: grid; grid-template-columns: minmax(0,1.35fr) minmax(260px,.65fr); gap: 11px; }.strength-evidence > div,.strength-evidence > aside { padding: 12px 14px; border: 1px solid rgba(169,191,227,.07); border-radius: 8px; background: rgba(255,255,255,.012); }.strength-evidence > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }.strength-evidence > div span { display: grid; grid-template-columns: 17px 1fr; gap: 5px; align-items: start; color: #657982; font-size: 6px; line-height: 1.55; }.strength-evidence > div i { width: 15px; height: 15px; display: grid; place-items: center; border-radius: 50%; color: #829bd2; background: rgba(105,132,196,.11); font: 5px 'DM Mono'; font-style: normal; }.strength-evidence > aside span,.strength-evidence > aside b,.strength-evidence > aside small { display: block; }.strength-evidence > aside span { color: #587078; font-size: 6px; }.strength-evidence > aside b { margin: 4px 0; color: #bd9e6f; font-size: 9px; }.strength-evidence > aside.passed b { color: #79d2b7; }.strength-evidence > aside small { color: #4c6068; font-size: 5px; line-height: 1.5; }.strength-panel > footer { padding: 11px 24px; display: flex; gap: 12px; border-top: 1px solid rgba(164,190,236,.07); background: rgba(255,255,255,.012); }.strength-panel > footer b { color: #839fe1; font: 600 6px 'DM Mono'; }.strength-panel > footer span { color: #60747d; font-size: 6px; }.strength-panel > footer small { margin-left: auto; color: #4c6068; font-size: 6px; }

.strength-center { margin-top: 54px; padding: 26px; border: 1px solid rgba(116,148,228,.18); border-radius: 15px; background: radial-gradient(circle at 95% 0,rgba(64,89,166,.17),transparent 31rem),linear-gradient(145deg,rgba(9,25,29,.98),rgba(7,18,22,.95)); scroll-margin-top: 24px; }.strength-center-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }.strength-center-head h2 { margin: 0; color: #e8eef3; font-size: 22px; letter-spacing: -.9px; }.strength-center-head > div > span { max-width: 740px; display: block; margin-top: 8px; color: #617680; font-size: 8px; line-height: 1.7; }.strength-center-head > aside { min-width: 205px; padding: 11px 13px; display: grid; grid-template-columns: 7px 1fr; gap: 3px 9px; border: 1px solid rgba(124,154,226,.13); border-radius: 8px; background: rgba(55,77,137,.06); }.strength-center-head aside i { width: 7px; height: 7px; grid-row: span 3; margin-top: 8px; border-radius: 50%; background: #84a1e3; box-shadow: 0 0 0 5px rgba(111,142,216,.06); }.strength-center-head aside span { color: #60738a; font-size: 6px; }.strength-center-head aside b { color: #9eb3e6; font-size: 10px; }.strength-center-head aside small { color: #4d616b; font-size: 6px; }
.strength-kpis { margin-top: 18px; display: grid; grid-template-columns: repeat(5,1fr); gap: 7px; }.strength-kpis > span { padding: 12px 13px; border: 1px solid rgba(172,192,224,.07); border-radius: 8px; background: rgba(255,255,255,.014); }.strength-kpis small,.strength-kpis b,.strength-kpis em { display: block; }.strength-kpis small { color: #526871; font-size: 6px; }.strength-kpis b { margin: 7px 0 3px; color: #d3dee4; font: 600 18px 'DM Mono'; }.strength-kpis em { color: #4f626a; font-size: 6px; font-style: normal; }.strength-center-main { margin-top: 10px; display: grid; grid-template-columns: minmax(0,1.4fr) minmax(285px,.6fr); gap: 10px; }.strength-league-map,.strength-gate,.strength-history { padding: 17px; border: 1px solid rgba(170,192,228,.08); border-radius: 10px; background: rgba(4,16,20,.44); }.strength-league-map > header,.strength-history > header { display: flex; align-items: flex-end; justify-content: space-between; }.strength-league-map header span,.strength-gate header span,.strength-history header span { color: #758fd0; font: 600 6px 'DM Mono'; letter-spacing: .8px; }.strength-league-map h3,.strength-gate h3,.strength-history h3 { margin: 4px 0 0; color: #cdd9e0; font-size: 11px; }.strength-league-map > header small { color: #4e626c; font-size: 6px; }.strength-league-map > div { margin-top: 12px; display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }.strength-league-map section { padding: 10px; border-radius: 7px; background: rgba(255,255,255,.014); }.strength-league-map section > header { min-height: 27px; border-bottom: 1px solid rgba(170,192,228,.06); }.strength-league-map section > header b,.strength-league-map section > header small { display: block; }.strength-league-map section > header b { overflow: hidden; color: #aebec6; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.strength-league-map section > header small { margin-top: 2px; color: #4c6069; font-size: 5px; }.strength-league-map section > span { min-height: 32px; display: grid; grid-template-columns: 13px minmax(0,1fr) auto; align-items: center; gap: 5px; border-bottom: 1px solid rgba(170,192,228,.04); }.strength-league-map section > span > i { color: #6884c0; font: 6px 'DM Mono'; font-style: normal; }.strength-league-map section > span > b { overflow: hidden; color: #899ca5; font-size: 6px; text-overflow: ellipsis; white-space: nowrap; }.strength-league-map section > span > b small { display: block; color: #43575f; font-size: 5px; }.strength-league-map section > span > strong { color: #9fb5e7; font: 600 8px 'DM Mono'; }.strength-league-map section > span > strong em { display: block; color: #4f6697; font-size: 4px; font-style: normal; text-align: right; }.strength-league-map section > span > small { grid-column: 2 / -1; margin-top: -5px; color: #40545d; font-size: 5px; }
.strength-gate header { padding-bottom: 12px; border-bottom: 1px solid rgba(170,192,228,.07); }.strength-gate-progress { margin: 16px 0; }.strength-gate-progress > i { height: 4px; display: block; overflow: hidden; border-radius: 4px; background: #162a32; }.strength-gate-progress > i em { height: 100%; display: block; background: linear-gradient(90deg,#536fae,#9aafe3); }.strength-gate-progress > span { display: block; margin-top: 5px; color: #566b75; font: 6px 'DM Mono'; text-align: right; }.strength-gate > div:nth-of-type(2) { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }.strength-gate > div:nth-of-type(2) > span { padding: 9px; border-radius: 6px; background: rgba(255,255,255,.015); }.strength-gate > div:nth-of-type(2) small,.strength-gate > div:nth-of-type(2) b { display: block; }.strength-gate > div:nth-of-type(2) small { color: #50646d; font-size: 5px; }.strength-gate > div:nth-of-type(2) b { margin-top: 4px; color: #b2c1c8; font: 600 9px 'DM Mono'; }.strength-gate > strong { display: block; margin-top: 12px; padding: 9px; color: #bd9d70; border: 1px solid rgba(190,149,91,.11); border-radius: 6px; background: rgba(150,104,43,.05); font-size: 7px; }.strength-gate > footer { margin-top: 9px; color: #485c65; font-size: 5px; line-height: 1.6; }
.strength-history { margin-top: 10px; }.strength-history > div { margin-top: 12px; display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; }.strength-history > div > span { padding: 10px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 7px; border-radius: 7px; background: rgba(255,255,255,.014); }.strength-history b { overflow: hidden; color: #9eb0b9; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.strength-history small { color: #4b6069; font-size: 5px; }.strength-history strong { grid-column: 2; grid-row: 1 / span 2; color: #9cafdc; font: 600 9px 'DM Mono'; text-align: right; }.strength-history strong em { display: block; color: #4b6090; font: 4px sans-serif; font-style: normal; }.strength-history i { color: #b58e60; font: 6px 'DM Mono'; font-style: normal; }.strength-history footer { grid-column: 2; color: #536873; font-size: 5px; text-align: right; }.strength-history > div > span.passed { box-shadow: inset 2px 0 #6dceb0; }.strength-history > div > span.passed i,.strength-history > div > span.passed footer { color: #6dc8ae; }

.strength-panel-head > aside { min-width: 160px; }
.strength-indices i em { height: 100%; }

.zero-risk-panel {
  margin-top: 18px; overflow: hidden; border: 1px solid rgba(224,166,92,.19); border-radius: 13px;
  background: radial-gradient(circle at 88% 0,rgba(180,112,42,.13),transparent 27rem),linear-gradient(145deg,rgba(29,24,17,.98),rgba(17,18,17,.96));
}
.zero-risk-head { padding: 22px 24px 17px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid rgba(235,197,141,.08); }
.zero-risk-head p,.zero-center-head p { margin: 0 0 5px; color: #d39a54; font: 700 7px 'DM Mono'; letter-spacing: 1.2px; }
.zero-risk-head h3 { margin: 0; color: #eee8df; font-size: 18px; }
.zero-risk-head > div > span { display: block; margin-top: 7px; color: #776d60; font-size: 8px; }
.zero-risk-head > aside { min-width: 155px; padding: 10px 13px; display: grid; grid-template-columns: 1fr auto; gap: 3px 11px; border: 1px solid rgba(222,169,98,.15); border-radius: 8px; background: rgba(156,97,32,.06); }
.zero-risk-head aside span { color: #bd8848; font: 600 6px 'DM Mono'; }.zero-risk-head aside b { grid-row: span 2; color: #e0b577; font: 600 18px 'DM Mono'; }.zero-risk-head aside b small { color: #876b49; font-size: 6px; }.zero-risk-head aside em { color: #6f6456; font-size: 6px; font-style: normal; }
.zero-risk-body { padding: 16px 24px; display: grid; grid-template-columns: minmax(0,1.3fr) minmax(310px,.7fr); gap: 11px; }
.zero-team-risks { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.zero-team-risks article { min-width: 0; padding: 14px; display: grid; grid-template-columns: minmax(0,1fr) 82px; gap: 11px; border: 1px solid rgba(225,194,151,.075); border-radius: 9px; background: rgba(255,255,255,.014); }
.zero-team-risks header span,.zero-team-risks header b { display: block; }.zero-team-risks header span { color: #a87942; font: 600 6px 'DM Mono'; }.zero-team-risks header b { max-width: 140px; margin-top: 5px; overflow: hidden; color: #cabfb0; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.zero-orbit { width: 76px; height: 76px; grid-row: span 2; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(#d89a4f var(--zero-risk),#2d2922 0); position: relative; }.zero-orbit:before { content: ''; position: absolute; inset: 5px; border-radius: inherit; background: #181914; }.zero-orbit span { z-index: 1; text-align: center; }.zero-orbit b { display: block; color: #dfc69f; font: 600 16px 'DM Mono'; }.zero-orbit small { color: #756a59; font-size: 5px; }
.zero-team-risks article > div:nth-of-type(2) { grid-column: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }.zero-team-risks article > div:nth-of-type(2) > span { padding-top: 6px; border-top: 1px solid rgba(225,194,151,.055); }.zero-team-risks article > div:nth-of-type(2) small,.zero-team-risks article > div:nth-of-type(2) b { display: block; }.zero-team-risks article > div:nth-of-type(2) small { color: #665f54; font-size: 5px; }.zero-team-risks article > div:nth-of-type(2) b { margin-top: 3px; color: #a99c8a; font: 600 8px 'DM Mono'; }.zero-team-risks article > footer { grid-column: 1 / -1; color: #5c554c; font-size: 5px; }
.zero-matrix { padding: 14px; border: 1px solid rgba(222,173,106,.1); border-radius: 9px; background: rgba(78,52,22,.04); }.zero-matrix > header { display: flex; justify-content: space-between; }.zero-matrix > header span { color: #a97942; font: 600 6px 'DM Mono'; }.zero-matrix > header b { color: #6b6255; font-size: 6px; }.zero-matrix > div { margin-top: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }.zero-matrix > div > span { min-height: 74px; padding: 10px; display: flex; flex-direction: column; justify-content: center; border-radius: 7px; background: rgba(255,255,255,.018); }.zero-matrix > div > span.cell-btts { background: rgba(57,145,116,.09); }.zero-matrix > div > span.cell-both-blank { background: rgba(157,80,50,.08); }.zero-matrix small,.zero-matrix b,.zero-matrix em { display: block; }.zero-matrix small { color: #71685b; font-size: 5px; }.zero-matrix b { margin: 5px 0 2px; color: #d4c3a9; font: 600 15px 'DM Mono'; }.zero-matrix .cell-btts b { color: #78d2b5; }.zero-matrix .cell-both-blank b { color: #d58f76; }.zero-matrix em { color: #5e584f; font-size: 5px; font-style: normal; }.zero-matrix > footer { margin-top: 7px; padding: 8px 4px 0; display: flex; justify-content: space-between; border-top: 1px solid rgba(225,194,151,.07); }.zero-matrix > footer span { color: #6f6659; font-size: 6px; }.zero-matrix > footer b { color: #d3aa70; font: 600 9px 'DM Mono'; }
.zero-risk-conclusion { padding: 0 24px 17px; display: grid; grid-template-columns: minmax(0,1fr) 285px; gap: 11px; }.zero-risk-conclusion > div,.zero-risk-conclusion > aside { padding: 12px 14px; border: 1px solid rgba(224,190,141,.07); border-radius: 8px; background: rgba(255,255,255,.012); }.zero-risk-conclusion span { color: #756b5d; font-size: 6px; }.zero-risk-conclusion h4 { margin: 4px 0; color: #d3ad76; font-size: 11px; }.zero-risk-conclusion p { margin: 0; color: #73695b; font-size: 7px; }.zero-risk-conclusion aside b,.zero-risk-conclusion aside small { display: block; }.zero-risk-conclusion aside b { margin: 5px 0; color: #bf9a67; font-size: 8px; }.zero-risk-conclusion aside.passed b { color: #72cbae; }.zero-risk-conclusion aside small { color: #5c554c; font-size: 5px; }
.zero-risk-panel > footer { padding: 11px 24px; display: flex; gap: 12px; border-top: 1px solid rgba(225,194,151,.07); background: rgba(255,255,255,.01); }.zero-risk-panel > footer b { color: #c38a48; font: 600 6px 'DM Mono'; }.zero-risk-panel > footer span { color: #71685c; font-size: 6px; }.zero-risk-panel > footer small { margin-left: auto; color: #5d564c; font-size: 6px; }

.zero-risk-center { margin-top: 54px; padding: 26px; border: 1px solid rgba(219,158,82,.18); border-radius: 15px; background: radial-gradient(circle at 95% 0,rgba(169,101,31,.14),transparent 31rem),linear-gradient(145deg,rgba(27,23,17,.98),rgba(15,17,16,.95)); scroll-margin-top: 24px; }
.zero-center-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }.zero-center-head h2 { margin: 0; color: #eee8df; font-size: 22px; letter-spacing: -.9px; }.zero-center-head > div > span { max-width: 740px; display: block; margin-top: 8px; color: #756c60; font-size: 8px; line-height: 1.7; }.zero-center-head > aside { min-width: 205px; padding: 11px 13px; display: grid; grid-template-columns: 7px 1fr; gap: 3px 9px; border: 1px solid rgba(220,163,91,.13); border-radius: 8px; background: rgba(142,87,27,.05); }.zero-center-head aside i { width: 7px; height: 7px; grid-row: span 3; margin-top: 8px; border-radius: 50%; background: #d29a55; box-shadow: 0 0 0 5px rgba(210,154,85,.06); }.zero-center-head aside span { color: #756a5a; font-size: 6px; }.zero-center-head aside b { color: #d1a66d; font: 600 9px 'DM Mono'; }.zero-center-head aside small { color: #5c554b; font-size: 6px; }
.zero-center-kpis { margin-top: 18px; display: grid; grid-template-columns: repeat(5,1fr); gap: 7px; }.zero-center-kpis > span { padding: 12px 13px; border: 1px solid rgba(226,195,151,.07); border-radius: 8px; background: rgba(255,255,255,.013); }.zero-center-kpis small,.zero-center-kpis b,.zero-center-kpis em { display: block; }.zero-center-kpis small { color: #675f55; font-size: 6px; }.zero-center-kpis b { margin: 7px 0 3px; color: #d8cdbc; font: 600 18px 'DM Mono'; }.zero-center-kpis b i { color: #82715a; font-size: 7px; font-style: normal; }.zero-center-kpis em { color: #5a534a; font-size: 6px; font-style: normal; }
.zero-center-main { margin-top: 10px; display: grid; grid-template-columns: minmax(0,1.45fr) minmax(285px,.55fr); gap: 10px; }.zero-attention,.zero-forward-gate,.zero-history { padding: 17px; border: 1px solid rgba(224,191,144,.08); border-radius: 10px; background: rgba(12,14,12,.44); }.zero-attention > header,.zero-history > header { display: flex; align-items: flex-end; justify-content: space-between; }.zero-attention header span,.zero-forward-gate header span,.zero-history header span { color: #b57f41; font: 600 6px 'DM Mono'; letter-spacing: .8px; }.zero-attention h3,.zero-forward-gate h3,.zero-history h3 { margin: 4px 0 0; color: #d5c9b9; font-size: 11px; }.zero-attention header small { color: #5c554c; font-size: 6px; }.zero-attention > div { margin-top: 11px; }.zero-attention button { width: 100%; min-height: 47px; padding: 6px 4px; display: grid; grid-template-columns: minmax(0,1fr) 63px 63px 72px; align-items: center; gap: 8px; border-top: 1px solid rgba(224,191,144,.06); background: transparent; text-align: left; }.zero-attention button:hover { background: rgba(199,141,68,.025); }.zero-attention button > span { min-width: 0; }.zero-attention button > span small,.zero-attention button > span b { display: block; }.zero-attention button > span small { color: #5f574d; font-size: 5px; }.zero-attention button > span b { margin-top: 3px; overflow: hidden; color: #a99d8d; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.zero-attention button > span i { color: #665d50; font-style: normal; }.zero-attention button strong small,.zero-attention button strong b { display: block; }.zero-attention button strong small { color: #5b544b; font-size: 5px; }.zero-attention button strong b { margin-top: 3px; color: #c6aa84; font: 600 8px 'DM Mono'; }.zero-attention button > em { padding: 4px; color: #bf9661; border-radius: 4px; background: rgba(161,105,38,.07); font-size: 5px; font-style: normal; text-align: center; }.zero-attention button > em.risk-btts_supported { color: #6fceb0; background: rgba(60,146,119,.07); }
.zero-forward-gate header { padding-bottom: 12px; border-bottom: 1px solid rgba(224,191,144,.07); }.zero-gate-progress { margin: 18px 0; }.zero-gate-progress > i { height: 5px; display: block; overflow: hidden; border-radius: 5px; background: #302a21; }.zero-gate-progress > i em { height: 100%; display: block; background: linear-gradient(90deg,#9c652b,#dfa75f); }.zero-gate-progress > span { display: block; margin-top: 5px; color: #6c6255; font: 6px 'DM Mono'; text-align: right; }.zero-forward-gate > div:nth-of-type(2) { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }.zero-forward-gate > div:nth-of-type(2) > span { padding: 9px; border-radius: 6px; background: rgba(255,255,255,.014); }.zero-forward-gate small,.zero-forward-gate b { display: block; }.zero-forward-gate small { color: #61594e; font-size: 5px; }.zero-forward-gate b { margin-top: 4px; color: #c3b49f; font: 600 9px 'DM Mono'; }.zero-forward-gate > strong { display: block; margin-top: 13px; padding: 9px; color: #c59c68; border: 1px solid rgba(213,164,98,.11); border-radius: 6px; background: rgba(145,91,27,.05); font-size: 7px; }.zero-forward-gate > footer { margin-top: 10px; color: #584f45; font-size: 5px; }
.zero-history { margin-top: 10px; }.zero-history > div { margin-top: 12px; display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; }.zero-history > div > span { padding: 10px; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 7px; border-radius: 7px; background: rgba(255,255,255,.013); }.zero-history b { overflow: hidden; color: #a99d8d; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.zero-history small { color: #5a534a; font-size: 5px; }.zero-history strong { grid-column: 2; grid-row: 1 / span 2; color: #d0a66d; font: 600 9px 'DM Mono'; text-align: right; }.zero-history strong em { display: block; color: #765e3f; font: 4px sans-serif; font-style: normal; }.zero-history i { color: #bd8950; font: 6px 'DM Mono'; font-style: normal; }.zero-history footer { grid-column: 2; color: #60574d; font-size: 5px; text-align: right; }.zero-history > div > span.passed { box-shadow: inset 2px 0 #6bc9aa; }.zero-history > div > span.passed i,.zero-history > div > span.passed footer { color: #6bc9aa; }

.attack-quality-panel { margin-top:18px; overflow:hidden; border:1px solid rgba(84,205,165,.18); border-radius:14px; background:radial-gradient(circle at 90% 0,rgba(44,155,123,.15),transparent 29rem),linear-gradient(145deg,rgba(7,25,23,.98),rgba(8,18,20,.96)); }
.attack-quality-head { padding:22px 24px 17px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid rgba(125,222,190,.08); }.attack-quality-head p,.advanced-center-head p { margin:0 0 5px; color:#64c9a9; font:700 7px 'DM Mono'; letter-spacing:1.2px; }.attack-quality-head h3 { margin:0; color:#e4f0eb; font-size:18px; }.attack-quality-head > div > span { display:block; margin-top:7px; color:#607a72; font-size:8px; }.attack-quality-head > aside { min-width:190px; padding:10px 13px; border:1px solid rgba(97,207,171,.16); border-radius:8px; background:rgba(43,145,113,.06); text-align:right; }.attack-quality-head aside span,.attack-quality-head aside b,.attack-quality-head aside small { display:block; }.attack-quality-head aside span { color:#5b9e89; font:600 6px 'DM Mono'; }.attack-quality-head aside b { margin:3px 0; color:#8ed8bf; font:600 18px 'DM Mono'; }.attack-quality-head aside small { color:#506b63; font-size:6px; }
.attack-quality-body { padding:16px 24px; display:grid; grid-template-columns:minmax(0,1.45fr) minmax(265px,.55fr); gap:10px; }.attack-team-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.attack-team-grid > article,.xg-gate-card { padding:14px; border:1px solid rgba(132,220,191,.08); border-radius:9px; background:rgba(255,255,255,.014); }.attack-team-grid article > header { display:grid; grid-template-columns:1fr auto; gap:3px 8px; }.attack-team-grid header span { grid-column:1 / -1; color:#508976; font:600 6px 'DM Mono'; }.attack-team-grid header b { overflow:hidden; color:#b8ccc5; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }.attack-team-grid header em { padding:3px 5px; color:#63837a; border-radius:4px; background:rgba(255,255,255,.025); font-size:5px; font-style:normal; }.attack-team-grid header em.profile-xg_ready { color:#72d5b5; background:rgba(59,169,134,.08); }.quality-score { margin:14px 0 11px; display:grid; grid-template-columns:auto 1fr; gap:2px 10px; align-items:center; }.quality-score > b { grid-row:1 / span 2; color:#9cdec8; font:600 28px 'DM Mono'; }.quality-score > span { color:#81978f; font-size:7px; }.quality-score > span small { display:block; color:#4c645d; font-size:5px; }.quality-score > i { height:4px; overflow:hidden; border-radius:4px; background:#1c302b; }.quality-score > i em { height:100%; display:block; background:linear-gradient(90deg,#328c71,#7bd9ba); }.quality-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }.quality-metrics > span { padding:7px; border-radius:5px; background:rgba(255,255,255,.016); }.quality-metrics small,.quality-metrics b { display:block; }.quality-metrics small { color:#4c625c; font-size:5px; }.quality-metrics b { margin-top:4px; color:#a7bcb5; font:600 8px 'DM Mono'; }.attack-team-grid article > footer { margin-top:10px; color:#4b635c; font-size:5px; }
.xg-gate-card { display:flex; flex-direction:column; }.xg-gate-card > header { padding-bottom:10px; border-bottom:1px solid rgba(132,220,191,.07); }.xg-gate-card header span,.xg-gate-card header b { display:block; }.xg-gate-card header span { color:#56a78d; font:600 6px 'DM Mono'; }.xg-gate-card header b { margin-top:4px; color:#b6c9c2; font-size:10px; }.xg-lock-symbol { width:76px; height:76px; margin:17px auto 10px; position:relative; display:grid; place-items:center; border:1px dashed rgba(99,198,166,.25); border-radius:50%; }.xg-lock-symbol span { color:#6bc4a7; font:600 18px 'DM Mono'; }.xg-lock-symbol i { width:28px; height:18px; position:absolute; right:-3px; bottom:4px; border:2px solid #50776b; border-radius:4px; }.xg-lock-symbol i:before { content:''; width:14px; height:13px; position:absolute; left:5px; top:-12px; border:2px solid #50776b; border-bottom:0; border-radius:9px 9px 0 0; }.xg-gate-card p { color:#637b74; font-size:7px; line-height:1.65; }.xg-gate-card > strong { padding:8px; color:#b28a5d; border-radius:5px; background:rgba(170,105,47,.06); font-size:6px; }.xg-gate-card > footer { margin-top:auto; padding-top:10px; color:#49615a; font-size:5px; }.xg-scoreline { margin-top:14px; display:grid; grid-template-columns:1fr 1fr; gap:6px; }.xg-scoreline > span { padding:9px; border-radius:6px; background:rgba(255,255,255,.018); }.xg-scoreline small,.xg-scoreline b { display:block; }.xg-scoreline small { color:#4f6961; font-size:5px; }.xg-scoreline b { margin-top:4px; color:#a8c4ba; font:600 9px 'DM Mono'; }.xg-scoreline b i { color:#4e7d6e; font-style:normal; }.xg-probability { margin-top:8px; display:grid; grid-template-columns:1fr auto; gap:9px; align-items:center; }.xg-probability > span { height:6px; overflow:hidden; border-radius:6px; background:#1b302a; }.xg-probability > span i { height:100%; display:block; background:linear-gradient(90deg,#338a70,#80ddbd); }.xg-probability > b { color:#83d5b9; font:600 13px 'DM Mono'; }.xg-probability > b small { display:block; color:#4f6d64; font:5px sans-serif; }.attack-quality-panel > footer { padding:11px 24px; display:flex; gap:12px; border-top:1px solid rgba(125,222,190,.07); background:rgba(255,255,255,.012); }.attack-quality-panel > footer b { color:#65b99e; font:600 6px 'DM Mono'; }.attack-quality-panel > footer span { color:#526c64; font-size:6px; }.attack-quality-panel > footer small { margin-left:auto; color:#465d56; font-size:6px; }
.model-triad { margin:0 24px 16px; padding:15px; border:1px solid rgba(126,215,186,.09); border-radius:9px; background:rgba(2,14,13,.38); }.model-triad > header { display:flex; align-items:flex-end; justify-content:space-between; }.model-triad > header span { color:#56a78d; font:600 6px 'DM Mono'; letter-spacing:.8px; }.model-triad h4 { margin:4px 0 0; color:#c9d9d3; font-size:11px; }.model-triad > header small { color:#597068; font-size:6px; }.model-triad > div { margin-top:11px; display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }.model-triad article { padding:11px; display:grid; grid-template-columns:1fr auto; gap:3px 8px; border-radius:7px; background:rgba(255,255,255,.014); }.model-triad article > span { color:#4e7b6d; font:600 5px 'DM Mono'; }.model-triad article > b { grid-row:1 / span 3; grid-column:2; align-self:center; color:#b9d1c8; font:600 17px 'DM Mono'; }.model-triad article > strong { color:#91a79f; font-size:7px; }.model-triad article > small { color:#4d625b; font-size:5px; }.model-triad article > i { height:3px; grid-column:1 / -1; margin-top:6px; overflow:hidden; border-radius:3px; background:#1c2e29; }.model-triad article > i em { height:100%; display:block; background:#508879; }.model-triad article.challenger { box-shadow:inset 0 1px rgba(112,217,182,.13); }.model-triad article.challenger > b { color:#7bd6b7; }.model-triad article.challenger > i em { background:linear-gradient(90deg,#378d72,#78d9b8); }.model-triad article.waiting > b { color:#596a64; }.model-triad > footer { margin-top:10px; color:#4b625a; font-size:5px; }

.advanced-center { margin-top:54px; padding:26px; border:1px solid rgba(91,208,171,.18); border-radius:15px; background:radial-gradient(circle at 96% 0,rgba(42,148,117,.16),transparent 32rem),linear-gradient(145deg,rgba(7,24,22,.98),rgba(8,17,19,.96)); scroll-margin-top:24px; }.advanced-center-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; }.advanced-center-head h2 { margin:0; color:#e3eee9; font-size:22px; letter-spacing:-.9px; }.advanced-center-head > div > span { max-width:760px; display:block; margin-top:8px; color:#607970; font-size:8px; line-height:1.7; }.advanced-center-head > aside { min-width:205px; padding:11px 13px; display:grid; grid-template-columns:7px 1fr; gap:3px 9px; border:1px solid rgba(105,207,174,.13); border-radius:8px; background:rgba(41,132,103,.06); }.advanced-center-head aside i { width:7px; height:7px; grid-row:span 3; margin-top:8px; border-radius:50%; background:#bf9059; box-shadow:0 0 0 5px rgba(191,144,89,.06); }.advanced-center-head aside.ready i { background:#67c9aa; }.advanced-center-head aside span { color:#56726a; font-size:6px; }.advanced-center-head aside b { color:#94cdb9; font-size:9px; }.advanced-center-head aside small { color:#4d625c; font-size:6px; }
.advanced-kpis { margin-top:18px; display:grid; grid-template-columns:repeat(5,1fr); gap:7px; }.advanced-kpis > span { padding:12px 13px; border:1px solid rgba(145,220,196,.07); border-radius:8px; background:rgba(255,255,255,.014); }.advanced-kpis small,.advanced-kpis b,.advanced-kpis em { display:block; }.advanced-kpis small { color:#536a63; font-size:6px; }.advanced-kpis b { margin:7px 0 3px; color:#cfddd8; font:600 18px 'DM Mono'; }.advanced-kpis b i { color:#67877c; font-size:7px; font-style:normal; }.advanced-kpis em { color:#4c625b; font-size:6px; font-style:normal; }.advanced-kpis > span.ready { box-shadow:inset 0 -2px #55b897; }
.advanced-main,.advanced-lower { margin-top:10px; display:grid; grid-template-columns:minmax(0,1.4fr) minmax(285px,.6fr); gap:10px; }.field-coverage,.advanced-source-card,.advanced-leagues,.advanced-promotion { padding:17px; border:1px solid rgba(145,220,196,.08); border-radius:10px; background:rgba(4,17,16,.45); }.field-coverage > header { display:flex; align-items:flex-end; justify-content:space-between; }.field-coverage header span,.advanced-source-card header span,.advanced-leagues header span,.advanced-promotion header span { color:#55a98e; font:600 6px 'DM Mono'; letter-spacing:.8px; }.field-coverage h3,.advanced-source-card h3,.advanced-leagues h3,.advanced-promotion h3 { margin:4px 0 0; color:#cadbd5; font-size:11px; }.field-coverage header small { color:#4d625b; font-size:6px; }.field-coverage > div { margin-top:12px; display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }.field-coverage > div > span { padding:10px; display:grid; grid-template-columns:1fr auto; gap:5px; border-radius:7px; background:rgba(255,255,255,.014); }.field-coverage span b { color:#8da29b; font-size:7px; }.field-coverage span > i { height:4px; grid-column:1 / -1; overflow:hidden; border-radius:4px; background:#20302c; }.field-coverage span > i em { height:100%; display:block; background:#3d806c; }.field-coverage span.has-data > i em { background:linear-gradient(90deg,#3b8f73,#6bd0ae); }.field-coverage span strong { color:#8ec8b4; font:600 7px 'DM Mono'; }.field-coverage span small { grid-column:1 / -1; color:#455a54; font-size:5px; }
.source-capabilities { margin-top:13px; display:grid; gap:7px; }.source-capabilities > span { padding:10px; display:grid; grid-template-columns:18px 1fr; gap:3px 7px; border-radius:7px; background:rgba(54,149,117,.055); }.source-capabilities i { width:18px; height:18px; grid-row:span 2; display:grid; place-items:center; color:#69c5a7; border-radius:50%; background:rgba(77,179,145,.09); font-style:normal; }.source-capabilities b { color:#9fb6ae; font-size:7px; }.source-capabilities small { color:#526860; font-size:5px; }.source-capabilities .missing { background:rgba(177,112,48,.045); }.source-capabilities .missing i { color:#c1915b; background:rgba(177,112,48,.08); }.missing-reasons { margin-top:10px; display:grid; grid-template-columns:1fr 1fr; gap:5px; }.missing-reasons > span { padding:7px; border-radius:5px; background:rgba(255,255,255,.012); }.missing-reasons b,.missing-reasons small { display:block; }.missing-reasons b { color:#7b8f88; font-size:5px; }.missing-reasons small { margin-top:3px; color:#465a54; font-size:5px; }.advanced-source-card > footer { margin-top:9px; display:flex; gap:5px; flex-wrap:wrap; }.advanced-source-card > footer span { padding:4px 6px; color:#536a62; border-radius:4px; background:rgba(255,255,255,.018); font-size:5px; }
.source-sync-state { margin-top:9px; padding:9px 10px; display:flex; align-items:center; justify-content:space-between; border:1px solid rgba(139,214,191,.06); border-radius:6px; background:rgba(255,255,255,.012); }.source-sync-state > span { display:flex; align-items:center; gap:6px; }.source-sync-state span i { width:5px; height:5px; border-radius:50%; background:#566a63; }.source-sync-state span.sync-ok i { background:#6cd0ae; box-shadow:0 0 0 4px rgba(89,194,160,.06); }.source-sync-state span.sync-error i { background:#d18178; }.source-sync-state b { color:#849a92; font-size:6px; }.source-sync-state small { color:#465a54; font-size:5px; }
.source-sync-metrics { margin-top:6px; display:grid; grid-template-columns:repeat(4,1fr); gap:4px; }.source-sync-metrics > span { padding:7px; border-radius:5px; background:rgba(255,255,255,.012); }.source-sync-metrics small,.source-sync-metrics b { display:block; }.source-sync-metrics small { color:#475c55; font-size:5px; }.source-sync-metrics b { margin-top:3px; color:#8ca39a; font:600 8px 'DM Mono'; }
.advanced-leagues > div { margin-top:12px; display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }.advanced-leagues > div > span { padding:10px; border-radius:7px; background:rgba(255,255,255,.013); }.advanced-leagues b,.advanced-leagues small,.advanced-leagues strong,.advanced-leagues footer { display:block; }.advanced-leagues b { overflow:hidden; color:#91a69f; font-size:7px; text-overflow:ellipsis; white-space:nowrap; }.advanced-leagues small { margin-top:2px; color:#475c55; font-size:5px; }.advanced-leagues i { height:3px; margin:8px 0 5px; display:block; overflow:hidden; border-radius:3px; background:#1c2d29; }.advanced-leagues i em { height:100%; display:block; background:#4aa286; }.advanced-leagues strong { color:#76bca5; font:600 6px 'DM Mono'; }.advanced-leagues footer { margin-top:3px; color:#455951; font-size:5px; }.advanced-progress { margin:18px 0; }.advanced-progress > i { height:5px; display:block; overflow:hidden; border-radius:5px; background:#1c302a; }.advanced-progress > i em { height:100%; display:block; background:linear-gradient(90deg,#338d71,#74d2b2); }.advanced-progress > span { margin-top:5px; display:block; color:#526b62; font:6px 'DM Mono'; text-align:right; }.advanced-promotion > div:nth-of-type(2) { display:grid; grid-template-columns:1fr 1fr; gap:6px; }.advanced-promotion > div:nth-of-type(2) > span { padding:9px; border-radius:6px; background:rgba(255,255,255,.014); }.advanced-promotion small,.advanced-promotion b { display:block; }.advanced-promotion small { color:#4d625b; font-size:5px; }.advanced-promotion b { margin-top:4px; color:#a5bdb5; font:600 9px 'DM Mono'; }.advanced-promotion > strong { margin-top:12px; padding:9px; display:block; color:#bd925f; border-radius:6px; background:rgba(177,112,48,.05); font-size:7px; }.advanced-promotion > footer { margin-top:10px; color:#465b54; font-size:5px; }
.source-governance-grid { margin-top:10px; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr); gap:10px; }.source-matrix,.conflict-ledger { padding:17px; border:1px solid rgba(145,220,196,.08); border-radius:10px; background:rgba(4,17,16,.45); }.source-matrix > header,.conflict-ledger > header { display:flex; align-items:flex-end; justify-content:space-between; }.source-matrix header span,.conflict-ledger header span { color:#55a98e; font:600 6px 'DM Mono'; letter-spacing:.8px; }.source-matrix h3,.conflict-ledger h3 { margin:4px 0 0; color:#cadbd5; font-size:11px; }.source-matrix > header small { color:#4d625b; font-size:6px; }.source-matrix > div { margin-top:11px; display:grid; grid-template-columns:repeat(2,1fr); gap:7px; }.source-matrix section { padding:11px; border-radius:7px; background:rgba(255,255,255,.014); }.source-matrix section > header { display:flex; justify-content:space-between; gap:8px; }.source-matrix section > header b { overflow:hidden; color:#98aea6; font-size:7px; text-overflow:ellipsis; white-space:nowrap; }.source-matrix section > header small { color:#475c55; font-size:5px; }.source-matrix section > div { margin-top:8px; display:flex; flex-wrap:wrap; gap:4px; }.source-matrix section span { padding:4px 6px; display:flex; gap:5px; border-radius:4px; background:rgba(70,167,137,.05); }.source-matrix section span b { color:#679887; font-size:5px; }.source-matrix section span small { color:#94b5a9; font:5px 'DM Mono'; }.source-matrix > div > p { color:#52675f; font-size:7px; }.conflict-ledger > header > b { min-width:34px; height:34px; display:grid; place-items:center; color:#73cbae; border-radius:9px; background:rgba(80,174,144,.07); font:600 13px 'DM Mono'; }.conflict-ledger.has-conflict > header > b { color:#e4ae6b; background:rgba(185,118,47,.09); }.conflict-ledger > div:not(.conflict-empty) { max-height:188px; margin-top:10px; display:grid; gap:5px; overflow-y:auto; }.conflict-ledger > div > span { padding:8px; display:grid; grid-template-columns:auto 1fr auto; gap:3px 7px; border-radius:6px; background:rgba(169,105,45,.045); }.conflict-ledger div span i { grid-row:1 / span 2; align-self:center; padding:4px; color:#cd975e; border-radius:3px; background:rgba(177,112,48,.09); font-size:5px; font-style:normal; }.conflict-ledger div span b { color:#a9aaa0; font-size:6px; }.conflict-ledger div span small { grid-column:2; color:#615f58; font-size:5px; }.conflict-ledger div span em { grid-column:3; grid-row:1 / span 2; align-self:center; color:#8d765e; font:5px 'DM Mono'; font-style:normal; }.conflict-empty { min-height:105px; display:grid; place-content:center; grid-template-columns:auto 1fr; gap:3px 9px; }.conflict-empty i { width:25px; height:25px; grid-row:span 2; display:grid; place-items:center; color:#6fc8aa; border-radius:50%; background:rgba(67,170,136,.08); font-style:normal; }.conflict-empty b { color:#91a79f; font-size:7px; }.conflict-empty small { max-width:270px; color:#4d625b; font-size:5px; line-height:1.5; }.conflict-ledger > footer { margin-top:9px; color:#465b54; font-size:5px; }

.unified-forward-gate > section { display:grid; grid-template-columns:1fr 1fr; gap:6px; }.unified-forward-gate > section > div { padding:9px; border-radius:6px; background:rgba(255,255,255,.014); }.unified-forward-gate section small,.unified-forward-gate section b,.unified-forward-gate section em { display:block; }.unified-forward-gate section small { color:#505362; font-size:5px; }.unified-forward-gate section b { margin:4px 0 2px; color:#b9b2d0; font:600 9px 'DM Mono'; }.unified-forward-gate section em { color:#555363; font-size:5px; font-style:normal; }
.unified-league-validation { margin-top:10px; padding:17px; border:1px solid rgba(184,174,235,.08); border-radius:10px; background:rgba(4,12,20,.42); }.unified-league-validation > header span { color:#897acc; font:600 6px 'DM Mono'; letter-spacing:.8px; }.unified-league-validation h3 { margin:4px 0 0; color:#cec9dc; font-size:11px; }.unified-league-validation > div { margin-top:12px; display:grid; grid-template-columns:repeat(4,1fr); gap:6px; }.unified-league-validation > div > span { min-width:0; padding:10px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 7px; border-radius:7px; background:rgba(255,255,255,.014); }.unified-league-validation span b { overflow:hidden; color:#9997a5; font-size:7px; text-overflow:ellipsis; white-space:nowrap; }.unified-league-validation span small { color:#4d505e; font-size:5px; }.unified-league-validation span strong { grid-column:2; grid-row:1 / span 2; color:#aea2dd; font:600 9px 'DM Mono'; text-align:right; }.unified-league-validation span strong em { display:block; color:#5a5570; font:4px sans-serif; font-style:normal; }.unified-league-validation span > i { color:#bd9168; font:6px 'DM Mono'; font-style:normal; }.unified-league-validation span footer { grid-column:2; color:#555866; font-size:5px; text-align:right; }.unified-league-validation span.passed { box-shadow:inset 2px 0 #69c8aa; }.unified-league-validation span.passed > i,.unified-league-validation span.passed footer { color:#6cc7aa; }

@keyframes spin { to { transform: rotate(360deg); } }

.unified-panel { margin-top:18px; overflow:hidden; border:1px solid rgba(147,126,247,.24); border-radius:14px; background:radial-gradient(circle at 84% 2%,rgba(111,81,221,.18),transparent 29rem),radial-gradient(circle at 10% 100%,rgba(57,186,169,.08),transparent 25rem),linear-gradient(145deg,rgba(16,18,32,.99),rgba(8,19,24,.98)); box-shadow:0 24px 70px rgba(2,8,17,.2); scroll-margin-top:84px; }
.unified-panel-head { padding:23px 25px 18px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid rgba(190,180,255,.09); }
.unified-panel-head p,.unified-center-head p { margin:0 0 5px; color:#a897ff; font:700 7px 'DM Mono'; letter-spacing:1.25px; }
.unified-panel-head h3 { margin:0; color:#f1efff; font-size:19px; letter-spacing:-.35px; }
.unified-panel-head > div > span { margin-top:7px; display:block; color:#707184; font-size:8px; }
.unified-panel-head > aside { min-width:230px; padding:11px 14px; display:grid; grid-template-columns:8px 1fr; gap:3px 9px; border:1px solid rgba(160,143,241,.16); border-radius:9px; background:rgba(102,79,199,.07); }
.unified-panel-head aside i,.unified-center-head aside i { width:7px; height:7px; grid-row:span 3; margin-top:8px; border-radius:50%; background:#a996ff; box-shadow:0 0 0 5px rgba(150,127,255,.08),0 0 17px rgba(150,127,255,.35); }
.unified-panel-head aside span { color:#8579bb; font:600 6px 'DM Mono'; }.unified-panel-head aside b { color:#c8bcff; font-size:10px; }.unified-panel-head aside small { color:#58596b; font-size:6px; }
.unified-abstain .unified-panel-head aside i { background:#dc9a66; box-shadow:0 0 0 5px rgba(212,139,80,.07); }.unified-abstain .unified-panel-head aside b { color:#dbac82; }
.unified-scoreboard { padding:18px 25px; display:grid; grid-template-columns:190px minmax(0,1fr) 250px; gap:11px; }
.unified-probability-orbit,.unified-market-calls,.unified-scorelines { border:1px solid rgba(186,177,240,.09); border-radius:10px; background:rgba(255,255,255,.014); }
.unified-probability-orbit { min-height:205px; padding:18px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.unified-probability-orbit > div { width:128px; height:128px; display:grid; place-content:center; border-radius:50%; background:conic-gradient(#9a82fa var(--unified-btts),#29283d 0); position:relative; text-align:center; }
.unified-probability-orbit > div:before { content:''; position:absolute; inset:7px; border-radius:inherit; background:radial-gradient(circle at 45% 35%,#22223a,#101522 72%); }
.unified-probability-orbit > div b,.unified-probability-orbit > div span { z-index:1; }.unified-probability-orbit > div b { color:#e0d9ff; font:600 30px 'DM Mono'; letter-spacing:-2px; }.unified-probability-orbit > div b small { color:#8074b8; font-size:9px; }.unified-probability-orbit > div span { color:#6d687e; font-size:6px; }
.unified-probability-orbit > footer { width:100%; margin-top:13px; display:flex; justify-content:space-between; color:#605e70; font:6px 'DM Mono'; }.unified-probability-orbit footer em { color:#a28eea; font-style:normal; }
.unified-market-calls { padding:10px 14px; display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.unified-market-calls article { min-width:0; padding:13px; border-radius:8px; background:linear-gradient(160deg,rgba(141,118,240,.075),rgba(255,255,255,.008)); }
.unified-market-calls article > span,.unified-market-calls article > b,.unified-market-calls article > small { display:block; }.unified-market-calls article > span { color:#77718e; font:6px 'DM Mono'; }.unified-market-calls article > b { min-height:27px; margin-top:8px; color:#d7d1ef; font-size:12px; }.unified-market-calls article > small { min-height:28px; color:#57586a; font-size:5px; line-height:1.55; }.unified-market-calls article.is-wait > b { color:#b99a76; }
.unified-market-calls article > div { height:4px; margin-top:12px; display:flex; gap:1px; overflow:hidden; border-radius:5px; }.unified-market-calls article > div i { min-width:3px; background:#9078ed; position:relative; }.unified-market-calls article > div i:nth-child(2) { background:#5a627b; }.unified-market-calls article > div i:nth-child(3) { background:#45a897; }.unified-market-calls article > div em { display:none; }
.unified-scorelines { padding:15px; }.unified-scorelines > header span,.unified-scorelines > header b { display:block; }.unified-scorelines > header span { color:#8c7ed0; font:600 6px 'DM Mono'; }.unified-scorelines > header b { margin-top:4px; color:#cfc9e7; font-size:10px; }
.unified-scorelines > div { margin-top:9px; padding:10px 11px; display:grid; grid-template-columns:1fr auto; gap:2px 8px; border-radius:7px; background:rgba(148,124,244,.055); }.unified-scorelines div small { color:#615d74; font-size:5px; }.unified-scorelines div b { grid-row:2; color:#e4ddff; font:600 18px 'DM Mono'; }.unified-scorelines div strong { grid-column:2; grid-row:1 / span 2; align-self:center; color:#a996f5; font:600 9px 'DM Mono'; }.unified-scorelines div i { grid-column:1 / -1; overflow:hidden; color:#505364; font-size:5px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }.unified-scorelines > footer { margin-top:9px; color:#646175; font:6px 'DM Mono'; text-align:right; }
.unified-evidence-grid { padding:0 25px 18px; display:grid; grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr); gap:11px; }.unified-source-weights,.unified-integrity { padding:15px; border:1px solid rgba(184,174,239,.08); border-radius:9px; background:rgba(255,255,255,.012); }
.unified-source-weights > header,.unified-integrity > header { display:flex; align-items:center; justify-content:space-between; }.unified-source-weights header span,.unified-integrity header span { color:#8377bf; font:600 6px 'DM Mono'; }.unified-source-weights header b { color:#56586a; font-size:6px; }.unified-source-weights > div { margin-top:11px; display:grid; grid-template-columns:repeat(5,1fr); gap:6px; }.unified-source-weights > div > span { min-width:0; padding:8px; border-radius:6px; background:rgba(255,255,255,.012); }.unified-source-weights span b,.unified-source-weights span strong,.unified-source-weights span small { display:block; }.unified-source-weights span b { min-height:17px; overflow:hidden; color:#8f8ba0; font-size:6px; text-overflow:ellipsis; white-space:nowrap; }.unified-source-weights span i { height:2px; margin:6px 0; display:block; overflow:hidden; border-radius:2px; background:#272839; }.unified-source-weights span i em { height:100%; display:block; background:linear-gradient(90deg,#745cd6,#a795f5); }.unified-source-weights span strong { color:#bbb0ed; font:600 8px 'DM Mono'; }.unified-source-weights span small { margin-top:2px; color:#4e5160; font-size:5px; }.unified-source-weights span.missing { opacity:.45; }.unified-source-weights span.missing i em { width:0!important; }
.unified-integrity header b { color:#78cfb4; font-size:8px; }.unified-integrity > div { margin-top:9px; display:grid; grid-template-columns:1fr 1fr; gap:5px; }.unified-integrity div span { min-height:30px; padding:6px; display:grid; grid-template-columns:16px 1fr; align-items:center; gap:5px; border-radius:5px; background:rgba(62,171,137,.04); }.unified-integrity div span i { width:15px; height:15px; display:grid; place-items:center; color:#6ec7aa; border-radius:50%; background:rgba(70,181,146,.09); font:6px 'DM Mono'; font-style:normal; }.unified-integrity div span b { color:#718078; font-size:5px; }.unified-integrity div span.failed i { color:#dc8d77; background:rgba(183,76,62,.08); }.unified-integrity > footer { margin-top:9px; color:#4d5060; font:5px 'DM Mono'; text-align:right; }
.unified-safety { padding:13px 25px; display:grid; grid-template-columns:230px minmax(0,1fr) auto; align-items:center; gap:15px; border-top:1px solid rgba(188,178,242,.08); background:rgba(91,71,173,.025); }.unified-safety div span,.unified-safety div b { display:block; }.unified-safety div span { color:#8374c8; font:600 6px 'DM Mono'; }.unified-safety div b { margin-top:3px; color:#9db1aa; font-size:7px; }.unified-safety p { margin:0; color:#5a5d6c; font-size:6px; line-height:1.6; }.unified-safety > small { color:#4d5060; font-size:6px; }.unified-safety.blocked { background:rgba(161,91,51,.035); }.unified-safety.blocked div span,.unified-safety.blocked div b { color:#c99165; }

.unified-center { margin-top:54px; padding:26px; border:1px solid rgba(148,127,239,.2); border-radius:15px; background:radial-gradient(circle at 95% 0,rgba(100,76,210,.16),transparent 32rem),linear-gradient(145deg,rgba(14,18,30,.99),rgba(7,19,22,.97)); scroll-margin-top:24px; }
.unified-center-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; }.unified-center-head h2 { margin:0; color:#f0edf8; font-size:23px; letter-spacing:-1px; }.unified-center-head > div > span { max-width:760px; margin-top:8px; display:block; color:#666a7a; font-size:8px; line-height:1.7; }.unified-center-head > aside { min-width:220px; padding:11px 14px; display:grid; grid-template-columns:8px 1fr; gap:3px 9px; border:1px solid rgba(160,141,239,.15); border-radius:9px; background:rgba(101,77,197,.06); }.unified-center-head aside span { color:#68657b; font-size:6px; }.unified-center-head aside b { color:#b7a9ec; font-size:10px; }.unified-center-head aside small { color:#4e5160; font-size:6px; }
.unified-kpis { margin-top:18px; display:grid; grid-template-columns:repeat(5,1fr); gap:7px; }.unified-kpis > span { padding:12px 13px; border:1px solid rgba(185,175,236,.075); border-radius:8px; background:rgba(255,255,255,.014); }.unified-kpis small,.unified-kpis b,.unified-kpis em { display:block; }.unified-kpis small { color:#555869; font-size:6px; }.unified-kpis b { margin:7px 0 3px; color:#d9d4e8; font:600 19px 'DM Mono'; }.unified-kpis b i { color:#67627e; font-size:8px; font-style:normal; }.unified-kpis em { color:#4a4e5b; font-size:6px; font-style:normal; }
.unified-center-main { margin-top:10px; display:grid; grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr); gap:10px; }.unified-attention,.unified-forward-gate { padding:17px; border:1px solid rgba(184,174,235,.08); border-radius:10px; background:rgba(4,12,20,.42); }.unified-attention > header { display:flex; align-items:flex-end; justify-content:space-between; }.unified-attention header span,.unified-forward-gate header span { color:#897acc; font:600 6px 'DM Mono'; letter-spacing:.8px; }.unified-attention h3,.unified-forward-gate h3 { margin:4px 0 0; color:#cec9dc; font-size:11px; }.unified-attention > header small { color:#4e5260; font-size:6px; }
.unified-attention > div { max-height:330px; margin-top:11px; overflow-y:auto; }.unified-attention button { width:100%; min-height:58px; padding:8px 4px; display:grid; grid-template-columns:minmax(0,1fr) 72px 72px 62px; align-items:center; gap:8px; border-top:1px solid rgba(184,174,235,.06); background:transparent; text-align:left; }.unified-attention button:hover { background:rgba(143,117,238,.025); }.unified-attention button > span { min-width:0; }.unified-attention button span small,.unified-attention button span b { display:block; }.unified-attention button span small { color:#505361; font-size:5px; }.unified-attention button span b { margin-top:4px; overflow:hidden; color:#9b9aa6; font-size:7px; text-overflow:ellipsis; white-space:nowrap; }.unified-attention button span i { color:#5e5b6e; font-style:normal; }.unified-attention button > strong { text-align:right; }.unified-attention button > strong small,.unified-attention button > strong b { display:block; }.unified-attention button > strong small { color:#4c505d; font-size:5px; }.unified-attention button > strong b { margin-top:3px; color:#ada4d7; font:600 8px 'DM Mono'; }.unified-attention button > em { padding:5px; color:#d29a6d; border-radius:4px; background:rgba(177,102,54,.07); font-size:5px; font-style:normal; text-align:center; }.unified-attention button > em.state-actionable { color:#76cdb1; background:rgba(58,166,132,.07); }.unified-attention button > em.state-partial { color:#b8a16e; }.unified-attention button > footer { grid-column:1 / -1; margin-top:-5px; overflow:hidden; color:#484b58; font-size:5px; text-overflow:ellipsis; white-space:nowrap; }
.unified-forward-gate header { padding-bottom:12px; border-bottom:1px solid rgba(185,174,236,.07); }.unified-gate-progress { margin:17px 0; }.unified-gate-progress > i { height:5px; display:block; overflow:hidden; border-radius:5px; background:#282839; }.unified-gate-progress > i em { height:100%; display:block; background:linear-gradient(90deg,#755ed8,#ad9cf5); }.unified-gate-progress > span { margin-top:5px; display:block; color:#555868; font:6px 'DM Mono'; text-align:right; }.unified-forward-gate > strong { margin-top:12px; padding:10px; display:block; color:#c39a70; border:1px solid rgba(193,139,87,.11); border-radius:6px; background:rgba(165,102,47,.045); font-size:7px; }.unified-forward-gate > footer { margin-top:10px; color:#484b58; font-size:5px; line-height:1.6; }

@media (max-width: 1050px) {
  .topbar { padding: 0 24px; }.brand { min-width: 210px; }.topbar nav { gap: 22px; }
  main { padding-left: 24px; padding-right: 24px; }.hero { gap: 30px; }.next-lock-card { width: 330px; }
  .workspace { grid-template-columns: 1fr; }.decision-card { display: grid; grid-template-columns: 1fr 1.1fr; column-gap: 24px; }.decision-top, .decision-match { grid-column: 1; }.decision-core, .model-market, .freeze-note { grid-column: 2; }.decision-core { grid-row: 1 / span 2; }.model-market { grid-row: 3; }.freeze-note { grid-row: 4; }
  .analysis-grid { grid-template-columns: 1fr 1fr; }.evidence-card { grid-column: span 2; }.evidence-card ol { display: grid; grid-template-columns: 1fr 1fr; column-gap: 24px; }
  .timeline-card { grid-template-columns: 190px 1fr; gap: 15px; }
  .market-health { grid-template-columns: 1fr 1.2fr; }.health-runtime { grid-column: 1 / -1; }
  .metric-grid { grid-template-columns: repeat(3,1fr); }.review-layout { grid-template-columns: 1fr; }
  .review-filters { flex-wrap: wrap; }.review-filters label:first-of-type { margin-left: 0; }.scope-comparison { grid-template-columns: 1fr; }
  .featured-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .radar-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ensemble-body { grid-template-columns: 1fr; }.component-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.ensemble-body > aside { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 3px 15px; }.ensemble-body > aside > div, .ensemble-body > aside p { grid-column: 1 / -1; }
  .trust-panel { grid-template-columns: 200px minmax(0,1fr); }.trust-detail { grid-template-columns: 1fr; }.governance-layout { grid-template-columns: 1fr; }.governance-segments article > div { grid-template-columns: repeat(2,1fr); }
  .lineup-body, .lineup-forward-grid { grid-template-columns: 1fr; }.lineup-leagues { grid-template-columns: repeat(3,1fr); }
  .timing-decision { grid-template-columns: 240px minmax(0,1fr); }.dynamic-gate-card { grid-column: 1 / -1; display: grid; grid-template-columns: 180px 1fr 1fr; gap: 12px; align-items: center; border-top: 1px solid var(--line); border-left: 0; }.dynamic-gate-card > div { margin: 0; }.dynamic-gate-card footer { min-width: 0; }.timing-leagues > div { grid-template-columns: repeat(2,1fr); }
  .data-trust-panel { grid-template-columns: 180px minmax(0,1fr); }.identity-audit { grid-column: 1 / -1; }.quality-kpis { grid-template-columns: repeat(3,1fr); }.quality-main { grid-template-columns: 1fr; }.quality-leagues > div { grid-template-columns: repeat(3,1fr); }
  .collection-kpis, .collection-states, .collection-checkpoints { grid-template-columns: repeat(3,1fr); }.collection-main { grid-template-columns: 1fr; }.collection-leagues > div { grid-template-columns: repeat(3,1fr); }
  .strength-center-main { grid-template-columns: 1fr; }.strength-league-map > div { grid-template-columns: repeat(2,1fr); }.strength-history > div { grid-template-columns: repeat(3,1fr); }
  .zero-center-main { grid-template-columns: 1fr; }.zero-history > div { grid-template-columns: repeat(3,1fr); }.zero-risk-body { grid-template-columns: 1fr; }
  .attack-quality-body,.advanced-main,.advanced-lower,.source-governance-grid { grid-template-columns:1fr; }.field-coverage > div,.advanced-leagues > div { grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 720px) {
  .topbar { height: 68px; padding: 0 16px; }.brand { min-width: auto; }.brand-symbol { width: 31px; height: 31px; }.brand small, .topbar nav, .data-badge, .freshness { display: none; }
  .top-actions { gap: 7px; }.notification-drawer { position: fixed; top: 76px; right: 12px; max-height: calc(100vh - 88px); }.notification-list { max-height: calc(100vh - 205px); }
  main { padding: 0 14px 38px; }.demo-notice { margin-top: 12px; }.demo-notice small { display: none; }
  .hero { padding: 45px 2px 35px; display: block; }.hero h1 { font-size: 39px; letter-spacing: -2.5px; }.hero-copy > p:not(.overline) { font-size: 11px; }.hero-stats { gap: 5px; flex-wrap: wrap; }.hero-stats div { min-width: 0; flex: 1 1 29%; padding: 9px; }.hero-stats b { font-size: 17px; }.hero-stats span { font-size: 7px; }
  .next-lock-card { width: 100%; margin-top: 28px; }
  .featured-board { padding: 18px 14px; }.featured-head { display: block; }.coverage-pills { margin-top: 15px; overflow-x: auto; }.coverage-pills > span { flex: 1; min-width: 88px; }.market-health { display: block; padding: 12px; }.health-progress, .health-runtime { margin-top: 13px; }.health-runtime { grid-template-columns: 1fr 1fr 1fr; }.featured-grid { grid-template-columns: 1fr; }.featured-empty { display: block; }.featured-empty > div { margin: 14px 0; }.featured-empty ul { grid-template-columns: 1fr; }
  .radar-board { padding: 18px 14px; }.radar-head { display: block; }.radar-controls { margin-top: 14px; justify-content: space-between; }.radar-grid { grid-template-columns: 1fr; }.radar-empty { justify-content: flex-start; padding: 16px; }
  .fixture-panel { padding: 18px 13px 4px; }.fixture-row { grid-template-columns: 73px minmax(0,1fr) 75px; min-height: 80px; padding-right: 1px; }.fixture-time b { font-size: 7px; }.fixture-time i { max-width: 68px; font-size: 6px; }.fixture-time small { font-size: 6px; }.fixture-pair { gap: 5px; font-size: 9px; }.fixture-pair > span { min-width: 0; gap: 5px; }.fixture-pair .team-mark { width: 21px; height: 21px; border-radius: 6px; font-size: 6px; }.fixture-signal > b { font-size: 11px; }.fixture-signal .signal-badge { font-size: 6px; }.chevron { display: none; }.section-title > span { display: none; }.filters { overflow-x: auto; }.filters button { white-space: nowrap; }
  .decision-card { display: block; }.decision-core { margin-top: 8px; }.freeze-note > span { display: none; }
  .analysis-grid { grid-template-columns: 1fr; }.evidence-card { grid-column: span 1; }.analysis-card { min-height: auto; }.evidence-card ol { display: block; }
  .timeline-card { display: block; padding: 19px 15px; overflow: hidden; }.timeline-copy { margin-bottom: 20px; }.timeline { min-width: 630px; }.timeline-card { overflow-x: auto; }.checkpoint-rail { min-width: 610px; }.timeline-main { overflow-x: auto; }.timeline-events { min-width: 610px; margin-right: -4px; }
  .value-strip { grid-template-columns: 1fr 1fr; }.value-strip > div { grid-column: span 2; padding: 0 0 8px; border-right: 0; border-bottom: 1px solid var(--line); }
  .consensus-summary { grid-template-columns: 1.25fr repeat(3,1fr); }.consensus-summary > span { font-size: 7px; }.consensus-summary > b { font-size: 9px; }
  .clv-tracker { grid-template-columns: 1fr 1fr; }.clv-tracker > div { grid-column: 1 / -1; padding: 0 0 7px; border-right: 0; border-bottom: 1px solid var(--line); }.clv-tracker.waiting { grid-template-columns: 1fr; }.clv-tracker.waiting p { grid-column: 1; }
  .ensemble-panel { padding: 18px 14px; }.ensemble-head { display: block; }.uncertainty { min-width: 0; margin-top: 13px; text-align: left; }.ensemble-flow { display: flex; justify-content: flex-start; gap: 8px; overflow-x: auto; }.ensemble-flow > span { min-width: 94px; }.component-grid { grid-template-columns: 1fr; }
  .trust-panel { display: block; padding: 18px 14px; }.trust-intro { min-height: 122px; padding-right: 115px; }.trust-score { position: absolute; top: 0; right: 4px; margin: 0; }.trust-detail { display: block; }.trust-components { margin-top: 15px; grid-template-columns: 1fr 1fr; }.trust-evidence { margin-top: 9px; }.governance-center { margin-top: 38px; padding: 18px 14px; }.governance-title { display: block; }.governance-health { width: 100%; margin-top: 14px; }.governance-kpis { grid-template-columns: 1fr 1fr; }.governance-kpis > div:last-child { grid-column: 1 / -1; }.model-leaderboard, .promotion-board, .governance-segments > article { padding: 13px; }.model-leaderboard { overflow-x: auto; }.model-leaderboard > header, .model-score-head, .model-score-row { min-width: 680px; }.governance-segments { grid-template-columns: 1fr; }.governance-segments article > div { grid-template-columns: 1fr 1fr; }
  .lineup-unavailable { padding: 20px 16px; grid-template-columns: 54px minmax(0,1fr); gap: 14px; }.lineup-empty-symbol { width: 52px; height: 52px; }.lineup-unavailable > aside { grid-column: 1 / -1; text-align: left; }.lineup-available { padding: 18px 14px 0; }.lineup-heading, .lineup-forward-head { display: block; }.lineup-source, .lineup-forward-head > aside { width: 100%; min-width: 0; margin-top: 14px; }.lineup-teams { grid-template-columns: 1fr; }.lineup-panel > footer { margin-left: -14px; margin-right: -14px; padding: 11px 14px; grid-template-columns: 15px 1fr; }.lineup-panel > footer > small { grid-column: 2; }.lineup-forward { margin-top: 38px; padding: 18px 14px; }.lineup-scoreboard { overflow-x: auto; }.lineup-scoreboard > header, .lineup-score-head, .lineup-score-row { min-width: 570px; }.lineup-leagues { grid-template-columns: 1fr 1fr; }
  .timing-decision { display: block; }.timing-action { min-height: 165px; padding: 20px 16px 18px 76px; border-right: 0; border-bottom: 1px solid var(--line); }.action-symbol { left: 17px; }.timing-proof { padding: 18px 14px; }.dynamic-gate-card { display: block; padding: 18px 14px; }.dynamic-gate-card > div { margin: 13px 0; }.timing-center { margin-top: 38px; padding: 18px 14px; }.timing-center-head { display: block; }.best-checkpoint { width: 100%; margin-top: 14px; }.timing-stats { grid-template-columns: 1fr 1fr; }.checkpoint-performance { overflow-x: auto; padding: 0 12px 6px; }.checkpoint-performance > header, .checkpoint-performance > div:not(.timing-empty) { min-width: 720px; }.timing-leagues > div { grid-template-columns: 1fr; }
  .data-trust-panel { padding: 18px 14px; grid-template-columns: 1fr; }.identity-audit { grid-column: auto; }.trust-dimensions { grid-template-columns: 1fr 1fr; }.data-quality-center { margin-top: 38px; padding: 18px 14px; }.quality-center-head { display: block; }.quality-center-head > aside { width: 100%; min-width: 0; margin-top: 14px; }.quality-kpis { grid-template-columns: 1fr 1fr; }.quality-main { grid-template-columns: 1fr; }.quality-issues, .quality-attention, .quality-leagues { padding: 13px; }.quality-attention button { min-height: 48px; }.quality-leagues > div { grid-template-columns: 1fr; }.data-quality-center > footer { margin: 15px -14px -18px; padding: 13px 14px; grid-template-columns: 1fr; gap: 6px; }
  .odds-collection-center { margin-top: 38px; padding: 18px 14px; }.collection-head { display: block; }.collection-head > aside { width: 100%; min-width: 0; margin-top: 14px; }.collection-kpis, .collection-states, .collection-checkpoints { grid-template-columns: 1fr 1fr; }.collection-main { grid-template-columns: 1fr; }.collection-queue, .collection-attempts, .collection-leagues { padding: 13px; }.collection-queue button { grid-template-columns: minmax(0,1fr) 58px; }.collection-queue time { display: none; }.collection-leagues > div { grid-template-columns: 1fr; }.odds-collection-center > footer { margin: 15px -14px -18px; padding: 13px 14px; grid-template-columns: 1fr; gap: 6px; }
  .strength-panel-head { display: block; padding: 18px 14px; }.strength-panel-head > aside { width: 100%; min-width: 0; margin-top: 14px; }.strength-matchup { padding: 14px; grid-template-columns: 1fr; }.strength-versus { min-height: 135px; }.strength-evidence { padding: 0 14px 14px; grid-template-columns: 1fr; }.strength-evidence > div { grid-template-columns: 1fr; }.strength-panel > footer { padding: 11px 14px; display: grid; grid-template-columns: auto 1fr; }.strength-panel > footer small { grid-column: 2; margin: 0; }
  .strength-center { margin-top: 38px; padding: 18px 14px; }.strength-center-head { display: block; }.strength-center-head > aside { width: 100%; min-width: 0; margin-top: 14px; }.strength-kpis { grid-template-columns: 1fr 1fr; }.strength-kpis > span:last-child { grid-column: 1 / -1; }.strength-center-main { grid-template-columns: 1fr; }.strength-league-map,.strength-gate,.strength-history { padding: 13px; }.strength-league-map > div,.strength-history > div { grid-template-columns: 1fr; }
  .zero-risk-head { display: block; padding: 18px 14px; }.zero-risk-head > aside { width: 100%; min-width: 0; margin-top: 14px; }.zero-risk-body { padding: 14px; grid-template-columns: 1fr; }.zero-team-risks { grid-template-columns: 1fr; }.zero-risk-conclusion { padding: 0 14px 14px; grid-template-columns: 1fr; }.zero-risk-panel > footer { padding: 11px 14px; display: grid; grid-template-columns: auto 1fr; }.zero-risk-panel > footer small { grid-column: 2; margin: 0; }
  .zero-risk-center { margin-top: 38px; padding: 18px 14px; }.zero-center-head { display: block; }.zero-center-head > aside { width: 100%; min-width: 0; margin-top: 14px; }.zero-center-kpis { grid-template-columns: 1fr 1fr; }.zero-center-kpis > span:last-child { grid-column: 1 / -1; }.zero-center-main { grid-template-columns: 1fr; }.zero-attention,.zero-forward-gate,.zero-history { padding: 13px; }.zero-attention button { grid-template-columns: minmax(0,1fr) 54px 54px; }.zero-attention button > em { grid-column: 1 / -1; text-align: left; }.zero-history > div { grid-template-columns: 1fr; }
  .attack-quality-head,.advanced-center-head { display:block; padding:18px 14px; }.attack-quality-head > aside,.advanced-center-head > aside { width:100%; min-width:0; margin-top:14px; text-align:left; }.attack-quality-body { padding:14px; }.attack-team-grid { grid-template-columns:1fr; }.model-triad { margin:0 14px 14px; padding:13px; }.model-triad > header { display:block; }.model-triad > header small { display:block; margin-top:7px; }.model-triad > div { grid-template-columns:1fr; }.attack-quality-panel > footer { padding:11px 14px; display:grid; grid-template-columns:auto 1fr; }.attack-quality-panel > footer small { grid-column:2; margin:0; }.advanced-center { margin-top:38px; padding:18px 14px; }.advanced-kpis { grid-template-columns:1fr 1fr; }.advanced-kpis > span:last-child { grid-column:1 / -1; }.advanced-main,.advanced-lower,.source-governance-grid { grid-template-columns:1fr; }.field-coverage,.advanced-source-card,.advanced-leagues,.advanced-promotion,.source-matrix,.conflict-ledger { padding:13px; }.field-coverage > div,.advanced-leagues > div,.source-matrix > div { grid-template-columns:1fr; }.source-sync-state { align-items:flex-start; flex-direction:column; gap:5px; }
  .review-section { margin-top: 38px; }.review-filters { align-items: stretch; }.period-tabs, .scope-toggle { width: 100%; }.period-tabs button, .scope-toggle button { flex: 1; }.review-filters label { width: calc(50% - 5px); margin: 0; flex-direction: column; align-items: stretch; }.review-filters select { max-width: none; width: 100%; }.metric-grid { grid-template-columns: 1fr 1fr; }.metric-grid > div { min-height: 90px; padding: 13px; }.scope-comparison > div { padding: 12px; grid-template-columns: 1.2fr repeat(3,1fr); }.review-table-card, .model-audit-card { padding: 15px; }.review-table { overflow-x: auto; }.review-head, .review-row { min-width: 760px; }.login-card { padding: 31px 24px; }
  .site-footer { padding: 20px 16px 28px; flex-direction: column; gap: 5px; }
}

@media (max-width:1050px) {
  .unified-scoreboard { grid-template-columns:170px minmax(0,1fr); }.unified-scorelines { grid-column:1 / -1; display:grid; grid-template-columns:150px 1fr 1fr; gap:8px; align-items:center; }.unified-scorelines > header { grid-row:span 2; }.unified-scorelines > div { margin-top:0; }.unified-scorelines > footer { grid-column:2 / -1; margin:0; }
  .unified-evidence-grid,.unified-center-main { grid-template-columns:1fr; }.unified-league-validation > div { grid-template-columns:repeat(3,1fr); }
}

@media (max-width:720px) {
  .unified-panel-head { padding:18px 14px; display:block; }.unified-panel-head > aside { width:100%; min-width:0; margin-top:14px; }.unified-scoreboard { padding:14px; grid-template-columns:1fr; }.unified-probability-orbit { min-height:185px; }.unified-market-calls { grid-template-columns:1fr; }.unified-scorelines { grid-column:auto; display:block; }.unified-scorelines > div { margin-top:8px; }.unified-scorelines > footer { margin-top:8px; }.unified-evidence-grid { padding:0 14px 14px; grid-template-columns:1fr; }.unified-source-weights > div { grid-template-columns:1fr 1fr; }.unified-source-weights > div > span:first-child { grid-column:1 / -1; }.unified-safety { padding:12px 14px; grid-template-columns:1fr; gap:6px; }
  .unified-center { margin-top:38px; padding:18px 14px; }.unified-center-head { display:block; }.unified-center-head > aside { width:100%; min-width:0; margin-top:14px; }.unified-kpis { grid-template-columns:1fr 1fr; }.unified-kpis > span:last-child { grid-column:1 / -1; }.unified-attention,.unified-forward-gate,.unified-league-validation { padding:13px; }.unified-attention button { grid-template-columns:minmax(0,1fr) 62px; }.unified-attention button > strong:nth-of-type(2) { display:none; }.unified-attention button > em { grid-column:2; }.unified-league-validation > div { grid-template-columns:1fr; }
}

/* 4.3 multi-market value and licensed price replay */
.market-value-center { margin:0 0 18px; padding:27px; position:relative; overflow:hidden; border:1px solid rgba(149,130,245,.22); border-radius:16px; background:radial-gradient(circle at 94% -15%,rgba(117,85,229,.2),transparent 34rem),radial-gradient(circle at 0 100%,rgba(47,177,169,.09),transparent 28rem),linear-gradient(145deg,rgba(14,20,31,.98),rgba(7,21,22,.96)); box-shadow:0 28px 80px rgba(0,0,0,.16); scroll-margin-top:22px; }
.market-value-center:before { content:''; width:240px; height:1px; position:absolute; top:0; left:27px; background:linear-gradient(90deg,#a18af6,transparent); box-shadow:0 0 18px rgba(161,138,246,.35); }
.value-center-head { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; }.value-center-head p,.replay-panel-head p { margin:0 0 7px; color:#9984ef; font:700 8px 'DM Mono'; letter-spacing:1.35px; }.value-center-head h2 { margin:0; color:#f0edf9; font-size:23px; letter-spacing:-1px; }.value-center-head > div > span { max-width:760px; margin-top:8px; display:block; color:#6a6e7e; font-size:8px; line-height:1.7; }
.value-center-head > aside { min-width:210px; padding:11px 14px; display:grid; grid-template-columns:8px 1fr; gap:2px 9px; border:1px solid rgba(166,145,251,.16); border-radius:9px; background:rgba(113,83,221,.065); }.value-center-head aside i { width:6px; height:6px; grid-row:1 / span 3; align-self:center; border-radius:50%; background:#a58df8; box-shadow:0 0 0 5px rgba(165,141,248,.08),0 0 14px rgba(165,141,248,.32); }.value-center-head aside span { color:#6c687c; font-size:6px; }.value-center-head aside b { color:#c7bbf6; font:600 11px 'DM Mono'; }.value-center-head aside small { color:#505363; font-size:6px; }
.value-center-kpis { margin-top:19px; display:grid; grid-template-columns:repeat(5,1fr); gap:7px; }.value-center-kpis > div { padding:13px 14px; position:relative; overflow:hidden; border:1px solid rgba(190,180,237,.08); border-radius:8px; background:rgba(255,255,255,.014); }.value-center-kpis > div:after { content:''; width:2px; height:28px; position:absolute; top:17px; left:0; border-radius:2px; background:#4e5262; }.value-center-kpis > div.focus:after { background:#71e0c0; box-shadow:0 0 10px rgba(113,224,192,.35); }.value-center-kpis > div.watch:after { background:#b49cf8; }.value-center-kpis > div.avoid:after { background:#b77b69; }.value-center-kpis span,.value-center-kpis b,.value-center-kpis small { display:block; }.value-center-kpis span { color:#5f6270; font-size:6px; }.value-center-kpis b { margin:6px 0 3px; color:#e0dced; font:600 20px 'DM Mono'; }.value-center-kpis b em { color:#736b92; font-size:8px; font-style:normal; }.value-center-kpis small { color:#4e5260; font-size:5px; }
.value-center-layout { margin-top:10px; display:grid; grid-template-columns:minmax(0,1.55fr) minmax(245px,.45fr); gap:10px; }.opportunity-ledger,.market-ledger-side,.value-performance { border:1px solid rgba(186,174,237,.08); border-radius:10px; background:rgba(3,11,19,.42); }.opportunity-ledger { min-width:0; padding:17px; }.opportunity-ledger > header,.value-performance > header { display:flex; align-items:flex-end; justify-content:space-between; gap:15px; }.opportunity-ledger header span,.market-ledger-side header span,.value-performance header span { color:#8e7bd8; font:600 6px 'DM Mono'; letter-spacing:.8px; }.opportunity-ledger h3,.market-ledger-side h3,.value-performance h3 { margin:4px 0 0; color:#cbc6d9; font-size:11px; }.opportunity-ledger header small,.value-performance header small { color:#4d5160; font-size:6px; }
.opportunity-head,.opportunity-row { display:grid; grid-template-columns:minmax(175px,1.3fr) minmax(84px,.7fr) 72px 72px minmax(90px,.7fr) 69px; gap:8px; align-items:center; }.opportunity-head { margin-top:13px; padding:9px 8px; color:#494d5b; border-bottom:1px solid rgba(186,174,237,.07); font:5px 'DM Mono'; }.opportunity-row { width:100%; min-height:72px; padding:10px 8px; position:relative; border-bottom:1px solid rgba(187,176,235,.055); background:transparent; text-align:left; transition:.18s ease; }.opportunity-row:hover { background:rgba(143,116,238,.035); }.opportunity-row:before { content:''; width:2px; height:26px; position:absolute; left:-17px; border-radius:2px; background:#474b59; }.opportunity-row.class-focus:before { background:#66d9b7; box-shadow:0 0 10px rgba(102,217,183,.3); }.opportunity-row.class-watch:before { background:#8e78df; }.opportunity-row > span { min-width:0; }.opportunity-row span small,.opportunity-row span b,.opportunity-row span em { display:block; }.opportunity-row span small { color:#4e5260; font-size:5px; }.opportunity-row span b { margin-top:4px; overflow:hidden; color:#a5a2af; font-size:7px; text-overflow:ellipsis; white-space:nowrap; }.opportunity-row span b i { color:#686278; font-size:5px; font-style:normal; }.opportunity-row span em { margin-top:3px; overflow:hidden; color:#56596a; font-size:5px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }.opportunity-match b { color:#c3c1ca!important; }.opportunity-match b i { margin:0 3px; color:#5d5a69; font-style:normal; }.opportunity-match > em { color:#74699a!important; }.opportunity-row b.positive { color:#73d7ba; }
.value-classification { padding:7px 5px; border-radius:5px; color:#8a8896; background:rgba(255,255,255,.025); font:600 6px 'DM Mono'; text-align:center; }.value-classification.focus { color:#76dcbc; background:rgba(67,174,143,.085); }.value-classification.watch { color:#ae9ce9; background:rgba(130,102,215,.08); }.value-classification.avoid { color:#a87c70; background:rgba(163,105,79,.07); }.value-classification small { margin-top:3px; color:inherit!important; opacity:.55; }
.value-empty { min-height:190px; padding:35px; display:grid; place-content:center; text-align:center; }.value-empty b { color:#aaa6b6; font-size:12px; }.value-empty span { max-width:420px; margin-top:7px; color:#555968; font-size:7px; line-height:1.7; }
.market-ledger-side { padding:17px; }.market-ledger-side header small { display:block; margin-top:5px; color:#4c505d; font-size:5px; }.checkpoint-ledger { margin-top:14px; display:grid; grid-template-columns:1fr 1fr; gap:5px; }.checkpoint-ledger > span { min-height:42px; padding:8px; display:grid; grid-template-columns:15px 1fr; align-items:center; gap:1px 6px; border-radius:6px; background:rgba(255,255,255,.014); }.checkpoint-ledger > span > i { width:14px; height:14px; grid-row:1 / span 2; display:grid; place-items:center; color:#555767; border:1px solid rgba(178,165,232,.09); border-radius:50%; font:5px 'DM Mono'; font-style:normal; }.checkpoint-ledger span b { color:#626473; font:600 7px 'DM Mono'; }.checkpoint-ledger span small { color:#454957; font-size:5px; }.checkpoint-ledger span.captured { background:rgba(123,99,214,.045); }.checkpoint-ledger span.captured i { color:#9c8ce1; border-color:rgba(164,143,244,.28); background:rgba(133,106,224,.08); }.checkpoint-ledger span.captured b { color:#a5a0b6; }
.warehouse-proof { margin-top:12px; padding-top:11px; display:grid; gap:7px; border-top:1px solid rgba(186,174,237,.07); }.warehouse-proof span { color:#575b68; font-size:5px; }.warehouse-proof i { width:5px; height:5px; margin-right:7px; display:inline-block; border-radius:50%; background:#5fbfa5; box-shadow:0 0 7px rgba(95,191,165,.22); }
.value-performance { margin-top:10px; padding:17px; }.value-performance > div { margin-top:12px; display:grid; grid-template-columns:repeat(4,1fr); gap:6px; }.value-performance > div > span { padding:12px; border-radius:7px; background:linear-gradient(155deg,rgba(130,104,220,.055),rgba(255,255,255,.008)); }.value-performance span small,.value-performance span b,.value-performance span strong { display:block; }.value-performance span > small { color:#747083; font-size:6px; }.value-performance span > b { margin-top:7px; color:#d6ceef; font:600 15px 'DM Mono'; }.value-performance span > b em { margin-left:6px; color:#4f5260; font:5px sans-serif; font-style:normal; }.value-performance span > strong { margin-top:5px; color:#858094; font:600 8px 'DM Mono'; }.value-performance span > strong i { margin-left:4px; color:#4c4f5c; font:5px sans-serif; font-style:normal; }.value-performance footer { margin-top:9px; padding-top:7px; color:#4d505e; border-top:1px solid rgba(182,170,235,.06); font-size:5px; }

.market-replay-panel { margin:10px 0 0; overflow:hidden; border:1px solid rgba(146,128,235,.18); border-radius:13px; background:radial-gradient(circle at 90% 0,rgba(102,78,206,.13),transparent 28rem),linear-gradient(145deg,rgba(12,18,29,.97),rgba(7,21,21,.94)); scroll-margin-top:22px; }.replay-panel-head { padding:21px 24px 17px; display:flex; align-items:flex-end; justify-content:space-between; gap:22px; }.replay-panel-head h3 { margin:0; color:#ded9eb; font-size:16px; }.replay-panel-head > div > span { margin-top:7px; display:block; color:#5b5f6e; font-size:7px; }.replay-panel-head > aside { min-width:150px; text-align:right; }.replay-panel-head aside span,.replay-panel-head aside b,.replay-panel-head aside em { display:block; }.replay-panel-head aside span { color:#5e6070; font-size:6px; }.replay-panel-head aside b { margin-top:4px; color:#b8a9ef; font:600 22px 'DM Mono'; }.replay-panel-head aside b small { color:#625c79; font-size:7px; }.replay-panel-head aside em { color:#4a4e5b; font-size:5px; font-style:normal; }
.fixture-value-grid { padding:0 24px 18px; display:grid; grid-template-columns:repeat(4,1fr); gap:7px; }.market-value-card { min-width:0; padding:13px; position:relative; overflow:hidden; border:1px solid rgba(184,172,237,.075); border-radius:8px; background:rgba(255,255,255,.012); }.market-value-card:before { content:''; width:50%; height:1px; position:absolute; top:0; left:0; background:linear-gradient(90deg,#57516b,transparent); }.market-value-card.status-value:before { background:linear-gradient(90deg,#64d9b7,transparent); }.market-value-card.status-watch:before { background:linear-gradient(90deg,#9c86ee,transparent); }.market-value-card.status-negative:before { background:linear-gradient(90deg,#a06456,transparent); }.market-value-card > header { display:flex; justify-content:space-between; align-items:center; }.market-value-card header span { color:#73707e; font-size:6px; }.market-value-card header i { padding:3px 5px; color:#666373; border-radius:3px; background:rgba(255,255,255,.025); font-size:5px; font-style:normal; }.market-value-card.status-value header i { color:#70d8b9; background:rgba(64,173,141,.08); }.market-value-card.status-watch header i { color:#a995ec; background:rgba(126,99,213,.08); }.market-value-card > div { margin-top:10px; display:flex; align-items:baseline; gap:7px; }.market-value-card > div b { overflow:hidden; color:#d0ccd8; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.market-value-card > div small { color:#8176a1; font:6px 'DM Mono'; }.market-value-card > section { margin-top:11px; display:grid; grid-template-columns:1fr 1fr; gap:5px; }.market-value-card section span { padding:7px; border-radius:5px; background:rgba(255,255,255,.014); }.market-value-card section small,.market-value-card section b { display:block; }.market-value-card section small { color:#4c505c; font-size:5px; }.market-value-card section b { margin-top:3px; color:#9c98a7; font:600 8px 'DM Mono'; }.market-value-card > footer { margin-top:9px; padding-top:8px; display:flex; justify-content:space-between; gap:5px; color:#4f5260; border-top:1px solid rgba(185,173,235,.06); font-size:5px; }.market-value-card > footer b { color:#868092; font:600 6px 'DM Mono'; }.market-value-card > em { margin-top:9px; display:block; overflow:hidden; color:#4d505d; font-size:5px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }.market-value-card > em.tracked { color:#69c9ad; }
.fixture-replay-rail { padding:15px 24px; display:grid; grid-template-columns:repeat(8,1fr); position:relative; border-top:1px solid rgba(182,170,235,.07); background:rgba(2,9,16,.22); }.fixture-replay-rail:before { content:''; height:1px; position:absolute; top:29px; left:6%; right:6%; background:linear-gradient(90deg,rgba(120,103,182,.1),rgba(153,130,238,.32),rgba(120,103,182,.1)); }.fixture-replay-rail > span { min-width:0; display:grid; justify-items:center; position:relative; z-index:1; text-align:center; }.fixture-replay-rail span > i { width:28px; height:28px; display:grid; place-items:center; color:#4d4f5d; border:1px solid rgba(169,152,235,.1); border-radius:50%; background:#0a121b; font:6px 'DM Mono'; font-style:normal; }.fixture-replay-rail span.captured > i { color:#b3a3ef; border-color:rgba(168,145,250,.35); background:#17172a; box-shadow:0 0 13px rgba(133,107,221,.14); }.fixture-replay-rail span b { margin-top:7px; color:#686675; font:600 6px 'DM Mono'; }.fixture-replay-rail span small { margin-top:3px; color:#4c4f5b; font-size:5px; }.fixture-replay-rail span em { max-width:85px; margin-top:2px; overflow:hidden; color:#3e424d; font-size:4px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }.market-replay-panel > footer { padding:10px 24px; display:flex; justify-content:space-between; color:#4b4f5b; border-top:1px solid rgba(182,170,235,.06); font-size:5px; }.market-replay-panel > footer b { color:#786e99; font:600 5px 'DM Mono'; }

@media (max-width:1050px) {
  .value-center-layout { grid-template-columns:1fr; }.checkpoint-ledger { grid-template-columns:repeat(4,1fr); }.warehouse-proof { grid-template-columns:1fr 1fr; }.fixture-value-grid { grid-template-columns:1fr 1fr; }.value-center-kpis { grid-template-columns:repeat(3,1fr); }
}

@media (max-width:720px) {
  .market-value-center { padding:18px 14px; }.value-center-head,.replay-panel-head { display:block; }.value-center-head > aside { width:100%; min-width:0; margin-top:14px; }.value-center-kpis { grid-template-columns:1fr 1fr; }.value-center-kpis > div:last-child { grid-column:1 / -1; }.opportunity-ledger,.market-ledger-side,.value-performance { padding:13px; }.opportunity-ledger { overflow-x:auto; }.opportunity-ledger > header { min-width:730px; }.opportunity-head,.opportunity-row { min-width:730px; }.checkpoint-ledger { grid-template-columns:1fr 1fr; }.warehouse-proof { grid-template-columns:1fr; }.value-performance > header { display:block; }.value-performance > header small { margin-top:6px; display:block; }.value-performance > div { grid-template-columns:1fr 1fr; }
  .replay-panel-head { padding:18px 14px 14px; }.replay-panel-head > aside { margin-top:13px; text-align:left; }.fixture-value-grid { padding:0 14px 14px; grid-template-columns:1fr; }.fixture-replay-rail { padding:14px; min-width:680px; }.market-replay-panel { overflow-x:auto; }.market-replay-panel > footer { min-width:680px; padding:10px 14px; }
}

/* 4.2 immutable settlement, adaptive calibration and attribution */
.unified-change-strip { padding:11px 25px; display:grid; grid-template-columns:130px minmax(0,1fr) auto; align-items:center; gap:11px; border-top:1px solid rgba(167,146,255,.08); background:rgba(113,87,218,.045); }.unified-change-strip span { color:#8c7bd6; font:600 6px 'DM Mono'; }.unified-change-strip b { color:#bbb1e3; font-size:7px; }.unified-change-strip small { color:#5b5c6c; font-size:6px; }
.unified-calibration-lab { margin-top:10px; padding:19px; overflow:hidden; border:1px solid rgba(171,153,255,.12); border-radius:11px; background:radial-gradient(circle at 90% 0,rgba(91,66,194,.11),transparent 28rem),rgba(4,11,20,.58); }
.unified-calibration-lab > header { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }.unified-calibration-lab > header span,.adaptive-profile-board header span,.coverage-curve-board header span,.unified-audit-row header span { color:#9a86f1; font:600 6px 'DM Mono'; letter-spacing:.8px; }.unified-calibration-lab > header h3 { margin:5px 0 0; color:#e0dcec; font-size:15px; }.unified-calibration-lab > header p { max-width:700px; margin:7px 0 0; color:#5d6170; font-size:7px; line-height:1.6; }.unified-calibration-lab > header aside { min-width:155px; text-align:right; }.unified-calibration-lab > header aside small,.unified-calibration-lab > header aside b,.unified-calibration-lab > header aside em { display:block; }.unified-calibration-lab > header aside small { color:#5c6070; font-size:6px; }.unified-calibration-lab > header aside b { margin:3px 0; color:#cfc6fb; font:600 23px 'DM Mono'; }.unified-calibration-lab > header aside em { color:#4a4e5c; font-size:5px; font-style:normal; }
.unified-settlement-grid { margin-top:16px; display:grid; grid-template-columns:repeat(4,1fr); gap:7px; }.unified-settlement-grid article { padding:13px; border:1px solid rgba(183,171,239,.075); border-radius:8px; background:linear-gradient(150deg,rgba(142,117,238,.06),rgba(255,255,255,.008)); }.unified-settlement-grid article > span,.unified-settlement-grid article > b,.unified-settlement-grid article > small { display:block; }.unified-settlement-grid article > span { color:#716b88; font:6px 'DM Mono'; }.unified-settlement-grid article > b { margin:7px 0 2px; color:#ded7fa; font:600 18px 'DM Mono'; }.unified-settlement-grid article > small { color:#525563; font-size:5px; }.unified-settlement-grid article footer { margin-top:10px; padding-top:8px; display:grid; grid-template-columns:1fr auto; gap:4px; border-top:1px solid rgba(177,164,235,.06); }.unified-settlement-grid footer i { color:#4c4f5d; font:5px 'DM Mono'; font-style:normal; }.unified-settlement-grid footer strong { color:#9187b8; font:600 6px 'DM Mono'; text-align:right; }
.unified-calibration-body { margin-top:8px; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr); gap:8px; }.adaptive-profile-board,.coverage-curve-board,.unified-audit-row > article { min-width:0; padding:15px; border:1px solid rgba(182,169,239,.075); border-radius:9px; background:rgba(255,255,255,.012); }.adaptive-profile-board header,.coverage-curve-board header { display:grid; grid-template-columns:1fr auto; align-items:end; }.adaptive-profile-board h4,.coverage-curve-board h4,.unified-audit-row h4 { margin:4px 0 0; color:#bdb8ca; font-size:9px; }.adaptive-profile-board header small,.coverage-curve-board header small { grid-column:2; grid-row:1 / span 2; color:#4e5260; font-size:5px; }.adaptive-profile-board > div { max-height:270px; margin-top:10px; overflow-y:auto; display:grid; grid-template-columns:1fr 1fr; gap:5px; }.adaptive-profile-board > div > div { padding:9px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 8px; border-radius:6px; background:rgba(122,103,201,.035); }.adaptive-profile-board div span b,.adaptive-profile-board div span small,.adaptive-profile-board div strong small { display:block; }.adaptive-profile-board div span b { overflow:hidden; color:#8d8c98; font-size:6px; text-overflow:ellipsis; white-space:nowrap; }.adaptive-profile-board div span small { margin-top:3px; color:#4c4f5d; font-size:5px; }.adaptive-profile-board div strong { color:#aa9fda; font-size:6px; text-align:right; }.adaptive-profile-board div strong small { margin-top:3px; color:#565365; font-size:4px; }.adaptive-profile-board div footer { grid-column:1 / -1; margin-top:4px; color:#625d78; font:5px 'DM Mono'; }
.curve-targets { margin-top:11px; display:grid; gap:8px; }.curve-targets section { display:grid; grid-template-columns:58px repeat(3,1fr); gap:5px; align-items:center; }.curve-targets section > b { color:#777286; font-size:6px; }.curve-targets section > span { padding:7px; overflow:hidden; border-radius:5px; background:rgba(255,255,255,.012); position:relative; }.curve-targets span small,.curve-targets span strong { display:block; position:relative; z-index:1; }.curve-targets span small { color:#4c4f5d; font-size:4px; }.curve-targets span strong { margin-top:3px; color:#676877; font:600 6px 'DM Mono'; }.curve-targets span i { height:2px; width:0; position:absolute; bottom:0; left:0; background:#4a455f; }.curve-targets span.ready strong { color:#a99ae8; }.curve-targets span.ready i { background:linear-gradient(90deg,#7862d8,#50ae9b); }.coverage-curve-board > footer { margin-top:11px; padding-top:9px; color:#484c59; border-top:1px solid rgba(181,169,235,.06); font-size:5px; line-height:1.6; }
.unified-audit-row { margin-top:8px; display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px; }.unified-audit-row header { padding-bottom:9px; border-bottom:1px solid rgba(180,168,235,.06); }.ablation-board > div,.abstention-effect-board > div,.change-attribution-board > div { margin-top:8px; display:grid; gap:4px; }.ablation-board > div > span { padding:7px; display:grid; grid-template-columns:5px minmax(0,1fr) auto; gap:2px 7px; align-items:center; border-radius:5px; background:rgba(255,255,255,.012); }.ablation-board span i { width:5px; height:5px; grid-row:span 2; border-radius:50%; background:#5c5d69; }.ablation-board span i.helps { background:#59b99e; box-shadow:0 0 8px rgba(83,188,157,.25); }.ablation-board span i.hurts { background:#c48568; }.ablation-board span b { color:#858492; font-size:6px; }.ablation-board span small { color:#4d505d; font-size:5px; }.ablation-board span strong { grid-column:3; grid-row:1 / span 2; color:#716c82; font:6px 'DM Mono'; }
.abstention-effect-board > div > span { padding:7px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 8px; border-radius:5px; background:rgba(255,255,255,.012); }.abstention-effect-board span b { overflow:hidden; color:#83818d; font-size:6px; text-overflow:ellipsis; white-space:nowrap; }.abstention-effect-board span small { color:#4d505c; font-size:5px; }.abstention-effect-board span strong { grid-column:2; grid-row:1 / span 2; color:#a28edb; font:600 7px 'DM Mono'; }.abstention-effect-board strong i { color:#4c4f5e; font-size:4px; font-style:normal; }
.change-attribution-board button { width:100%; padding:7px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 8px; border-radius:5px; background:rgba(255,255,255,.012); text-align:left; }.change-attribution-board button:hover { background:rgba(137,112,230,.05); }.change-attribution-board button span { overflow:hidden; color:#575a67; font-size:5px; text-overflow:ellipsis; white-space:nowrap; }.change-attribution-board button b { overflow:hidden; color:#8f86ae; font-size:6px; text-overflow:ellipsis; white-space:nowrap; }.change-attribution-board button small { grid-column:2; grid-row:1 / span 2; align-self:center; color:#4b4e5a; font-size:5px; }.unified-audit-row article p { margin:12px 0 0; color:#4f5260; font-size:6px; }

@media (max-width:1050px) {
  .unified-calibration-body { grid-template-columns:1fr; }.unified-audit-row { grid-template-columns:1fr 1fr; }.change-attribution-board { grid-column:1 / -1; }
}

@media (max-width:720px) {
  .unified-change-strip { padding:11px 14px; grid-template-columns:1fr; gap:3px; }.unified-calibration-lab { padding:14px; }.unified-calibration-lab > header { align-items:flex-start; }.unified-settlement-grid { grid-template-columns:1fr 1fr; }.adaptive-profile-board > div { grid-template-columns:1fr; }.adaptive-profile-board header,.coverage-curve-board header { display:block; }.adaptive-profile-board header small,.coverage-curve-board header small { display:block; margin-top:4px; }.curve-targets section { grid-template-columns:1fr; }.curve-targets section > span { min-height:34px; }.unified-audit-row { grid-template-columns:1fr; }.change-attribution-board { grid-column:auto; }
}