:root{color:#e7edeb;font-synthesis:none;--accent:#d8f678;--muted:#9ca9a6;background:#111719;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}#scene{opacity:.22;width:100%;height:100%;display:block;position:fixed;inset:0}body.training #scene{opacity:1}body:has(#home:not([hidden])){overflow:auto}body:has(#home:not([hidden])):before{content:"";pointer-events:none;background:linear-gradient(120deg,#111719ed,#111719ba);position:fixed;inset:0}.topbar{z-index:1;justify-content:space-between;align-items:center;gap:16px;max-width:1160px;margin:auto;padding:28px 32px;display:flex;position:relative}.brand{color:#eef2e9;letter-spacing:-1px;align-items:center;gap:2px;font-size:25px;font-weight:800;text-decoration:none;display:flex}.brand-dot{color:var(--accent)}.brand-small{letter-spacing:2px;margin-left:12px;font-size:11px}.local{color:#99aaa3;font-size:11px}.local i{background:var(--accent);border-radius:100%;width:6px;height:6px;margin-right:8px;display:inline-block}.page{grid-template-columns:1.1fr 1fr;align-items:start;gap:24px;max-width:1160px;margin:auto;padding:10px 32px 24px;display:grid;position:relative}.card{background:#182022f2;border:1px solid #46544e85;border-radius:12px}.home-panel{padding:24px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.panel-heading h1,.panel-heading h2{letter-spacing:-.5px;margin:0;font-size:21px;font-weight:650}.panel-heading>span{color:#8fa19a;font-size:11px}.section-heading{color:#a8b9b1;margin:0 0 14px;font-size:12px;font-weight:500}.setting-row{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.setting-row input,.setting-row select{color:#e1ebda;font-variant-numeric:tabular-nums;background:#101918;border:1px solid #46594e;border-radius:5px;width:110px;min-width:0;padding:8px 10px}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;margin:16px 0 5px}.range-labels{color:#7e8d85;justify-content:space-between;font-size:10px;display:flex}.setting-hint{color:#8e9e96;margin:8px 0 0;font-size:11px;line-height:1.6}#settings-error,#ch-error{color:#ffb7a3;margin:10px 0 0;font-size:11px;line-height:1.6}.ch-home{border-top:1px solid #34443b;margin-top:18px;padding-top:20px}.ch-heading{justify-content:space-between;align-items:center;display:flex}.crosshair-fields{grid-template-columns:1fr 1fr;gap:20px;margin-top:14px;display:grid}.setting-row input[type=color]{cursor:pointer;width:64px;height:33px;padding:3px}.ch-preview-stage{background:radial-gradient(#344246,#1a2527);border:1px solid #405047;border-radius:6px;width:100%;height:146px;position:relative}.ch-preview-stage>span{color:#8fa099;font-size:10px;position:absolute;bottom:9px;left:10px}.ch-color-inputs{display:flex}.crosshair-fields select{width:120px}#cross-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.ch-control{margin-top:18px}.ch-control .setting-row{flex-wrap:wrap;gap:8px}.ch-control .setting-row input{width:48px;padding:6px}.ch-control input[type=range]{margin:10px 0 0}.ch-unit{display:none}.crosshair-help{margin-top:12px;font-size:10px}.ch-bottom-row{justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;display:flex}.ch-bottom-row>span{color:#ffb7a3;flex:1;font-size:11px}.ch-bottom-row .secondary{color:#92a69a;border:0;flex:none;padding:5px 0;font-size:11px}.ch-bottom-row .secondary:hover{color:var(--accent);background:0 0}.training-summary{align-items:center;gap:20px;margin:0 0 26px;display:flex}.training-summary>strong{letter-spacing:-2px;font-size:55px;font-weight:450;line-height:1}.training-summary>strong>span{color:#a6b6ab;letter-spacing:0;margin-left:6px;font-size:13px}.training-summary>div{font-size:15px}.training-summary small{color:#91a398;margin-top:8px;font-size:11px;display:block}.difficulty-control{border:0;min-width:0;margin:0;padding:0}.difficulty-control legend{color:#a8b9b1;margin-bottom:10px;font-size:12px}.difficulty-options{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.difficulty-options button{color:#b7c7bd;background:#11191b;border:1px solid #46534b;border-radius:5px;padding:11px 0;font-size:13px}.difficulty-options button[aria-pressed=true]{color:var(--accent);background:#d8f6781c;border-color:#b2cf65;font-weight:600}#difficulty-hint{min-height:35px;font-size:11px}.primary{background:var(--accent);color:#19220e;border:0;border-radius:6px;justify-content:space-between;align-items:center;width:100%;margin-top:20px;padding:16px 18px;font-size:15px;font-weight:650;display:flex}.primary:hover{background:#e5ff9e}.primary span{font-size:20px;font-weight:400}.hint{text-align:center;color:#87988c;margin:10px 0 0;font-size:11px;line-height:1.8}kbd{border:1px solid #75867d66;border-radius:3px;padding:1px 5px;font-family:inherit;font-size:10px;display:inline-block}.history{border-top:1px solid #34443b;margin-top:24px;padding-top:20px}.history .section-heading{margin-bottom:14px}.last-result{color:#9aafa3;font-size:12px;line-height:1.9}.last-result+.last-result{border-top:1px solid #34443b7a;margin-top:16px;padding-top:14px}.last-result strong{color:#d9e5d3;font-size:15px;font-weight:550}#best-result strong{color:var(--accent)}footer{color:#80958a;justify-content:space-between;max-width:1160px;margin:0 auto;padding:0 32px 24px;font-size:11px;display:flex;position:relative}footer button{color:#9cb29f;background:0 0;border:0;font-size:11px}.eyebrow{color:var(--accent);letter-spacing:3px;font-size:11px;font-weight:600}.modal h2{letter-spacing:-.5px;margin:24px 0 12px;font-size:24px}.modal>p{color:var(--muted);font-size:13px;line-height:1.8}.training .topbar,.training footer{display:none}#hud{pointer-events:none;font-variant-numeric:tabular-nums;position:fixed;inset:0}.hud-block{position:absolute;top:30px;left:40px}.hud-block small,.hud-stats small{letter-spacing:2px;color:#c2cece;margin-bottom:6px;font-size:10px;display:block}.hud-block strong{font-size:46px;font-weight:400}.hud-block>span{margin-left:8px;font-size:11px}.hud-stats{gap:38px;display:flex;position:absolute;top:35px;right:40px}.hud-stats strong{font-size:25px;font-weight:400}.hud-help{color:#c4cdca;font-size:11px;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}#countdown{pointer-events:none;background:#11171930;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.count-number{color:var(--accent);font-size:110px;font-weight:300}#countdown>span{color:#c0cec4;letter-spacing:2px;font-size:12px}.overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:5;background:#0b1013a8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{width:440px;padding:32px}.button-row{gap:10px;margin-top:12px;display:flex}.secondary{color:#c1ccc6;background:0 0;border:1px solid #495b50;border-radius:4px;flex:1;padding:12px;font-size:12px}.secondary:hover{background:#28342b}.full{width:100%;margin-top:12px}.result-grid{border-top:1px solid #3a473e;border-bottom:1px solid #3a473e;grid-template-columns:1fr 1fr;gap:24px 20px;margin:26px 0;padding:22px 0;display:grid}.result-grid small{color:#9faea2;margin-bottom:7px;font-size:11px;display:block}.result-grid strong{font-variant-numeric:tabular-nums;font-size:30px;font-weight:400}#save-status{font-size:11px}#notice{z-index:10;background:#253027;border:1px solid #68775c;border-radius:4px;max-width:90%;padding:12px 18px;font-size:12px;position:fixed;bottom:70px;left:50%;transform:translate(-50%)}.aim-crosshair{--ch-color:#13cd32;--ch-thickness:1px;--ch-length:10px;--ch-gap:3px;--ch-dotSize:3px;pointer-events:none;width:1px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair{position:fixed}.ch-arm,.ch-dot{background:var(--ch-color);border-radius:0;position:absolute;box-shadow:0 0 1px #000}.ch-left,.ch-right{width:var(--ch-length);height:var(--ch-thickness);top:50%;transform:translateY(-50%)}.ch-left{right:calc(50% + var(--ch-gap))}.ch-right{left:calc(50% + var(--ch-gap))}.ch-top,.ch-bottom{width:var(--ch-thickness);height:var(--ch-length);left:50%;transform:translate(-50%)}.ch-top{bottom:calc(50% + var(--ch-gap))}.ch-bottom{top:calc(50% + var(--ch-gap))}.ch-dot{width:var(--ch-dotSize);height:var(--ch-dotSize);display:none;top:50%;left:50%;transform:translate(-50%,-50%)}.aim-crosshair[data-style=dot] .ch-arm{display:none}.aim-crosshair[data-style=dot] .ch-dot{display:block}.result-grid{grid-template-columns:repeat(3,1fr);gap:16px}.result-grid strong{font-size:26px}@media (width<=900px) and (width>=761px){.page{gap:18px;padding-left:24px;padding-right:24px}.home-panel{padding:22px}.crosshair-fields select{width:105px}.panel-heading>span{display:none}.ch-control .setting-row{flex-direction:column;align-items:stretch}.ch-control .setting-row input{width:100%}}@media (width<=760px){.page{grid-template-columns:1fr;gap:18px;padding:4px 20px 24px}.topbar{padding:22px 20px}.home-panel{padding:22px}.panel-heading{margin-bottom:20px}.local{font-size:10px}.brand-small{display:none}footer{padding:0 20px 24px}.training-panel{grid-row:1}.crosshair-fields select{width:100px}.crosshair-fields label{white-space:nowrap}.ch-control .setting-row{flex-direction:column;align-items:stretch}.ch-control .setting-row input{width:100%}.panel-heading>span{font-size:10px}.hud-block{left:20px}.hud-stats{gap:18px;right:20px}}@media (width<=380px){.page{padding-left:14px;padding-right:14px}.home-panel{padding:18px}.crosshair-fields select{width:100px}.ch-control .setting-row{flex-direction:column;align-items:stretch}.ch-control .setting-row input{width:100%}.panel-heading>span{display:none}}.game-label{margin-bottom:8px}.game-picker{z-index:4;margin-bottom:16px;position:relative}.game-trigger,.game-option{isolation:isolate;color:#fff;text-align:left;background:#17232a;border:1px solid #52645a;border-radius:6px;align-items:center;gap:10px;width:100%;min-height:56px;padding:9px 14px;display:flex;position:relative;overflow:hidden}.game-trigger{min-height:60px}.game-trigger:after,.game-option:after{content:"";z-index:-1;background:linear-gradient(90deg,#101a20f5 10%,#101a20c9 48%,#101a2040);position:absolute;inset:0}.game-art{object-fit:cover;object-position:70% 45%;z-index:-2;opacity:.85;width:100%;height:100%;position:absolute;inset:0}.game-art-valorant{object-fit:contain;object-position:85% 50%;background:#391c27}.game-copy{flex-direction:column;gap:3px;display:flex}.game-copy strong{text-shadow:0 1px 3px #000;font-size:13px;font-weight:600}.game-copy small{color:#bac8c6;font-size:10px}.game-chevron{color:#d5e0dc;margin-left:auto;font-size:20px}.game-options{z-index:5;background:#10181b;border:1px solid #52645a;border-radius:8px;gap:5px;max-height:min(330px,45vh);padding:6px;display:grid;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow:auto;box-shadow:0 18px 35px #0009}.game-option{border-color:#3c4b46;border-radius:4px;min-height:54px}.game-option[aria-selected=true]{border-color:var(--accent)}.game-option:hover,.game-option:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.game-check{visibility:hidden;color:var(--accent);margin-left:auto}.game-option[aria-selected=true] .game-check{visibility:visible}@media (width<=480px){.crosshair-fields{grid-template-columns:1fr;gap:12px}.ch-preview-stage{height:140px}}.feedback-preview-link{color:#291d32;background:#d2b7eb;border:1px solid #e5cdf8;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;min-height:50px;margin-top:16px;padding:13px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,box-shadow .15s;display:flex;box-shadow:0 3px 12px #b98ed51f}.feedback-preview-link span{white-space:nowrap;font-size:12px}.feedback-preview-link:hover{color:#211429;background:#e2c9f5;box-shadow:0 4px 16px #b98ed538}.feedback-preview-link:focus-visible{outline-offset:3px;outline:3px solid #f3e4ff}.custom-training{border-top:1px solid var(--line,#394443);margin:0 0 20px;padding-top:18px}.custom-control{margin-bottom:16px}.custom-control label{justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.custom-control output{color:#c7fc78;font-variant-numeric:tabular-nums}.custom-control input{width:100%}#training-duration{font:inherit}.difficulty-options{grid-template-columns:repeat(5,minmax(0,1fr))}.custom-preview{margin-bottom:18px}.custom-preview svg{width:100%;height:auto;display:block}.custom-preview-panel{fill:#111b1e;stroke:#35453e}.custom-preview-reference-underlay{stroke:#152120;stroke-width:4px;stroke-dasharray:5 5}.custom-preview-reference{stroke:#d6e0d8;stroke-width:1.5px;stroke-dasharray:5 5}.custom-preview-legend{color:#a8b9b1;justify-content:center;gap:16px;margin-top:4px;font-size:11px;display:flex}.custom-preview-legend i{width:13px;height:8px;margin-right:6px;display:inline-block}.preview-current{background:#f0f2ef;border-radius:50%;width:9px!important;height:9px!important}.preview-standard{border:1px dashed #a8b7af}.custom-preview p{color:#91a398;text-align:center;margin:8px 0 0;font-size:11px}.custom-time-heading{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.custom-time-heading label{margin:0}.custom-time-input{color:#9cafaa;align-items:center;gap:7px;font-size:12px;display:flex}.custom-time-input input{color:#f0f2ef;font:inherit;background:#111b1e;border:1px solid #46534b;border-radius:5px;padding:6px 8px;width:88px!important}.custom-time>output{color:#a8b9b1;margin-bottom:8px;font-size:11px;display:block}#custom-time-error{color:#ffc09a;margin:8px 0 0;font-size:12px}#custom-size{box-sizing:border-box;width:100%;margin:16px 0 0;padding:0;display:block}.size-ticks{height:45px;margin:0 8px 2px;position:relative}.size-tick{color:#96aaa0;font:inherit;white-space:nowrap;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:9px 2px 2px;font-size:11px;line-height:1.2;display:flex;position:absolute;top:0;transform:translate(-50%)}.size-tick:before{content:"";border-left:1px solid #82998a;height:6px;position:absolute;top:0;left:50%}.size-tick small{font-size:10px}.size-tick:hover,.size-tick[aria-pressed=true]{color:var(--accent)}.size-tick:focus-visible{outline:1px solid var(--accent);outline-offset:1px;border-radius:3px}.size-scale-hint{color:#8e9e96;margin:7px 0 0;font-size:10px;line-height:1.5}#hud{text-shadow:0 1px 4px #111719aa}.hud-help{color:#fff;text-shadow:none;background:#11171999;border-radius:4px;padding:6px 10px}.language-control{align-items:center;gap:6px;font-size:13px;display:flex}.language-control select{color:#ecf1ee;max-width:130px;font:inherit;background:#192326;border:1px solid #64726d;border-radius:6px;padding:8px}.topbar,.lab-header{flex-wrap:wrap}body.training .language-control{display:none}@media (width<=600px){.language-control{margin-left:auto}.local,.panel-heading>span{display:none}.difficulty-options button{padding-left:3px;padding-right:3px;font-size:11px}.crosshair-fields label{white-space:normal}}html:not([lang=zh-CN]) .difficulty-options button{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;min-width:0;padding:11px 3px;font-size:11px}html:not([lang=zh-CN]) .size-ticks{height:72px}html:not([lang=zh-CN]) .size-tick:nth-child(2n){padding-top:31px}html:not([lang=zh-CN]) .size-tick:nth-child(2n):before{height:28px}html:not([lang=zh-CN]) .size-tick span{font-size:10px}@media (width<=480px){html:not([lang=zh-CN]) .difficulty-options{grid-template-columns:repeat(3,minmax(0,1fr))}.feedback-preview-link{flex-wrap:wrap}.feedback-preview-link span{margin-left:auto}}