:root{color:#203047;background:#f5f6f8;font-family:system-ui,sans-serif}body{margin:0}main{max-width:1500px;margin:auto;padding:24px}header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}header strong{margin-right:auto}button,summary{cursor:pointer}button{font:inherit;background:#fff;border:1px solid #a8b4c2;border-radius:5px;padding:7px 12px}button:hover{background:#eef3fb}details{position:relative}details[open]{max-width:400px}nav{align-items:center;gap:18px;margin:24px 0 12px;display:flex}#stage{background:#fff;border:1px solid #bcc7d2;border-radius:6px;outline-color:#386fba;min-height:240px;position:relative;overflow:auto}#score{min-width:260px;padding:14px}#score svg{max-width:100%;height:auto;min-height:200px;display:block}#score .selected,#score .selected *{color:#125bc0!important;fill:#125bc0!important;stroke:#125bc0!important}#cursor{pointer-events:none;background:#d24c21;width:2px;height:80px;position:absolute}#pitch{pointer-events:none;color:#b33b17;background:#fff9;font-size:13px;position:absolute}#status{font-variant-numeric:tabular-nums;padding:16px 0}#timing{color:#344f78;font-family:monospace}#message{color:#a53024;white-space:pre-wrap;min-height:24px}label{font-size:14px}:root .boundary-ties{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}