:root{--text: #222;--muted: #666;--border: #d0d0d0;--chrome: #f5f6f7;--accent: #0a7e8c;--accent-bg: #e0f1f3;--err: #b3261e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;color:var(--text)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;background:#fff}button,select,input{font:inherit}button,select{border:1px solid var(--border);background:#fff;border-radius:4px;padding:2px 8px;height:24px;cursor:pointer;color:inherit}button:hover:not(:disabled){background:var(--chrome)}button:disabled{opacity:.6;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app{height:100%;display:flex;flex-direction:column;min-width:0}.header,.footer{background:var(--chrome);padding:5px 8px;display:flex;flex-direction:column;gap:4px;flex:none}.header{border-bottom:1px solid var(--border)}.footer{border-top:1px solid var(--border)}.row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;min-width:0}.hint{color:var(--muted)}.toggle{display:inline-flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.legend{display:inline-flex;align-items:center;gap:5px;color:var(--muted)}.legend-ramp{display:inline-block;width:90px;height:10px;border-radius:2px;border:1px solid var(--border)}.legend-num{font-variant-numeric:tabular-nums}.back{font-weight:600;flex:none}.desc{flex:1 1 120px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.chips{gap:4px 6px}.chip{background:#fff;border:1px solid var(--border);border-radius:10px;padding:1px 8px;white-space:nowrap}.result-touchdown{border-color:#2e7d32;color:#2e7d32}.result-interception{border-color:var(--err);color:var(--err)}.result-incomplete{color:var(--muted)}.stage{flex:1;min-height:0;position:relative;background:#1b2a22}.viewer3d{position:absolute;inset:0}.viewer3d canvas{display:block}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;color:#fff;background:#141e198c;font-size:14px;pointer-events:none}.overlay.error{color:#fff;background:#78140fd9;pointer-events:auto}.scrub-row{flex-wrap:nowrap;gap:8px}.playbtn{width:32px;padding:0;flex:none}.scrub{position:relative;flex:1;min-width:80px;height:24px}.scrub input[type=range]{width:100%;margin:0;height:24px;accent-color:var(--accent);position:relative;z-index:1;background:transparent}.ticks{position:absolute;inset:0 7px;pointer-events:none;z-index:2}.tick{position:absolute;top:3px;width:2px;height:6px;margin-left:-1px;background:#d9822b;border-radius:1px;pointer-events:auto}.readout{flex:none;min-width:120px;display:inline-flex;gap:6px;align-items:baseline;font-variant-numeric:tabular-nums}.event{color:var(--muted)}.seg{display:inline-flex}.seg button{border-radius:0;margin-left:-1px}.seg button:first-child{border-radius:4px 0 0 4px;margin-left:0}.seg button:last-child{border-radius:0 4px 4px 0}.seg button.on{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);position:relative;z-index:1;font-weight:600}.send{margin-left:auto}.err{color:var(--err)}.standalone-hint{margin-left:auto;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.standalone-hint.solo{padding:0 8px 4px;background:var(--chrome);margin:0}.standalone-hint a{color:var(--muted)}.standalone-note{padding:16px}@media(max-width:600px){.scrub-row{flex-wrap:wrap}.readout{min-width:0}.send{margin-left:0}}