*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:system-ui,sans-serif;background:#000;color:#fff;margin:0;padding:0}.app{width:100%;height:100%;display:flex;flex-direction:column}.app main{flex:1;display:flex;min-height:0}.app main>*{flex:1;min-height:0}.eyebrow{color:#fff;letter-spacing:.2em;font-size:11px;margin:0 0 6px}header{padding:10px 14px 8px;border-bottom:1px solid #fff}header h1{font-size:24px;letter-spacing:.02em;margin:0}.trainer{border:0;background:#000;height:100%;display:flex;flex-direction:column}.three-wrap{position:relative;width:100%;flex:1;min-height:320px;overflow:hidden;border-top:1px solid #fff;border-bottom:1px solid #fff;cursor:crosshair}.three-wrap canvas{display:block;width:100%;height:100%}.overlay-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.crosshair{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);color:#fff;font-size:28px;font-weight:300;text-shadow:none;pointer-events:none}.hud{position:absolute;inset:16px 20px auto;display:flex;justify-content:space-between;gap:12px;font:700 12px ui-monospace,Consolas,monospace;letter-spacing:.08em;color:#fff;pointer-events:none}.control-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;color:#fff;font-size:12px;border-top:1px solid #fff}.control-bar strong{color:#fff;font-weight:700}.control-grid{border-top:none;display:grid;grid-template-columns:auto 1fr auto 220px auto auto;align-items:center}.control-grid label{font-size:12px;color:#fff;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.control-grid select{background:#000;color:#fff;border:1px solid #fff;padding:8px 10px;outline:none}.control-grid button{background:#000;color:#fff;border:1px solid #fff;padding:8px 12px;cursor:pointer}.control-grid button:hover{filter:brightness(1.08)}.precision-chip{justify-self:end;background:#000;border:1px solid #fff;padding:8px 10px;color:#fff}.sens-wrap{display:grid;grid-template-columns:1fr 74px;gap:8px;align-items:center}.sens-wrap input[type=range]{width:100%}.sens-wrap input[type=number]{background:#000;color:#fff;border:1px solid #fff;padding:7px 8px;outline:none}.legend{display:flex;gap:18px;align-items:center;padding:10px 16px 14px;color:#fff;font-size:12px;flex-wrap:wrap}.legend i{display:inline-block;width:18px;height:3px;vertical-align:middle;margin-right:6px}.legend-pattern{background:#fff6}.legend-ghost{background:#00f0ff;border-radius:50%;width:8px!important;height:8px!important}.legend-impact-hit{background:#fffffff2}.legend-impact-miss{background:#ffffff59}@media (max-width:800px){header{padding:10px 10px 8px}.three-wrap{min-height:300px}.control-grid{grid-template-columns:1fr;gap:8px}.precision-chip{justify-self:start}.control-bar{display:block}.control-bar span{display:block;margin-top:8px}}