:root{color-scheme:dark;--bg:#070a11;--panel:#0d131e;--panel2:#101927;--line:rgba(133,158,198,.17);--text:#e8eef9;--dim:#8da0bf;--muted:#5f7395;--blue:#80adff;--mint:#65dcaa;--amber:#f1c36d;--red:#ff7683;--purple:#b391ff;--c0:#45d6d0;--c1:#ffad69;--c2:#b391ff;--c3:#85dc91;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 48% -18%,#182844 0,transparent 47%),var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}.portal{height:48px;display:flex;align-items:center;gap:8px;padding:0 max(20px,calc((100vw - 1360px)/2));border-bottom:1px solid var(--line);background:#080c14d9;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.portal-brand{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#203654;color:#a9caff;font-weight:800;font-size:12px;margin-right:7px}.portal-link{font-size:12px;color:#8295b4;padding:6px 10px;border-radius:6px}.portal-link:hover,.portal-link.active{color:#eaf2ff;background:#ffffff0b}.portal-link.active{box-shadow:inset 0 -2px var(--blue)}main{max-width:1360px;margin:0 auto;padding:26px 24px 20px}.mast{display:flex;justify-content:space-between;align-items:center;margin:4px 0 22px}.eyebrow,.overline,.label{font-size:10px;letter-spacing:.13em;color:#7186a9;font-weight:700}.eyebrow{display:flex;align-items:center;gap:8px}.eyebrow i,.state-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #65dcaa80}.mast h1{font-size:clamp(27px,4vw,38px);letter-spacing:-.035em;line-height:1.15;margin:9px 0 6px;font-weight:720}.mast h1 span{color:var(--blue);margin-left:10px}.mast p{color:var(--dim);font-size:13px;margin:0}.run-state{display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid var(--line);border-radius:30px;background:#0e1724;color:var(--dim);font-size:12px}.run-state .state-dot{width:8px;height:8px}.run-state.paused .state-dot{background:var(--amber);box-shadow:0 0 12px #f1c36d70}.run-state.wait .state-dot{background:#8492a8;box-shadow:none}.run-card,.panel,.stat{background:linear-gradient(145deg,#101a29,#0b111b 74%);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 32px #0002}.run-card{padding:19px 21px 16px;margin-bottom:13px}.run-card-head{display:flex;justify-content:space-between;align-items:flex-start}.run-card h2{font-size:17px;margin:3px 0 0;font-weight:630}.phase-badge{color:#a7c3f2;background:#22345170;border:1px solid #7293c42e;font-size:10px;letter-spacing:.08em;padding:5px 9px;border-radius:5px}.progress-line{height:6px;background:#202b3b;border-radius:10px;overflow:hidden;margin:17px 0 8px}.progress-line i{display:block;width:0;height:100%;background:linear-gradient(90deg,#6095fb,#71d8c0);box-shadow:0 0 16px #6095fb70;transition:width .5s}.progress-meta{display:flex;gap:12px;align-items:baseline;font-variant-numeric:tabular-nums}.progress-meta strong{font-size:13px}.progress-meta>span:nth-child(2){color:var(--mint);font-size:12px}.target{margin-left:auto;color:var(--muted);font-size:11px}.target b{color:var(--dim);font-weight:550}.curriculum{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px}.curr-stage{position:relative;border-top:1px solid #263247;padding:9px 8px 0 29px;display:grid;grid-template-columns:1fr;gap:2px;opacity:.52}.curr-stage>span{position:absolute;left:0;top:8px;width:19px;height:19px;border-radius:6px;display:grid;place-items:center;background:#182334;color:#93a5c2;font-size:9px;font-weight:700}.curr-stage b{font-size:11px;font-weight:620}.curr-stage small{font-size:10px;color:var(--muted)}.curr-stage.active{opacity:1;border-color:var(--blue)}.curr-stage.active>span{background:#223b61;color:#bcd4ff}.curr-stage.done{opacity:.82;border-color:#375743}.curr-stage.done>span{background:#1a382c;color:var(--mint)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:21px}.stat{padding:13px 15px;min-height:96px}.stat>span{display:block;font-size:11px;color:var(--dim)}.stat>b{display:block;font-size:24px;line-height:1.25;font-variant-numeric:tabular-nums;margin:5px 0 2px}.stat>b small{font-size:12px;color:var(--dim);font-weight:500}.stat em{font-style:normal;color:var(--muted);font-size:10px}.tabs{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line);margin:0 0 15px}.tab{border:0;background:none;color:var(--dim);padding:10px 13px;margin-bottom:-1px;border-bottom:2px solid transparent;cursor:pointer;font-size:12px}.tab.active{color:#dce9ff;border-color:var(--blue)}.tab-note{margin-left:auto;color:var(--muted);font-size:10px}.view{display:none}.view.active{display:block}.panel{padding:15px}.watch-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.82fr);gap:13px;align-items:start}.board-panel{padding:13px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-head h3{font-size:14px;margin:3px 0 0;font-weight:620}.overline{font-size:9px}.match-tags{display:flex;gap:6px}.match-tags span,.count-pill{padding:4px 7px;border-radius:5px;background:#1a2637;color:#a7bad7;font-size:10px}.board-wrap{width:100%;max-width:720px;margin:auto;aspect-ratio:1;background:#08101a;border:1px solid #26344a;border-radius:8px;overflow:hidden;position:relative}#board{display:block;width:100%;height:100%}.board-empty{position:absolute;inset:0;display:grid;place-items:center;color:#617593;font-size:13px;background:#08101ade}.board-empty.hidden{display:none}.playback{padding:8px 1px 1px}.scrub-row{display:grid;grid-template-columns:30px 1fr 36px;gap:8px;align-items:center;color:var(--dim);font-size:10px;font-variant-numeric:tabular-nums}.scrub-row input{width:100%;accent-color:var(--blue);height:18px}.control-row{display:flex;align-items:center;gap:7px;margin-top:7px}.control{width:31px;height:30px;display:grid;place-items:center;background:#172235;border:1px solid var(--line);border-radius:6px;cursor:pointer;font-size:17px}.control.play{background:#34588f;border-color:#587fb9;color:white;font-size:12px;width:36px}.speed{display:flex;gap:2px;background:#0a111b;border:1px solid var(--line);border-radius:6px;padding:2px;margin-left:3px}.speed button{border:0;background:transparent;color:var(--muted);font-size:9px;padding:4px 6px;border-radius:4px;cursor:pointer}.speed button.chosen{background:#23334a;color:#c4d7f5}.play-hint{margin-left:auto;color:#617493;font-size:9px}.legend{display:flex;flex-wrap:wrap;gap:13px;border-top:1px solid var(--line);margin-top:10px;padding-top:9px;color:var(--dim);font-size:10px}.legend span{display:flex;gap:5px;align-items:center}.legend i{width:9px;height:9px;display:inline-block;border-radius:3px}.c0{background:var(--c0)}.c1{background:var(--c1)}.c2{background:var(--c2)}.c3{background:var(--c3)}.food-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:#fff38b}.warn-dot{background:repeating-linear-gradient(45deg,#fa738c,#fa738c 2px,transparent 2px,transparent 4px);border:1px solid #fa738c}.side{display:grid;gap:12px}.panel-head.compact{margin-bottom:10px}.count-pill{border-radius:20px}.replay-list{max-height:372px;overflow-y:auto;padding-right:2px}.replay-row{width:100%;text-align:left;display:grid;grid-template-columns:42px 1fr auto;gap:7px;align-items:center;border:1px solid transparent;background:transparent;padding:9px 7px;border-radius:7px;cursor:pointer;color:var(--text)}.replay-row:hover{background:#ffffff06}.replay-row.selected{background:#21334d80;border-color:#5f82b83d}.replay-id{font:11px ui-monospace,monospace;color:#9eb7dc}.replay-desc{display:grid;gap:2px}.replay-desc b{font-size:10px;font-weight:570}.replay-desc small{font-size:9px;color:var(--muted)}.outcome{font-size:9px;color:var(--mint);background:#163528;padding:3px 6px;border-radius:10px}.outcome.draw{color:var(--amber);background:#342e1d}.empty-list{color:var(--muted);font-size:11px;padding:15px 8px}.match-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.match-kpis>div{background:#0b121d;border:1px solid var(--line);border-radius:7px;padding:8px}.match-kpis span{display:block;color:var(--muted);font-size:9px}.match-kpis b{display:block;font-size:15px;margin-top:3px}.players{display:grid;gap:5px;margin-top:9px}.player-line{display:grid;grid-template-columns:9px 1fr auto;gap:7px;align-items:center;font-size:10px;padding:4px 3px;color:var(--dim)}.player-line i{width:8px;height:8px;border-radius:2px}.player-line b{font-weight:550;color:var(--text)}.player-line.dead{opacity:.47}.rules-mini p{margin:5px 0;color:var(--dim);font-size:10px}.metric-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.82fr);gap:13px;align-items:start}.metric-main{min-height:405px}.metric-main select{background:#111b29;border:1px solid var(--line);border-radius:6px;padding:6px 8px;color:#b9c8df;font-size:10px}.chart-wrap{width:100%;height:300px}#chart{width:100%;height:100%;overflow:visible}.chart-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;border-top:1px solid var(--line);padding-top:9px}.metric-side{display:grid;gap:12px}.detail-list{display:grid;gap:10px}.detail-list div{display:flex;justify-content:space-between;gap:12px;font-size:10px;border-bottom:1px solid #ffffff0a;padding-bottom:8px}.detail-list span{color:var(--muted)}.detail-list b{color:#cbd8ec;font-size:10px;text-align:right;font-weight:550}.arch-flow{display:grid;grid-template-columns:1fr 16px 1fr 16px 1fr;gap:3px;align-items:center;text-align:center;margin:16px 0 12px}.arch-flow>span{font-size:10px;color:#d9e5f8;background:#151f2e;border:1px solid var(--line);border-radius:7px;padding:8px 3px}.arch-flow small{color:var(--muted);font-size:8px}.arch-flow i{font-style:normal;color:var(--blue);font-size:13px}.architecture p{font-size:9px;line-height:1.5;color:var(--muted);margin:0}.chart-note{font-size:10px;color:var(--muted);padding:12px 2px}footer{display:flex;justify-content:space-between;padding:16px 2px 8px;color:#607493;font-size:10px}footer a:hover{color:#a9c7f7}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#1a2739;border:1px solid var(--line);border-radius:8px;padding:9px 13px;color:var(--text);font-size:11px;transition:.2s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){main{padding:21px 17px}.watch-grid,.metric-layout{grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr)}.replay-list{max-height:300px}.portal{padding:0 16px}}@media(max-width:680px){.portal{height:43px;gap:3px;overflow:auto;white-space:nowrap}.portal-link{padding:6px 7px;font-size:10px}.portal-brand{flex:0 0 auto}.portal-link:nth-of-type(2),.portal-link:nth-of-type(3){display:none}main{padding:17px 11px}.mast{align-items:flex-start;gap:8px}.mast h1{font-size:27px}.mast p{font-size:11px;max-width:310px}.run-state{font-size:0;padding:8px;margin-top:16px}.run-state .state-dot{width:9px;height:9px}.run-card{padding:15px 13px}.curriculum{gap:4px}.curr-stage{padding-left:24px}.curr-stage b{font-size:9px}.curr-stage small{font-size:8px}.curr-stage>span{width:17px;height:17px;font-size:8px}.stats{grid-template-columns:repeat(2,1fr);gap:8px}.stat{min-height:82px;padding:10px 11px}.stat>b{font-size:21px}.tab{padding:9px 8px;font-size:10px}.tab-note{display:none}.watch-grid,.metric-layout{grid-template-columns:1fr}.board-panel{padding:9px}.side{grid-template-columns:1fr}.replay-list{max-height:250px}.metric-main{min-height:360px;padding:11px}.chart-wrap{height:255px}.play-hint{display:none}.legend{gap:8px}.panel{padding:12px}.panel-head h3{font-size:13px}.match-tags span{font-size:9px}.arch-flow{margin:11px 0}.mast h1 span{margin-left:5px}footer{font-size:9px;gap:9px}footer span{text-align:right}}