:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#e6edf4;background:#080e14;font-synthesis:none;--muted:#8e9eaf;--line:#24313c;--accent:#a3f5d5}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible,#arena:focus-visible{outline:2px solid #b5ffdf;outline-offset:4px}button{transition:background .2s,transform .2s}button:not(:disabled):active{transform:translateY(1px)}.hidden{display:none!important}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 3.3vw}.brand{text-decoration:none;color:#eef5f6;display:flex;align-items:center;gap:13px;font-size:24px;font-weight:750;letter-spacing:1px}.brand-symbol{display:grid;place-items:center;border:1px solid #688779;border-radius:11px;width:44px;height:44px;color:var(--accent);font-size:34px}.brand-light{color:#9cafb7;font-weight:400}.brand small{display:block;color:#7f969f;font-weight:400;font-size:12px;letter-spacing:2px;margin-top:4px}.experiment{font-family:monospace;font-size:13px;letter-spacing:2px;color:#7f939e}.experiment span{margin-left:24px;letter-spacing:1px;color:#cad5dc}.icon-btn{background:transparent;color:#afbec8;border:1px solid #31414b;padding:10px 15px;border-radius:6px;font-size:18px}.icon-btn span{font-size:14px;margin-left:5px}.workspace{max-width:1800px;margin:0 auto;padding:30px 3.3vw 22px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px}.stage-column{min-width:0}.stage-title{display:flex;justify-content:space-between;align-items:center;margin:4px 0 25px}.eyebrow{font-family:monospace;font-size:12px;letter-spacing:2px;color:#9be6cf;display:flex;align-items:center;gap:8px}.eyebrow i,.live-tag i{width:6px;height:6px;background:#a4f7d8;border-radius:50%;box-shadow:0 0 9px #9bf4cd77}h1{font-weight:600;letter-spacing:-1px;font-size:clamp(32px,3.2vw,54px);margin:12px 0 8px}h1 span{font-weight:350;margin-left:10px;color:#c6d4db}.stage-title p{color:var(--muted);font-size:16px;margin:0}.round-label{font-family:monospace;color:#2b3e49;font-size:65px;text-align:right;letter-spacing:-4px}.round-label span{display:block;font-size:12px;letter-spacing:2px;color:#738692;margin-top:2px}.arena-wrap{position:relative;border:1px solid #2c3d49;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 48% 33%,#192f3b,#111e29 43%,#0b141e 80%)}#arena{height:clamp(430px,55vh,720px);width:100%;touch-action:none;cursor:crosshair}#arena canvas{display:block}.arena-top{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.live-tag{display:flex;align-items:center;gap:9px;background:#152c2ad9;border:1px solid #31584b;color:#b9f6dc;padding:7px 11px;border-radius:4px;font-size:13px}.workspace-label{color:#758e9e;font:12px monospace;letter-spacing:1px}.toast{position:absolute;bottom:59px;left:50%;transform:translate(-50%);white-space:nowrap;max-width:95%;text-align:center;background:#071019db;border:1px solid #314654;padding:11px 19px;border-radius:7px;font-size:14px;color:#d8e5ed;pointer-events:none;backdrop-filter:blur(8px)}.arena-bottom{position:absolute;bottom:19px;left:23px;right:23px;display:flex;align-items:center;gap:20px;color:#9aadb8;font-size:12px;pointer-events:none}.arena-bottom span:last-child{margin-left:auto;font:11px monospace;letter-spacing:1px}.cyan-dot,.yellow-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;background:#8deed4}.yellow-dot{background:#ffc374}.instruction-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border:1px solid var(--line);border-radius:9px;background:#0e171f}.instruction-strip>div{display:flex;align-items:center;gap:13px;padding:22px 18px}.instruction-strip>div+div{border-left:1px solid var(--line)}.instruction-strip b{font:13px monospace;color:#89a096;align-self:flex-start;margin-top:4px}.instruction-strip span{font-size:15px;color:#d3e2e8;white-space:nowrap}.instruction-strip small{display:block;font-size:12px;color:#8b9fab;margin-top:7px}.instruction-strip .step-glyph{font-size:31px;font-family:monospace;color:#769d92;margin-left:auto}.control-column{display:flex;flex-direction:column;gap:16px}.panel{background:#101921;border:1px solid var(--line);border-radius:10px;padding:20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}h2{font-size:16px;margin:0;font-weight:500}.small-tag{font-size:12px;color:#a0b1be;border:1px solid #30404b;border-radius:4px;padding:4px 7px}.small-tag.online{color:#a6f6d9;border-color:#3a6d58}.stats{display:grid;grid-template-columns:1fr 1fr;margin:20px 0 17px}.stats>div{display:flex;flex-direction:column}.stats>div+div{padding-left:22px;border-left:1px solid #2b3a44}.stats span{font-size:13px;color:#97aab8}.stats strong{font-family:ui-monospace,Consolas,monospace;font-size:48px;font-weight:400;letter-spacing:-2px;line-height:1.3;color:#baf8db}.timer-stat strong{color:#e2eaf0}.stats strong span{font-size:18px;letter-spacing:0;margin-left:5px}.stats small{font-size:12px;color:#778d9b}.time-track{height:3px;background:#263841;margin-bottom:20px;border-radius:3px}.time-track div{height:100%;background:#a8efce;width:100%;transition:width .1s;box-shadow:0 0 10px #a2f0ce40}.primary{border:0;border-radius:6px;background:#b5f5d9;color:#163c30;width:100%;padding:13px 16px;font-size:15px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.primary:not(:disabled):hover{background:#ceffe9}.primary span{font-size:20px}.secondary{width:100%;margin-top:10px;padding:10px;color:#bedbcc;border:1px solid #426452;background:transparent;border-radius:6px}.camera-screen{margin-top:16px;aspect-ratio:4/3;background:#080f15;position:relative;overflow:hidden;border:1px solid #293a44;border-radius:6px}.camera-screen video,.camera-screen canvas{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;transform:scaleX(-1)}.camera-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:9px;background:radial-gradient(ellipse,#152b31,transparent)}.camera-placeholder strong{font-size:14px;font-weight:400;color:#b8cfd4}.camera-placeholder>span:last-child{font-size:12px;color:#6f8993}.camera-icon{font-size:45px;color:#66968c;margin-bottom:3px;font-weight:300}.camera-caption{position:absolute;bottom:10px;left:10px;font:9px monospace;color:#72998e;letter-spacing:1px;background:#08131b80;padding:3px}.camera-corners{position:absolute;inset:10px;border:1px solid #42695c44;pointer-events:none}.camera-status{font-size:12px;line-height:1.7;min-height:40px;color:#8ba1ac;margin:12px 0}.camera-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:11px 14px;background:#1a302c;border:1px solid #476e5c;border-radius:6px;color:#baf0d5;font-size:14px}.camera-button:hover{background:#23463b}.text-btn{display:block;text-align:center;width:100%;padding:10px;background:none;color:#98afa6;border:0;font-size:12px}.gesture-readout{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:14px;margin-top:15px;font-size:12px;color:#8b9eaa}.gesture-readout strong{margin-left:auto;color:#d3e2e8;font-weight:400}.gesture-readout i,.pipeline i{width:6px;height:6px;border-radius:50%;background:#3c4e59;display:inline-block}.gesture-readout i.active,.pipeline i.active{background:#9ff4d3;box-shadow:0 0 8px #8decc680}.pipeline{margin-top:18px}.pipeline>div{display:flex;align-items:center;gap:12px;font-size:14px}.pipeline small{margin-left:auto;font-size:12px;color:#829aa7}.pipeline b{display:block;font-size:12px;color:#526d79;padding:4px 0 4px 1px}footer{padding:0 3.3vw 24px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#718592}footer>span:first-child{letter-spacing:1px}footer i{font-style:normal;margin:0 8px;color:#436054}.result{position:absolute;inset:0;display:grid;place-items:center;background:#09121acf;backdrop-filter:blur(8px);z-index:5}.result-card{text-align:center;padding:28px;max-width:420px}.result-card .eyebrow{justify-content:center}.result-card h2{font-size:38px;margin:17px}.result-card p{color:#96acb5;font-size:14px}.result-score strong{font:80px ui-monospace,monospace;color:#b8fadd}.result-score span{margin-left:12px;color:#98b9ad}.result-card #final-detail{font-size:14px;color:#9ab0bc;margin:10px 0 25px}.result-card .primary{justify-content:center}.render-error{padding:100px 30px;color:#edc494}.skip-link{position:fixed;left:10px;top:-60px;z-index:20;color:#fff;background:#23483c;padding:10px}.skip-link:focus{top:10px}@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 360px}.panel{padding:24px}.camera-screen{aspect-ratio:16/10}#arena{height:620px}}@media(max-width:1100px){.workspace{gap:18px;padding-left:22px;padding-right:22px;grid-template-columns:minmax(0,1fr) 290px}.panel{padding:16px}.instruction-strip>div{padding:18px 10px;gap:8px}.step-glyph{display:none}.instruction-strip small{font-size:11px}.round-label{display:none}#arena{height:500px}.workspace-label{display:none}footer{flex-direction:column;gap:9px}}@media(max-width:800px){.topbar{height:76px;padding:0 20px}.experiment{display:none}.workspace{display:block;padding:22px 16px}.stage-title{margin-bottom:20px}.control-column{display:grid;grid-template-columns:1fr 1fr;margin-top:18px}.insight-panel{grid-column:1/-1}.camera-panel{grid-row:span 2}.instruction-strip>div{padding:15px 8px}.instruction-strip span{font-size:13px}.instruction-strip small{white-space:normal;line-height:1.5}.instruction-strip b{display:none}#arena{height:430px}.arena-top{left:16px;top:16px}.arena-bottom{gap:12px;left:12px;right:12px}.arena-bottom span:last-child{display:none}.toast{font-size:12px;padding:10px 12px;white-space:normal;width:max-content}.pipeline{display:flex;justify-content:space-between;gap:10px}.pipeline>div{flex-wrap:wrap}.pipeline small{width:100%;margin:0}.pipeline b{display:none}}@media(max-width:480px){.control-column{display:flex}.brand{font-size:21px}.stage-title h1{font-size:34px}.stats strong{font-size:42px}#arena{height:360px}.camera-screen{aspect-ratio:4/3;max-height:270px}.eyebrow,.arena-bottom{font-size:10px}footer{font-size:11px;line-height:1.7}.instruction-strip span{font-size:12px}}:root{--accent:#a1e5ff;--line:#29333e;--muted:#92a1b0;background:#090d12}.brand-symbol{color:#a0e8ff;border-color:#4d6e82}.eyebrow{color:#97cfe5}.eyebrow i,.live-tag i{background:#8adfff;box-shadow:0 0 10px #68cfff66}.live-tag{background:#122633d9;border-color:#345468;color:#b6e7ff}.stats strong{color:#d0ecfa}.time-track div{background:#83cfea;box-shadow:0 0 10px #4fb9ed40}.primary{background:#b5def0;color:#162a37}.primary:not(:disabled):hover{background:#d2f0ff}.secondary{color:#bfd9e8;border-color:#3c5c70}.camera-button{background:#192c39;border-color:#3e6178;color:#b9deef}.camera-button:hover{background:#243e50}.camera-placeholder{background:radial-gradient(ellipse,#17252f,transparent)}.camera-icon{color:#6b95ad}.camera-caption{color:#7c9fb5}.camera-corners{border-color:#42627866}.gesture-readout i.active,.pipeline i.active{background:#91e0ff;box-shadow:0 0 9px #62c6f877}.small-tag.online{color:#a8e6ff;border-color:#406b83}.cyan-dot{background:#85dfff}.text-btn{color:#9aafc0}.instruction-strip .step-glyph{color:#809fb1}.instruction-strip b{color:#8d9faa}.result-score strong{color:#c0eaff}.arena-wrap{background:#0d1117;border-color:#33404c}.round-label{color:#2b3742}.brand-symbol{flex-shrink:0;line-height:1}.brand-symbol svg{display:block;width:32px;height:32px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}footer{flex-direction:column;align-items:center;text-align:center;gap:9px}.instruction-strip .step-glyph{width:42px;height:42px;flex-shrink:0;line-height:0}.step-glyph svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}@media(min-width:801px){.stage-column{display:flex;flex-direction:column}.arena-wrap{flex-shrink:0}.instruction-strip{flex:1}.instruction-strip>div{align-items:center}.instruction-strip b{align-self:auto;margin-top:0}}@media(min-width:801px){#app{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}.workspace{width:100%;min-height:0}.stage-column,.control-column{min-height:0}.arena-wrap{flex:1;min-height:430px}#arena{position:absolute;inset:0;height:100%}.instruction-strip{flex:0 0 auto;min-height:108px}.camera-panel{flex:1;display:flex;flex-direction:column}.camera-panel>.panel-heading,.camera-panel>button,.camera-status,.gesture-readout{flex-shrink:0}.camera-screen{flex:1 0 180px;aspect-ratio:auto;min-height:180px}}@media(min-width:801px){.toast{bottom:19px}}