:root{color:#e5f0f4;font-synthesis:none;background:#0b131b;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}#game{width:100%;height:100%;display:block;position:fixed;inset:0}header{pointer-events:none;background:#0b131b8c;border-bottom:1px solid #ffffff12;justify-content:space-between;padding:27px 36px;display:flex;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:2px;font-size:16px;font-weight:800}.brand i{background:#6af4dc;width:11px;height:11px;margin-right:10px;display:inline-block}.brand span{color:#73909e;margin-left:20px;font-size:10px}.status{letter-spacing:2px;color:#6af4dc;font-size:10px}#hud{pointer-events:none;background:#0a131cd9;border:1px solid #45616a55;border-radius:6px;gap:34px;padding:16px 25px;display:flex;position:fixed;top:96px;left:50%;transform:translate(-50%)}#hud div{text-align:center;min-width:95px}label,#hud label{letter-spacing:1.5px;color:#91a5b1;font-size:10px;font-weight:600;display:block}#hud b{font-variant-numeric:tabular-nums;margin-top:7px;font-size:22px;display:block}.clock b{color:#6af4dc}#crosshair{pointer-events:none;width:16px;height:16px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";background:#fff;position:absolute;box-shadow:0 0 2px #000}#crosshair:before{width:14px;height:2px;top:7px;left:1px}#crosshair:after{width:2px;height:14px;top:1px;left:7px}.playing #crosshair{display:block}#hitmarker{color:#6af4dc;opacity:0;pointer-events:none;font-size:38px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.bottom{color:#9aafbb;letter-spacing:1px;pointer-events:none;justify-content:space-between;font-size:10px;display:flex;position:fixed;bottom:25px;left:36px;right:36px}.bottom em{color:#5c7788;margin:0 5px;font-style:normal}#overlay{background:linear-gradient(90deg,#08121af2,#09121bd9 53%,#09121b50);justify-content:center;align-items:center;gap:100px;padding:24px;display:flex;position:fixed;inset:75px 0 55px;overflow:auto}.panel{flex-shrink:0;width:390px}.eyebrow{color:#6af4dc;letter-spacing:3px;margin-bottom:18px;font-size:10px}h1{letter-spacing:-2px;margin:0 0 18px;font-size:48px;line-height:1.05}h1 strong{color:#6af4dc}p{color:#94aab7;font-size:13px;line-height:1.8}#settings{grid-template-columns:1fr 1fr;gap:22px 24px;margin:26px 0;display:grid}select{color:#e5f0f4;background:#182733;border:1px solid #344653;border-radius:4px;width:100%;margin-top:10px;padding:10px}input[type=range]{accent-color:#6af4dc;width:100%;margin:15px 0 0}output{float:right;color:#d8e8ee;letter-spacing:0}.record{color:#9eafb8;letter-spacing:1.2px;border-top:1px solid #ffffff1f;padding:16px 0;font-size:10px}.record b{float:right;color:#6af4dc;font-size:17px}.record small{letter-spacing:0;color:#68828f;margin-top:6px;font-size:10px;display:block}button{cursor:pointer;letter-spacing:1.5px;color:#0b2427;background:#6af4dc;border:0;border-radius:4px;width:100%;padding:16px;font-size:12px;font-weight:800}button:hover{background:#a3ffea}button span{float:right}.secondary{color:#fff;background:#283d49;margin-top:10px}#message{text-align:center;margin-bottom:0;font-size:11px}aside{border-left:1px solid #7594a64d;width:250px;padding-left:30px}aside>span{color:#6af4dc;letter-spacing:2px;font-size:10px}aside h2{font-size:24px}aside p{color:#6af4dc;gap:20px;margin:22px 0;display:flex}aside b{color:#a6bcc8;font-weight:400}aside div{letter-spacing:2px;margin-top:50px;font-size:11px;line-height:2}aside small{color:#839fab}#results{padding:12px 0}#results h2{color:#6af4dc;font-size:14px}.result-grid{color:#91a5b1;grid-template-columns:1fr 1fr;gap:12px;font-size:12px;display:grid}.result-grid b{color:#fff;margin-top:5px;font-size:18px;display:block}[hidden]{display:none!important}body:has(#results:not([hidden])) h1{display:none}body:has(#results:not([hidden])) #description{display:none}@media (height<=800px){h1{font-size:38px}#settings{gap:16px;margin:18px 0}.eyebrow{margin-bottom:12px}#overlay{align-items:flex-start}}@media (width<=800px){aside,.status,.brand span{display:none}#hud{gap:8px;padding:12px}#hud div{min-width:65px}#hud b{font-size:16px}.bottom{left:15px;right:15px}.panel{width:min(390px,100%)}header{padding:25px 20px}}#input-notice{color:#b6d6dd;text-align:center;pointer-events:none;background:#12242eee;border:1px solid #6af4dc55;max-width:90%;padding:10px 15px;font-size:11px;position:fixed;bottom:55px;left:50%;transform:translate(-50%)}.playing #game{cursor:none}#hitmarker{width:24px;height:24px;font-size:0}#hitmarker:before,#hitmarker:after{content:"";transform-origin:50%;background:#6af4dc;width:2px;height:24px;position:absolute;top:0;left:11px}#hitmarker:before{transform:rotate(45deg)}#hitmarker:after{transform:rotate(-45deg)}#settings{grid-template-columns:repeat(2,minmax(0,1fr))}#settings label{min-width:0}select{max-width:100%}@media (width<=500px){#hud{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:calc(100% - 20px);padding:10px 6px;display:grid}#hud div{min-width:0}#hud label{letter-spacing:.4px;font-size:8px}#hud b{font-size:13px}.bottom{gap:12px;font-size:9px;bottom:16px}.bottom>span:first-child{display:none}#input-notice{width:calc(100% - 24px);bottom:48px}#overlay{padding:20px 16px}#settings{gap:18px 14px}output{float:none;margin-top:6px;display:block}}@media (height<=500px){header{padding:12px 20px}#hud{padding:8px 12px;top:48px}#hud b{margin-top:4px;font-size:16px}#overlay{top:45px;bottom:38px}.bottom{bottom:12px}#input-notice{bottom:36px}}body:not(.playing) #hud{visibility:hidden}#start{margin-bottom:14px}.embedded header{display:none}.embedded #overlay{align-items:flex-start;padding:16px 24px;top:16px;bottom:42px}.embedded #overlay h1{margin-bottom:10px;font-size:28px}.embedded #overlay .eyebrow{margin-bottom:10px}.embedded #description{margin:8px 0 12px}.embedded #hud{top:16px}@media (width<=500px){.embedded #overlay h1,.embedded #overlay .eyebrow{display:none}.embedded #overlay{padding:12px 16px;top:8px}}:root{--crosshair-color:#fff;--crosshair-size:14px}#crosshair.aim-reticle,.aim-reticle{width:var(--crosshair-size);height:var(--crosshair-size)}.aim-reticle{pointer-events:none;display:block;position:relative}#crosshair.aim-reticle:before,#crosshair.aim-reticle:after,.aim-reticle:before,.aim-reticle:after{content:"";background:var(--crosshair-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 2px #000}#crosshair.aim-reticle:before,.aim-reticle:before{width:100%;height:2px}#crosshair.aim-reticle:after,.aim-reticle:after{width:2px;height:100%}#preferences{border-top:1px solid #ffffff1f;margin:12px 0;padding-top:14px}#preferences summary{cursor:pointer;color:#b6d6dd;letter-spacing:1px;padding:4px 0;font-size:11px}.preferences-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;margin-top:18px;display:grid}.preferences-grid label{min-width:0}#crosshair-color{cursor:pointer;background:#182733;border:1px solid #344653;border-radius:4px;width:100%;height:32px;margin-top:10px;padding:2px;display:block}.crosshair-preview{background:#101f29;border:1px solid #344653;border-radius:4px;place-items:center;min-height:70px;padding-bottom:16px;display:grid;position:relative}.crosshair-preview small{color:#91a5b1;letter-spacing:1px;font-size:9px;position:absolute;bottom:5px}#preferences p{font-size:11px}#overlay{gap:48px}aside.settings-sidebar{flex-shrink:0;width:350px}.settings-sidebar div{letter-spacing:normal;margin-top:0;line-height:normal}.training-protocol>span{color:#6af4dc;letter-spacing:2px;font-size:10px}.training-protocol h2{margin:8px 0;font-size:22px}.training-protocol p{gap:6px;margin:3px 10px 3px 0;font-size:11px;display:inline-flex}.training-protocol>div{margin-top:6px;font-size:10px;line-height:1.4}.training-protocol>div br{display:none}.training-protocol>div small{margin-left:10px}.settings-sidebar .preferences-grid{gap:8px;margin-top:8px}.settings-sidebar #preferences{margin:12px 0 8px;padding-top:8px}.settings-sidebar #preferences p{color:#94aab7;margin:8px 0;line-height:1.5;display:block}.settings-sidebar .crosshair-preview{min-height:48px}.settings-sidebar .record{letter-spacing:1.2px;padding:12px 0 4px}.settings-sidebar #message{color:#94aab7;margin:8px 0 0;line-height:1.5;display:block}@media (width>=851px) and (height<=550px){.embedded #overlay{padding-top:6px;padding-bottom:6px}.embedded #overlay h1 br{display:none}.embedded #overlay h1 strong:before{content:" "}.embedded #settings{gap:10px 16px;margin:8px 0}.embedded #settings select{margin-top:6px;padding:8px}.embedded #start{margin-bottom:6px}}@media (width<=850px){#overlay{flex-direction:column;justify-content:flex-start;align-items:center;gap:16px}.embedded #overlay{align-items:center}aside.settings-sidebar{border-left:0;width:min(390px,100%);padding-left:0;display:block}.training-protocol{display:none}}input#target-color{background:#182733;border:1px solid #344653;border-radius:4px;width:100%;height:28px;margin-top:6px;padding:2px;display:block}.appearance-combo{grid-template-columns:1fr 54px;gap:8px;display:grid}.appearance-combo label{letter-spacing:.5px;font-size:9px}