:root{color-scheme:dark;--bg:#0b111b;--panel:#121d2b;--panel2:#172536;--line:#2c394a;--text:#e7edf5;--muted:#9aaabd;--gold:#eac78b;--teal:#82d6c7;--orange:#e1aa81}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0%,#192b40 0,transparent 39%),var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif}button,input,select{font:inherit}.top{border-bottom:1px solid #2c394a78;display:flex;justify-content:space-between;align-items:center;padding:18px max(5vw,20px);background:#0d1622bd}.brand{display:flex;align-items:center;gap:13px;letter-spacing:.16em}.brand b{display:block;font-size:18px}.brand span:not(.seal){display:block;color:var(--muted);font-size:9px;letter-spacing:.25em}.seal{font:29px serif;color:#141b23;background:var(--gold);display:grid;place-items:center;width:46px;height:46px;border-radius:13px}.top-right{display:flex;gap:24px;align-items:center}.top-right a,footer a{color:var(--gold);text-decoration:none}.top-right .eyebrow{color:var(--teal)}.layout{max-width:1220px;margin:auto;padding:34px 24px 60px}.hero{max-width:780px;padding:22px 0 25px}.overline{font-size:11px;color:var(--gold);letter-spacing:.18em;font-weight:750}.hero h1{font-size:clamp(32px,5vw,62px);letter-spacing:-.05em;line-height:1.12;margin:12px 0}.hero em{font-style:normal;color:var(--gold)}.hero p{font-size:16px;color:var(--muted);max-width:620px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.chips span,.tag{border:1px solid var(--line);border-radius:100px;padding:4px 12px;color:var(--muted);font-size:12px}.warning{padding:12px 17px;border:1px solid #55663e;background:#22291b;color:#d2deb1;border-radius:12px;margin:0 0 17px}.warning.error{color:#f2aca9;border-color:#754347;background:#312026}.warning.ok{color:#b3e6d9;border-color:#315d54;background:#152d2a}.panel{border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,var(--panel),#111a27);padding:22px;min-width:0}.overview{display:grid;grid-template-columns:2.1fr 1fr 1fr;gap:14px;margin-bottom:14px}.section-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.big-num{font-size:clamp(33px,4vw,47px);font-weight:800;letter-spacing:-.06em;margin-top:8px}.big-num small{color:var(--muted);font-weight:500;font-size:19px;letter-spacing:0}.pct{color:var(--teal);font-size:23px;font-weight:750}.progress-track{width:100%;height:11px;background:#314056;border-radius:20px;overflow:hidden;margin:14px 0 10px}.progress-fill{height:100%;background:linear-gradient(90deg,#3d9b90,var(--teal));width:0%;transition:width .4s}.micro-row{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px}.mini strong{font-size:34px;letter-spacing:-.04em;display:block;margin:4px 0}.mini p{color:var(--muted);font-size:12px;margin:3px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 14px}.panel h2{font-size:22px;letter-spacing:-.025em;margin:4px 0 12px}.panel h3{font-size:15px;margin-bottom:5px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0 13px}.control-grid label{font-size:12px;color:var(--muted);display:grid;gap:6px}.control-grid input,.control-grid select{width:100%;min-width:0;background:#0d1725;border:1px solid #344559;border-radius:9px;padding:11px;color:var(--text);outline-offset:3px}.fixed{display:flex;justify-content:space-between;gap:9px;color:var(--muted);font-size:12px;margin:14px 0;flex-wrap:wrap}.fixed b{color:var(--teal)}.actions,.data-buttons{display:flex;flex-wrap:wrap;gap:9px;margin:13px 0}button{cursor:pointer;border:1px solid #405168;background:#1e3145;color:var(--text);font-weight:650;border-radius:10px;padding:10px 15px;transition:filter .15s}button:hover:not(:disabled){filter:brightness(1.16)}button:disabled{opacity:.42;cursor:not-allowed}button.primary{background:#d5b17a;color:#172333;border-color:#eac78b}button.danger{background:#3e2226;border-color:#7a4548;color:#ffbbb9}button.text-danger{background:transparent;color:#dca29e;border-color:#694444}.hint{color:var(--muted);font-size:13px;line-height:1.55}.live{background:#0b1623;border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:18px}.live strong{display:block;margin:7px 0;font-size:13px;overflow-wrap:anywhere}.ratings{margin-top:18px}.rating-line{margin:13px 0}.rating-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px}.rating-meta .muted{color:var(--muted);font-size:11px}.rating-bar{height:8px;border-radius:10px;background:#26384a;margin-top:6px;overflow:hidden}.rating-bar>div{height:100%;background:linear-gradient(90deg,#517c8b,var(--teal));border-radius:10px}.rating-line:first-child .rating-bar>div{background:#63758b}.tiny-note{font-size:12px;color:#8798ab;margin-top:12px}.pairings{margin-bottom:14px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th{text-align:left;color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--line);padding:11px}td{border-bottom:1px solid #2a39483d;padding:9px 11px}tr:last-child td{border-bottom:none}.tiny-bar{height:7px;width:125px;background:#26384a;display:inline-block;border-radius:10px;vertical-align:middle;margin-right:8px;overflow:hidden}.tiny-bar div{height:100%;background:var(--teal)}.below{grid-template-columns:1fr 1fr}.data-buttons button{font-size:12px}.subtle-buttons button{font-size:11px;padding:7px 10px}.log{background:#0c1521;border:1px solid #283649;border-radius:11px;padding:12px;height:205px;overflow-y:auto;color:#b7c7d6;font-family:ui-monospace,Consolas,monospace;font-size:11px}.log div{margin-bottom:8px}.divider{height:1px;background:var(--line);margin-top:20px}footer{text-align:center;color:#7d8fa3;font-size:12px;margin-top:30px}#runTag{white-space:nowrap}@media(max-width:800px){.layout{padding:20px 13px 50px}.top{padding:12px 14px}.top-right{gap:9px}.top-right .eyebrow{font-size:9px}.hero{padding:10px 2px 20px}.overview{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-panel{grid-column:1/-1}.two-col,.below{grid-template-columns:1fr}.panel{padding:17px}.mini strong{font-size:28px}.hero h1{font-size:38px}}@media(max-width:420px){.control-grid{grid-template-columns:1fr 1fr;gap:8px}.control-grid select,.control-grid input{font-size:12px}.actions button{padding:10px;font-size:12px}.top-right a{display:none}}
