:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f3f8f5;background:transparent}*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:transparent}.live-overlay{width:min(330px,calc(100vw - 20px));margin:10px;padding:10px;border:1px solid rgba(105,230,170,.22);border-radius:14px;background:rgba(4,18,18,.36);box-shadow:0 12px 34px rgba(0,0,0,.2);backdrop-filter:blur(4px)}.overlay-legs{display:grid;gap:7px}.overlay-legs article{position:relative;display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:10px 11px 15px;border:1px solid rgba(130,180,173,.22);border-radius:10px;background:rgba(3,13,17,.32)}.leg-copy strong,.leg-copy span,.slider-meta b,.slider-meta small{display:block}.leg-copy strong{font-size:13px}.leg-copy span{margin-top:2px;color:#b5c5c1;font-size:10px}.slider-meta{text-align:right}.slider-meta b{font-size:15px}.slider-meta small{color:#8ba49d;font-size:7px;font-weight:900;letter-spacing:.1em}.leg-slider{position:relative;grid-column:1/-1;height:5px;margin:12px 7px 0;border-radius:999px;background:rgba(201,218,214,.26)}.leg-slider i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:#4aa6e8}.leg-slider b,.leg-slider span{position:absolute;top:50%;display:grid;min-width:21px;height:21px;place-items:center;padding:0 5px;border-radius:999px;transform:translate(-50%,-50%);background:#1576b8;color:white;font-size:9px}.leg-slider span{right:0;left:auto;transform:translate(50%,-50%);background:#dbe5e3;color:#17322c}.overlay-legs article.hit{border-color:rgba(102,227,168,.46);background:rgba(18,86,61,.34)}.overlay-legs article.hit .leg-slider i,.overlay-legs article.hit .leg-slider b{background:#3e9b58}.overlay-legs article.miss{border-color:rgba(255,105,116,.45);background:rgba(85,22,29,.35)}.overlay-legs article.miss .leg-slider i,.overlay-legs article.miss .leg-slider b{background:#d95e69}.overlay-loading,.overlay-error{display:grid;min-height:140px;place-items:center;align-content:center;gap:10px;color:#b5c5c1}.overlay-loading i{width:22px;height:22px;border:3px solid #29423c;border-top-color:#69e6aa;border-radius:50%;animation:spin .8s linear infinite}.overlay-error span{color:#ff939b}@keyframes spin{to{transform:rotate(360deg)}}

/* Main Overlay tab */
.overlay-workspace{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(440px,1.25fr);gap:16px}.overlay-editor,.overlay-library{padding:20px}.overlay-form{display:grid;gap:13px}.overlay-form>label>span,.manual-leg>label>span,.overlay-progress-input span{display:block;margin-bottom:6px;color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.overlay-form input,.overlay-form select,.manual-leg input,.manual-leg select,.overlay-progress-input input,.overlay-progress-input select{width:100%;height:43px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#0b1418;color:var(--text);font:700 13px inherit}.overlay-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.manual-legs{display:grid;gap:9px}.manual-leg{display:grid;grid-template-columns:1.3fr 1fr .6fr .8fr 38px;align-items:end;gap:7px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#111d22}.manual-leg button{width:38px;height:43px;border:1px solid #5d3438;border-radius:8px;background:#2c181b;color:#ff9da5;cursor:pointer}.overlay-form-actions{display:flex;gap:8px}.overlay-library-list{display:grid;gap:10px;margin-top:14px}.overlay-record{padding:15px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,rgba(30,52,59,.7),rgba(10,18,22,.65))}.overlay-record header{display:flex;justify-content:space-between;gap:12px}.overlay-record h3{margin:3px 0;font-size:16px}.overlay-record header span,.overlay-record header small{display:block;color:var(--muted);font-size:9px}.overlay-record header b{color:var(--accent);font-size:20px}.overlay-progress-list{display:grid;gap:7px;margin:12px 0}.overlay-progress-row{display:grid;grid-template-columns:minmax(150px,1fr) 100px 110px;align-items:end;gap:8px;padding-top:8px;border-top:1px solid var(--line-soft)}.overlay-progress-row>div:first-child strong,.overlay-progress-row>div:first-child span{display:block}.overlay-progress-row>div:first-child strong{font-size:12px}.overlay-progress-row>div:first-child span{margin-top:3px;color:var(--muted);font-size:10px}.overlay-record-actions{display:flex;justify-content:flex-end;gap:8px}.overlay-record-actions a{text-decoration:none}.overlay-empty{padding:45px 20px;text-align:center;color:var(--muted)}@media(max-width:1050px){.overlay-workspace{grid-template-columns:1fr}}@media(max-width:680px){.overlay-editor,.overlay-library{padding:15px}.manual-leg{grid-template-columns:1fr 1fr}.manual-leg label:first-child{grid-column:1/-1}.manual-leg button{width:100%}.overlay-progress-row{grid-template-columns:1fr 90px}.overlay-progress-row .overlay-progress-input:last-child{grid-column:1/-1}.overlay-form-pair{grid-template-columns:1fr}.overlay-form-actions,.overlay-record-actions{flex-direction:column}.overlay-form-actions .button,.overlay-record-actions .button{width:100%;min-height:44px;text-align:center}}