button,select{font:inherit;color:var(--ink);background:var(--sheet);border:1px solid var(--ink);padding:8px;cursor:pointer;max-width:100%}button:disabled,select:disabled{opacity:.5;cursor:wait}.settings{font-size:.9rem;gap:10px 18px}.settings label{display:flex;align-items:center;gap:6px}.stage{height: min(65vh,620px);min-height:360px}.status{inset:12px 12px auto;background:var(--sheet);border:1px solid var(--rule);padding:10px;text-align:left;font-size:.88rem;overflow-wrap:anywhere}.status:empty{display:none}#map{position:absolute;right:10px;bottom:10px;width:240px;height:152px;border:1px solid var(--rule);background:#e4e8ea;pointer-events:none}#camera-label{position:absolute;top:10px;left:10px;background:var(--sheet);padding:4px 8px;font-size:.78rem;pointer-events:none}#status:not(:empty)~#camera-label{display:none}.hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;border-top:2px solid var(--ink);font-variant-numeric:tabular-nums}.hud div{padding:8px 12px;border-bottom:1px solid var(--rule);min-width:0}.hud dt{font-size:.7rem;text-transform:uppercase;color:var(--ink-2)}.hud dd{margin:0;font-size:1rem;font-weight:650;overflow-wrap:anywhere}.bad{color:var(--stripe)}.controls{gap:10px 14px}.seg{max-width:100%;border:0;gap:3px}.seg button{border:1px solid var(--ink)!important;padding:8px 10px}#pace{font-size:.85rem}.notes{max-width:80ch}@media(max-width:480px){.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.stage{height:52vh;min-height:340px}#map{width:180px;height:114px}.controls{padding:10px}.settings label{flex-wrap:wrap}.settings select{max-width:240px}.seg button{font-size:.82rem}.hud div{padding:7px 9px}}
