/* 实时分析：配色跟随网站主题变量；图表专用色（黑白双方、六档失误）已通过色弱与对比度校验。 */
.oa-sync-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;padding:6px 10px;margin-bottom:6px;border:1px solid var(--oa-line);border-radius:8px;background:var(--oa-surface2);font-size:12px;color:var(--oa-text2)}
.oa-sync-bar>div{display:flex;gap:6px;flex-wrap:wrap}
#online-analysis-view .oa-sync-bar button{min-height:30px;padding:3px 7px;border:1px solid var(--oa-line);border-radius:6px;background:var(--oa-surface);font-size:12px;white-space:nowrap}
#online-analysis-view .oa-sync-bar button:disabled{opacity:.5;cursor:default}
@media(max-width:900px){.oa-sync-bar{margin:3px 6px 5px;padding:5px 8px}.oa-sync-bar>div{gap:5px}#online-analysis-view .oa-sync-bar button{min-height:34px}}
#online-analysis-view{
  --oa-bg:var(--ui-bg,#06110e);--oa-surface:var(--ui-panel,#0c1d17);--oa-surface2:var(--ui-panel-raised,#12271f);
  --oa-line:var(--ui-line,rgba(212,161,59,.18));--oa-text:var(--ui-text,#f7edcf);--oa-text2:var(--ui-secondary,#c9bfa5);--oa-muted:var(--ui-muted,#8ea99f);
  --oa-gold:var(--ui-gold,#d4a13b);--oa-gold-soft:color-mix(in srgb,var(--oa-gold) 14%,transparent);
  --oa-grid:color-mix(in srgb,var(--oa-text) 7%,transparent);--oa-grid-mid:color-mix(in srgb,var(--oa-text) 18%,transparent);
  --oa-sb:#4a90e8;--oa-sw:#d96a33;
  --oa-pending:#5d5a4f;--oa-g0:#71b795;--oa-g1:#f0b98a;--oa-g2:#e5925c;--oa-g3:#d86d3e;--oa-g4:#c04a2c;--oa-g5:#9a3424;
  --oa-seg0:rgba(255,255,255,.018);--oa-seg1:rgba(255,255,255,.045);
  flex-direction:column;position:fixed;inset:0;z-index:200;background:var(--oa-bg);color:var(--oa-text);
  font:13px/1.55 var(--font-sans);font-variant-numeric:tabular-nums;overflow:hidden;
}
html[data-theme=light] #online-analysis-view,html[data-theme=songyan] #online-analysis-view{
  --oa-sb:#2a6fc9;--oa-sw:#d9622e;
  --oa-pending:#c9c4b5;--oa-g0:#418d69;--oa-g1:#e9a86a;--oa-g2:#de7f45;--oa-g3:#cc5a2e;--oa-g4:#a83f23;--oa-g5:#7a2a1b;
  --oa-seg0:rgba(0,0,0,0);--oa-seg1:rgba(60,50,20,.035);
}
#online-analysis-view *{box-sizing:border-box}
#online-analysis-view button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.oa-icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.oa-meta{color:var(--oa-muted);font-size:12px}
.oa-stone{width:13px;height:13px;border-radius:50%;display:inline-block;flex:none;vertical-align:-2px}
.oa-stone.b{background:radial-gradient(circle at 35% 35%,#555,#111 60%,#000)}
.oa-stone.w{background:radial-gradient(circle at 35% 35%,#fff,#ece8df 60%,#cfcac0);box-shadow:inset 0 0 0 .5px rgba(0,0,0,.25)}
.oa-gtag{display:inline-flex;align-items:center;gap:5px;padding:1px 8px 1px 6px;border-radius:999px;font-size:11.5px;color:var(--oa-text);white-space:nowrap;background:color-mix(in srgb,var(--c) 22%,transparent);border:1px solid color-mix(in srgb,var(--c) 55%,transparent)}
.oa-gtag::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--c)}
.oa-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:8px!important;border:1px solid var(--oa-line)!important;background:var(--oa-surface2)!important;font-size:12.5px;color:var(--oa-text2)!important;white-space:nowrap}
.oa-btn.primary{border-color:color-mix(in srgb,var(--oa-gold) 55%,transparent)!important;color:var(--oa-gold)!important;background:var(--oa-gold-soft)!important}
.oa-btn.stop{color:#ff8b7a!important;border-color:rgba(255,120,100,.35)!important}
html[data-theme=light] .oa-btn.stop,html[data-theme=songyan] .oa-btn.stop{color:#b5401f!important}
.oa-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--oa-gold-soft);color:var(--oa-gold);font-size:12.5px;border:1px solid color-mix(in srgb,var(--oa-gold) 30%,transparent);white-space:nowrap}
.oa-pill.muted{background:transparent;color:var(--oa-muted);border-color:var(--oa-line)}
.oa-dot{width:7px;height:7px;border-radius:50%;background:#3ccf8e;box-shadow:0 0 0 3px rgba(60,207,142,.18);animation:oa-pulse 1.6s infinite}
@keyframes oa-pulse{50%{box-shadow:0 0 0 5px rgba(60,207,142,.05)}}
.oa-engine{display:flex;align-items:center;gap:8px;margin-left:auto}
/* 顶栏 */
.oa-top{height:56px;flex:none;display:flex;align-items:center;gap:16px;padding:0 18px;border-bottom:1px solid var(--oa-line);background:var(--oa-surface)}
.oa-back{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;color:var(--oa-text2)!important;border:1px solid var(--oa-line)!important}
.oa-brand{font-weight:600;font-size:15px;letter-spacing:.5px;white-space:nowrap}
.oa-players{display:flex;align-items:center;gap:10px;padding-left:16px;border-left:1px solid var(--oa-line);white-space:nowrap;min-width:0;overflow:hidden}
.oa-players>span{display:flex;align-items:center;gap:6px}
/* 主布局 */
.oa-main{flex:1;min-height:0;display:grid;grid-template-columns:236px 1fr 440px}
.oa-col-l,.oa-col-r{background:var(--oa-surface);display:flex;flex-direction:column;min-height:0}
.oa-col-l{border-right:1px solid var(--oa-line)}
.oa-col-r{border-left:1px solid var(--oa-line)}
.oa-col-c{display:flex;flex-direction:column;min-width:0;min-height:0}
.oa-sec-h{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px;font-size:12px;color:var(--oa-muted)}
.oa-sec-h b{color:var(--oa-text2);font-weight:600}
.oa-strip{display:grid;gap:1px;padding:0 14px 8px}
.oa-strip i{height:9px;border-radius:1.5px;background:var(--oa-pending);cursor:pointer}
.oa-strip i.cur{outline:1.5px solid var(--oa-gold);outline-offset:1px}
.oa-mlist{flex:1;overflow:auto;padding:0 6px 10px;scrollbar-width:thin}
.oa-mrow{display:grid;grid-template-columns:30px 16px 40px 1fr 46px;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;cursor:pointer;font-size:12.5px}
.oa-mrow:hover{background:var(--oa-surface2)}
.oa-mrow.cur{background:var(--oa-gold-soft);box-shadow:inset 2px 0 0 var(--oa-gold)}
.oa-mrow .n{color:var(--oa-muted);text-align:right}
.oa-mrow .gb{height:6px;border-radius:3px}
.oa-mrow .l{text-align:right;color:var(--oa-text2)}
.oa-try{border-top:1px solid var(--oa-line);padding:4px 8px 10px;max-height:38%;overflow:auto}
.oa-try-tip{padding:8px 6px;line-height:1.6}
.oa-try-cur{background:var(--oa-gold-soft);border:1px solid color-mix(in srgb,var(--oa-gold) 35%,transparent);border-radius:10px;padding:9px 10px;margin:8px 0;font-size:12px;display:flex;flex-direction:column;gap:6px}
.oa-try-cur b{display:flex;align-items:center;gap:6px;color:var(--oa-gold)}
.oa-try-act{display:flex;gap:6px}
.oa-saved{display:flex;align-items:center;gap:6px;width:100%;text-align:left;padding:6px 8px;border-radius:6px;font-size:12px;color:var(--oa-text2)!important}
.oa-saved:hover{background:var(--oa-surface2)!important}
/* 棋盘 */
.oa-board-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:16px;padding:24px 16px 4px}
.oa-board{height:100%;aspect-ratio:1;max-width:100%;position:relative}
.oa-board canvas{width:100%;height:100%;display:block;border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.2)}
.oa-board-cap{position:absolute;left:0;right:0;top:-2px;transform:translateY(-100%);font-size:12px;color:var(--oa-muted);display:flex;justify-content:space-between}
.oa-side{width:64px;height:100%;display:flex;flex-direction:column;gap:10px;align-items:center;padding:4px 0}
.oa-gauge{flex:1;width:12px;border-radius:6px;background:var(--oa-sw);position:relative;overflow:hidden}
.oa-gauge i{position:absolute;left:0;right:0;top:0;background:var(--oa-sb);transition:height .3s}
.oa-gauge::after{content:'';position:absolute;left:-2px;right:-2px;top:50%;height:1px;background:var(--oa-surface)}
.oa-v{font-size:12px;text-align:center;line-height:1.3}
.oa-v b{display:block;font-size:15px}
.oa-tools{display:flex;align-items:center;gap:6px;padding:8px 16px;justify-content:center;flex-wrap:wrap}
.oa-grp{display:flex;align-items:center;gap:2px;background:var(--oa-surface);border:1px solid var(--oa-line);border-radius:8px;padding:2px}
.oa-grp button{padding:5px 10px;border-radius:6px;color:var(--oa-text2)!important;display:flex;align-items:center;gap:5px;font-size:12.5px}
.oa-grp button.on{background:var(--oa-surface2)!important;color:var(--oa-text)!important;box-shadow:inset 0 0 0 1px var(--oa-line)}
.oa-grp .oa-hint{padding:0 10px;font-size:12px;color:var(--oa-muted)}
.oa-mv{min-width:94px;text-align:center;font-size:12.5px;color:var(--oa-text2)}
.oa-mv b{color:var(--oa-text)}
.oa-board-controls{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.oa-number-control{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--oa-text2)}
.oa-number-control select{font:inherit;color:var(--oa-text);background:var(--oa-surface);border:1px solid var(--oa-line);border-radius:7px;padding:5px 7px;min-height:32px}
.oa-mobile-controls{padding:2px 10px 6px;flex:none}
.oa-mobile-controls select{font-size:16px}
.oa-key-hint{text-align:center;padding:0 8px 4px;font-size:11px;color:var(--oa-muted);flex:none}
.oa-import-overlay{position:absolute;inset:0;z-index:30;background:rgba(20,20,15,.45);display:flex;align-items:center;justify-content:center;padding:12px}
.oa-import-dialog{width:min(560px,100%);max-height:100%;overflow:auto;background:var(--oa-surface);border:1px solid var(--oa-line);border-radius:14px;padding:20px;box-shadow:0 15px 50px rgba(0,0,0,.25)}
.oa-completion-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:18px}
.oa-completion-overlay .oa-import-dialog{width:min(440px,100%);line-height:1.8}
.oa-tier-dialog{width:min(640px,100%)}
.oa-tier-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:15px 0}
.oa-tier-options button{display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center;padding:12px 5px!important;border:1px solid var(--oa-line)!important;border-radius:10px!important;background:var(--oa-surface2)!important;min-width:0}
.oa-tier-options button b{color:var(--oa-gold);font-size:12px;letter-spacing:-1px}
.oa-tier-options button small,.oa-tier-options button em{font-size:11px;font-style:normal;color:var(--oa-muted)}
.oa-tier-options button[aria-pressed=true]{border-color:var(--oa-gold)!important;background:var(--oa-gold-soft)!important;box-shadow:0 0 0 1px var(--oa-gold)}
.oa-tier-options button:disabled{opacity:.45;cursor:not-allowed}
.oa-tier-dialog label.oa-tier-remember{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-direction:row!important;gap:7px;font-size:12px}
.oa-tier-remember input{flex:0 0 16px!important;width:16px!important;height:16px!important;margin:0!important;order:-1}
.oa-tier-warning{color:var(--oa-gold)}
@media(max-width:620px){.oa-tier-options{grid-template-columns:repeat(2,minmax(0,1fr))}.oa-tier-options button:last-child{grid-column:1/-1}.oa-tier-options button{padding:8px!important}.oa-tier-dialog>p{font-size:12px}.oa-tier-dialog{padding:15px}}
.oa-import-dialog header,.oa-import-dialog footer{display:flex;justify-content:space-between;align-items:center;gap:12px}
.oa-import-dialog h3{margin:0;font-size:18px}
.oa-import-dialog header button{font-size:24px;padding:0 6px}
.oa-import-dialog footer{margin-top:12px}
.oa-import-tabs{display:flex;gap:6px;margin:16px 0}
.oa-import-tabs button{flex:1;border:1px solid var(--oa-line)!important;border-radius:7px;padding:8px;font-size:12px}
.oa-import-tabs button[aria-selected=true]{background:var(--oa-gold-soft)!important;color:var(--oa-gold)!important;border-color:var(--oa-gold)!important}
.oa-import-dialog [hidden]{display:none!important}
.oa-import-dialog label{display:block;margin:10px 0;font-size:12px;color:var(--oa-text2)}
.oa-import-dialog input,.oa-import-dialog textarea{width:100%;display:block;margin-top:6px;font:inherit;font-size:16px;color:var(--oa-text);background:var(--oa-surface2);border:1px solid var(--oa-line);border-radius:7px;padding:9px}
.oa-import-dialog textarea{resize:vertical}
.oa-import-dialog .oa-import-game{width:100%;display:flex;flex-direction:column;text-align:left;gap:4px;padding:10px;margin:6px 0;border:1px solid var(--oa-line)!important;border-radius:8px;background:var(--oa-surface2)!important}
.oa-import-game small{color:var(--oa-muted)}
.oa-import-error{color:var(--ui-danger,#bd503d);font-size:12px;margin:10px 0;min-height:18px}
/* 曲线 */
.oa-charts{flex:none;border-top:1px solid var(--oa-line);background:var(--oa-surface);padding:6px 12px 4px}
.oa-cap{display:flex;align-items:center;gap:14px;font-size:11.5px;color:var(--oa-muted);padding:2px 4px 0}
.oa-lg{display:flex;align-items:center;gap:5px}
.oa-lg .sw{width:10px;height:10px;border-radius:2px;display:inline-block}
.oa-lg .sw.round{border-radius:50%}
.oa-right{margin-left:auto}
.oa-chart-row{display:grid;grid-template-columns:1fr 188px;gap:14px;align-items:start}
.oa-note{font-size:12px;color:var(--oa-text2);padding:18px 2px 0 14px;line-height:1.7;border-left:1px solid var(--oa-grid)}
.oa-note b.k{display:flex;gap:5px;align-items:center;color:var(--oa-gold);font-weight:600;margin-bottom:4px}
.oa-auto{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 14px;margin:6px 0;border:1px dashed var(--oa-line);border-radius:12px}
.oa-auto b{display:flex;align-items:center;gap:6px;font-size:13.5px}
.oa-auto p{margin:4px 0 0;color:var(--oa-text2);font-size:12.5px}
.oa-progress{height:6px;border-radius:3px;background:var(--oa-grid-mid);overflow:hidden;margin-top:10px;max-width:420px}
.oa-progress i{display:block;height:100%;background:var(--oa-gold);transition:width .4s}
.oa-chart{display:block;overflow:visible}
.oa-chart text{font-family:var(--font-sans)}
.oa-chart .grid{stroke:var(--oa-grid);stroke-width:1}
.oa-chart .grid-mid{stroke:var(--oa-grid-mid);stroke-width:1}
.oa-chart .line-main{stroke:var(--oa-text);stroke-width:1.75;fill:none;stroke-linejoin:round;opacity:.92}
.oa-chart .t-ax{font-size:10.5px;fill:var(--oa-muted)}
.oa-chart .t-lab{font-size:11.5px;fill:var(--oa-text2);font-weight:500}
.oa-chart .t-hint{font-size:10.5px;fill:var(--oa-muted);paint-order:stroke;stroke:var(--oa-surface);stroke-width:3px;stroke-linejoin:round}
.oa-chart .t-seg{font-size:10.5px;fill:var(--oa-muted);letter-spacing:.5px}
.oa-chart .t-dl{font-size:11px;fill:var(--oa-text);font-weight:500;paint-order:stroke;stroke:var(--oa-surface);stroke-width:3px;stroke-linejoin:round}
.oa-chart .t-flag{font-size:10px;font-weight:700;fill:#fff}
.oa-chart .t-cur{font-size:11px;fill:var(--oa-gold);font-weight:600}
.oa-chart .cur{stroke:var(--oa-gold);stroke-width:1.25}
.oa-chart .cur-dot{fill:var(--oa-gold);stroke:var(--oa-surface);stroke-width:2}
.oa-chart .xh{stroke:var(--oa-text2);stroke-width:1;pointer-events:none}
.oa-chart .flag,.oa-chart .bar{cursor:pointer}
.oa-chart .hit{cursor:crosshair}
/* 悬停卡与提醒条 */
.oa-tip{position:fixed;left:0;top:0;z-index:9999;pointer-events:none;opacity:0;transition:opacity .12s;min-width:200px;max-width:280px;background:var(--ui-panel-raised,#12271f);color:var(--ui-text,#f7edcf);border:1px solid var(--ui-line,rgba(212,161,59,.2));border-radius:10px;padding:10px 12px;font-size:12px;box-shadow:0 12px 32px rgba(0,0,0,.3)}
.oa-tip .oa-tr{display:flex;justify-content:space-between;gap:16px;margin-top:4px;color:var(--ui-secondary,#c9bfa5)}
.oa-tip .oa-tr b{color:var(--ui-text,#f7edcf)}
.oa-tg{display:inline-block;margin-left:8px;padding:0 7px;border-radius:999px;font-size:11px;background:color-mix(in srgb,var(--c) 26%,transparent);border:1px solid color-mix(in srgb,var(--c) 60%,transparent)}
.oa-notice{position:absolute;left:50%;top:68px;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:12px;background:var(--oa-surface2);border:1px solid color-mix(in srgb,var(--oa-gold) 45%,transparent);box-shadow:0 12px 32px rgba(0,0,0,.3);font-size:13px}
.oa-notice button{color:var(--oa-gold)!important;font-weight:600}
/* 右栏 */
.oa-rbody{flex:1;overflow:auto;padding:14px 16px 16px;scrollbar-width:thin}
.oa-card{background:var(--oa-surface2);border:1px solid var(--oa-line);border-radius:12px;padding:14px}
.oa-mh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.oa-mh h3{margin:0;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}
.oa-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.oa-kpi{background:var(--oa-surface);border:1px solid var(--oa-line);border-radius:9px;padding:9px 10px}
.oa-kpi span{display:block;font-size:11px;color:var(--oa-muted)}
.oa-kpi b{display:block;white-space:nowrap;font-size:15.5px;font-weight:600;margin-top:2px}
.oa-kpi small{font-size:11px;color:var(--oa-text2)}
.oa-kpi .neg{color:#ff8b7a}
html[data-theme=light] .oa-kpi .neg,html[data-theme=songyan] .oa-kpi .neg{color:#b5401f}
.oa-insight{margin-top:12px;font-size:13px;line-height:1.75;color:var(--oa-text)}
.oa-insight p{margin:0}
.oa-insight p+p{margin-top:6px}
.oa-insight .lead{color:var(--oa-text2)}
.oa-insight em{font-style:normal;color:var(--oa-gold);font-weight:500}
.oa-src{margin-top:8px;font-size:11px;color:var(--oa-muted);display:flex;gap:6px;align-items:center}
.oa-rbody h4{font-size:12.5px;font-weight:600;color:var(--oa-text2);margin:16px 0 8px;display:flex;justify-content:space-between;align-items:center}
.oa-rbody h4 small{font-weight:400;color:var(--oa-muted)}
.oa-ct{width:100%;border-collapse:collapse;font-size:12.5px}
.oa-ct th{white-space:nowrap;font-weight:500;color:var(--oa-muted);font-size:11.5px;text-align:right;padding:5px 6px;border-bottom:1px solid var(--oa-line)}
.oa-ct th:first-child,.oa-ct td:first-child{text-align:left}
.oa-ct td{padding:6px;text-align:right;border-bottom:1px solid var(--oa-grid)}
.oa-ct tr.played td{background:color-mix(in srgb,var(--c) 12%,transparent)}
.oa-ct tr:hover td,.oa-ct tr.hl td{background:var(--oa-surface2)}
.oa-ct tr.hl td:first-child{box-shadow:inset 2px 0 0 var(--oa-gold)}
.oa-ct .co{white-space:nowrap;font-weight:600;display:flex;align-items:center;gap:7px}
.oa-ct .bdg{width:18px;height:18px;border-radius:50%;display:inline-grid;place-items:center;font-size:10.5px;font-weight:700;background:var(--oa-surface2);color:var(--oa-text2)}
.oa-ct .bdg.top{background:#39d0ff;color:#06222c}
.oa-ct .pv{color:var(--oa-muted);font-size:11.5px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
.oa-barin{height:4px;border-radius:2px;background:var(--oa-grid-mid);margin-top:3px;overflow:hidden}
.oa-barin i{display:block;height:100%;background:var(--oa-text2)}
.oa-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--oa-muted);margin-top:10px}
.oa-legend span{display:flex;align-items:center;gap:5px}
.oa-legend i{width:10px;height:10px;border-radius:50%}
/* 中等宽度：右栏收窄 */
@media (max-width:1280px){.oa-main{grid-template-columns:200px 1fr 380px}.oa-chart-row{grid-template-columns:1fr}.oa-note{display:none}}
/* 手机：棋盘 + 迷你曲线 + 按钮，点开半屏面板，不向下滚动 */
.oa-mtop{height:48px;flex:none;display:flex;align-items:center;gap:8px;padding:0 10px;background:var(--oa-surface);border-bottom:1px solid var(--oa-line)}
.oa-mtop .oa-back{padding:5px;border:0!important;background:var(--oa-surface2)!important}
.oa-mttl{flex:1;min-width:0;line-height:1.25}
.oa-mttl b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oa-mttl small{display:block;color:var(--oa-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oa-mtop .oa-engine{gap:6px;flex:none}
.oa-mtop .oa-pill{padding:4px 8px;font-size:11px}
.oa-mtop .oa-btn{padding:5px 9px;font-size:11.5px}
.oa-mboard{padding:6px 6px 0;height:auto;width:100%;aspect-ratio:auto}
.oa-mboard canvas{width:100%;height:auto;aspect-ratio:1}
.oa-mstat{display:flex;align-items:center;gap:8px;padding:6px 12px 0;font-size:12px}
.oa-wbar{flex:1;height:8px;border-radius:4px;background:var(--oa-sw);overflow:hidden}
.oa-wbar i{display:block;height:100%;background:var(--oa-sb);transition:width .3s}
.oa-mchart{padding:2px 8px 0;min-height:40px}
.oa-mchart .oa-auto{padding:10px;margin:4px 0;flex-direction:column;align-items:stretch;gap:8px}
.oa-mchart .oa-auto p{display:none}
.oa-mctl{display:flex;align-items:center;justify-content:space-between;padding:4px 12px}
.oa-mctl button{width:40px;height:32px;border-radius:8px!important;background:var(--oa-surface2)!important;border:1px solid var(--oa-line)!important;display:grid;place-items:center}
.oa-mbtns{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:4px 10px 10px}
.oa-mbtns button{height:54px;border-radius:11px!important;background:var(--oa-surface)!important;border:1px solid var(--oa-line)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;color:var(--oa-text2)!important}
.oa-mbtns button.on{border-color:var(--oa-gold)!important;color:var(--oa-gold)!important;background:var(--oa-gold-soft)!important}
.oa-mbtns .oa-icon{width:19px;height:19px}
.oa-sheet{position:absolute;left:0;right:0;bottom:0;z-index:6;background:var(--oa-surface);border-top:1px solid var(--oa-line);border-radius:16px 16px 0 0;box-shadow:0 -12px 30px rgba(0,0,0,.3);display:flex;flex-direction:column}
.oa-grab{width:36px;height:4px;border-radius:2px;background:var(--oa-grid-mid);margin:7px auto 2px}
.oa-sh{display:flex;align-items:center;justify-content:space-between;padding:2px 14px 6px}
.oa-sh b{font-size:14px;font-weight:600}
.oa-sbody{flex:1;min-height:0;overflow:auto;padding:0 14px 12px}
.oa-sbody .oa-card{padding:10px 12px}
.oa-sbody .oa-mh{margin-bottom:8px}
.oa-sbody .oa-mh h3{font-size:14px}
.oa-sbody .oa-kpi b{font-size:14px}
.oa-sbody .oa-insight{font-size:12.5px;line-height:1.7;margin-top:8px}
.oa-sbody .oa-src{display:none}
.oa-sbody .oa-ct .pv{display:none}
@media (max-width:620px){.oa-notice{top:54px;left:10px;right:10px;transform:none;font-size:12.5px}}
.oa-sbody .oa-ct th:last-child{display:table-cell}

body.view-online-analysis-view .navbar{display:none}

/* ---------- 模式切换 ---------- */
.oa-modes{display:flex;background:var(--oa-surface2);border:1px solid var(--oa-line);border-radius:9px;padding:3px}
.oa-modes button{padding:5px 13px;border-radius:6px!important;color:var(--oa-text2)!important;font-size:13px;white-space:nowrap}
.oa-modes button.on{background:var(--oa-surface)!important;color:var(--oa-text)!important;box-shadow:0 0 0 1px var(--oa-line)}
.oa-modes button:disabled{opacity:.45;cursor:not-allowed}
.oa-modes button.hawk-ready:not(.on),.oa-mbtns button.hawk-ready:not(.on){color:var(--oa-gold)!important;background:var(--oa-gold-soft)!important;opacity:1}
.oa-mbtns button:disabled{opacity:.45;cursor:not-allowed}
.oa-mbtns{grid-template-columns:repeat(6,1fr)}
/* ---------- 超级鹰眼 ---------- */
#online-analysis-view{--oa-q0:color-mix(in srgb,var(--oa-text) 5%,transparent);--oa-q1:#184f95;--oa-q2:#1c5cab;--oa-q3:#256abf;--oa-q4:#3987e5;--oa-q5:#6da7ec;--oa-q6:#9ec5f4}
html[data-theme=light] #online-analysis-view,html[data-theme=songyan] #online-analysis-view{--oa-q1:#cde2fb;--oa-q2:#b7d3f6;--oa-q3:#86b6ef;--oa-q4:#5598e7;--oa-q5:#2a78d6;--oa-q6:#1c5cab}
.oa-hawk{flex:1;min-height:0;display:grid;grid-template-columns:1fr 380px}
.oa-hawk-body{overflow:auto;padding:16px 18px 20px;scrollbar-width:thin}
.oa-hawk-side{border-left:1px solid var(--oa-line);background:var(--oa-surface);padding:12px 16px;display:flex;flex-direction:column;gap:12px;overflow:auto}
.oa-hawk-side .oa-sec-h{padding:0}
.oa-board-side{height:auto;width:100%;aspect-ratio:1}
.oa-hawk-side .oa-card{padding:12px}
.oa-hawk-side .oa-mh h3{font-size:14px}
.oa-hawk-side .oa-kpi b{font-size:14px}
.oa-hawk-side .oa-insight{font-size:12.5px}
.oa-hawk-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.oa-hawk-head h2{margin:0;font-size:18px;font-weight:600}
.oa-chips{display:flex;gap:6px;flex-wrap:wrap}
.oa-chip{padding:3px 10px;border-radius:999px!important;border:1px solid var(--oa-line)!important;font-size:12px;color:var(--oa-text2)!important}
.oa-chip.on{border-color:var(--oa-gold)!important;color:var(--oa-gold)!important;background:var(--oa-gold-soft)!important}
.oa-chips.small{margin-left:auto}
.oa-chips.small .oa-chip{padding:1px 8px;font-size:11px}
.oa-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.oa-tile{background:var(--oa-surface);border:1px solid var(--oa-line);border-radius:12px;padding:11px 13px 10px}
.oa-tile .tn{font-size:11.5px;color:var(--oa-muted);display:flex;justify-content:space-between;gap:6px}
.oa-tile .tv{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.oa-tile .tv>div{display:flex;flex-direction:column;min-width:0}
.oa-tile .sd{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--oa-text2)}
.oa-tile .sd i{width:8px;height:8px;border-radius:2px}
.oa-tile .big{font-size:21px;font-weight:600;letter-spacing:-.4px;line-height:1.25}
.oa-tile .big small{font-size:12px;font-weight:500;color:var(--oa-text2);margin-left:1px}
.oa-tile .sub{font-size:10.5px;color:var(--oa-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oa-summary{display:grid;grid-template-columns:1.25fr 1fr;gap:10px;margin-top:10px}
.oa-summary .oa-card{padding:12px 14px}
.oa-summary h5{margin:0 0 6px;font-size:12.5px;color:var(--oa-gold);font-weight:600;display:flex;align-items:center;gap:8px}
.oa-summary p{margin:0;font-size:12.5px;line-height:1.75}
.oa-summary ol{margin:0;padding-left:18px;font-size:12.5px;line-height:1.75}
.oa-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.oa-panel{background:var(--oa-surface);border:1px solid var(--oa-line);border-radius:12px;padding:12px 14px 10px;display:flex;flex-direction:column;min-width:0}
.oa-panel .ph{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px}
.oa-panel .ph b{font-size:13px;font-weight:600}
.oa-panel .ph small{font-size:11px;color:var(--oa-muted)}
.oa-panel .pn{font-size:11.5px;color:var(--oa-text2);line-height:1.6;margin-top:8px;padding-top:8px;border-top:1px solid var(--oa-grid)}
.oa-panel .pn b{color:var(--oa-gold);font-weight:600;margin-right:4px}
.oa-panel.span2{grid-column:span 2}
.oa-panel.oa-toppanel{margin-top:10px}
.oa-method{font-size:11.5px;line-height:1.7;color:var(--oa-text2)}
.oa-method b{color:var(--oa-text)}
.oa-lg2{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--oa-muted)}
.oa-lg2 span{display:flex;align-items:center;gap:5px}
.oa-lg2 i{width:14px;height:2px;border-radius:1px}
.oa-ramp{display:flex;gap:2px}
.oa-ramp i{width:10px!important;height:10px!important;border-radius:2px!important}
.oa-chart .t-ax2{font-size:12px;fill:var(--oa-text2)}
.oa-chart .t-in{font-size:11px;fill:#1b1a14;font-weight:600}
.oa-chart .t-in.inv{fill:#fff}
.oa-chart .t-q{font-size:11px;font-weight:600;fill:#fff}
.oa-chart .t-q.q5,.oa-chart .t-q.q6{fill:#0d1b2e}
html[data-theme=light] .oa-chart .t-q,html[data-theme=songyan] .oa-chart .t-q{fill:#0d1b2e}
html[data-theme=light] .oa-chart .t-q.q5,html[data-theme=light] .oa-chart .t-q.q6,html[data-theme=songyan] .oa-chart .t-q.q5,html[data-theme=songyan] .oa-chart .t-q.q6{fill:#fff}
.oa-chart .oa-dotm{stroke:var(--oa-surface);stroke-width:1.5;opacity:.92;cursor:pointer}
.oa-top10{width:100%;border-collapse:collapse;font-size:12.5px}
.oa-top10 th{color:var(--oa-muted);font-weight:500;font-size:11.5px;text-align:left;padding:4px 8px;border-bottom:1px solid var(--oa-line);white-space:nowrap}
.oa-top10 td{padding:6px 8px;border-bottom:1px solid var(--oa-grid);vertical-align:middle;white-space:nowrap}
.oa-top10 tr[data-pick]{cursor:pointer}
.oa-top10 tr[data-pick]:hover td{background:var(--oa-surface2)}
.oa-top10 canvas{border-radius:4px;display:block}
.oa-top10 .r{text-align:right}
.oa-top10 .oa-one{color:var(--oa-text2);font-size:12px;white-space:normal}
.oa-foot{font-size:11px;color:var(--oa-muted);margin:12px 0 0;line-height:1.6}
@media (max-width:1280px){.oa-hawk{grid-template-columns:1fr 320px}.oa-tiles{grid-template-columns:repeat(2,1fr)}.oa-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 手机鹰眼 */
.oa-sbody .oa-chips{margin-bottom:8px}
.oa-mk{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.oa-mk>div{background:var(--oa-surface2);border:1px solid var(--oa-line);border-radius:9px;padding:6px 7px;min-width:0}
.oa-mk span{display:block;font-size:10.5px;color:var(--oa-muted);white-space:nowrap}
.oa-mk b{font-size:14px;font-weight:600;display:flex;align-items:center;gap:4px;line-height:1.35}
.oa-mk b .oa-stone{width:9px;height:9px}
.oa-mk small{font-size:10px;color:var(--oa-muted)}
.oa-mcard-h{display:flex;align-items:center;gap:8px;margin:10px 0 4px}
.oa-mcard-h b{font-size:13px;flex:1}
.oa-mcard-h button{width:28px;height:28px;border-radius:8px!important;border:1px solid var(--oa-line)!important;font-size:18px;line-height:1;color:var(--oa-text2)!important}
.oa-mcard{min-height:170px}
.oa-mtext{font-size:12.5px;line-height:1.7;margin-top:4px}
.oa-mtext p{margin:0 0 6px}
.oa-dots{display:flex;gap:5px;justify-content:center;margin-top:8px}
.oa-dots i{width:6px;height:6px;border-radius:3px;background:var(--oa-grid-mid)}
.oa-dots i.on{width:16px;background:var(--oa-gold)}
.oa-top5{display:flex;flex-direction:column;gap:6px}
.oa-top5 button{display:flex;align-items:center;gap:10px;text-align:left;padding:4px!important;border-radius:9px!important;border:1px solid var(--oa-line)!important}
.oa-top5 canvas{width:56px!important;height:56px!important;border-radius:4px;flex:none}
.oa-top5 button>span{display:flex;flex-direction:column;gap:2px;font-size:12.5px}
.oa-top5 small{color:var(--oa-muted);font-size:11px}
.oa-top5 .oa-gtag{align-self:flex-start;margin-top:1px}
.oa-sbody .oa-foot{margin-top:6px;font-size:10.5px}
.oa-sbody .oa-mcard-h{margin:8px 0 2px}
.oa-sbody .oa-mk>div{padding:5px 7px}

/* ---------- 训练与推演 ---------- */
.oa-modes button{padding:5px 11px}
.oa-mbtns{grid-template-columns:repeat(5,1fr)}
.oa-mbtns button{height:52px;font-size:10.5px}
.oa-tabs{display:flex;gap:2px;margin:-4px 0 12px;border-bottom:1px solid var(--oa-line)}
.oa-tabs button{padding:7px 14px;color:var(--oa-text2)!important;border-bottom:2px solid transparent!important;margin-bottom:-1px;font-size:13px}
.oa-tabs button.on{color:var(--oa-text)!important;border-bottom-color:var(--oa-gold)!important}
.oa-train-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 0}
.oa-train-row>.oa-meta{min-width:56px}
.oa-card>.oa-btn{margin-top:12px}
.oa-card .oa-progress{max-width:none;margin:12px 0}
.oa-train-sum{margin-top:10px}
.oa-train-sum h5{margin:0 0 4px;font-size:12.5px;color:var(--oa-gold);font-weight:600}
.oa-train-sum .oa-insight{margin-top:0}
.oa-train-sum p.oa-meta{margin:4px 0 0}
.oa-qdots{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.oa-qdot{width:26px;height:26px;border-radius:50%!important;border:1px solid var(--oa-line)!important;font-size:12px;color:var(--oa-text2)!important}
.oa-qdot.cur{border-color:var(--oa-gold)!important;color:var(--oa-gold)!important}
.oa-qdot.v-good{background:color-mix(in srgb,#3ccf8e 28%,transparent)!important}
.oa-qdot.v-ok{background:var(--oa-g1)!important;color:#1b1a14!important}
.oa-qdot.v-bad{background:var(--oa-g4)!important;color:#fff!important}
.oa-turns{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.oa-turn{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:9px 10px!important;border-radius:10px!important;border:1px solid var(--oa-line)!important;background:var(--oa-surface2)!important}
.oa-turn.cur{border-color:var(--oa-gold)!important;box-shadow:inset 3px 0 0 var(--oa-gold)}
.oa-turn-id{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:700;margin-top:1px}
.oa-turn>span:last-child{display:flex;flex-direction:column;gap:3px;font-size:12.5px}
.oa-turn>span:last-child b{display:flex;align-items:center;gap:6px}
.oa-turn small{color:var(--oa-text2);font-size:11.5px;line-height:1.6}
.oa-turn .oa-gtag{align-self:flex-start}

/* ---------- 野狐账号搜索导入（导入弹窗） ---------- */
.fox-search-row{display:flex;gap:8px;margin:4px 0 10px}
.fox-search-row input{flex:1;min-width:0;padding:9px 12px;border-radius:8px;border:1px solid var(--ui-line,rgba(200,146,42,.25));background:var(--ui-panel-raised,rgba(255,255,255,.06));color:var(--ui-text,var(--paper));font:inherit}
.fox-search-row .modal-btn{flex:none}
.fox-search-result{max-height:360px;overflow:auto;scrollbar-width:thin}
.fox-search-tip{font-size:12.5px;color:var(--ui-muted,var(--ink3));margin:8px 2px}
.fox-search-head{display:flex;align-items:center;gap:6px;font-size:13px;margin:2px 2px 8px;color:var(--ui-secondary,var(--ink2))}
.fox-search-head span{margin-left:auto;font-size:12px;color:var(--ui-muted,var(--ink3))}
.fox-search-list{display:flex;flex-direction:column;gap:6px}
.fox-game{display:grid;grid-template-columns:1fr auto;gap:3px 10px;text-align:left;padding:9px 11px;border-radius:9px;border:1px solid var(--ui-line,rgba(200,146,42,.2));background:var(--ui-panel,transparent);color:var(--ui-text,var(--paper));cursor:pointer;font:inherit}
.fox-game:hover{border-color:var(--ui-gold,var(--gold))}
.fox-game.loading{opacity:.55;cursor:progress}
.fox-game-time{font-size:11.5px;color:var(--ui-muted,var(--ink3))}
.fox-game-players{grid-column:1/-1;display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;min-width:0;white-space:nowrap;overflow:hidden}
.fox-game-players small{font-weight:400;font-size:11.5px;color:var(--ui-secondary,var(--ink2))}
.fox-game-players em{font-style:normal;font-weight:400;font-size:11.5px;color:var(--ui-muted,var(--ink3));margin:0 2px}
.fox-game-meta{grid-row:1;grid-column:2;font-size:12px;color:var(--ui-secondary,var(--ink2));white-space:nowrap}
.fox-stone{width:11px;height:11px;border-radius:50%;display:inline-block}
.fox-stone.b{background:radial-gradient(circle at 35% 35%,#555,#111 60%,#000)}
.fox-stone.w{background:radial-gradient(circle at 35% 35%,#fff,#ece8df 60%,#cfcac0);box-shadow:inset 0 0 0 .5px rgba(0,0,0,.3)}
.fox-search-more{width:100%;margin-top:8px}

/* ---------- 导出与分享 ---------- */
.oa-tools-top{display:flex;gap:6px;margin-left:auto}
.oa-tools-top+.oa-engine{margin-left:0}
.oa-btn:disabled{opacity:.45;cursor:not-allowed}
.oa-share-pop{position:absolute;right:18px;top:64px;z-index:7;width:380px;box-shadow:0 16px 40px rgba(0,0,0,.3);border-radius:12px}
.oa-share-pop .oa-card{margin:0}
.oa-share-x{position:absolute;right:10px;top:6px;font-size:20px;color:var(--oa-muted)!important}
.oa-share-url{word-break:break-all;font-size:12.5px;background:var(--oa-surface);border:1px solid var(--oa-line);border-radius:8px;padding:6px 8px}
@media (max-width:1280px){.oa-tools-top .oa-btn{padding:6px 9px}.oa-players .oa-meta:last-child{display:none}}
.oa-myshare{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid var(--oa-grid);font-size:12.5px}
.oa-myshare span{display:flex;flex-direction:column;min-width:0}
.oa-myshare small{color:var(--oa-muted);font-size:11px}
.oa-myshare .oa-btn{padding:3px 10px;font-size:12px}

/* ---------- 候选点显示设置 ---------- */
.oa-dots-pop{position:absolute;right:-8px;top:0;transform:translateX(100%);z-index:8;width:340px;max-height:100%;overflow:auto;scrollbar-width:thin;background:var(--oa-surface);border:1px solid var(--oa-line);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.3);padding:12px 14px}
.oa-dots-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.oa-dots-h b{font-size:14px}
.oa-dots-h button{font-size:20px;color:var(--oa-muted)!important}
.oa-sbody .oa-dots-h{display:none}
.oa-dots-sec{padding:8px 0;border-top:1px solid var(--oa-grid)}
.oa-dots-sec>span{display:block;font-size:12px;color:var(--oa-text2);margin-bottom:6px}
.oa-dots-sec>span small{color:var(--oa-muted);margin-left:4px}
.oa-dots-items{display:flex;flex-direction:column;gap:4px}
.oa-dots-item{display:grid;grid-template-columns:22px 1fr 24px;align-items:center;gap:8px;padding:5px 6px;border-radius:8px}
.oa-dots-item.on{background:var(--oa-gold-soft)}
.oa-dots-item span{display:flex;flex-direction:column;min-width:0}
.oa-dots-item b{font-size:12.5px;font-weight:600}
.oa-dots-item small{font-size:11px;color:var(--oa-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oa-check{width:20px;height:20px;border-radius:6px!important;border:1px solid var(--oa-line)!important;font-size:11px;font-weight:700}
.oa-dots-item.on .oa-check{background:var(--oa-gold)!important;border-color:var(--oa-gold)!important;color:#1b1a14!important}
.oa-up{width:24px;height:24px;border-radius:6px!important;border:1px solid var(--oa-line)!important;color:var(--oa-text2)!important}
.oa-dots-foot{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--oa-grid)}
.oa-grp button[data-act=dots].on{background:var(--oa-surface2)!important;color:var(--oa-gold)!important}

.oa-dots-room{margin:0 0 8px;padding:7px 9px;border-radius:8px;background:var(--oa-surface2);font-size:11.5px;line-height:1.6;color:var(--oa-text2)}
.oa-dots-room button,.oa-link{color:var(--oa-gold)!important;font-size:inherit;text-decoration:underline;padding:0 2px}
.oa-fold{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:2px 0}

.oa-stepper{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.oa-stepper>button{width:28px;height:28px;border-radius:8px!important;border:1px solid var(--oa-line)!important;font-size:16px;color:var(--oa-text)!important}
.oa-stepper>b{min-width:22px;text-align:center;font-size:15px}
.oa-stepper .oa-chips{margin-left:4px}
.oa-sw{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:3px;vertical-align:-1px}
.oa-ring-swatch{display:inline-block;width:13px;height:13px;box-sizing:border-box;border:1px solid var(--ring-color);border-radius:50%;margin-right:5px;vertical-align:-2px;background:#685d46;box-shadow:0 0 0 1px #80745e}
.oa-ring-swatch.double{outline:1px solid var(--ring-color);outline-offset:2px;margin-right:7px}
.oa-hawk-pdf-control{display:inline-flex;align-items:center;gap:6px;max-width:100%}.oa-hawk-pdf-control small{font-size:10px;color:var(--oa-muted);max-width:180px;line-height:1.4}.oa-hawk-pdf-control .oa-btn{white-space:nowrap}@media(max-width:620px){.oa-hawk-pdf-control{gap:4px}.oa-hawk-pdf-control .oa-btn{padding:5px 9px;font-size:11px}.oa-hawk-pdf-control small{max-width:115px;font-size:9px}}

/* Keep close controls visible while settings content scrolls. */
.oa-dots-pop{display:flex;flex-direction:column;overflow:hidden}
.oa-dots-pop>.oa-dots-panel{display:flex;flex-direction:column;min-height:0;width:100%}
.oa-dots-pop .oa-dots-h{flex:0 0 auto;padding-bottom:8px;margin-bottom:0}
.oa-dots-pop .oa-dots-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.oa-sh,.oa-grab{flex-shrink:0}
.oa-import-dialog>header{position:sticky;top:0;z-index:3;background:var(--oa-surface)}

.oa-candidate-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.oa-candidate-scroll .oa-ct{width:100%;min-width:0;table-layout:fixed;font-variant-numeric:tabular-nums}
.oa-candidate-scroll .oa-ct td{white-space:nowrap}
.oa-candidate-note{font-size:11px;line-height:1.7;color:var(--oa-muted);margin:8px 0}
.oa-candidate-details{font-size:12px;margin:10px 0;color:var(--oa-text2)}
.oa-candidate-details summary{cursor:pointer;padding:8px 0}
.oa-candidate-detail{border-bottom:1px solid var(--oa-line);padding:8px 0;overflow-wrap:anywhere}
.oa-candidate-detail>span{margin-left:14px;color:var(--oa-muted)}
.oa-candidate-detail p{margin:6px 0;line-height:1.7}
.oa-candidate-scroll tr.played{--c:var(--oa-gold)}



/* Five columns fit mobile without horizontal dragging. */
.oa-candidate-scroll .oa-ct th,.oa-candidate-scroll .oa-ct td{width:18%;padding:7px 3px}
.oa-candidate-scroll .oa-ct th:first-child,.oa-candidate-scroll .oa-ct td:first-child{width:28%}
.oa-candidate-scroll .oa-ct th{font-size:10.5px}
.oa-candidate-scroll .oa-ct td{font-size:12px}
.oa-candidate-scroll .oa-ct .co{gap:4px}
.oa-candidate-scroll .oa-ct .co .oa-meta{font-size:10px}
.oa-candidate-scroll .oa-ct .bdg{flex-shrink:0;width:16px;height:16px;font-size:10px}