:root{color-scheme:light;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#183d49;background:#f5f8f8}*{box-sizing:border-box}body{margin:0}main{max-width:1900px;margin:0 auto;padding:12px}h1{font-size:20px;margin:0;font-weight:800;white-space:nowrap}header{display:flex;align-items:center;gap:20px;padding:0 2px 12px}.selectors{display:flex;align-items:center;gap:14px;flex:1}label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}select,button{font:inherit;color:inherit;background:#fff;border:1.5px solid #8ca6b0;border-radius:8px;padding:9px 12px;min-height:42px}select{font-size:17px}#player{min-width:220px}button{font-size:14px;font-weight:700;cursor:pointer}button:hover{background:#e5f0f1}button:focus-visible,select:focus-visible{outline:3px solid #158d97;outline-offset:2px}.motion{position:relative;border:1px solid #c5d4d8;border-radius:14px;background:#fff;overflow:hidden}iframe{display:block;border:0;width:100%;height:clamp(360px,calc(100dvh - 155px),1020px)}footer{display:flex;gap:8px 24px;align-items:center;flex-wrap:wrap;padding:9px 4px;font-size:13px}footer p{margin:0}.help{color:#59717d}#timing{font-size:15px;font-weight:700;margin-left:auto}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#f5f8f8;font-weight:700}#loading[hidden],[hidden]{display:none!important}#locked{max-width:620px;margin:12vh auto;padding:30px;border:1px solid #c5d4d8;border-radius:12px;background:#fff}#locked p{line-height:1.8}#copy{white-space:nowrap}
@media(max-width:760px){main{padding:8px}header{gap:8px;flex-wrap:wrap}h1{font-size:17px}.selectors{order:3;width:100%;flex-basis:100%;gap:8px}.selectors label{font-size:12px;gap:4px}.selectors label:last-child{flex:1}select{padding:7px 4px;font-size:15px;min-width:0!important;max-width:100%}#player{width:100%}#team{width:120px}#copy{margin-left:auto;padding:6px 9px;font-size:12px;min-height:36px}iframe{height:calc(100dvh - 220px);min-height:400px}footer{font-size:12px;gap:6px}#timing{margin-left:0;font-size:13px;width:100%}.help{width:100%}}
@media(max-height:550px) and (min-width:761px){iframe{min-height:290px;height:calc(100dvh - 120px)}header{padding-bottom:6px}footer{padding:5px}}
label{white-space:nowrap}