:root{--bg:#05070d;--card:rgba(22,27,42,.62);--card2:rgba(30,36,56,.75);--bd:rgba(140,160,220,.14);--bd2:rgba(167,139,250,.45);--fg:#e8ebf5;--mut:#8b93ad;--g:#34d399;--r:#f87171;--acc:#a78bfa;--cy:#22d3ee;
 --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--disp:"Space Grotesk",Inter,system-ui,sans-serif}
*{box-sizing:border-box}html{background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--fg);font:14px Inter,system-ui,sans-serif;background:radial-gradient(1200px 600px at 10% -10%,#1b1440 0,transparent 60%),radial-gradient(900px 500px at 100% 0,#0b2a3a 0,transparent 55%),linear-gradient(180deg,#070a14,#05070d)}
.bg-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 50% 0,#000 30%,transparent 80%)}
.bg-glow{position:fixed;width:500px;height:500px;right:-150px;top:30%;background:radial-gradient(circle,rgba(34,211,238,.08),transparent 65%);pointer-events:none}
.mono,td.n{font-family:var(--mono)}
.topbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 32px;background:rgba(7,10,20,.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--bd)}
.brand{display:flex;align-items:center;gap:14px}.logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:22px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--acc),var(--cy));box-shadow:0 0 24px rgba(167,139,250,.45)}
.title{font:700 21px var(--disp);letter-spacing:.2px;background:linear-gradient(90deg,#fff,#c4b5fd 60%,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}
.sub,.hint{color:var(--mut);font-size:12.5px}
.live{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--mut);background:var(--card);border:1px solid var(--bd);border-radius:999px;padding:7px 14px}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--g);box-shadow:0 0 0 0 rgba(52,211,153,.7);animation:pl 2s infinite}.pulse.bad{background:var(--r)}
@keyframes pl{0%{box-shadow:0 0 0 0 rgba(52,211,153,.6)}70%{box-shadow:0 0 0 9px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
.clock{color:var(--fg);border-left:1px solid var(--bd);padding-left:10px}
main{position:relative;max-width:1280px;margin:0 auto;padding:22px 32px 40px}
h1{margin:0;font:700 30px var(--disp);color:#fff}h2{font:600 17px var(--disp);margin:26px 0 4px}
.tabs{display:inline-flex;gap:4px;padding:4px;background:var(--card);border:1px solid var(--bd);border-radius:14px;backdrop-filter:blur(10px)}
.tabs a{padding:9px 18px;color:var(--mut);text-decoration:none;font-weight:600;border-radius:10px;transition:.15s}
.tabs a:hover{color:var(--fg);background:rgba(255,255,255,.04)}.tabs a.active{color:#fff;background:linear-gradient(135deg,rgba(167,139,250,.35),rgba(34,211,238,.22));box-shadow:inset 0 0 0 1px var(--bd2)}
.tab{display:none;animation:fi .25s}.tab.active{display:block}@keyframes fi{from{opacity:0;transform:translateY(4px)}to{opacity:1}}
.status{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.pill{background:var(--card);border:1px solid var(--bd);border-radius:999px;padding:6px 13px;font-size:12px;backdrop-filter:blur(8px)}
.pill .dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;vertical-align:1px}.ok{background:var(--g);box-shadow:0 0 8px var(--g)}.bad{background:var(--r);box-shadow:0 0 8px var(--r)}
.pos{color:var(--g)}.neg{color:var(--r)}.na{color:#5a627a}.small{font-size:11px;color:var(--mut)}
/* pair list */
.plist{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:14px}
.pitem{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:16px;background:var(--card);border:1px solid var(--bd);color:var(--fg);text-decoration:none;backdrop-filter:blur(10px);transition:.18s;overflow:hidden}
.pitem:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(167,139,250,.12),transparent 50%);opacity:0;transition:.18s}
.pitem:hover{transform:translateY(-3px);border-color:var(--bd2);box-shadow:0 10px 30px -10px rgba(167,139,250,.45)}.pitem:hover:before{opacity:1}
.ptop{display:flex;align-items:center;gap:12px}.picon{font-size:24px;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid var(--bd)}
.pname{font:700 19px var(--disp)}.pmeta{display:flex;justify-content:space-between;align-items:center}.pratio{font:600 15px var(--mono);color:#c4b5fd}
.vbadge{font-size:11px;color:var(--cy);background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.25);padding:2px 8px;border-radius:999px}.chev{margin-left:auto;color:var(--mut);font-size:22px}
/* pair detail */
.backbtn{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:10px 16px;border-radius:12px;font-weight:700;color:#fff;text-decoration:none;cursor:pointer;border:1px solid var(--bd2);background:linear-gradient(135deg,rgba(167,139,250,.3),rgba(34,211,238,.15));transition:.15s;font-size:14px}
.backbtn:hover{box-shadow:0 0 20px rgba(167,139,250,.45);transform:translateX(-2px)}.kbd{font:11px var(--mono);color:var(--mut);margin-left:6px;border:1px solid var(--bd);padding:1px 6px;border-radius:5px}
.dhead{display:flex;justify-content:space-between;align-items:flex-end;margin-top:14px;gap:12px}
.close{color:var(--fg);border:1px solid var(--bd);border-radius:10px;padding:8px 14px;font-weight:700;text-decoration:none;background:var(--card)}.close:hover{border-color:var(--bd2)}
.vrow{margin-top:20px}.vname{font:600 14px var(--disp);margin-bottom:8px;color:#cbd2e6;display:flex;align-items:center;gap:8px}.vname:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acc);box-shadow:0 0 8px var(--acc)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cards.c5{grid-template-columns:repeat(5,1fr)}
.card{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:14px 16px;backdrop-filter:blur(10px);transition:.15s}.card:hover{border-color:var(--bd2);background:var(--card2)}
.card .l{font-size:10.5px;color:var(--mut);text-transform:uppercase;letter-spacing:.8px}.card .v{font:700 21px var(--mono);margin-top:8px}.card .v.sig{font:800 14px var(--disp);margin-top:12px;letter-spacing:.3px}
.notlisted{background:rgba(22,27,42,.35);border:1px dashed var(--bd);border-radius:14px;padding:16px;color:#5d6580}
/* tables */
.tablewrap{overflow-x:auto;border-radius:16px;margin-top:10px;border:1px solid var(--bd);background:var(--card);backdrop-filter:blur(10px)}
table{width:100%;border-collapse:collapse}th,td{padding:11px 12px;border-bottom:1px solid var(--bd);text-align:right;white-space:nowrap}
th{color:var(--mut);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px;background:rgba(255,255,255,.02)}th:first-child,td:first-child{text-align:left}
tbody tr{transition:.12s}tbody tr:hover{background:rgba(167,139,250,.06)}tbody tr:last-child td{border-bottom:0}
.badge{display:inline-block;padding:4px 11px;border-radius:999px;font-weight:800;font-size:10.5px;letter-spacing:.7px}
.badge.edge{background:rgba(52,211,153,.14);color:var(--g);border:1px solid rgba(52,211,153,.4);box-shadow:0 0 12px rgba(52,211,153,.2)}.badge.noedge{background:rgba(248,113,113,.1);color:var(--r);border:1px solid rgba(248,113,113,.35)}
.feenotes{margin-top:14px;color:var(--mut);font-size:12px;line-height:1.75;background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:14px 18px}
footer{margin-top:34px;color:#5d6580;font-size:12px}
@media(max-width:900px){.cards.c5{grid-template-columns:repeat(2,1fr)}.cards.c5 .card:last-child{grid-column:span 2}.topbar{padding:12px 16px;flex-wrap:wrap}main{padding:16px}.sub{display:none}}
@media(max-width:520px){.live #upd{display:none}.title{font-size:17px}}
.besttime{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;padding:10px 14px;border-radius:12px;background:rgba(167,139,250,.06);border:1px solid var(--bd)}
.besttime .lbl{font-size:10.5px;text-transform:uppercase;letter-spacing:.8px;color:var(--mut)}.tact{font:700 13px var(--disp)}.treason{font-size:12.5px;color:#cbd2e6}.tsrc{font-size:10.5px;color:#5d6580;margin-left:auto}
.tbadge{display:inline-block;padding:4px 11px;border-radius:999px;font-weight:800;font-size:10.5px;letter-spacing:.7px;border:1px solid}
.tbadge.enter{color:var(--g);background:rgba(52,211,153,.14);border-color:rgba(52,211,153,.45);box-shadow:0 0 12px rgba(52,211,153,.25)}
.tbadge.wait{color:#fbbf24;background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.35)}.tbadge.avoid{color:var(--r);background:rgba(248,113,113,.1);border-color:rgba(248,113,113,.35)}
td.tcell{text-align:left;white-space:normal;min-width:240px;max-width:340px}td.tcell .treason{font-size:11.5px;margin-top:4px;color:var(--mut)}td.tcell .tsrc{margin:2px 0 0}
main{max-width:1480px}#arb th,#arb td{padding:9px 8px;font-size:12.5px}#arb .small{font-size:10px}td.tcell{min-width:200px;max-width:260px}
.arbhead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.search{display:flex;align-items:center;gap:8px;min-width:300px;padding:8px 12px;border-radius:12px;background:var(--card);border:1px solid var(--bd);color:var(--mut);backdrop-filter:blur(10px);transition:.15s}
.search:focus-within{border-color:var(--bd2);box-shadow:0 0 0 3px rgba(167,139,250,.15);color:var(--acc)}
.search input{flex:1;background:transparent;border:0;outline:0;color:var(--fg);font:14px Inter,system-ui}.search input::-webkit-search-cancel-button{display:none}
.search button{background:rgba(255,255,255,.06);border:1px solid var(--bd);color:var(--mut);border-radius:6px;width:22px;height:22px;cursor:pointer;font-size:11px;line-height:1}.search button:hover{color:var(--fg)}
@media(max-width:600px){.search{min-width:0;width:100%}}
.target{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,rgba(167,139,250,.12),rgba(34,211,238,.06));border:1px solid var(--bd2)}
.target .lbl{font:600 13px var(--disp)}.target input{width:110px;padding:7px 10px;border-radius:9px;border:1px solid var(--bd);background:rgba(5,7,13,.6);color:var(--fg);font:600 15px var(--mono);outline:0}
.target input:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(167,139,250,.2)}.target .unit{color:var(--mut);margin-left:-6px}.texp{font-size:12px;color:var(--mut);flex:1;min-width:260px}
.tline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;padding:8px 14px;border-radius:10px;background:rgba(34,211,238,.05);border:1px dashed rgba(34,211,238,.25);font-size:13px}
.tline .lbl{font-size:10.5px;text-transform:uppercase;letter-spacing:.8px;color:var(--cy)}
a.vpill{color:var(--fg);text-decoration:none;cursor:pointer;transition:.15s}a.vpill:hover{border-color:var(--bd2);box-shadow:0 0 14px rgba(167,139,250,.4);transform:translateY(-1px)}
.vmodal{position:fixed;inset:0;z-index:20;background:rgba(3,5,10,.6);backdrop-filter:blur(4px);display:flex;justify-content:flex-end}.vmodal.hidden{display:none}
.vpanel{width:min(860px,100%);height:100%;overflow:auto;padding:24px 26px;background:linear-gradient(180deg,rgba(17,21,36,.97),rgba(8,10,18,.98));border-left:1px solid var(--bd2);box-shadow:-20px 0 60px rgba(0,0,0,.5);animation:sl .22s ease}
@keyframes sl{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
.vphead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.vphead h1{font-size:24px}.vmmeta{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px}
.vlink{color:var(--cy);text-decoration:none;font-weight:600;border:1px solid rgba(34,211,238,.35);padding:3px 10px;border-radius:999px}.vlink:hover{background:rgba(34,211,238,.1)}
.vmbody table td,.vmbody table th{padding:8px 10px;font-size:12.5px}tr.trk{background:rgba(52,211,153,.05)}
tr.nl td{opacity:.55}
.vmbody.tablewrap{background:transparent;border:0;overflow:visible}
.vpair{display:block;margin-bottom:14px;padding:14px;border-radius:16px;background:var(--card);border:1px solid var(--bd);color:var(--fg);text-decoration:none;transition:.15s}
.vpair:hover{border-color:var(--bd2);box-shadow:0 8px 26px -10px rgba(167,139,250,.5)}.vptitle{display:flex;align-items:center;gap:10px;margin-bottom:10px;font:700 16px var(--disp)}
.vptitle .picon{width:34px;height:34px;font-size:18px}.vpair .card{padding:10px 12px}.vpair .card .v{font-size:17px}.vpbt{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px;font-size:12px}.vpbt .lbl{font-size:10.5px;text-transform:uppercase;letter-spacing:.8px;color:var(--mut)}

/* ---------- mobile / tablet ---------- */
html,body{overflow-x:clip;max-width:100%}
@media(max-width:820px){main{padding:14px}.tablewrap{max-width:100%}.vpanel{padding:20px}}
@media(max-width:820px){
 body{font-size:14px;-webkit-text-size-adjust:100%}
 .topbar{flex-wrap:nowrap;padding:10px 14px;gap:10px;position:sticky;top:0;z-index:15;background:rgba(5,7,13,.92);backdrop-filter:blur(12px)}
 .title{font-size:16px;white-space:nowrap}.logo{width:30px;height:30px}.sub,.clock,.live #upd{display:none!important}
 main{padding:12px 12px calc(24px + env(safe-area-inset-bottom))}
 .status{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:12px -12px 0;padding:2px 12px 6px;scroll-snap-type:x proximity}
 .status::-webkit-scrollbar{display:none}.status .pill{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;scroll-snap-align:start;font-size:13px}
 .tabs{display:flex;width:100%}.tabs a{flex:1;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px;font-size:14px}
 .plist{grid-template-columns:1fr;gap:10px}.pitem{padding:14px;min-height:44px}
 .backbtn{position:sticky;top:58px;z-index:12;min-height:44px;box-shadow:0 6px 18px rgba(0,0,0,.5)}.kbd{display:none}
 .dhead h1,h1{font-size:20px}.close{min-width:44px;min-height:44px}
 .cards,.cards.c5{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cards .card:last-child{grid-column:1/-1}
 .card{padding:11px 12px;min-width:0}.card .v{font-size:18px;overflow-wrap:anywhere}.card .l{font-size:10.5px}
 .besttime{padding:10px 12px}.tsrc{margin-left:0;width:100%}.treason{font-size:13px}
 .target{padding:12px}.target .lbl{width:100%}.target input{flex:1;width:auto;min-width:0;min-height:44px;font-size:16px}.texp{min-width:0;width:100%}
 .tline{font-size:13px}
 .arbhead{flex-direction:column;align-items:stretch}.search{width:100%;min-width:0;min-height:44px}.search input{font-size:16px;min-height:40px}.search button{width:36px;height:36px}
 #arb thead{display:none}#arb,#arb tbody,#arb tr,#arb td{display:block;width:100%}
 .tablewrap{overflow:visible;background:transparent;border:0;box-shadow:none}
 #arb tr{margin:0 0 12px;padding:12px 14px;border-radius:14px;background:var(--card);border:1px solid var(--bd)}
 #arb td{padding:5px 0!important;border:0!important;text-align:left!important;white-space:normal;font-size:13.5px!important;min-width:0!important;max-width:none!important;display:flex;justify-content:space-between;gap:10px}
 #arb td>*{text-align:right}#arb td[data-l]:before{content:attr(data-l);color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:.6px;flex:0 0 40%;text-align:left}
 #arb td:first-child{font-size:17px!important;border-bottom:1px solid var(--bd)!important;padding-bottom:8px!important;margin-bottom:4px}#arb td:first-child:before{display:none}
 #arb td.tcell{display:block}#arb td.tcell:before{display:block;margin-bottom:4px}#arb td.tcell>*{text-align:left}
 #arb td[data-l=""]:before{display:none}
 .feenotes{font-size:12px}
 .vmodal{align-items:flex-end;justify-content:stretch}
 .vpanel{width:100%;height:100%;max-height:100dvh;border-left:0;border-radius:0;padding:16px 14px calc(24px + env(safe-area-inset-bottom));animation:su .22s ease}
 .vphead{position:sticky;top:-16px;z-index:2;background:rgba(12,15,26,.97);margin:-16px -14px 0;padding:14px}.vphead h1{font-size:19px}
 #vmclose{min-width:44px;min-height:44px}.vmmeta .vlink{min-height:44px;display:inline-flex;align-items:center}
 #vmq{min-height:44px;font-size:16px;width:100%}.vpair{padding:12px}
}
@keyframes su{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:820px){#arb td:nth-child(2),#arb td:nth-child(3){display:block}#arb td:nth-child(2):before,#arb td:nth-child(3):before{display:block;margin-bottom:2px}#arb td:nth-child(2)>*,#arb td:nth-child(3)>*{text-align:left}
 .backbtn{background:linear-gradient(135deg,#4c3d8f,#2b3a66)!important;backdrop-filter:none}}

.pvals{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0}.pgap{font:600 14px var(--mono)}
.bandbox{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;padding:10px 12px;margin:10px 0;border:1px solid #2a2f45;border-radius:12px;font-size:14px}.bandbox .small{flex-basis:100%}
.rstrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px;margin-top:8px;max-width:640px}.rg{min-width:0}.rt{display:flex;gap:6px;align-items:baseline;font-size:12px;white-space:nowrap}.rl{font-weight:700;color:#a5b4fc}.rp{margin-left:auto;color:#9ca3af}.rbar{position:relative;height:6px;border-radius:3px;background:linear-gradient(90deg,#16a34a55,#64748b55,#dc262655);margin-top:4px}.rbar i{position:absolute;top:-3px;width:3px;height:12px;margin-left:-1px;background:#fff;border-radius:2px}.rsrc{grid-column:1/-1}
@media(max-width:600px){.rstrip{grid-template-columns:1fr}}
.crow{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.cchip{font:600 12px var(--mono);padding:3px 8px;border-radius:999px;border:1px solid currentColor;background:rgba(255,255,255,.03)}.cstar{font-size:12px;color:#facc15;font-weight:700}
.pwarn{display:inline-block;font-size:14px;vertical-align:middle}.pwarn summary{cursor:pointer;list-style:none;color:#fbbf24}.pwarn summary::-webkit-details-marker{display:none}.pwarn[open] span{display:block;font:500 12px Inter,system-ui;color:#fcd34d;max-width:420px;margin-top:4px;padding:6px 8px;border:1px solid #92400e;border-radius:8px;background:#451a0355}
.rlist{display:grid;gap:12px}.rcard{border:1px solid var(--bd);background:var(--card);border-radius:14px;padding:12px 14px}.rtitle{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}.rdir{border-top:1px solid var(--bd);padding-top:8px;margin-top:8px}.rlab{font-weight:600;font-size:13px;color:var(--mut)}.rlegs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0}.rleg{font-size:14px}.rtot{font-size:13px}
@media(max-width:600px){.rlegs{grid-template-columns:1fr}.tabs{flex-wrap:wrap}.tabs a{flex:1 1 45%}}
#rdays{background:#0b0f1a;color:var(--fg);border:1px solid var(--bd);border-radius:8px;padding:8px;font:15px Inter,system-ui;min-height:38px}
.tlines{margin:4px 0 0;padding-left:16px}.tlines li{margin:2px 0;line-height:1.35}
#arb td.tcell>.tbadge{display:block;width:fit-content;margin:0 auto;padding:4px 11px;border-radius:999px;text-align:center}
a.card.clink{display:block;color:inherit;text-decoration:none;cursor:pointer;transition:border-color .15s}a.card.clink:hover,a.card.clink:focus-visible{border-color:var(--bd2)}.clink .ext,.tlink{color:var(--mut);font-size:11px}a.card.clink:hover .ext{color:var(--acc)}.tlink{cursor:pointer;text-decoration:underline dotted;text-underline-offset:2px}
.csrc{font-size:9px;color:var(--mut);margin-left:2px;font-weight:500;vertical-align:super}

.vlogo{display:inline-block;width:16px;height:16px;border-radius:4px;vertical-align:-3px;margin-right:5px;object-fit:contain;flex:none}
.vlogo.light{background:#fff;padding:1px;box-sizing:border-box}
.vinit{background:#3b4a6b;color:#fff;font-size:10px;line-height:16px;text-align:center;font-weight:700}
#vmtitle .vlogo{width:22px;height:22px;vertical-align:-3px}
@media(max-width:600px){.vlogo{width:14px;height:14px;vertical-align:-2px;margin-right:4px}}
