.pythia-surface { --p-accent:#0891b2; --p-accent-dark:#155e75; --p-line:#e2e8f0; --p-muted:#64748b; color:#0f172a; }
.dark .pythia-surface { --p-line:#334155; --p-muted:#94a3b8; color:#e2e8f0; }
.pythia-tabs { display:flex; flex-wrap:wrap; gap:.35rem; margin-bottom:1.5rem; padding:.35rem; border:1px solid var(--p-line); border-radius:.8rem; background:#fff; }
.dark .pythia-tabs { background:#0f172a; }
.pythia-tabs a { padding:.6rem .9rem; border-radius:.55rem; color:var(--p-muted); font-size:.82rem; font-weight:650; text-decoration:none; }
.pythia-tabs a:hover { background:#ecfeff; color:var(--p-accent-dark); }
.dark .pythia-tabs a:hover { background:#164e63; color:#cffafe; }
.pythia-disclaimer { margin:2rem 0 0; color:var(--p-muted); font-size:.72rem; text-align:center; }
.ora-header,.page-header { margin:0 0 1.5rem; }
.ora-header p,.page-header p { margin:0; color:var(--p-accent); font-size:.7rem; font-weight:800; letter-spacing:.18em; }
.ora-header h1,.page-header h1 { margin:.35rem 0 0; color:inherit; font-size:clamp(2.2rem,5vw,4rem); font-weight:750; line-height:1; letter-spacing:-.045em; }
.ora-header h1 span { color:var(--p-muted); font-weight:500; }
.ora-header.compact h1,.page-header.compact h1 { font-size:clamp(2rem,4vw,3rem); }
.dashboard-toolbar { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin:1.5rem 0; padding:1.1rem; border:1px solid var(--p-line); border-radius:1rem; background:#fff; }
.dark .dashboard-toolbar,.dark .ora-game,.dark .data-panel,.dark .form-panel { background:#0f172a; }
.dashboard-toolbar > div > span { color:var(--p-accent); font-size:.68rem; font-weight:800; letter-spacing:.12em; }
.dashboard-toolbar h2 { margin:.2rem 0 0; font-size:1.2rem; font-weight:700; }
.dashboard-toolbar__actions,.ora-actions,.ora-detail-actions,.row-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.55rem; }
.dashboard-toolbar label { display:grid; gap:.25rem; min-width:230px; color:var(--p-muted); font-size:.75rem; }
.pythia-surface select,.pythia-surface input { padding:.65rem .75rem; border:1px solid var(--p-line); border-radius:.55rem; background:#fff; color:#0f172a; }
.pythia-surface button,.pythia-surface .ora-actions a,.pythia-surface .row-actions a,.pythia-surface .ora-detail-actions a,.pythia-surface .button { padding:.6rem .8rem; border:1px solid var(--p-line); border-radius:.55rem; background:#fff; color:var(--p-accent-dark); font-size:.78rem; font-weight:700; text-decoration:none; cursor:pointer; }
.pythia-surface .primary { border-color:var(--p-accent)!important; background:var(--p-accent)!important; color:#fff!important; }
.ora-games { display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:1rem; }
.ora-game { padding:1.35rem; border:1px solid var(--p-line); border-radius:1rem; background:#fff; box-shadow:0 8px 24px rgb(15 23 42 / 5%); }
.ora-game header > span { color:var(--p-accent); font-size:.65rem; font-weight:800; letter-spacing:.12em; }
.ora-game h2 { margin:.35rem 0; font-size:2rem; font-weight:750; letter-spacing:-.035em; }
.ora-game header p { color:var(--p-muted); }
.ora-card-status { display:grid; grid-template-columns:1fr 1fr; gap:.65rem; margin:1rem 0; }
.ora-card-status > div { padding:.8rem; border-radius:.7rem; background:#f1f5f9; }
.dark .ora-card-status > div { background:#1e293b; }
.ora-card-status small,.ora-card-status span { display:block; color:var(--p-muted); font-size:.65rem; }
.ora-card-status strong { display:block; font-size:1.55rem; }
.ora-card-details { display:grid; gap:.65rem; margin:1rem 0; }
.ora-card-details div { display:flex; justify-content:space-between; gap:1rem; padding-top:.6rem; border-top:1px solid var(--p-line); }
.ora-card-details dt { color:var(--p-muted); font-size:.72rem; }
.ora-card-details dd { margin:0; text-align:right; font-size:.78rem; }
.ora-card-details b { display:inline-grid; place-items:center; min-width:25px; height:25px; margin-left:.2rem; border-radius:50%; background:#cffafe; color:#155e75; }
.progol-board { margin-bottom:1.5rem; overflow:hidden; border:1px solid #334155; border-radius:1.1rem; background:#0f172a; color:#f8fafc; box-shadow:0 16px 40px rgb(15 23 42 / 15%); }
.progol-board__header { display:flex; justify-content:space-between; gap:2rem; padding:1.7rem; background:radial-gradient(circle at top right,rgb(8 145 178 / 30%),transparent 45%); }
.progol-board__header span { color:#67e8f9; font-size:.68rem; font-weight:800; letter-spacing:.16em; }
.progol-board__header h2 { margin:.3rem 0; font-size:2.2rem; font-weight:750; }
.progol-board__header p { color:#94a3b8; font-size:.8rem; }
.progol-board__meta { text-align:right; }
.progol-board__meta strong,.progol-board__meta span,.progol-board__meta small { display:block; }
.progol-board__meta strong { font-size:1.8rem; }.progol-board__meta small { color:#64748b; }
.progol-league { padding:0 1.7rem 1.25rem; }
.progol-league h3 { display:flex; justify-content:space-between; margin:0 0 .6rem; padding-top:1rem; border-top:1px solid #334155; color:#cbd5e1; font-size:.72rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.progol-league h3 span { color:#64748b; font-weight:500; }
.progol-matches { display:grid; gap:.45rem; }
.progol-match { display:grid; grid-template-columns:32px minmax(110px,1fr) 24px minmax(110px,1fr) 58px minmax(180px,1fr); align-items:center; gap:.65rem; padding:.75rem; border:1px solid #334155; border-radius:.7rem; background:rgb(255 255 255 / 3%); }
.progol-position { display:grid; place-items:center; width:28px;height:28px;border-radius:.45rem;background:#164e63;color:#a5f3fc;font-weight:800; }
.progol-team { display:grid; }.progol-team--away { text-align:right; }.progol-team small,.progol-pick small { color:#64748b;font-size:.56rem;font-weight:800;letter-spacing:.1em; }.progol-team strong { font-size:.82rem; }
.progol-versus { color:#64748b;text-align:center;font-size:.65rem; }.progol-pick { text-align:center; }.progol-pick strong { display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#06b6d4;color:#083344; }
.progol-probabilities { display:grid;grid-template-columns:repeat(3,1fr);gap:.2rem; }.progol-probabilities span { padding:.25rem;border-radius:.35rem;background:#1e293b;color:#cbd5e1;text-align:center;font-size:.62rem; }
.progol-facts { grid-column:2/-1;color:#64748b;font-size:.62rem; }.progol-facts em { color:#67e8f9;font-style:normal; }
.data-panel,.form-panel { overflow:auto; padding:1.2rem; border:1px solid var(--p-line); border-radius:1rem; background:#fff; }
.pythia-surface table { width:100%; border-collapse:collapse; }.pythia-surface th,.pythia-surface td { padding:.75rem;border-bottom:1px solid var(--p-line);text-align:left;font-size:.78rem; }.pythia-surface th { color:var(--p-muted);font-size:.68rem;letter-spacing:.06em; }
.form-panel { max-width:760px; }.form-panel form>div,.form-panel label { display:grid;gap:.3rem;margin-bottom:1rem;color:var(--p-muted); }
.ora-summary { display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem;margin-bottom:1rem; }.ora-summary article { padding:1rem;border:1px solid var(--p-line);border-radius:.8rem; }.ora-summary span { display:block;color:var(--p-muted);font-size:.68rem; }.ora-summary strong { font-size:1.25rem; }
.pythia-surface .hero { display:flex;justify-content:space-between;gap:2rem;margin-bottom:1.5rem;padding:1.6rem;border:1px solid var(--p-line);border-radius:1rem;background:linear-gradient(135deg,#fff,#ecfeff); }
.dark .pythia-surface .hero { background:linear-gradient(135deg,#0f172a,#164e63); }
.pythia-surface .hero h1 { margin:.35rem 0;font-size:clamp(2rem,4vw,3.4rem);font-weight:750;letter-spacing:-.04em; }
.pythia-surface .eyebrow { margin:0;color:var(--p-accent);font-size:.68rem;font-weight:800;letter-spacing:.16em; }
.pythia-surface .analysis-context,.pythia-surface .fingerprint { max-width:900px;color:var(--p-muted);font-size:.78rem;overflow-wrap:anywhere; }
.pythia-surface .hero__actions { display:flex;align-items:flex-start;gap:.5rem; }
.pythia-surface .dashboard-grid { display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem; }
.pythia-surface .card { grid-column:span 6;padding:1.2rem;border:1px solid var(--p-line);border-radius:1rem;background:#fff;box-shadow:0 8px 24px rgb(15 23 42 / 5%); }
.pythia-surface .card--table { grid-column:1/-1; width:100%; }
.dark .pythia-surface .card { background:#0f172a; }
.pythia-surface .card--recommendation { grid-column:1/-1;border-top:4px solid var(--p-accent); }
.pythia-surface .card--recommendation { order:-2; }
.pythia-surface [data-visualization="mechanism-accuracy"] { order:-1; }
.pythia-surface .card__header { display:flex;align-items:center;gap:.7rem;margin-bottom:1rem; }.pythia-surface .card__header>span { display:grid;place-items:center;width:28px;height:28px;border-radius:.45rem;background:#cffafe;color:#155e75;font-size:.7rem;font-weight:800; }.pythia-surface .card__header h2 { margin:0;font-size:1rem;font-weight:750; }
.pythia-surface .recommendation__objective { color:var(--p-muted); }.pythia-surface .recommended-systems,.pythia-surface .recommended-tickets { display:grid;gap:.55rem;margin:1rem 0; }.pythia-surface .recommended-system,.pythia-surface .recommended-ticket { display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:.7rem;background:#f8fafc; }.dark .pythia-surface .recommended-system,.dark .pythia-surface .recommended-ticket { background:#1e293b; }
.pythia-surface .recommended-system>div { display:grid; }.pythia-surface .recommended-system small { color:var(--p-muted);font-size:.58rem; }.pythia-surface .recommended-system b,.pythia-surface .recommended-ticket b { display:inline-grid;place-items:center;min-width:27px;height:27px;margin:.12rem;border-radius:50%;background:#cffafe;color:#155e75;font-size:.72rem; }.pythia-surface .recommended-ticket>strong { color:var(--p-muted); }
.pythia-surface .links { display:grid;gap:.5rem; }.pythia-surface .link { display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:.5rem;font-size:.72rem; }.pythia-surface .link i { height:3px;background:var(--p-accent);opacity:calc(.25 + var(--weight)); }
.pythia-surface .empty-state { display:grid;place-items:center;min-height:320px;border:1px dashed var(--p-line);border-radius:1rem;text-align:center; }.pythia-surface footer { margin-top:1rem;color:var(--p-muted);font-size:.72rem; }
@media(max-width:800px){.dashboard-toolbar,.progol-board__header{display:block}.dashboard-toolbar__actions,.progol-board__meta{margin-top:1rem;text-align:left}.progol-league{padding-inline:.8rem}.progol-match{grid-template-columns:28px 1fr 20px 1fr 42px}.progol-probabilities,.progol-facts{grid-column:2/-1}}
@media(max-width:900px){.pythia-surface .hero{display:block}.pythia-surface .hero__actions{margin-top:1rem}.pythia-surface .card{grid-column:1/-1}}
.mechanism-proposal {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin: 0.15rem 0.4rem 0.15rem 0;
}

.mechanism-proposal small {
  font-weight: 700;
  text-transform: uppercase;
}

.mechanism-proposal b {
  display: inline-grid;
  min-width: 1.8rem;
  min-height: 1.8rem;
  place-items: center;
  border-radius: 999px;
  background: #0d694f;
  color: #fff;
}