:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif;color:#243e36;background:#f3f4ef;font-size:15px;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,input{min-height:46px;border:1px solid #d8dfd7;border-radius:10px;padding:10px 12px;background:#fff;color:#243e36}button,.file-button,summary{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b39943;outline-offset:3px}header{background:#103d32;color:#fff;padding:22px max(20px,calc((100vw - 1060px)/2));display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{display:flex;align-items:center;gap:13px}.logo{display:grid;place-items:center;width:42px;height:42px;border:1px solid #acbb8c;border-radius:50%;font-family:Georgia,serif;font-size:28px;color:#d9d4a4}h1{font-size:19px;letter-spacing:.03em;margin:4px 0 0}small{font-size:9px;letter-spacing:.2em;color:#b2c4b5}main{max-width:1060px;padding:24px 20px 60px;margin:auto}.panel{background:white;border:1px solid #e1e6dd;border-radius:17px;padding:23px;margin-bottom:17px}.eyebrow{font-size:11px;letter-spacing:.12em;color:#728374;font-weight:600}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.chip{font-size:11px;background:#edf0e4;border-radius:30px;padding:7px 10px;white-space:nowrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#536c5e}select,input{width:100%;font-size:16px}label.check{flex-direction:row;align-items:center;min-height:46px;font-size:13px}input[type=checkbox]{width:18px;min-height:20px;accent-color:#235d47}.primary{background:#245f49;color:white;border-color:#245f49;font-weight:600}.primary:hover{background:#194b39}.race-label{margin-top:14px}.wide{width:100%;margin-top:16px}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.stage{background:#103d32;border-radius:18px;color:#f3f5e9;margin-bottom:17px;overflow:hidden;box-shadow:0 8px 24px #193e3210}.stage-head{padding:24px 24px 0;display:flex;justify-content:space-between;gap:10px}.stage .eyebrow{color:#a9bca7}.stage .chip{background:#345845;color:#ecedda;height:fit-content}.stage h2{font-size:26px;margin:10px 0}.stage p{color:#b9cbbb;font-size:12px;line-height:1.7;margin:0}.stage canvas{display:block;width:100%;aspect-ratio:1000/520}.race-status{display:flex;justify-content:space-between;padding:0 25px 15px;font-variant-numeric:tabular-nums}.race-status strong{font-size:22px;color:#e0d59f}.playback{display:flex;gap:10px;align-items:center;padding:0 22px 15px}.playback input{padding:0;min-width:0;accent-color:#d8ca8b}.playback select{width:78px}.playback button{white-space:nowrap}.stage p.stage-note{padding:0 24px 20px;font-size:11px}details{border-top:1px solid #e6eadf;padding-top:15px;margin-top:15px}summary{font-size:13px;font-weight:600;padding:5px 0}details label{margin:15px 0 10px}.course details{margin:0;border:0;padding:0}.course img{width:100%;max-height:500px;object-fit:contain;background:white;margin-top:16px}.course p{font-size:13px;line-height:1.8;white-space:pre-line}a{color:#245f49}.subtle{font-size:12px;color:#738073;line-height:1.8}.horse{display:grid;grid-template-columns:35px 1fr 115px;gap:12px;align-items:center;padding:15px 0;border-top:1px solid #edf0e8}.horse-num{border:1px solid #dce1d8;border-radius:8px;width:32px;height:34px;display:grid;place-items:center;font-size:15px;font-weight:700}.horse-name{font-weight:600;font-size:14px}.horse-meta{font-size:11px;color:#7a887a;margin-top:5px;line-height:1.7}.horse-live{font-size:12px;color:#256647;margin-top:5px;font-weight:600}.horse select{font-size:13px;padding:9px;min-height:42px}.horse details{grid-column:2/-1;margin:0;padding:0;border:0}.horse details p{font-size:12px;white-space:pre-line;line-height:1.8}.horse details summary{font-size:11px;color:#758475;font-weight:400}.file-button{border:1px solid #d8dfd7;border-radius:8px;padding:10px 12px;font-size:12px;color:#245f49;display:block;white-space:nowrap}.empty{padding:30px;text-align:center;font-size:13px;color:#839080}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th,td{padding:14px 10px;border-bottom:1px solid #e7ecdf;text-align:right}th:first-child,td:first-child{text-align:left}th{color:#7a8778;font-weight:500}.footnote{font-size:11px;line-height:1.9;color:#7b8676;margin:25px 5px}#status{font-size:12px;line-height:1.7;color:#46664e;padding:10px 5px;overflow-wrap:anywhere}.error{color:#a33d31!important}.quiet{background:transparent;color:#d2dfd2;border-color:#587261;font-size:11px;min-height:36px}.login{max-width:500px;margin:45px auto}.login h2{font-size:32px;line-height:1.6;font-weight:500}.login p{font-size:13px;color:#7b8979;line-height:1.9}.login button{width:100%;margin-top:15px}.busy{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#fff;color:#244d37;box-shadow:0 6px 40px #0002;border:1px solid #dbe2d4;border-radius:14px;padding:16px 24px;display:flex;gap:14px;align-items:center;max-width:90vw;min-width:220px;font-size:13px;z-index:10}.spinner{border:2px solid #dbe5d6;border-top-color:#285e40;width:19px;height:19px;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}@media(min-width:800px){#workspace{display:grid;grid-template-columns:1.4fr 1fr;gap:0 18px;align-items:start}.selector,.stage,.footnote,.course,#aggregate{grid-column:1/-1}.controls{position:sticky;top:20px;grid-column:2;grid-row:3}.panel:has(#horses){grid-column:1;grid-row:3}.stage canvas{max-height:420px}.form-grid{grid-template-columns:1fr 1fr}}@media(max-width:430px){header{padding:19px 16px}main{padding:17px 12px 45px}.panel{padding:19px 16px}.stage-head{padding:21px 18px 0}.stage h2{font-size:24px}.horse{grid-template-columns:30px 1fr 93px;gap:9px}.section-title{gap:6px}.eyebrow{font-size:10px}.file-button{font-size:11px;padding:9px}.stage canvas{aspect-ratio:1000/650}.playback{padding-left:16px;padding-right:16px}h1{font-size:16px}.brand{gap:9px}.logo{width:36px;height:36px}}

#admin{grid-column:1/-1}#account-name{font-size:11px}.login form label{margin-top:14px}.user-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e7ecdf;padding:12px 0;gap:12px}.user-row span{overflow-wrap:anywhere}#invite-result{margin:15px 0}

.stage canvas#gallop{aspect-ratio:1000/650;border-top:1px solid #6f8c65;background:#233f32;image-rendering:pixelated}