*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:#05080d;color:#fff}body{background:radial-gradient(circle at top left,#10233d 0,#05080d 35%,#020407 100%)}.director-shell{max-width:1480px;margin:0 auto;padding:14px 14px 82px}.director-header{height:92px;border:1px solid #263544;background:linear-gradient(180deg,rgba(18,24,34,.92),rgba(3,6,10,.95));border-radius:18px;display:grid;grid-template-columns:260px 1fr 260px;align-items:center;padding:12px 20px;box-shadow:0 0 0 1px rgba(255,255,255,.04),0 18px 60px rgba(0,0,0,.45)}.brand-wrap{display:flex;gap:12px;align-items:center}.brand-ball{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff1029,#65111a);font-size:30px;box-shadow:0 0 30px rgba(255,0,45,.35)}.brand-title{font-size:26px;font-weight:900;letter-spacing:.5px}.brand-sub{font-size:11px;font-weight:800;color:#c9d4e2}.header-center{text-align:center}.header-center h1{margin:0;font-size:34px;letter-spacing:1px}.header-center p{margin:4px 0 0;color:#2fff63;font-weight:900;font-size:18px}.header-right{display:flex;justify-content:flex-end;align-items:center;gap:18px}.clock{font-size:16px;color:#dfe7f2;text-align:right;line-height:1.4}.live-badge{display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,#81121c,#2c0509);border:1px solid rgba(255,45,65,.45);padding:18px 22px;border-radius:14px;font-size:28px;color:#ff6876;font-weight:900}.live-badge i{width:16px;height:16px;border-radius:50%;background:#ff273c;box-shadow:0 0 14px #ff273c}.score-strip{display:grid;grid-template-columns:2.2fr .75fr .75fr .75fr .55fr;margin-top:12px;border:1px solid #273544;border-radius:18px;overflow:hidden;background:rgba(11,16,23,.86)}.match-card{min-height:126px;border-right:1px solid #273544;padding:18px;display:flex;flex-direction:column;justify-content:center;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01))}.match-card:last-child{border-right:none}.match-card span,.section-label{color:#33eaff;font-weight:900;font-size:14px;text-transform:uppercase}.match-card b{margin-top:14px;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-card strong{margin-top:12px;color:#45ff5a;font-size:28px}.match-card .rate{color:#ffe733;font-size:42px}.teams-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px}.team-side{display:flex;align-items:center;gap:12px;color:#29b7ff;font-size:24px}.team-side.right{justify-content:flex-end;color:#ff7a23}.shield{width:56px;height:64px;border-radius:14px 14px 22px 22px;background:linear-gradient(135deg,#015fe8,#071a56);display:grid;place-items:center;font-weight:900;border:2px solid #c4a14a;box-shadow:inset 0 0 14px rgba(255,255,255,.18)}.shield.orange{background:linear-gradient(135deg,#ff7b20,#4a0812)}.score-main{text-align:center}.score-main strong{font-size:58px;color:#fff;line-height:.95}.score-main small{display:block;color:#23a1ff;font-size:24px;font-weight:900;margin-top:10px}.director-grid{display:grid;grid-template-columns:2fr 1fr 1.05fr;gap:14px;margin-top:18px}.control-panel{background:linear-gradient(180deg,rgba(20,28,37,.92),rgba(5,10,16,.94));border:1px solid #2b3a49;border-radius:16px;padding:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 35px rgba(0,0,0,.25)}.control-panel h2{margin:0 0 14px;text-align:center;font-size:24px;letter-spacing:.5px;text-shadow:0 2px 0 #000}.run-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.run-btn{height:132px;border-radius:14px;border:1px solid rgba(255,255,255,.18);color:#fff;font-size:86px;font-weight:1000;cursor:pointer;text-shadow:0 3px 0 rgba(0,0,0,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 18px rgba(0,0,0,.4);transition:.12s transform,.12s filter}.run-btn:active,.tile:active,.small-tile:active,.effect:active{transform:scale(.97);filter:brightness(1.2)}.blue{background:linear-gradient(180deg,#1297f7,#0059b6)}.green{background:linear-gradient(180deg,#04c849,#007d24)}.red{background:linear-gradient(180deg,#ff241c,#aa0b08)}.span2{grid-column:span 2}.action-grid{display:grid;gap:12px}.action-grid.two{grid-template-columns:repeat(2,1fr)}.tile{height:130px;border-radius:12px;border:1px solid rgba(255,255,255,.16);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-weight:900;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 7px 18px rgba(0,0,0,.3)}.tile b{font-size:18px}.tile span{font-size:38px}.purple{background:linear-gradient(180deg,#9a25c7,#541271);border-color:#d02dff}.wicket{background:linear-gradient(180deg,#de2b16,#7b0d05);border-color:#ff4a2d}.camera-panel{grid-column:span 1}.camera-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.camera-tile{min-height:184px;background:#111922;border:1px solid #46515d;border-radius:13px;color:#fff;padding:8px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:flex-end;cursor:pointer}.camera-tile.active{border-color:#2aff55;box-shadow:0 0 0 1px #2aff55,0 0 22px rgba(42,255,85,.22)}.cam-preview{width:100%;height:82px;border-radius:10px;background:linear-gradient(0deg,#2a5a1c,#203b77 55%,#08111b);position:relative;overflow:hidden}.cam-preview:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:rgba(255,255,255,.35);box-shadow:0 -18px 0 rgba(255,255,255,.08)}.cam-preview.pitch{background:linear-gradient(90deg,#123f20,#8d6b3d,#123f20)}.cam-preview.split{background:linear-gradient(90deg,#244d1d 0 48%,#dbe8ff 49% 51%,#133d65 52%)}.camera-tile b{font-size:16px}.camera-tile small{color:#d4dde8}.status-line{text-align:center;color:#32ff65;font-weight:900;margin-top:14px}.status-line b{display:block;color:#fff;margin-top:5px}.replay-grid,.effect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.small-tile,.effect{min-height:120px;border-radius:12px;border:1px solid rgba(255,255,255,.14);color:#fff;cursor:pointer;font-weight:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.small-tile span,.effect span{font-size:36px}.save{background:linear-gradient(180deg,#0e79bb,#083b65)}.play{background:linear-gradient(180deg,#23aa42,#09651d)}.auto{background:linear-gradient(180deg,#9d8500,#574800)}.replay-panel h3{margin:16px 0 10px;text-align:center}.delay-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.delay-btn{height:54px;background:#1a2632;color:#fff;border:1px solid #344454;border-radius:10px;font-weight:900}.delay-btn.active{background:#08b936;border-color:#25ff5b}.effect-grid{grid-template-columns:repeat(2,1fr)}.effect.flash{background:linear-gradient(180deg,#b8860b,#513600)}.effect.wipe{background:linear-gradient(180deg,#9a1f52,#3a0920)}.effect.zoom{background:linear-gradient(180deg,#007d99,#073944)}.effect.live{background:linear-gradient(180deg,#374151,#111827)}.full-row{grid-column:1/-1}.overlay-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.overlay-grid button,.overlay-grid a{min-height:82px;background:linear-gradient(180deg,#a42a62,#5a1637);color:#fff;border:1px solid #d83d83;border-radius:11px;font-weight:900;text-decoration:none;display:grid;place-items:center;text-align:center;padding:10px}.quick-settings{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.quick-settings label,.quick-settings button{background:#121c26;border:1px solid #2b3e51;border-radius:12px;min-height:58px;color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:900}.quick-settings input{width:20px;height:20px}.quick-settings b{color:#34ff54}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:50;align-items:center;justify-content:center;padding:18px}.modal-card{width:min(520px,100%);background:#0b111a;border:1px solid #314155;border-radius:18px;padding:20px;box-shadow:0 25px 80px rgba(0,0,0,.6)}.modal-card h2{margin:0 0 16px}.modal-card label{display:block;margin:12px 0 6px;color:#b9c8d8;font-weight:800}.modal-card select,.modal-card input{width:100%;background:#101925;border:1px solid #33475d;border-radius:10px;color:#fff;padding:13px;font-size:16px}.smart-note{color:#9eb0c3;line-height:1.4}.smart-total{margin-top:12px;color:#ffe733;font-weight:900}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.modal-actions button,.drawer-actions button{border:0;border-radius:10px;padding:12px 18px;font-weight:900;color:#fff;background:#2563eb}.modal-actions .ghost,.drawer-actions .ghost{background:#253142}.settings-drawer{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:60;padding:18px;overflow:auto}.settings-drawer.show{display:block}.drawer-card{max-width:980px;margin:0 auto;background:#08111b;border:1px solid #34475a;border-radius:18px;padding:18px}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head button{font-size:30px;background:#2a3542;color:#fff;border:0;border-radius:10px;width:44px;height:44px}.drawer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.drawer-grid label{color:#b8c6d6;font-size:13px;font-weight:900}.drawer-grid input{margin-top:6px;width:100%;padding:11px;background:#101925;color:#fff;border:1px solid #33475d;border-radius:9px}.drawer-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.drawer-checks label{background:#111b26;border:1px solid #27384b;border-radius:10px;padding:12px}.drawer-actions{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}.drawer-actions span{padding:10px 14px;border-radius:999px;background:#2b1116;color:#ff6b7b;font-weight:900}.drawer-note{color:#9fb0c4}.mobile-director-tabs{display:none;position:fixed;left:0;right:0;bottom:0;background:#07101a;border-top:1px solid #26394c;z-index:40;padding:8px;grid-template-columns:repeat(4,1fr);gap:8px}.mobile-director-tabs button{height:48px;border:0;border-radius:12px;background:#0d72ff;color:#fff;font-weight:900}@media(max-width:1100px){.director-header{grid-template-columns:1fr;gap:8px;height:auto;text-align:center}.brand-wrap,.header-right{justify-content:center}.score-strip{grid-template-columns:1fr 1fr}.match-card.wide{grid-column:1/-1}.director-grid{grid-template-columns:1fr}.overlay-grid{grid-template-columns:repeat(4,1fr)}.quick-settings{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.director-shell{padding:8px 8px 72px}.brand-title{font-size:20px}.header-center h1{font-size:24px}.live-badge{font-size:18px;padding:12px 16px}.score-strip{grid-template-columns:1fr}.teams-score{grid-template-columns:1fr;gap:8px}.team-side,.team-side.right{justify-content:center}.score-main strong{font-size:52px}.run-grid{grid-template-columns:repeat(2,1fr)}.run-btn{height:112px;font-size:72px}.span2{grid-column:span 1}.action-grid.two,.camera-grid,.replay-grid,.effect-grid{grid-template-columns:repeat(2,1fr)}.overlay-grid{grid-template-columns:repeat(2,1fr)}.drawer-grid,.drawer-checks{grid-template-columns:1fr}.mobile-director-tabs{display:grid}.control-panel{padding:12px}.control-panel h2{font-size:20px}.tile{height:108px}.quick-settings{grid-template-columns:1fr}.match-card{min-height:98px}}