:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--cyan:#6be5e8;--green:#55ff74;--panel:#232829b8;--line:#ebf8f830;font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#game{background:#111516;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none}button,kbd{font:inherit}#viewport,#viewport canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.screen-fx{z-index:2;pointer-events:none;mix-blend-mode:normal;background:radial-gradient(circle at 50% 48%,#0000 53%,#0407082e 100%),linear-gradient(#ffffff03,#00000004);position:absolute;inset:0}.screen-fx:after{content:"";opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E");position:absolute;inset:0}.hud{z-index:4;pointer-events:none;opacity:1;transition:opacity .18s;position:absolute;inset:0}.hud.is-hidden{opacity:0}.stat-bar{grid-template-columns:minmax(190px,240px) minmax(160px,210px) minmax(190px,240px);gap:6px;display:grid;position:absolute;top:clamp(22px,2.85vh,42px);left:50%;transform:translate(-50%)}.stat-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(165deg,#2a2f30cf,#1e2324ad);border-radius:7px;flex-direction:column;justify-content:center;min-height:clamp(68px,7.4vh,86px);padding:13px 18px 10px;display:flex;box-shadow:0 12px 34px #00000024,inset 0 1px #ffffff09}.stat-label{color:#eff5f5b0;letter-spacing:.02em;margin-bottom:1px;font-size:clamp(10px,.73vw,14px);font-weight:700}.stat-card strong{color:#f7f9f8;letter-spacing:.035em;text-shadow:0 1px 7px #ffffff1a;font-family:Bahnschrift,Arial Narrow,Segoe UI,sans-serif;font-size:clamp(25px,1.76vw,34px);line-height:.98}.sensitivity-meter{border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#222728b3;border-radius:7px;place-items:center;width:clamp(190px,14vw,278px);height:clamp(48px,5.5vh,65px);display:grid;position:absolute;top:clamp(22px,2.8vh,42px);left:clamp(24px,5.6vw,112px);box-shadow:0 10px 24px #00000021}.sensitivity-track{background:#e1e8e752;border-radius:8px;width:76%;height:10px;position:relative;overflow:visible}.sensitivity-fill{border-radius:inherit;background:linear-gradient(90deg,#85e7e8,#b6ffff);width:48%;height:100%;display:block;box-shadow:0 0 10px #63e8eb38}.sensitivity-marker{filter:drop-shadow(0 1px 2px #00000080);border-top:9px solid #edf4f3;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:-9px;left:46%}.performance{color:#eef3f2a1;letter-spacing:.045em;text-shadow:0 1px 3px #111;align-items:center;gap:9px;font-family:Bahnschrift,Arial Narrow,Segoe UI,sans-serif;font-size:clamp(10px,.7vw,14px);font-weight:600;display:flex;position:absolute;top:clamp(18px,2.15vh,31px);right:clamp(24px,4vw,78px)}.performance b{color:#ffffffd1}.performance i{background:#fff3;width:1px;height:13px}.brand{color:#f5f8f7d1;text-align:right;text-shadow:0 2px 4px #00000047;position:absolute;top:clamp(42px,5.4vh,62px);right:clamp(28px,4.2vw,82px);transform:skew(-7deg)}.brand span{letter-spacing:.2em;font-family:Bahnschrift,Arial Narrow,sans-serif;font-size:clamp(11px,.75vw,15px);line-height:.8;display:block}.brand strong{letter-spacing:.08em;font-family:Bahnschrift,Arial Narrow,sans-serif;font-size:clamp(25px,2.3vw,44px);line-height:1;display:block}.crosshair,.hit-marker{width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair span{background:var(--green);border-radius:2px;display:block;position:absolute;box-shadow:0 0 4px #24ff58eb,0 0 10px #1ef44f5c}.crosshair-top,.crosshair-bottom{width:2px;height:6px;left:14px}.crosshair-top{top:3px}.crosshair-bottom{bottom:3px}.crosshair-left,.crosshair-right{width:6px;height:2px;top:14px}.crosshair-left{left:3px}.crosshair-right{right:3px}.crosshair i{width:2px;height:2px;box-shadow:0 0 4px var(--green);background:#daffe1;border-radius:50%;position:absolute;top:14px;left:14px}.hit-marker{opacity:0;transform:translate(-50%,-50%)scale(.65)}.hit-marker.flash{animation:.15s ease-out hitFlash}.hit-marker span{background:#fff;border-radius:2px;width:7px;height:2px;position:absolute;box-shadow:0 0 5px #68ffffd9}.hit-marker span:first-child{top:5px;left:2px;transform:rotate(45deg)}.hit-marker span:nth-child(2){top:5px;right:2px;transform:rotate(-45deg)}.hit-marker span:nth-child(3){bottom:5px;left:2px;transform:rotate(-45deg)}.hit-marker span:nth-child(4){bottom:5px;right:2px;transform:rotate(45deg)}@keyframes hitFlash{0%{opacity:1;transform:translate(-50%,-50%)scale(.65)}to{opacity:0;transform:translate(-50%,-50%)scale(1.45)}}.overlay{z-index:10;visibility:hidden;opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:radial-gradient(circle at 50% 45%,#171f2052,#070a0bc2),#070a0b2e;place-items:center;transition:opacity .22s,visibility .22s;display:grid;position:absolute;inset:0}.overlay--visible{visibility:visible;opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.menu-panel,.pause-panel,.results-panel{color:#f5f8f7;text-align:center;background:linear-gradient(145deg,#1f2627ed,#121718e8);border:1px solid #c5e8e833;border-radius:13px;width:min(90vw,650px);padding:clamp(30px,5vh,58px);box-shadow:0 35px 90px #0000006b,inset 0 1px #ffffff0a}.menu-panel h1,.pause-panel h2,.results-panel h2{letter-spacing:.04em;margin:6px 0 12px;font-family:Bahnschrift,Arial Narrow,Segoe UI,sans-serif;font-size:clamp(38px,5.2vw,66px);line-height:.95}.pause-panel h2,.results-panel h2{font-size:clamp(34px,4.2vw,54px)}.eyebrow{color:var(--cyan);letter-spacing:.22em;margin:0;font-family:Bahnschrift,Arial Narrow,sans-serif;font-size:13px;font-weight:700}.menu-copy,.pause-panel p:not(.eyebrow){color:#ebf2f1a6;max-width:510px;margin:0 auto;font-size:14px;line-height:1.8}.briefing{background:#03080933;border:1px solid #ffffff12;border-radius:8px;grid-template-columns:repeat(3,1fr);margin:27px 0 25px;display:grid}.briefing div{flex-direction:column;gap:4px;padding:14px 10px;display:flex}.briefing div+div{border-left:1px solid #ffffff14}.briefing span,.result-grid span{color:#e6eeed7a;letter-spacing:.12em;font-size:10px;font-weight:700}.briefing strong{color:#fafdfce6;font-family:Bahnschrift,Arial Narrow,sans-serif;font-size:19px}.primary-button{color:#081213;cursor:pointer;letter-spacing:.04em;background:linear-gradient(135deg,#89ffff,#65dfe4);border:0;border-radius:6px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:55px;padding:0 20px;font-weight:800;transition:transform .12s,filter .12s;display:flex;box-shadow:0 12px 28px #52dde22b,inset 0 1px #ffffff9e}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button:active{transform:translateY(1px)}.primary-button kbd{color:#0616189e;background:#ffffff3b;border:1px solid #051e2021;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:700}.controls{color:#e7efee61;letter-spacing:.02em;margin:16px 0 0;font-size:11px}.countdown{z-index:11;pointer-events:none;color:#f7ffff;opacity:0;text-shadow:0 0 32px #6feff34d,0 7px 25px #0000006b;place-items:center;font-family:Bahnschrift,Arial Narrow,sans-serif;font-size:clamp(100px,16vw,220px);font-weight:700;display:grid;position:absolute;inset:0}.countdown.pulse{animation:.76s cubic-bezier(.17,.67,.27,1) countdownPulse}@keyframes countdownPulse{0%{opacity:0;transform:scale(1.25)}15%{opacity:1}to{opacity:0;transform:scale(.84)}}.result-score{background:#02080942;border:1px solid #7eebee1f;border-radius:8px;flex-direction:column;margin:24px 0;padding:21px;display:flex}.result-score span,.result-score small{color:#e7f0ef75;letter-spacing:.15em;font-size:10px;font-weight:700}.result-score strong{color:#f6fbfa;margin:4px 0 2px;font-family:Bahnschrift,Arial Narrow,sans-serif;font-size:clamp(48px,7vw,76px);line-height:.95}.result-grid{border:1px solid #ffffff12;border-radius:8px;grid-template-columns:repeat(4,1fr);margin:0 0 25px;display:grid}.result-grid div{flex-direction:column;gap:6px;min-width:0;padding:15px 6px;display:flex}.result-grid div+div{border-left:1px solid #ffffff12}.result-grid strong{color:#f4f8f7;font-family:Bahnschrift,Arial Narrow,sans-serif;font-size:24px}.corner-hint{z-index:5;opacity:.42;gap:4px;display:flex;position:absolute;bottom:16px;right:16px}.corner-hint>span{color:#fff;background:#121718cc;border:1px solid #ffffff47;border-radius:2px;place-items:center;width:25px;height:25px;font-size:7px;font-weight:700;display:grid}.mouse-icon:after{content:"";border:1px solid #fff;border-radius:5px;width:7px;height:11px}@media (width<=780px){.stat-bar{grid-template-columns:1.15fr 1fr 1.15fr;width:calc(100% - 28px);top:14px}.stat-card{min-height:59px;padding:10px}.sensitivity-meter,.performance,.brand{display:none}.result-grid{grid-template-columns:repeat(2,1fr)}.result-grid div:nth-child(3){border-top:1px solid #ffffff12;border-left:0}.result-grid div:nth-child(4){border-top:1px solid #ffffff12}}