:root{--mint:#a5f0db;--amber:#ffc475}body{font-family:Inter,system-ui,sans-serif}header{color:#7cb2b5;top:24px;left:28px}header b{letter-spacing:.12em;font-size:20px}#trial-hud{border:1px solid #8ee5dd35;border-left:2px solid var(--mint);font-variant-numeric:tabular-nums;background:linear-gradient(120deg,#0b202beb,#163d42c7);border-radius:3px;width:236px;padding:16px 18px;position:absolute;top:102px;left:28px}#trial-mode{color:var(--mint);letter-spacing:.2em;font-size:10px}#trial-timer{float:right;color:#fff;font-size:16px;font-weight:600}#trial-score{letter-spacing:-.04em;margin:8px 0 2px;font-size:35px;font-weight:600}#trial-meta{color:#96b4b9;font-size:11px}#trial-progress{background:#b8e7de20;height:2px;margin-top:14px}#trial-progress i{background:var(--mint);transform-origin:0;height:100%;transition:transform .15s linear;display:block}#trial-best{letter-spacing:.13em;color:#88a8ab;margin-top:9px;font-size:10px}#announcement{text-align:center;letter-spacing:.13em;white-space:nowrap;text-shadow:0 2px 15px #000;opacity:0;font-size:23px;font-weight:600;transition:opacity .15s;position:absolute;top:23%;left:50%;transform:translate(-50%)}#announcement small{letter-spacing:.18em;color:var(--mint);margin-top:7px;font-size:11px;display:block}#reward{color:var(--amber);text-shadow:0 2px 6px #000;opacity:0;font-size:19px;font-weight:650;transition:opacity .1s;position:absolute;top:calc(50% - 42px);left:calc(50% + 32px)}#reward small{color:#fff;letter-spacing:.15em;font-size:9px;display:block}#stats{background:#0b202bdb;border:1px solid #8ee5dd35;min-width:130px}#status{background:#0b202bdb;font-size:11px}#tools{gap:6px}#tools button{padding:8px 11px;font-size:11px}#tools #trial-button{color:var(--mint);border-color:#9bddc377}#overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(at 50% 30%,#082c3340,#041016da)}article{background:linear-gradient(145deg,#112d35f5,#091920fa);border:1px solid #78c4c54d;border-radius:8px;width:540px;max-width:calc(100vw - 40px);padding:36px;box-shadow:0 30px 120px #0009}article>small{color:var(--mint);letter-spacing:.23em;font-size:10px}h1{letter-spacing:-.04em;margin:17px 0;font-size:42px;line-height:1.02}article p{color:#9ebabe;font-size:13px;line-height:1.65}button#start{background:var(--mint);margin-top:23px;padding:16px;font-size:14px}button#practice{color:#a0bdc0;background:0 0;border:1px solid #4b737966;margin-top:8px;padding:11px;font-weight:400}#result-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0;display:grid}#result-grid div{background:#84c9bb0b;border:1px solid #99ddc51c;border-radius:3px;padding:13px 9px}#result-grid b{color:#e3f6ec;margin-bottom:4px;font-size:22px;display:block}#result-grid span{letter-spacing:.08em;color:#8bafb4;font-size:9px}.keys{color:#95b4b8;gap:8px;font-size:11px}.keys kbd{color:#cfe7e2}#loading{margin-bottom:0;font-size:10px}#hit{color:var(--amber);font-size:27px;font-weight:200}@media (width<=750px){#tools{top:auto;bottom:108px;right:14px}#tools label{display:none}#trial-hud{width:180px;padding:10px 12px;top:95px;left:15px}header{left:15px}#trial-score{font-size:27px}#announcement{font-size:16px}article{padding:26px}h1{font-size:34px}#status{max-width:55%;bottom:20px;left:15px}#stats{bottom:20px;right:15px}}#crosshair{--spread:6px}#crosshair i{background:#b9f4ec;border-radius:1px;display:block;position:absolute;top:50%;left:50%;box-shadow:0 0 2px #061719}#crosshair .north,#crosshair .south{width:2px;height:5px}#crosshair .east,#crosshair .west{width:5px;height:2px}#crosshair .north{transform:translate(-50%,-50%) translateY(calc(-1 * var(--spread)))}#crosshair .south{transform:translate(-50%,-50%) translateY(var(--spread))}#crosshair .east{transform:translate(-50%,-50%) translateX(var(--spread))}#crosshair .west{transform:translate(-50%,-50%) translateX(calc(-1 * var(--spread)))}