:root{--bg:#0a0d18;--panel:#141a2b;--panel2:#1b2338;--line:#2a3450;--text:#f4f5fb;--dim:#93a0bd;--good:#54e5b3;--bad:#ff795f;--warn:#ffc15e;--accent:#aa8aff}
body{background:radial-gradient(ellipse at 0 0,#39225c55,transparent 45%),radial-gradient(ellipse at 100% 30%,#46241933,transparent 40%),var(--bg);font:14px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
header{padding:18px 32px;background:#0a0d18eb;backdrop-filter:blur(18px);border-color:#a589ff22}
.logo{font-size:23px;letter-spacing:-1px}.logo span{color:var(--accent)}
main{max-width:1460px;padding:36px 32px 70px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--accent)}
button,input,select{border-radius:10px;transition:background .16s,border-color .16s;min-height:40px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
button.primary{background:linear-gradient(120deg,#8b5cf6,#a66afb);border:0;box-shadow:0 5px 24px #8b5cf62a;padding:11px 20px}button.primary:hover{background:#9d70fb}
.card{background:linear-gradient(145deg,#1a2134,#121929);border-radius:18px;padding:22px;border-color:#9b91cc20;box-shadow:0 10px 36px #00000018}
.big{font-size:36px;letter-spacing:-1px}.grid .card:first-child{background:linear-gradient(130deg,#573294,#24203c);border-color:#a578fb55}.grid .card:nth-child(2){border-top:2px solid #ff6b45}
.player{margin-bottom:30px}.player img{width:74px;height:74px;border-radius:20px}.player h1{font-size:32px;letter-spacing:-1px}.grid{gap:16px;grid-template-columns:repeat(6,minmax(0,1fr))}
h2{font-size:18px;letter-spacing:-.3px}section{margin-top:30px}th,td{padding:13px 12px;border-color:#9b91cc18}th{font-size:10px;letter-spacing:1.1px}td{font-size:14px}.me-row{background:#8b5cf616}
.login-wrap{gap:70px;max-width:1100px;margin:auto}.login{max-width:450px;padding:40px;border-radius:24px;background:linear-gradient(145deg,#20233c,#111726);box-shadow:0 20px 80px #0006}.intro{max-width:490px}.intro h1{font-size:60px;line-height:1.03;letter-spacing:-3px;margin:18px 0 24px}.intro h1 em{font-style:normal;color:#ad87ff}.intro p{font-size:17px;color:var(--dim)}.intro-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.intro-tags span{border:1px solid #866fb740;padding:8px 13px;border-radius:9px;font-size:12px}
.rounds{gap:7px;margin:12px 0 18px}.rnd{width:38px;height:38px;font-size:13px;cursor:pointer}.rnd.ct{background:#4cd9ed15;border-color:#4cd9ed44}.rnd.t{background:#ffc15e15;border-color:#ffc15e44}.rnd.selected{box-shadow:0 0 0 2px var(--accent);color:#fff}
.match-title{display:flex;gap:16px;align-items:center;margin:0 0 24px}.match-title h1{font-size:36px;line-height:1.1;letter-spacing:-1px;margin:8px 0}.match-score{margin-left:auto;font-size:38px;font-weight:800;color:var(--accent)}.workbench{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:22px;align-items:start}.workbench>section{margin:0}.workbench .chat{min-height:180px;max-height:410px}.msg{max-width:95%;font-size:14px}.me{background:#8b5cf62b;border-color:#8b5cf655}.bot{background:#1b2338}.evidence-links{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.evidence-links a{font-size:12px;padding:5px 8px;border:1px solid var(--line);border-radius:7px}
.replay-card{padding:18px}.replay-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px;font-size:12px}.replay-stage{position:relative;background:#0b101e;border-radius:12px;overflow:hidden}.replay-stage canvas{display:block;width:100%;aspect-ratio:1.28;max-height:560px}.replay-empty{position:absolute;inset:0;display:grid;place-items:center;padding:30px;text-align:center;color:var(--dim);background:radial-gradient(ellipse,#35235733,transparent)}.replay-empty[hidden]{display:none}
.replay-controls{display:flex;align-items:center;gap:12px;margin-top:15px}.replay-controls .timeline{flex:1;width:0;padding:0;accent-color:#aa8aff;min-height:25px}.play{width:44px;background:#8b5cf6}.clock{font-variant-numeric:tabular-nums;font-size:12px;min-width:38px}.replay-options{display:flex;align-items:center;gap:9px;margin:14px 0}.replay-options select{max-width:190px;font-size:12px}.legend{margin-left:auto;white-space:nowrap;font-size:11px;color:var(--dim)}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 4px 1px 8px}.ct-dot{background:#4cd9ed}.t-dot{background:#ffc15e}
.replay-roster{display:grid;grid-template-columns:1fr 1fr;gap:5px}.roster-player{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 8px;background:#0a1020;border-left:2px solid;border-radius:4px}.roster-player.ct{border-color:#4cd9ed}.roster-player.t{border-color:#ffc15e}.replay-events{display:flex;gap:6px;overflow:auto;padding-top:12px;max-height:115px;flex-wrap:wrap}.event-chip{font-size:11px;padding:6px 9px;min-height:30px}.demo-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:16px 0}.demo-actions .note{flex-basis:100%}.upload-label{padding:9px 13px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.upload-label input{display:none}.connect-panel{margin:25px 0}.connect-fields{display:flex;gap:10px;flex-wrap:wrap}.connect-fields input{flex:1;min-width:220px}.state-badge{font-size:10px;padding:5px 8px;border-radius:6px;background:#8b5cf61a;color:var(--accent);white-space:nowrap}.state-badge.parsed{color:var(--good);background:#54e5b318}.state-badge.failed{color:var(--bad)}
@media(max-width:1150px){.grid{grid-template-columns:repeat(3,1fr)}.workbench{grid-template-columns:minmax(0,1fr) 340px}.intro h1{font-size:46px}}
@media(max-width:850px){.workbench{grid-template-columns:1fr}.login-wrap{flex-direction:column;gap:30px}.intro{text-align:center}.intro h1{font-size:44px}.intro-tags{justify-content:center}.intro p{font-size:15px}.login-wrap{padding:12px 0}.workbench .chat{min-height:100px}}
@media(max-width:580px){header{padding:14px 16px}.logo{font-size:21px}main{padding:24px 16px 50px}.grid{grid-template-columns:repeat(2,1fr)}.card{padding:16px}.big{font-size:30px}.player{flex-wrap:wrap}.player h1{font-size:26px}.player img{width:58px;height:58px}.player .spacer{display:none}.player button{width:100%}.match-title h1{font-size:28px}.match-score{font-size:28px}.login{padding:26px}.replay-options{flex-wrap:wrap}.replay-roster{grid-template-columns:1fr 1fr}.roster-player{font-size:9px}.replay-top{flex-wrap:wrap}.replay-controls{gap:6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}