:root{--hud:#d7f2ff;--hud-dim:#8fb3c4;--accent:#ffb02e;--good:#39d353;--warn:#ffb02e;--bad:#ff4d3d;--panel:#080e12e0;--edge:#78bedc47;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", "Liberation Mono", monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Arial, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;color:var(--hud);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:none;background:#000;margin:0;padding:0;overflow:hidden}#app{position:fixed;inset:0}#view{width:100%;height:100%;display:block}.hud{pointer-events:none;font-family:var(--mono);text-shadow:0 0 6px #000000f2,0 1px 2px #000000e6;letter-spacing:.03em;z-index:10;flex-direction:column;justify-content:space-between;padding:clamp(8px,1.6vmin,20px);display:flex;position:absolute}.hud-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.hud-bottom{align-items:flex-end}.hud-block{flex-direction:column;gap:clamp(2px,.5vmin,6px);min-width:0;display:flex}.hud-right{text-align:right;align-items:flex-end}.hud-item{white-space:nowrap;align-items:baseline;gap:.55em;display:flex}.hud-right .hud-item{flex-direction:row-reverse}.hud-label{color:var(--hud-dim);letter-spacing:.12em;font-size:clamp(8px,1.25vmin,13px)}.hud-value{font-variant-numeric:tabular-nums;font-size:clamp(13px,2.35vmin,26px);font-weight:600;line-height:1.05}.hud-unit{color:var(--hud-dim);font-size:clamp(8px,1.15vmin,12px)}.hud-bar{border:1px solid var(--edge);background:#0000006b;width:clamp(70px,13vmin,150px);height:clamp(5px,.85vmin,9px);overflow:hidden}.hud-bar>i{background:var(--good);height:100%;transition:width 90ms linear,background-color .2s linear;display:block}.hud-bar.warn>i{background:var(--warn)}.hud-bar.bad>i{background:var(--bad)}.hud-centre{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2vmin;display:flex;position:absolute;inset:0}.crosshair{opacity:.5;background:linear-gradient(var(--hud), var(--hud)) center/100% 1px no-repeat, linear-gradient(var(--hud), var(--hud)) center/1px 100% no-repeat;width:clamp(16px,2.6vmin,30px);height:clamp(16px,2.6vmin,30px)}.target-box{pointer-events:none;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.tb-c{border:2px solid var(--accent);filter:drop-shadow(0 0 2px #000000f2);width:28%;height:28%;position:absolute}.tb-tl{border-bottom:0;border-right:0;top:0;left:0}.tb-tr{border-bottom:0;border-left:0;top:0;right:0}.tb-bl{border-top:0;border-right:0;bottom:0;left:0}.tb-br{border-top:0;border-left:0;bottom:0;right:0}.target-box.close .tb-c{border-color:var(--bad)}.target-label{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--accent);text-shadow:0 0 4px #000,0 0 2px #000,0 1px 2px #000;flex-direction:column;align-items:center;gap:1px;font-size:clamp(10px,1.5vmin,16px);font-weight:600;display:flex;position:absolute;top:0;left:0;transform:translate(-50%)}.target-label .tl-alt{color:var(--hud);font-size:.85em}.target-edge{opacity:.95;width:clamp(34px,6vmin,74px);height:clamp(34px,6vmin,74px);margin-top:calc(clamp(34px,6vmin,74px)/-2);margin-left:calc(clamp(34px,6vmin,74px)/-2);position:absolute;top:0;left:0}.target-edge svg{width:100%;height:100%}.target-edge path{fill:var(--accent);stroke:#000000bf;stroke-width:1.5px}.target-edge.behind path{fill:var(--bad)}.hud-message{letter-spacing:.08em;text-align:center;max-width:88%;color:var(--accent);opacity:0;font-size:clamp(15px,3.4vmin,44px);font-weight:700;line-height:1.15;transition:opacity .14s linear;position:absolute;top:62%}.hud-message.show{opacity:1}.hud-message.bad{color:var(--bad)}.hud-message.good{color:var(--good)}.hud-message.big{font-size:clamp(30px,9vmin,120px)}.split-list{flex-direction:column;gap:1px;font-size:clamp(9px,1.4vmin,14px);display:flex}.split-list>div{color:var(--hud-dim);justify-content:flex-end;gap:.8em;display:flex}.split-list>div>b{color:var(--hud);font-variant-numeric:tabular-nums;font-weight:600}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:30;background:#04080bd1;justify-content:center;align-items:center;padding:4vmin;display:none;position:absolute;inset:0;overflow-y:auto}.overlay.show{display:flex}.panel{background:var(--panel);border:1px solid var(--edge);flex-direction:column;gap:clamp(10px,1.8vmin,20px);width:min(760px,100%);max-height:92vh;padding:clamp(16px,3vmin,34px);display:flex;overflow-y:auto}.panel h1{font-family:var(--mono);letter-spacing:.1em;margin:0;font-size:clamp(20px,4vmin,40px);line-height:1.1}.panel h2{letter-spacing:.18em;color:var(--hud-dim);margin:0;font-size:clamp(11px,1.5vmin,15px);font-weight:600}.panel p{color:var(--hud-dim);margin:0;font-size:clamp(12px,1.7vmin,16px);line-height:1.5}.mode-list{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:10px;display:grid}.card{text-align:left;border:1px solid var(--edge);color:var(--hud);font:inherit;cursor:pointer;background:#ffffff09;flex-direction:column;align-items:flex-start;gap:6px;padding:clamp(10px,1.6vmin,18px);transition:background-color .12s,border-color .12s,transform .12s;display:flex}.card:hover,.card:focus-visible{border-color:var(--accent);background:#78c8e624;outline:none}.card[aria-pressed=true]{border-color:var(--accent);background:#ffb02e1f}.card .card-title{font-family:var(--mono);overflow-wrap:anywhere;font-size:clamp(13px,2vmin,19px);font-weight:700;line-height:1.2}.card .card-desc{color:var(--hud-dim);font-size:clamp(11px,1.5vmin,14px);line-height:1.45}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.end{justify-content:flex-end}.btn{border:1px solid var(--accent);color:var(--hud);font-family:var(--mono);letter-spacing:.1em;cursor:pointer;white-space:normal;background:#ffb02e29;padding:clamp(9px,1.4vmin,14px) clamp(16px,2.6vmin,28px);font-size:clamp(12px,1.8vmin,17px);font-weight:700;line-height:1.2;transition:background-color .12s}.btn:hover,.btn:focus-visible{background:#ffb02e57;outline:none}.btn.ghost{border-color:var(--edge);background:0 0}.kv{grid-template-columns:auto 1fr;gap:4px 18px;font-size:clamp(11px,1.5vmin,15px);display:grid}.kv>span:nth-child(odd){color:var(--hud-dim)}.kv>span:nth-child(2n){font-family:var(--mono);font-variant-numeric:tabular-nums}.result-time{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:clamp(28px,7vmin,72px);font-weight:700;line-height:1}.record{color:var(--good);letter-spacing:.1em;font-weight:700}.touch{z-index:20;pointer-events:none;display:none;position:absolute;inset:0}#app.touch-active .touch{display:block}.stick{border:1px solid var(--edge);background:#00000047;border-radius:50%;justify-content:center;align-items:center;width:clamp(96px,22vmin,160px);height:clamp(96px,22vmin,160px);display:flex;position:absolute;bottom:clamp(18px,5vmin,56px)}.stick[data-stick=left]{left:clamp(16px,4vmin,48px)}.stick[data-stick=right]{right:clamp(16px,4vmin,48px)}.stick-knob{border:1px solid var(--edge);background:#d7f2ff6b;border-radius:50%;width:38%;height:38%}.debug{z-index:40;font-family:var(--mono);color:#b9ffd0;white-space:pre;pointer-events:none;background:#000000b8;border:1px solid #78ffaa38;max-height:92vh;padding:8px 12px;font-size:11px;line-height:1.45;position:absolute;top:10px;left:10px;overflow:hidden}.debug[hidden]{display:none}.lil-gui.root{z-index:45!important}@media (width<=620px){.hud-label{letter-spacing:.06em}.panel{padding:16px}}