:root{color-scheme:dark;--app-bg: #0b1020;--app-bg-soft: #101827;--panel-bg: #121a2b;--surface-elevated: #172238;--surface-subtle: #0f1728;--border: #26354f;--border-strong: #354764;--text-primary: #eef4ff;--text-secondary: #b7c4d8;--text-muted: #7f8da4;--primary-accent: #7c5cff;--primary-accent-hover: #9278ff;--success: #4fbf8f;--warning: #d9a441;--danger: #df6b74;--experimental: #9b6dff;--reference-only: #7084b8;--disabled: #64748b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--app-bg);color:var(--text-primary)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(124,92,255,.16),transparent 28rem),linear-gradient(135deg,#0b1020,#0d1626 55%,#111827)}a{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid var(--border);background:#0a101fdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:22px}.brand{display:flex;gap:12px;align-items:center;padding:8px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--primary-accent),#2d9cff);font-weight:900;box-shadow:0 16px 40px #7c5cff57}.brand strong,.brand span{display:block}.brand span{color:var(--text-muted);font-size:.82rem;margin-top:2px}.sidebar-nav{display:grid;gap:6px}.sidebar-nav a{text-decoration:none;color:var(--text-secondary);padding:11px 12px;border-radius:12px;font-weight:700;border:1px solid transparent}.sidebar-nav a:hover{color:var(--text-primary);background:#7c5cff1f;border-color:#7c5cff47}.sidebar-card{margin-top:auto;padding:14px;border-radius:16px;background:var(--surface-subtle);border:1px solid var(--border);color:var(--text-secondary)}.shell-body{min-width:0}.top-bar{position:sticky;top:0;z-index:5;min-height:70px;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);background:#0d1322d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.top-bar__kicker{display:block;color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.top-bar__badges,.hero-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.shell-main{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:28px 0 56px}.preview-page{display:block}.hero,.panel,.surface-card{background:linear-gradient(180deg,#172238fa,#101827fa);border:1px solid var(--border);border-radius:22px;box-shadow:0 24px 70px #00000047}.hero{padding:30px;margin-bottom:22px}.eyebrow{color:#a99aff;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}h1{margin:6px 0 12px;font-size:clamp(2.2rem,6vw,4.7rem);line-height:.95;letter-spacing:-.06em}h2{margin:0 0 6px;font-size:1.35rem}h3{margin:18px 0 8px;color:#dce7f8}.hero p,.panel-header p,.muted,.page-header__description{color:var(--text-secondary)}.panel{padding:22px;margin:18px 0;scroll-margin-top:92px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.guardrails,.beta-banner{border:1px solid rgba(124,92,255,.28);border-left:5px solid var(--primary-accent);background:#7c5cff1a;padding:14px 18px;border-radius:16px;margin:18px 0;color:var(--text-secondary)}.beta-banner{border-color:#d9a4416b;border-left-color:var(--warning);background:#d9a4411a}.api-base code,code,pre,input{background:#080d19db;color:#dbeafe}button,.button{border:1px solid rgba(124,92,255,.55);border-radius:999px;background:linear-gradient(135deg,var(--primary-accent),#4f7cff);color:#fff;padding:10px 16px;font-weight:800;cursor:pointer;box-shadow:0 12px 26px #4f7cff2e}button:hover{background:linear-gradient(135deg,var(--primary-accent-hover),#6aa2ff)}button:disabled{opacity:.55;cursor:not-allowed}input{width:100%;border:1px solid var(--border-strong);border-radius:12px;padding:10px 12px;margin-top:6px;font:inherit}label{font-weight:800;color:var(--text-secondary)}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:12px;margin:14px 0}.stacked-form{display:grid;gap:12px}.checks{display:flex;gap:16px;flex-wrap:wrap}.checks input,.inline-check input{width:auto;margin-right:6px}.metrics,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin:16px 0}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.metric,.metric-card{border:1px solid var(--border);border-radius:16px;padding:14px;background:#0f1728e0}.metric span,.metric-card span{display:block;color:var(--text-muted);font-size:.84rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.metric strong,.metric-card strong{display:block;margin-top:6px;overflow-wrap:anywhere;color:var(--text-primary)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{background:#7c5cff24;color:#cfc7ff;border-radius:999px;padding:8px 12px;font-weight:800;border:1px solid rgba(124,92,255,.25)}.state,.empty-state{border-radius:14px;padding:12px;font-weight:800;border:1px solid var(--border)}.loading{background:#d9a4411f;color:#f1cc7c}.error{background:#df6b741f;color:#ffb3ba}.raw-json{margin-top:16px;border-top:1px solid var(--border);padding-top:12px}.raw-json summary{cursor:pointer;font-weight:900;color:#b7adff}pre{max-height:360px;overflow:auto;border-radius:14px;padding:14px;border:1px solid var(--border)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:16px}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--border);padding:11px;text-align:left;vertical-align:top}th{color:var(--text-primary);background:#7c5cff1a}.status-badge{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:5px 9px;font-size:.76rem;font-weight:900;border:1px solid currentColor}.status-badge--pass,.status-badge--ready{color:var(--success);background:#4fbf8f1c}.status-badge--warning,.status-badge--not_ready{color:var(--warning);background:#d9a4411c}.status-badge--fail,.status-badge--blocked{color:var(--danger);background:#df6b741c}.status-badge--experimental_only{color:var(--experimental);background:#9b6dff1f}.status-badge--reference_only{color:#9fb0df;background:#7084b821}.status-badge--disabled{color:var(--disabled);background:#64748b1f}.anchor-target{scroll-margin-top:92px}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--border)}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.top-bar{position:relative}.shell-main{width:min(100% - 24px,1240px)}.form-row,.grid.two{grid-template-columns:1fr}.panel-header,.top-bar{display:block}}.prediction-dashboard{position:relative;overflow:hidden}.prediction-dashboard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 20% 0%,rgba(79,124,255,.18),transparent 26rem),radial-gradient(circle at 80% 10%,rgba(79,191,143,.12),transparent 24rem)}.prediction-dashboard>*{position:relative}.prediction-dashboard__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.prediction-dashboard__header h2{font-size:clamp(2rem,4vw,3.4rem);line-height:.98;letter-spacing:-.05em}.prediction-dashboard__layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.prediction-dashboard__main{display:grid;gap:16px}.match-selector{padding:18px}.match-selector h3,.probability-panel h3,.scoreline-panel h3,.safety-rail-card h3{margin-top:0}.match-selector__inputs{grid-template-columns:repeat(2,minmax(0,1fr)) auto}.shortcut-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;color:var(--text-muted);font-weight:800}.button--ghost{background:#7c5cff1a;border-color:#7c5cff47;box-shadow:none;color:#d8d1ff;padding:8px 12px}.button--ghost:hover{background:#7c5cff2e}.prediction-hero{padding:clamp(18px,4vw,28px);border:1px solid rgba(124,92,255,.35);border-radius:24px;background:linear-gradient(135deg,#16213afa,#0f182af5);box-shadow:0 26px 80px #00000057,inset 0 1px #ffffff0d}.prediction-hero__match{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:clamp(1.7rem,5vw,3rem);font-weight:950;letter-spacing:-.05em}.prediction-hero__match strong{color:var(--text-muted);font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.expected-goals-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.expected-goals-card{padding:16px;border-radius:18px;background:#080d198a;border:1px solid rgba(255,255,255,.08)}.expected-goals-card span,.prediction-hero__outcome span,.probability-card span,.scoreline-card span{display:block;color:var(--text-muted);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.expected-goals-card strong{display:block;margin-top:8px;font-size:clamp(2rem,4vw,3.2rem)}.expected-goals-card em,.prediction-hero__outcome p,.scoreline-card em{color:var(--text-secondary);font-style:normal}.prediction-hero__outcome{border-top:1px solid rgba(255,255,255,.08);padding-top:18px}.prediction-hero__outcome strong{display:block;margin-top:6px;font-size:1.45rem;color:#a7f3d0}.probability-panel,.scoreline-panel,.safety-rail-card{padding:18px}.probability-cards{display:grid;gap:12px}.probability-card{padding:14px;border-radius:16px;border:1px solid var(--border);background:#0f1728c2}.probability-card--highlighted{border-color:#4fbf8fa6;box-shadow:inset 0 0 0 1px #4fbf8f1f}.probability-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.probability-card strong{font-size:1.5rem}.probability-card em{display:block;margin-top:8px;color:#a7f3d0;font-style:normal;font-weight:900}.probability-bar{height:10px;overflow:hidden;border-radius:999px;margin-top:10px;background:#ffffff12}.probability-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary-accent),var(--success))}.scoreline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.scoreline-card{padding:14px;border:1px solid var(--border);border-radius:16px;background:#080d1985}.scoreline-card strong{display:block;margin:8px 0 4px;font-size:1.8rem}.prediction-rail{display:grid;gap:14px;position:sticky;top:92px}.safety-rail-card{border-color:#d9a4415c}.safety-rail-card ul{padding-left:18px;color:var(--text-secondary)}.safety-rail-card li{margin:8px 0}.thai-note{padding-top:12px;border-top:1px solid var(--border);color:var(--text-muted);font-size:.92rem}@media (max-width: 1000px){.prediction-dashboard__layout{grid-template-columns:1fr}.prediction-rail{position:static}}@media (max-width: 700px){.prediction-dashboard__header{display:block}.match-selector__inputs,.expected-goals-grid{grid-template-columns:1fr}.prediction-hero__match{display:grid}}.experimental-compare-dashboard{position:relative;overflow:hidden;border-color:#9b6dff52}.experimental-compare-dashboard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 8% 0%,rgba(79,124,255,.16),transparent 28rem),radial-gradient(circle at 92% 4%,rgba(155,109,255,.18),transparent 30rem)}.experimental-compare-dashboard>*{position:relative}.experimental-compare__header{display:flex;justify-content:space-between;gap:18px;margin-bottom:18px}.experimental-compare__header h2{font-size:clamp(2rem,4vw,3.4rem);line-height:.98;letter-spacing:-.05em}.experimental-compare__badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.experimental-compare__selector{padding:18px;margin-bottom:16px}.experimental-compare__split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.compare-card{padding:clamp(16px,3vw,22px);border-radius:24px;border:1px solid var(--border);background:#0f1728d6;box-shadow:inset 0 1px #ffffff0a}.compare-card--main{border-color:#4fbf8f61;background:linear-gradient(180deg,#142638f0,#0f1728e6)}.compare-card--experimental{border-color:#9b6dff8c;background:linear-gradient(180deg,#2c1f4ceb,#12142aeb)}.compare-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.compare-card__top span,.compare-eg span,.compare-probability-row span,.compare-scorelines h4{color:var(--text-muted);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.compare-card__top h3{margin-top:6px;font-size:1.45rem}.compare-card__match{font-size:clamp(1.45rem,3vw,2.15rem);font-weight:950;letter-spacing:-.05em;color:var(--text-primary)}.compare-card__match strong{color:var(--text-muted);font-size:.92rem;letter-spacing:.08em;text-transform:uppercase}.compare-eg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.compare-eg>div{padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:#080d196b}.compare-eg strong{display:block;margin-top:8px;font-size:clamp(1.9rem,4vw,2.8rem)}.compare-eg em{display:block;color:var(--text-secondary);font-style:normal}.compare-probabilities{display:grid;gap:10px}.compare-probability-row,.change-row,.compare-scorelines div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.compare-probability-row strong,.change-row strong,.compare-scorelines strong{color:var(--text-primary)}.compare-probability-row em{color:#a7f3d0;font-style:normal;font-weight:900}.compare-scorelines{margin-top:16px}.compare-scorelines h4{margin:0 0 4px}.compare-card__note{margin-top:14px;padding:10px 12px;border-radius:14px;color:#d8d1ff;background:#9b6dff1f;border:1px solid rgba(155,109,255,.28);font-weight:800}.what-changed-panel{padding:20px;margin:16px 0;border-color:#7c5cff57}.what-changed-panel h3{margin-top:0}.change-list{display:grid;gap:2px;margin-top:12px}.change-row span{color:var(--text-secondary);font-weight:800}.experimental-compare__safety{margin-top:16px;padding:18px;border-color:#d9a4416b;background:#d9a44114}.experimental-compare__safety h3{margin-top:0}.experimental-compare__safety ul{margin-bottom:0;color:var(--text-secondary)}.experimental-compare__safety li{margin:8px 0}@media (max-width: 900px){.experimental-compare__split,.compare-eg{grid-template-columns:1fr}.experimental-compare__header{display:block}}.readiness-dashboard{position:relative;overflow:hidden;border-color:#d9a44152}.readiness-dashboard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 10% 0%,rgba(217,164,65,.15),transparent 28rem),radial-gradient(circle at 92% 8%,rgba(124,92,255,.15),transparent 30rem)}.readiness-dashboard>*{position:relative}.readiness-dashboard__header{display:flex;justify-content:space-between;gap:18px;margin-bottom:18px}.readiness-dashboard__header h2{font-size:clamp(2rem,4vw,3.4rem);line-height:.98;letter-spacing:-.05em}.readiness-dashboard__header p{max-width:760px;color:var(--text-secondary)}.readiness-dashboard__badges,.readiness-dashboard__actions,.readiness-hero__meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.readiness-dashboard__actions{justify-content:flex-end;align-content:flex-start;min-width:250px}.readiness-dashboard__layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.readiness-dashboard__main{display:grid;gap:16px}.readiness-hero{padding:clamp(20px,4vw,30px);border-radius:26px;border:1px solid rgba(217,164,65,.38);background:linear-gradient(135deg,#302618f5,#12192af5);box-shadow:0 28px 90px #00000052,inset 0 1px #ffffff0d}.readiness-hero--blocked{border-color:#df6b748a;background:linear-gradient(135deg,#3b1a23f5,#12192af5)}.readiness-hero--ready,.readiness-hero--pass{border-color:#4fbf8f7a;background:linear-gradient(135deg,#13322df5,#12192af5)}.readiness-hero>span,.readiness-check-row span{color:var(--text-muted);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.readiness-hero h3{margin:8px 0;font-size:clamp(2.2rem,5vw,4rem);line-height:.95;letter-spacing:-.06em}.readiness-hero p{max-width:760px;color:var(--text-secondary)}.readiness-hero__meta span:not(.status-badge){padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#080d1961;color:var(--text-secondary);font-weight:800}.readiness-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.readiness-panel,.readiness-rail-card{padding:18px;border-radius:20px;border:1px solid var(--border);background:#0f1728c7}.readiness-panel h3,.readiness-rail-card h3{margin-top:0}.readiness-panel>p,.readiness-rail-card p,.readiness-check-row p{color:var(--text-secondary)}.readiness-panel--blockers{border-color:#df6b746b;background:#3e18246b}.readiness-attention-list{display:grid;gap:10px}.readiness-attention-item{padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#080d197a}.readiness-attention-item strong{color:#ffd0d5}.readiness-attention-item p{margin:6px 0;color:var(--text-primary)}.readiness-attention-item span{color:var(--text-muted);font-size:.85rem;font-weight:800}.readiness-checklist{display:grid;gap:10px}.readiness-check-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#080d1966}.readiness-check-row p{margin:6px 0}.readiness-dashboard__rail{display:grid;gap:14px;position:sticky;top:92px}.readiness-rail-card ul{padding-left:18px;color:var(--text-secondary)}.readiness-rail-card li{margin:8px 0}.readiness-rail-card h4{margin:16px 0 6px;color:#dce7f8}.readiness-rail-card--safety{border-color:#d9a4415c;background:#d9a44114}@media (max-width: 1050px){.readiness-dashboard__layout{grid-template-columns:1fr}.readiness-dashboard__rail{position:static}}@media (max-width: 760px){.readiness-dashboard__header,.readiness-check-row{display:block}.readiness-dashboard__actions{justify-content:flex-start;min-width:0}.readiness-panels{grid-template-columns:1fr}}
