.latency-page{padding:2.5rem 0 7rem;color:#f1f4e9}.latency-back{display:inline-block;margin-bottom:1.4rem;color:#afc39b;font:750 .7rem ui-monospace,Consolas,monospace;letter-spacing:.1em;text-decoration:none}.latency-back:hover{color:#d1fa69}.latency-hero{position:relative;padding:2rem 0 2.7rem;border-block:1px solid #34402e}.latency-hero>p:first-child,.latency-section-top>span,.latency-section-top>div>span{color:#c5ed69;font:750 .67rem ui-monospace,Consolas,monospace;letter-spacing:.16em}.latency-hero h1{max-width:900px;margin:1.3rem 0;font-size:clamp(3rem,7vw,7rem);line-height:.93;letter-spacing:-.08em}.latency-hero h1 span,.latency-section-top h2 span{color:#c5ef67}.latency-hero>p:nth-last-child(2){max-width:590px;color:#bbc9ae;line-height:1.6}.latency-hero>strong{display:inline-block;margin-top:1.2rem;padding:.45rem .7rem;border:1px solid #6b8645;color:#cff38b;font:750 .65rem ui-monospace,Consolas,monospace;letter-spacing:.1em}.latency-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1.5rem 0}.latency-presets{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.latency-presets span{margin-right:.4rem;color:#9fb38d;font-size:.65rem;letter-spacing:.12em}.latency-presets button,.latency-actions button,.latency-demos button{padding:.65rem .8rem;border:1px solid #628049;background:#1b2717;color:#def5b3;font:750 .68rem ui-monospace,Consolas,monospace;cursor:pointer}.latency-presets button:hover,.latency-actions button:hover,.latency-demos button:hover{border-color:#d4fa80;background:#293e1d}.latency-actions button:disabled{opacity:.4;cursor:default}.latency-compare{display:flex;align-items:center;gap:.5rem;color:#c9f66a;font-size:.76rem;font-weight:800;cursor:pointer}.latency-compare input{accent-color:#c9f66a;width:1rem;height:1rem}.latency-setups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:1rem}.latency-setup{min-width:0;padding:1.4rem;border:1px solid #4c6238;background:linear-gradient(150deg,#1e2a19,#121912)}.latency-setup[hidden],.latency-inputs [hidden]{display:none}.latency-setup-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding-bottom:1rem;border-bottom:1px solid #45553b}.latency-setup-head span{color:#c9f66a;font:800 .8rem ui-monospace,Consolas,monospace;letter-spacing:.1em}.latency-setup-head strong{font-size:.78rem;color:#d7efb2}.latency-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.2rem}.latency-inputs label{display:flex;flex-direction:column;gap:.4rem;min-width:0;color:#b5c5a3;font:750 .65rem ui-monospace,Consolas,monospace;letter-spacing:.07em}.latency-inputs input:not([type=range]),.latency-inputs select,.latency-actions select{width:100%;min-width:0;padding:.65rem;border:1px solid #607355;background:#0d140d;color:#f4f6ee;font:700 .85rem Inter Variable,sans-serif}.latency-inputs input[type=range]{width:100%;accent-color:#c9f66a}.latency-inputs input:focus-visible,.latency-inputs select:focus-visible,.latency-actions select:focus-visible{outline:2px solid #c9f66a;outline-offset:2px}.latency-simulation,.latency-results,.latency-demos,.latency-explain{margin-top:4rem}.latency-section-top{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:1rem;padding:1rem 0;border-top:1px solid #46543c}.latency-section-top h2{margin-top:.6rem;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.05em}.latency-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.latency-actions #latency-run,.latency-demos button{background:#c9f66a;color:#14200d}.latency-actions label{color:#aebfa0;font:750 .62rem ui-monospace,Consolas,monospace}.latency-actions select{width:5rem;margin-left:.3rem}.latency-simulation>p,.latency-results>p,.latency-demo-grid p{max-width:800px;margin:.3rem 0 1.5rem;color:#adbea2;font-size:.85rem;line-height:1.6}.latency-timelines{display:grid;gap:1rem}.latency-timeline{min-width:0;padding:1.3rem;border:1px solid #4b5e3b;background:#151e13}.latency-timeline-head{display:flex;justify-content:space-between;gap:1rem;color:#d6eabf;font:700 .72rem ui-monospace,Consolas,monospace}.latency-timeline-head strong{color:#c9f66a}.latency-timeline-scroll{overflow-x:auto;margin-top:1rem;scrollbar-color:#6f874f transparent}.latency-timeline-canvas{min-width:720px;padding:1.6rem 1rem .5rem}.latency-track{position:relative;height:70px;border-bottom:1px solid #52664a;background-image:linear-gradient(to right,#b8d88a55 1px,transparent 1px);background-size:var(--tick) 100%}.latency-track-line{position:absolute;top:33px;left:0;right:0;height:2px;background:#5d7750}.latency-point{position:absolute;top:27px;width:12px;height:12px;transform:translate(-50%);border:2px solid #a4c674;border-radius:50%;background:#182616;z-index:2}.latency-point-displayed{width:17px;height:17px;top:24px;border-color:#d8ff8d;background:#c9f66a;box-shadow:0 0 15px #c9f66a88}.latency-signal{position:absolute;top:20px;left:0;width:26px;height:26px;transform:translate(-50%);border:2px solid #e8ffc0;border-radius:50%;background:#c9f66a;box-shadow:0 0 22px #c9f66aaa;opacity:0;z-index:4}.latency-signal.is-active{opacity:1}.latency-axis{display:flex;justify-content:space-between;margin-top:.5rem;color:#a6ba93;font:.62rem ui-monospace,Consolas,monospace}.latency-stage-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:1px;margin:1.2rem 0 0;padding:1px;background:#3d4e36;list-style:none}.latency-stage-list li{display:flex;flex-direction:column;gap:.35rem;padding:.75rem;background:#172016}.latency-stage-list span{color:#a8bd9b;font:.6rem ui-monospace,Consolas,monospace}.latency-stage-list strong{font-size:.88rem}.latency-summaries{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:1rem}.latency-summary{padding:1.4rem;border:1px solid #536846;background:#182318}.latency-summary h3{color:#c9f66a;font:.8rem ui-monospace,Consolas,monospace}.latency-summary dl{margin:1rem 0 0}.latency-summary dl div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-top:1px solid #3b4b35}.latency-summary dt{color:#a9be9d;font-size:.68rem}.latency-summary dd{margin:0;font-weight:750;text-align:right}.latency-summary dl div:last-child dd{color:#c9f66a;font-size:1.2rem}.latency-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.latency-demo-grid article{padding:1.4rem;border:1px solid #455b37;background:#151e14}.latency-demo-grid h3{font-size:1.2rem}.latency-targets{display:grid;gap:.7rem}.latency-target-row{display:grid;grid-template-columns:60px 1fr;gap:.7rem;align-items:center;color:#c9f66a;font:.68rem ui-monospace,Consolas,monospace}.latency-target-lane{position:relative;height:23px;border-block:1px solid #516c43;background:linear-gradient(90deg,#294421,#111b11)}.latency-target-lane i{position:absolute;left:0;top:2px;width:17px;height:17px;transform:translate(-50%);border-radius:50%;background:#c9f66a;box-shadow:0 0 10px #c9f66a77}.latency-fire-results{display:grid;gap:.5rem;margin-top:1rem}.latency-fire-row{display:flex;justify-content:space-between;padding:.8rem;border:1px solid #506143;color:#aebda3;font-size:.75rem}.latency-fire-row.is-fired{border-color:#c9f66a;background:#263d1e;color:#eaffca}.latency-explain{padding-top:1.5rem;border-top:1px solid #46543c}.latency-explain h2{font-size:1.1rem}.latency-explain dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1rem}.latency-explain dt{color:#c9f66a;font:.69rem ui-monospace,Consolas,monospace}.latency-explain dd{margin:.5rem 0 0;color:#b5c4a8;font-size:.8rem;line-height:1.5}.latency-tool-link{display:flex;flex-direction:column;gap:.6rem;max-width:600px;margin-top:2rem;padding:1.5rem;border:1px solid #5c7843;background:#192616;text-decoration:none;color:#f1f4e9}.latency-tool-link:hover{border-color:#d1fa69}.latency-tool-link span{color:#c9f66a;font:.65rem ui-monospace,Consolas,monospace}.latency-tool-link strong{font-size:1.4rem}.latency-tool-link small{color:#b2c3a4;font-size:.8rem}@media(max-width:760px){.latency-page{padding-top:1.5rem}.latency-hero h1{overflow-wrap:anywhere}.latency-inputs{grid-template-columns:1fr 1fr}.latency-demo-grid{grid-template-columns:1fr}.latency-explain dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:460px){.latency-inputs{grid-template-columns:1fr}.latency-section-top{align-items:start}.latency-actions{width:100%}.latency-hero h1{font-size:clamp(2.6rem,12vw,4rem)}.latency-explain dl{grid-template-columns:1fr 1fr}.latency-stage-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.latency-signal,.latency-target-lane i{transition:none!important}.latency-target-lane i{left:50%!important}}.latency-target-sample{position:absolute;top:9px;width:2px;height:4px;transform:translate(-50%);background:#c9f66a80}.latency-target-lane i{z-index:2}.latency-presets button{display:flex;flex-direction:column;gap:.2rem;text-align:left}.latency-presets button small{color:#aacb8b;font-size:.58rem;font-weight:600}.latency-compare{padding:.8rem 1rem;border:1px solid #a5d45d;background:#253c1d;box-shadow:inset 3px 0 #c9f66a}.latency-compare:hover,.latency-compare:focus-within{background:#314b24}.latency-compare span{display:flex;flex-direction:column;gap:.2rem}.latency-compare small{color:#bbd4a4;font-size:.61rem;font-weight:600}.latency-inputs small,.latency-fps-readout small{color:#b8caa8;font-size:.7rem;font-weight:500;letter-spacing:0;line-height:1.4}.latency-fps-readout{display:flex;flex-direction:column;justify-content:center;gap:.5rem;padding:.65rem;border:1px solid #536847;color:#b5c5a3;font:.68rem ui-monospace,Consolas,monospace}.latency-fps-readout strong{font:800 1.15rem Inter Variable,sans-serif;color:#ebf9d4}.latency-advanced{margin-top:1.2rem;border-top:1px solid #45553b;padding-top:.9rem}.latency-advanced summary{display:flex;justify-content:space-between;list-style:none;cursor:pointer;color:#caed9a;font:750 .7rem ui-monospace,Consolas,monospace;letter-spacing:.08em}.latency-advanced summary::-webkit-details-marker{display:none}.latency-advanced summary span{color:#c9f66a}.latency-advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.latency-advanced-grid label{display:flex;flex-direction:column;gap:.4rem;min-width:0;color:#b5c5a3;font:750 .65rem ui-monospace,Consolas,monospace;letter-spacing:.07em}.latency-advanced-grid [hidden]{display:none}.latency-advanced-grid input:not([type=range]),.latency-advanced-grid select{width:100%;min-width:0;padding:.65rem;border:1px solid #607355;background:#0d140d;color:#f4f6ee;font:700 .85rem Inter Variable,sans-serif}.latency-advanced-grid input[type=range]{width:100%;accent-color:#c9f66a}.latency-primary,.latency-breakdown{margin-top:3rem}.latency-primary-results,.latency-breakdowns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:1rem}.latency-primary-card{padding:clamp(1.3rem,3vw,2.3rem);border:1px solid #779a4b;background:radial-gradient(circle at 80% 10%,#354c25,#172216 65%)}.latency-eyebrow{display:block;color:#c9f66a;font:750 .65rem ui-monospace,Consolas,monospace;letter-spacing:.1em}.latency-primary-time{display:block;margin:.6rem 0;font-size:clamp(3rem,7vw,5rem);line-height:1;letter-spacing:-.07em;color:#d2fa84}.latency-primary-card p{max-width:720px;color:#e3edd8;line-height:1.55}.latency-primary-card .latency-primary-explain{margin-top:1.2rem;color:#b9caaa;font-size:.83rem}.latency-compare-result{margin-top:1rem;padding:1.25rem 1.5rem;border:1px solid #658b42;background:#22351b}.latency-compare-result[hidden]{display:none}.latency-compare-result strong{display:block;margin:.25rem 0;font-size:2rem;color:#d5fa91}.latency-compare-result p{margin:0;color:#dcebd1}.latency-breakdown-card{min-width:0;padding:1.3rem;border:1px solid #536947;background:#182218}.latency-breakdown-card h3{margin:0 0 1rem;color:#d8ecbc;font-size:.78rem}.latency-breakdown-bar{display:flex;width:100%;height:26px;overflow:hidden;border:1px solid #718760;background:#0d140d}.latency-segment{height:100%;min-width:0;border-right:1px solid #10180e}.latency-segment-input{background:#bde966}.latency-segment-out,.latency-segment-back{background:#789e4e}.latency-segment-server{background:#9fca62}.latency-segment-display{background:#dcecae}.latency-breakdown-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem;margin:1rem 0 0}.latency-breakdown-list div{min-width:0;padding:.5rem;background:#202e1d}.latency-breakdown-list dt{overflow-wrap:anywhere;color:#aebfa2;font-size:.6rem}.latency-breakdown-list dd{margin:.3rem 0 0;color:#ecf3e4;font-size:.82rem;font-weight:750}.latency-breakdown>p{color:#aebfa2;font-size:.8rem;line-height:1.55}.latency-result-line{position:absolute;top:32px;left:0;height:4px;background:#c9f66a;box-shadow:0 0 14px #c9f66a66}.latency-timeline-head{flex-wrap:wrap}.latency-elapsed{color:#d5fa91;font-size:1rem}.latency-frame-spacing{margin-bottom:1rem;padding:1.4rem;border:1px solid #536947;background:#182218}.latency-frame-spacing h3{font-size:.87rem;margin:0 0 1rem}.latency-frame-spacing>p{margin:1rem 0 0;color:#b8c9aa;font-size:.77rem;line-height:1.5}.latency-spacing-row{display:grid;grid-template-columns:60px minmax(0,1fr) 70px;gap:.7rem;align-items:center;margin:.65rem 0;color:#d7e8c8;font-size:.73rem}.latency-spacing-points{display:flex;align-items:center;gap:var(--spacing);min-width:0;overflow:hidden;height:15px}.latency-spacing-points i{display:block;flex:none;width:7px;height:7px;border-radius:50%;background:#c9f66a;box-shadow:0 0 6px #c9f66a66}.latency-fire-row{display:grid;grid-template-columns:auto 1fr;gap:.35rem}.latency-fire-row em{font-style:normal;opacity:.25;text-align:right}.latency-fire-row strong{grid-column:1/-1;opacity:.35}.latency-fire-row.is-registered em,.latency-fire-row.is-fired strong{opacity:1;color:#c9f66a}@media(max-width:760px){.latency-breakdown-list{grid-template-columns:repeat(3,minmax(0,1fr))}.latency-primary-time{font-size:3.4rem}}@media(max-width:460px){.latency-advanced-grid{grid-template-columns:1fr}.latency-breakdown-list{grid-template-columns:repeat(2,minmax(0,1fr))}.latency-presets,.latency-presets span,.latency-compare{width:100%}.latency-primary-time{font-size:3rem}}.latency-fire-row em,.latency-fire-row strong{visibility:hidden}.latency-fire-row.is-registered em,.latency-fire-row.is-fired strong{visibility:visible}