*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}[hidden]{display:none!important}
.overlay{background:transparent;overflow:hidden;color:#fff}#canvas{position:relative;width:1920px;height:1080px;transform-origin:top left;background:transparent}.left-plate{position:absolute;inset:0 auto 0 0;width:618px;background:radial-gradient(ellipse at 0 0,#641319 0,transparent 42%),linear-gradient(135deg,#17191d,#0c0d10 70%);border-right:2px solid #ff661c;padding:34px 30px 22px}.station{display:flex;align-items:center;gap:17px;padding-bottom:22px;border-bottom:1px solid #ffffff24}.station-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:72px;height:72px;background:#e71928;color:white;font-size:31px;font-weight:950;letter-spacing:-3px;transform:skew(-5deg);box-shadow:5px 5px 0 #ff681f}.station-icon span{letter-spacing:4px;font-size:10px;margin-left:5px}.station b{font-size:25px;display:block;max-width:430px;line-height:1.2}.station small{display:block;margin-top:9px;letter-spacing:3px;font-size:11px;color:#bfc0c3}.competition{text-align:center;letter-spacing:3px;font-size:14px;color:#ff8a48;margin:28px 0 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scoreboard{display:flex;align-items:center;justify-content:space-between;gap:10px}.club{width:140px;text-align:center}.crest{margin:auto;width:94px;height:103px;background:linear-gradient(135deg,#f42838,#8e111c);clip-path:polygon(0 0,100% 0,93% 69%,50% 100%,7% 69%);display:flex;justify-content:center;align-items:center;border-top:5px solid #fff}.crest span{font-weight:950;font-size:28px}.crest.away{background:repeating-linear-gradient(90deg,#eee 0 14px,#25262b 14px 28px);color:#fff;text-shadow:0 2px 5px #000}.crest.has-logo{background:transparent;clip-path:none;border:0}.crest img{width:100%;height:100%;object-fit:contain}.club>b{display:block;font-size:20px;margin-top:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scoreboard>strong{display:flex;gap:12px;align-items:center;font-size:88px;letter-spacing:-4px;font-weight:900}.scoreboard i{font-size:48px;font-style:normal;color:#ff6a22}.match-time{display:flex;justify-content:center;align-items:center;gap:18px;padding:14px;background:#ffffff08;border:1px solid #ffffff14;margin:24px 0 25px}.match-time span{font-size:17px;color:#d4d4d8;text-transform:uppercase}.match-time b{font-size:29px;font-variant-numeric:tabular-nums}.section-label{border-left:4px solid #ff6a22;padding:6px 12px;font-size:23px;font-weight:900}.section-label span{float:right;color:#a0a0aa;font-size:11px;letter-spacing:2px;line-height:27px}.lineup-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}.lineup-col{min-width:0}.lineup-col h2{font-size:20px;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lineup-col>small{display:block;font-size:10px;letter-spacing:1px;margin-bottom:12px}.unconfirmed{color:#ffb174}.confirmed{color:#99edb8}.player{height:40px;display:flex;align-items:center;border-bottom:1px solid #ffffff0e;gap:9px}.player b{width:28px;color:#ff8a48;font-size:14px;flex-shrink:0}.player span{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.left-footer{position:absolute;bottom:29px;left:30px;right:30px;font-size:11px;letter-spacing:2px;display:flex;align-items:center;gap:8px;color:#adadb5}.left-footer>span:last-child{margin-left:auto}.live-dot{width:7px;height:7px;border-radius:50%;background:#ff5d20;box-shadow:0 0 10px #ff5d20}.top-rail{position:absolute;top:0;left:618px;right:0;height:56px;background:#101115;display:flex;align-items:center;justify-content:space-between;padding:0 34px;color:#b3b3bc;font-size:13px;letter-spacing:3px}.live-pill{color:#fff;background:#c81929;padding:7px 15px;font-weight:bold;letter-spacing:1px}.camera-window{position:absolute;left:650px;top:78px;width:1238px;height:696px;background:transparent;border:2px solid #ff7628;border-radius:14px;box-shadow:0 0 0 12px #111216;pointer-events:none}.round-plate{position:absolute;left:618px;top:800px;width:1302px;height:230px;background:linear-gradient(100deg,#38121a,#111216 30%);border-top:2px solid #ff6c20;display:flex;padding:27px 26px;gap:26px}.round-heading{width:230px;flex-shrink:0;border-right:1px solid #ffffff20;padding-right:20px;display:flex;flex-direction:column;justify-content:center}.round-heading small{color:#ff8b4a;font-size:11px;letter-spacing:3px}.round-heading h1{font-size:30px;line-height:1.1;margin:10px 0;overflow:hidden;max-height:100px}.round-heading>span{font-size:9px;letter-spacing:1px;color:#a7a4aa}.round-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex:1;min-width:0}.round-game{background:#ffffff05;border-left:2px solid #e82932;padding:9px 12px;display:flex;align-items:center;gap:9px;min-width:0;flex-wrap:wrap;align-content:center}.round-game small{width:100%;font-size:11px;color:#ffb68d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.round-game b{font-size:16px;max-width:44%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.round-game>span{color:#8f8f98}.round-empty{color:#aaa;grid-column:1/-1;align-self:center;text-align:center;font-size:20px}.bottom-rail{position:absolute;left:618px;top:1030px;width:1302px;height:50px;background:#d31d2c;padding:18px 30px;font-size:11px;letter-spacing:2px}.bottom-rail b{margin-left:10px}.bottom-rail>span{float:right}
.panel{background:#0c0e12;color:#f0f1f5;font-size:14px}.panel-header{height:100px;background:#12151b;border-bottom:1px solid #ffffff12;padding:20px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-brand{display:flex;align-items:center;gap:19px}.panel-brand .station-icon{height:49px;width:49px;font-size:24px}.panel-brand b{letter-spacing:2px;font-size:17px}.panel-brand small{display:block;color:#8f98a7;margin-top:7px;font-size:12px}.panel-header a{color:#eee;text-decoration:none;margin-left:20px;border:1px solid #3a404b;border-radius:5px;padding:11px 15px}.connected{color:#86d4a6}.disconnected{color:#ff8b6c}.workspace{max-width:1800px;margin:auto;padding:34px;display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:28px}.eyebrow{color:#ff8850;font-size:10px;letter-spacing:2px;font-weight:bold}.operation h1{font-size:32px;letter-spacing:-1px;margin:13px 0}.muted{color:#939bab;line-height:1.7;margin-bottom:26px}.card{background:#151921;border:1px solid #282e39;border-radius:10px;padding:24px;margin-bottom:23px}.card h2{font-size:16px;margin:0 0 20px;letter-spacing:.2px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.card-title h2{margin:0}.card-title>span{font-size:10px;letter-spacing:1px;color:#a4adbc}.card-title .badge{color:#ff9f67;border:1px solid #793d27;background:#3b251e;padding:5px 8px}.score-controls{display:flex;align-items:center;justify-content:space-around;text-align:center;padding:15px 0 24px}.score-controls>div{min-width:0;max-width:46%}.score-controls b{color:#bec5cf;font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-controls>div>div{display:flex;align-items:center;gap:13px}.score-controls strong{font-size:57px;min-width:40px;font-variant-numeric:tabular-nums}.score-controls button{padding:3px;width:29px;height:29px;font-size:20px}.score-controls>span{color:#697485;font-size:21px}button{cursor:pointer;color:#e6eaf1;background:#222936;border:1px solid #3c4657;border-radius:5px;padding:10px 14px;font-weight:600;font-size:12px}button:hover{background:#303a4a;border-color:#ff7b3d}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:#e84424;border-color:#f36a39;color:white}button.primary:hover{background:#fd5c2b}button.danger{color:#ff947c}label{display:block;color:#aeb7c6;font-size:11px;line-height:1.5}input,select{display:block;background:#0d1118;border:1px solid #353f50;border-radius:5px;color:#f0f3f8;padding:10px;width:100%;margin:6px 0 14px;font-size:13px}input:focus,select:focus{border-color:#ff7d41}input[type=checkbox]{display:inline-block;width:auto;accent-color:#f56b2e;margin:0 7px 0 0}.timer{text-align:center;padding:26px 0 24px}.timer strong{display:block;font-size:61px;font-variant-numeric:tabular-nums;letter-spacing:1px}.timer span{font-size:10px;letter-spacing:2px;color:#e49061}.button-row{display:flex;gap:8px}.button-row button{flex:1}.adjust{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;margin-top:24px}.adjust button{margin-top:10px;padding:10px;font-size:11px}.hint{font-size:11px;color:#8f99ab;line-height:1.7;margin:14px 0 0}.preview-card{padding:20px}.preview-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;background:repeating-conic-gradient(#313745 0% 25%,#272d38 0% 50%) 0 0/24px 24px;border-radius:5px}.preview-wrap iframe{width:1920px;height:1080px;border:0;position:absolute;transform-origin:top left;top:0;left:0}.camera-guide{position:absolute;left:35%;top:38%;width:61%;text-align:center;color:#a9b0be;font-size:clamp(7px,.8vw,12px);letter-spacing:2px;pointer-events:none}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.toggle-row{display:flex;gap:25px;padding:10px 0 24px}.team-editor{border-top:1px solid #333a46;padding-top:8px;min-width:0}.team-editor h3{font-size:14px;color:#ff9a63}.team-editor>small{display:block;color:#8e99aa;font-size:10px;margin-bottom:8px}.team-editor>button{font-size:10px;padding:5px 8px}.team-editor input[type=file]{font-size:10px;padding:6px}.check-confirm{padding:20px 0;min-height:68px}.players-label{font-size:9px;letter-spacing:1px;color:#778194;margin-bottom:10px}.player-edit{display:grid;grid-template-columns:52px 1fr;gap:8px}.player-edit label{font-size:0}.player-edit input{font-size:12px;margin:0 0 7px;padding:8px}.round-edit-title{margin-top:28px;padding-top:23px;border-top:1px solid #333a46}.round-edit{display:grid;grid-template-columns:1fr 1fr 1.4fr auto;gap:10px;align-items:center}.round-edit button{margin-top:3px;font-size:10px;padding:8px}.publish-row{display:flex;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid #333a46}code{display:block;word-break:break-all;background:#0c1017;border:1px solid #333d4f;color:#ff9e64;padding:13px;border-radius:5px;margin:15px 0}.import-label{margin-top:15px}#notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:16px 24px;background:#163e2e;border:1px solid #4ba47d;color:white;border-radius:7px;z-index:5;max-width:90%;box-shadow:0 10px 35px #0008;display:none}#notice.shown,#notice.error{display:block}#notice.error{background:#5b2422;border-color:#b7604a}@media(max-width:1050px){.workspace{grid-template-columns:320px minmax(0,1fr);padding:20px;gap:20px}.two{gap:10px}.card{padding:16px}.round-edit{grid-template-columns:1fr 1fr}.panel-header{padding:15px 20px}.panel-header a{margin-left:10px}.panel-brand small{font-size:10px}}@media(max-width:780px){.workspace{display:flex;flex-direction:column;padding:15px}.panel-header{height:auto;align-items:flex-start;flex-direction:column;padding:20px;gap:23px}.panel-header>div:last-child{display:flex;align-items:center;width:100%;justify-content:space-between}.two{gap:14px}.operation h1{font-size:30px}.score-controls{justify-content:space-evenly}.camera-guide{font-size:8px}.round-edit{grid-template-columns:1fr 1fr}.card-title{flex-wrap:wrap}.publish-row{flex-wrap:wrap}}@media(max-width:420px){.two{grid-template-columns:1fr}.toggle-row{gap:15px}.round-edit{grid-template-columns:1fr}.panel-brand b{font-size:15px}}