*{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%}.settings-open .three-wrap{filter:blur(5px);transition:filter .2s ease}.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}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:24px;background:#00000094;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.settings-menu{width:min(460px,100%);background:#080808;border:1px solid #fff;box-shadow:0 18px 60px #000c;padding:26px;color:#fff}.settings-heading{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #555;padding-bottom:18px;margin-bottom:24px}.settings-heading h2{font-size:22px;margin:0}.settings-close{background:transparent;border:0;color:#fff;font-size:30px;line-height:1;cursor:pointer;padding:0 0 0 18px}.settings-field{display:grid;grid-template-columns:1fr 132px;gap:5px 14px;margin-bottom:22px}.settings-field span{font-weight:700;letter-spacing:.04em}.settings-field small{color:#aaa;font-size:11px}.settings-field input,.settings-field select{grid-column:2;grid-row:1 / span 2;background:#000;color:#fff;border:1px solid #fff;padding:10px 9px;font:inherit;min-width:0}.settings-field select{font-size:12px}.settings-toggle{display:flex;align-items:center;gap:10px;border-top:1px solid #333;padding-top:18px;font-size:13px}.settings-toggle input{accent-color:#00ff80;width:16px;height:16px}.settings-hint{color:#aaa;font-size:11px;margin:24px 0 0}.settings-hint strong{color:#fff}@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}}.settings-menu{max-height:90vh;overflow-y:auto}.settings-toggle{margin-bottom:18px}.control-bar button{background:#111;color:#fff;border:1px solid #777;padding:8px 12px;cursor:pointer}.progress-panel{border-top:1px solid #555;margin-top:24px;font-size:12px}.progress-panel p{color:#bbb;line-height:1.5}.progress-panel ol{padding-left:20px}.progress-panel li{margin-bottom:12px}.progress-panel small{display:block;color:#aaa;margin-top:4px}