:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#223e3c;background:#f5f7f8;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{border:1px solid #dbe4e2;background:#fff;color:#35534f;border-radius:7px;padding:9px 12px;transition:background .15s}button:hover{background:#edf4f2}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.player:focus-visible{outline:3px solid #e1a755;outline-offset:3px}a{color:#16776c;text-decoration:none}header{height:89px;background:#fff;border-bottom:1px solid #e1e8e6;padding:0 3.5%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:750;color:#253b3a;letter-spacing:-.7px}.brand-accent{color:#178476}.brand small{display:block;font-size:8px;letter-spacing:1.8px;color:#7b8e8a;margin-top:6px}.brand-icon{display:grid;place-items:center;width:44px;height:44px;border:2px solid #218579;border-radius:50%;color:#218579;font-size:28px;position:relative}.brand-icon span{position:absolute;top:-7px;right:3px;background:#fff}.header-right{display:flex;align-items:center;gap:24px}.local{font-size:12px;color:#718681;display:flex;align-items:center;gap:7px}.local i{height:6px;width:6px;background:#2a9b7c;border-radius:50%}select,input,textarea{border:1px solid #dce5e3;background:#fff;color:#35534f;border-radius:6px;padding:8px;min-width:0}main{max-width:1570px;margin:auto;padding:30px 3.5%}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow{font-size:9px;letter-spacing:2px;color:#7d918b;font-weight:650}h1{font-size:29px;margin:7px 0 6px;letter-spacing:-.8px}.page-title p{color:#7b8e89;margin:0;font-size:13px}.pill{border:1px solid #d5e6e1;background:#eaf4ef;border-radius:30px;padding:7px 12px;font-size:11px;color:#487c6c;white-space:nowrap}.pill.subtle{background:#f5f8f7;border-color:#e6eeeb;color:#7b8e89;padding:5px 9px}.workspace{display:grid;grid-template-columns:250px minmax(380px,1fr) 280px;gap:20px;align-items:start}.panel{background:#fff;border:1px solid #e0e8e5;border-radius:12px;padding:20px;box-shadow:0 2px 4px #123a2b03}h2{font-size:15px;margin:0 0 15px;font-weight:700}h3{font-size:12px;margin:0 0 14px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h2{margin:0}.panel-heading>span{color:#829b93;font-size:12px}.muted{color:#7d8f8a;font-size:11px;line-height:1.7}.roster>p{margin:10px 0 18px}.roster-list{display:flex;flex-direction:column;gap:5px}.roster-row{border-color:transparent;width:100%;display:flex;gap:10px;text-align:left;padding:10px 7px;align-items:center}.roster-row.selected{background:#edf5f2;border-color:#c5dfd6}.roster-row strong{display:block;font-size:12px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-row small{display:block;font-size:10px;color:#83938e;margin-top:5px}.jersey{color:#fff;width:32px;height:35px;display:grid;place-items:center;font-weight:700;border-radius:8px 8px 12px 12px;font-size:13px}.row-zone{margin-left:auto;text-align:right;font-size:12px}.editor{border-top:1px solid #edf1ef;margin-top:20px;padding-top:20px}label{display:block;font-size:11px;color:#6e837c;margin-bottom:12px}label input,label select,label textarea{display:block;width:100%;margin-top:6px;font-size:12px}textarea{resize:vertical;min-height:55px}.field-pair{display:grid;grid-template-columns:65px 1fr;gap:10px}.primary{background:#16776c;color:#fff;border-color:#16776c}.primary:hover{background:#11665d}.wide{width:100%}.editor>small{display:block;text-align:center;margin:8px 0}details{font-size:11px;margin-top:16px}summary{cursor:pointer;color:#5a756d;padding:8px 0}.order-field{display:flex;align-items:center;gap:10px}.order-field select{width:100%}.board-panel{padding:18px 22px 0;overflow:hidden}.board-top{display:flex;justify-content:space-between;gap:10px}.segmented{display:flex;background:#f0f4f2;border:1px solid #e3eae7;border-radius:8px;padding:3px}.segmented button{border:0;background:none;font-size:12px;padding:8px 18px}.segmented button.active{background:#fff;box-shadow:0 1px 4px #1234;color:#16776c;font-weight:700}.icon-button{border:0;font-size:25px;padding:0 6px}.rotation-strip{display:flex;gap:7px;align-items:center;margin:20px 0 16px}.rotation-strip>span{font-size:11px;color:#80928c;margin-right:auto}.rotation-strip button{font-size:12px;padding:8px 11px;border-color:transparent;background:#f6f8f7}.rotation-strip button.active{background:#16776c;color:#fff}.court-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#83958d;margin-bottom:10px}.court-title strong{color:#426b60;margin-left:5px}.court{display:block;width:100%;max-height:610px;margin:auto}.zone-label{fill:#fff;opacity:.5;font-size:36px;font-weight:700}.zone-note{font-size:11px;fill:#58766d}.svg-caption{font-size:12px;fill:#7b9087;letter-spacing:1px}.player{cursor:pointer;outline:none}.player-name{font-size:11px;font-weight:600;fill:#344e46;paint-order:stroke;stroke:#fff9;stroke-width:4px;stroke-linejoin:round}.player-meta{font-size:9px;fill:#405e53;paint-order:stroke;stroke:#fff9;stroke-width:3px}.court-legend{display:flex;justify-content:center;gap:15px;font-size:9px;color:#788a82;margin:12px 0 18px;flex-wrap:wrap}.court-legend span{display:flex;align-items:center;gap:5px}.court-legend i{width:7px;height:7px;border-radius:50%}.playback{background:#f9fbfa;margin:0 -22px;padding:14px 20px 18px;border-top:1px solid #e6eeea}.phase-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.phase-tabs button{border:0;background:transparent;font-size:10px;padding:7px 0;color:#8c9c94}.phase-tabs button span{display:block;font-size:9px;margin-bottom:5px}.phase-tabs .current{color:#16776c;font-weight:700}.playback>input{width:100%;height:22px;accent-color:#16776c;cursor:pointer}.transport{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.transport>div{display:flex;gap:5px}.transport button{font-size:11px;padding:8px 9px}.transport .play{padding:8px 16px}.transport output{color:#87978e;font-size:10px;font-variant-numeric:tabular-nums}.transport select{font-size:11px;padding:7px}.right-column{display:flex;flex-direction:column;gap:18px}.rule-status{font-size:12px;font-weight:650;padding:12px 10px;border-radius:7px;margin-top:18px}.rule-status.valid{color:#28815f;background:#ecf7ef}.rule-status.invalid,.fault{background:#fff0ed;color:#b83932}.rule-status.manual{background:#fff5e2;color:#98671b}.rule-description{font-size:11px;line-height:1.9;color:#81918a;border-top:1px solid #edf1ef;padding-top:13px}.right-column a{font-size:10px}.notes p{font-size:12px;line-height:1.95;color:#70867c}.note-index{font-size:10px;letter-spacing:.5px;color:#3d7c68}.toggle{display:flex;align-items:center;justify-content:space-between;margin:15px 0;font-size:12px}.toggle input{width:16px;height:16px;accent-color:#16776c;margin:0}footer{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.data-actions{display:flex;gap:8px}.data-actions button{font-size:11px}.help{padding:0 3px;max-width:900px;line-height:1.8}.notice{padding:12px 18px;background:#e8f5ed;border:1px solid #cae3d4;border-radius:8px;margin-bottom:18px;font-size:12px}.notice.warning{background:#fff4df;border-color:#efd9ae;color:#936c2c}.board-panel:fullscreen{background:#fff;overflow:auto;max-width:none;border:0;border-radius:0;display:flex;flex-direction:column;align-items:center}.board-panel:fullscreen>*{width:min(100%,850px)}.board-panel:fullscreen .court{max-height:65vh}.board-panel:fullscreen .playback{margin:0}.tiny{font-size:9px!important}@media(min-width:1500px){.workspace{grid-template-columns:270px minmax(400px,1fr) 300px}}@media(max-width:1120px){.workspace{grid-template-columns:225px minmax(360px,1fr)}.right-column{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.panel{padding:16px}.board-panel{padding:18px 22px 0}.local{display:none}}@media(max-width:700px){header{height:75px;padding:0 16px}.brand{font-size:20px}.brand small{font-size:6px;letter-spacing:.7px}.brand-icon{width:35px;height:35px}.header-right select{max-width:94px;font-size:11px}main{padding:22px 14px}.page-title{gap:10px;align-items:start}.page-title .pill{font-size:9px;padding:6px}.page-title p{font-size:11px}h1{font-size:25px}.workspace{display:flex;flex-direction:column;gap:16px}.board-panel{order:-1;width:100%;padding:16px 12px 0}.roster{width:100%}.roster-list{display:grid;grid-template-columns:repeat(2,1fr)}.right-column{width:100%;display:flex}.right-column>.panel{width:100%}.rotation-strip{gap:4px}.rotation-strip button{padding:8px 9px}.playback{margin:0 -12px;padding:12px}.transport{gap:3px}.transport>div{gap:3px}.transport button{padding:8px}.transport .play{padding:8px 12px}.transport output{font-size:9px}.court-legend{gap:10px;font-size:8px}.phase-tabs{gap:2px}.phase-tabs button{font-size:9px}.data-actions{flex-wrap:wrap}footer{gap:10px}.eyebrow{font-size:8px}.editor{max-width:none}}