@font-face{font-family:Radiance;src:url('assets/dota-radiance.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:Radiance;src:url('assets/dota-radiance-bold.woff') format('woff');font-weight:600 900;font-display:swap}
/* Dota Audio Cues — layout measured against the supplied desktop reference. */
:root{--royal-gold:#dc864a;--royal-orange:#df874c;--royal-blue:#365668;--royal-purple:#656177;--bg-primary:#0b1115;--bg-secondary:#11191e;--bg-tertiary:#1b262c;--bg-overlay:#0b1115f2;--bg-card:#111b21f2;--text-gold:#e8b88f;--border-gold:#705039;--border-blue:#3d545f;--border-purple:#53606b;--shadow-glow:0 5px 24px #0008;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px}
body.dashboard-theme{margin:0;padding:0;background:#0c151b;color:#eeefed;font:14px/1.4 Radiance,'Segoe UI',Arial,sans-serif;min-height:100vh;isolation:isolate;overflow-x:hidden}
body.dashboard-theme::before{content:'';position:fixed;inset:65px -7px -7px;background:linear-gradient(90deg,#0a192244,#1123261a,#08121944),url('assets/map-terrain.jpg') center/cover no-repeat;filter:blur(3px) brightness(.48) saturate(.65);z-index:-2;animation:none;pointer-events:none}
body.dashboard-theme::after{content:'';position:fixed;inset:0;background:linear-gradient(0deg,#060e15e6 0%,transparent 35%,#040d1540 100%);z-index:-1;pointer-events:none}
.dashboard-theme h1,.dashboard-theme h2,.dashboard-theme h3,.dashboard-theme h4{font-family:Radiance,'Segoe UI',Arial,sans-serif;text-shadow:none;letter-spacing:0}.ac-ui,.ac-ui *{box-sizing:border-box}.ac-ui button,.ac-ui a,.ac-ui input,.ac-ui select{font:inherit}.ac-ui button,.ac-ui a{cursor:pointer}.ac-ui button{width:auto;min-width:0;min-height:0;margin:0;text-transform:none;letter-spacing:0;animation:none;transform:none;box-shadow:none;transition:background .15s,border-color .15s}.ac-ui button::before,.ac-ui button::after{display:none}.ac-ui button:hover{transform:none}.ac-ui :focus-visible{outline:2px solid #ffba83;outline-offset:4px}.ac-ui button:disabled{cursor:not-allowed;opacity:.5}
.ac-header{height:70px;border-bottom:1px solid #36434b;background:linear-gradient(#0d1418f5,#070c10f5);box-shadow:0 3px 9px #0008}.ac-header-inner{height:100%;margin:0 19.5%;display:flex;align-items:center;gap:30px;width:max-content;max-width:80.5%}.ac-brand{display:flex;align-items:center;white-space:nowrap;text-decoration:none;color:#f4f3ee;font-size:21px;font-weight:600;letter-spacing:-.6px}.ac-brand img{width:40px;height:40px;object-fit:contain}.ac-wave{width:30px;height:36px;margin-right:4px;fill:none;stroke:#63b4d2;stroke-width:2;filter:drop-shadow(0 0 3px #4390b8)}.ac-nav{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end}.ac-nav-label{font-size:12px;color:#969b9d;padding-left:12px}.ac-nav>div{display:flex;gap:2px;white-space:nowrap}.ac-ui .ac-nav button{display:block;background:none;border:0;border-radius:0;color:#a6acae;padding:3px 12px 19px;font-size:13px;line-height:22px}.ac-ui .ac-nav button.is-active{border-bottom:2px solid #dd965c;color:#fff;box-shadow:0 5px 9px -6px #ffac6d}.ac-ui .ac-nav button:hover{color:#fff;background:#ffffff07}
.ac-status{height:28px;margin:0 calc(19% + 12px) 0 19%;background:#090f13d9;clip-path:polygon(0 0,100% 0,98% 100%,2% 100%);border-bottom:1px solid #3c464b;text-align:center}.ac-ui #connectionStatus{position:static;inset:auto;display:inline-block;margin:0;padding:4px 15px;background:none;border:0;border-radius:0;box-shadow:none;font-size:12px;line-height:19px;color:#b8bdbe;animation:none}.ac-ui #connectionStatus.connected{color:#94c991}.ac-ui #connectionStatus.disconnected{color:#a8b5bc}
#mainApp{max-width:none;width:100%;padding:17px 24px 24px;margin:0;min-height:calc(100vh - 141px)}.ac-layout{display:grid;grid-template-columns:minmax(190px,17.6%) minmax(0,1fr) 234px;column-gap:20px;row-gap:27px;align-items:start}.ac-clock{align-self:center;text-align:center;margin-top:42px}.ac-clock h2{font-size:29px;font-weight:400;margin:0;line-height:1.2}.ac-clock #clockTime{font-size:73px;font-weight:300;letter-spacing:-2px;line-height:1.25;font-variant-numeric:tabular-nums;text-shadow:0 2px 10px #0008}.ac-clock p{font-size:11px;color:#9caaad;margin:6px 0 0}.ac-events{min-width:0}.ac-events h1{padding:0;margin:0 0 17px;color:#f4f4ef;background:none;border:0;font-size:23px;font-weight:600;text-align:center;line-height:1.8;text-shadow:0 2px 3px #000}.ac-table-head{display:grid;grid-template-columns:105px minmax(140px,1fr) 105px 97px 140px 58px;gap:8px;padding:0 13px 8px 25px;font-size:12px;color:#b5b9b8;line-height:18px}.ac-table-head>span:nth-child(2){padding-left:43px}.ac-table-head>span:last-child{text-align:center}.ac-event-list{position:relative;padding-left:26px;display:grid;gap:7px}.ac-event-list::before{content:'';position:absolute;left:20px;top:25px;bottom:26px;width:4px;background:linear-gradient(#df8139,#2a657b 35%,#274a58 65%,#bb7135);box-shadow:0 0 5px #040b11}.ac-row{display:grid;grid-template-columns:74px minmax(0,1fr);gap:13px;min-height:56px;position:relative}.ac-row::before{content:'';position:absolute;width:8px;height:8px;top:24px;left:-8px;background:#775239;border-radius:50%;box-shadow:0 0 8px #c4773677}.ac-row.is-next::before{width:14px;height:14px;left:-11px;top:21px;background:#ec923e;border:3px solid #743c1e;box-shadow:0 0 0 3px #cf772c88,0 0 15px 5px #e67d2366}.ac-event-time{display:flex;align-items:center;justify-content:center;font-size:16px;font-variant-numeric:tabular-nums;background:#070d12d6;border-left:1px solid #3c4a50;border-right:1px solid #3c4a50}.ac-row:first-child .ac-event-time{border-top:1px solid #3c4a50;border-radius:4px 4px 0 0}.ac-row:last-child .ac-event-time{border-bottom:1px solid #3c4a50;border-radius:0 0 4px 4px}.ac-event-card{display:grid;grid-template-columns:minmax(140px,1fr) 105px 97px 140px 58px;align-items:center;gap:8px;padding:8px 13px 8px 10px;min-height:56px;background:linear-gradient(110deg,#090f12ed,#111c23ee);border:1px solid #36444b;border-radius:5px;box-shadow:inset 0 1px 1px #ffffff08,0 3px 5px #0005}.ac-row.is-next .ac-event-card{border-color:#d78a46;background:linear-gradient(110deg,#3e2918ed,#171813f5);box-shadow:inset 0 0 7px #e18a343a,0 0 0 1px #c36a2030,0 0 13px #e786293d}.ac-event-name{display:flex;align-items:center;gap:10px;min-width:0}.ac-event-name img{width:33px;height:37px;object-fit:contain;filter:drop-shadow(0 0 4px #000);flex:none}.ac-event-name strong{font-size:16px;font-weight:600;line-height:1.2;text-transform:uppercase;display:block;overflow-wrap:anywhere}.ac-event-name small{color:#afbbb9;display:block;font-size:10px;line-height:1.3;margin-top:2px;text-transform:uppercase}.ac-row.is-next .ac-event-name small{color:#e7a771}.ac-remaining,.ac-next{font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}.ac-remaining.is-ready{color:#93c884}.ac-event-audio{display:flex;align-items:center;gap:10px}.ac-ui .ac-preview{background:none;border:0;padding:0;color:#c7c7c4;width:24px;height:27px;display:grid;place-items:center}.ac-preview svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}.ac-event-audio .ac-range{width:100%;margin:0}.ac-range{display:block!important;appearance:none;height:5px;min-width:0;border:0!important;border-radius:4px;padding:0!important;background:linear-gradient(to right,#dc854b 0%,#dc854b var(--fill,65%),#29353b var(--fill,65%),#29353b 100%)!important;box-shadow:0 1px 2px #0007;cursor:pointer;accent-color:#e29a68}.ac-range::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border:1px solid #ddd9d1;background:#bfc3c2;border-radius:50%;box-shadow:0 1px 3px #0009}.ac-range::-moz-range-thumb{width:11px;height:11px;border:1px solid #ddd9d1;background:#bfc3c2;border-radius:50%}.ac-switch{display:inline-flex;position:relative;width:57px;height:23px;cursor:pointer;flex:none}.ac-switch input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;margin:0}.ac-switch>span{display:block;width:100%;height:100%;background:#233039;border:1px solid #374952;border-radius:20px;box-shadow:inset 0 1px 3px #0008;color:#b6bec1;font-size:10px;line-height:20px;padding-left:23px}.ac-switch>span::before{content:'';position:absolute;width:15px;height:15px;left:4px;top:4px;background:#50616a;border-radius:50%;box-shadow:0 1px 3px #0009}.ac-switch>span::after{content:'OFF'}.ac-switch input:checked+span{background:linear-gradient(90deg,#8d502b,#bc662b);border-color:#b57a4c;color:#fff;padding-left:7px;box-shadow:0 0 5px #d8721933,inset 0 1px 3px #3e1e0e}.ac-switch input:checked+span::before{left:35px;background:#ec9b54}.ac-switch input:checked+span::after{content:'ON'}.ac-switch input:focus-visible+span{outline:2px solid #ffbd89;outline-offset:3px}.ac-switch-small{width:34px;height:20px}.ac-switch-small>span{padding:0!important}.ac-switch-small>span::after{content:''!important}.ac-switch-small>span::before{width:13px;height:13px;left:3px;top:3.5px}.ac-switch-small input:checked+span::before{left:18px;background:#fff4e3}
.ac-ui .ac-add-cue{display:flex;align-items:center;gap:12px;width:calc(100% - 113px);margin:7px 0 0 113px;height:44px;padding:0 15px;border:1px solid #344047;background:#0b141b96;color:#a7b1b4;border-radius:4px;font-size:12px;text-align:left}.ac-add-cue>span:first-child{font-size:22px;color:#ad8765}.ac-add-cue>span:last-child{margin-left:auto;font-size:10px;color:#a58464}.ac-ui .ac-add-cue:hover{border-color:#a37750;color:#fff}
.ac-panel{background:linear-gradient(115deg,#080e12ee,#0b1116ed);border:1px solid #34444c;border-radius:5px;box-shadow:0 4px 15px #0008,inset 0 1px 2px #ffffff04}.ac-panel h2{font-weight:500;font-size:16px;line-height:1.3;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #28383e;color:#eeefed}.ac-settings{padding:12px 13px 15px;grid-column:3;grid-row:1/3;margin-top:0}.ac-settings h2{text-align:center;font-size:14px;padding-bottom:12px;margin-bottom:10px;white-space:nowrap}.ac-master{display:flex;gap:7px;align-items:center;padding-bottom:13px;border-bottom:1px solid #28383e;font-size:13px;white-space:nowrap}.ac-master-label{color:#96bf85;font-size:11px;margin-left:auto}.ac-settings #checkboxContainer{display:block;margin:0;padding:11px 0 16px;background:none;border:0;border-bottom:1px solid #28383e;border-radius:0;box-shadow:none;text-align:left}.ac-settings #checkboxContainer h3{font-size:13px;font-weight:400;margin:0 0 8px}.ac-settings #defaultCheckboxes{gap:7px 12px;display:grid;grid-template-columns:1fr 1fr}.ac-settings #defaultCheckboxes[style*="none"]{display:none}.ac-settings #defaultCheckboxes label,.ac-settings #customProfileCheckboxes label{display:flex;gap:5px;align-items:center;background:none;border:0;box-shadow:none;padding:0;margin:0;border-radius:0;font-size:12px;color:#e1e3df;cursor:pointer}.ac-settings input[type=checkbox]:not(#cueMaster){appearance:auto;width:13px;height:13px;margin:0;padding:0;accent-color:#d9813f;box-shadow:none;flex:none}.ac-settings #customProfileCheckboxes>label{margin-bottom:8px}.ac-settings .custom-event-container{display:flex;gap:6px}.ac-settings .custom-event-info{font-size:12px}.ac-settings .custom-event-countdown,.ac-settings .custom-event-status{display:none}.ac-field-label{display:flex;justify-content:space-between;margin:11px 0 9px;font-size:13px}.ac-settings .ac-range{width:100%;margin:7px 0 18px}.ac-settings select{display:block;width:100%;height:29px;background:#080f14;color:#e1e3df;border:1px solid #35444b;border-radius:3px;font-size:12px;padding:3px 8px;box-shadow:inset 0 1px 4px #0005}.ac-field-hint{color:#84959d;font-size:10px;line-height:1.3;margin-top:6px}.ac-ui .ac-setup{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:12px;border:1px solid #62452f;border-radius:3px;background:#322417bb;color:#e4bc92;padding:7px 9px;margin-top:18px}.ac-ui .ac-setup:hover{background:#614024}
.ac-lower{grid-column:2;display:grid;grid-template-columns:225px minmax(0,1fr);gap:18px}.ac-upcoming{padding:13px 16px;min-height:150px}.ac-upcoming ul{list-style:none;margin:0;padding:0}.ac-upcoming li{font-size:13px;display:flex;align-items:center;gap:16px;margin:6px 0}.ac-upcoming time{color:#929fa6;font-variant-numeric:tabular-nums}.ac-upcoming .ac-empty{color:#8b9da5;font-size:12px;line-height:1.6}.ac-lower-right{min-width:0;display:flex;flex-direction:column;justify-content:flex-end}.ac-match{display:flex;gap:15px;align-items:flex-end;margin-bottom:0}.ac-ui .button-container{display:flex;gap:6px;flex-wrap:wrap;align-content:flex-end;margin:0 0 13px;padding:0;flex:1;min-width:0;background:none;border:0;box-shadow:none}.ac-ui #gameModeMessage{display:block;width:100%;font-size:11px;font-family:inherit;color:#b6bdba;text-shadow:none;line-height:1.3;margin:0 0 3px}.ac-ui :is(#rankedButton,#turboButton,#customProfileButton){display:block;margin:0;background:#101a20!important;border:1px solid #37464d!important;border-radius:3px!important;padding:5px 10px!important;font-size:11px!important;font-family:inherit!important;color:#c1c9cb!important;box-shadow:none!important;text-shadow:none!important;line-height:18px;width:auto;white-space:nowrap;animation:none!important}.ac-ui :is(#rankedButton,#turboButton,#customProfileButton).active{background:#563620!important;border-color:#c17a42!important;color:#fff!important}.ac-player-panel{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:12px 14px;max-width:205px;min-width:170px;font-size:11px;text-align:center}.ac-player-panel h2{font-size:13px;border:0;margin:0 0 9px;padding:0}.ac-player-panel>span{color:#95a6ac}.ac-sound-dock{padding:15px;display:flex;align-items:center;gap:18px;min-height:97px}.ac-sound-dock #cueSoundDock{display:flex;gap:10px}.ac-ui .ac-sound-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:57px;position:relative;border:1px solid #384751;border-radius:5px;background:linear-gradient(#1a2328,#080e12);color:#eee;font-size:10px;box-shadow:0 3px 7px #0008;padding:1px 5px;gap:1px}.ac-sound-tile img{width:34px;height:33px;object-fit:contain;filter:drop-shadow(0 1px 3px #000)}.ac-ui .ac-sound-tile:hover,.ac-ui .ac-sound-tile.is-playing{border-color:#e29b62;box-shadow:0 0 12px #e98b343f;background:linear-gradient(#4b2a14,#20170f)}.ac-dock-note{border-left:1px solid #30424b;padding-left:16px;color:#b8c4c8;font-size:11px;line-height:1.5}.ac-dock-note small{display:block;color:#7b9099;font-size:10px;margin-top:4px}.ac-ui #activeProfileIndicator{background:none;border:0;box-shadow:none;border-radius:0;padding:0;margin:8px 0 0 113px}.ac-ui #activeProfileIndicator h4,.ac-ui #activeProfileEvents{display:none}.ac-ui #activeProfileName{font-size:11px;color:#dcb18c;line-height:1.4}
.ac-footer{min-height:43px;padding:10px 19.5%;border-top:1px solid #2c3a42;background:#080e12ed;display:flex;justify-content:space-between;gap:20px;font-size:12px}.ac-footer>div{display:flex;gap:20px;align-items:center}.ac-ui.ac-footer button{background:none;border:0;color:#aeb8bc;border-radius:0;padding:0;line-height:20px;font-size:12px;font-weight:400}.ac-ui.ac-footer button:hover{color:#f1cda9}.ac-footer #userInfo{position:static;inset:auto;display:flex;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;animation:none;color:#aeb8bc;font-size:12px}.ac-toast{position:fixed;left:50%;bottom:58px;transform:translateX(-50%);z-index:10005;padding:12px 22px;border:1px solid #a2744b;background:#0d171ff5;box-shadow:0 3px 20px #000b;border-radius:4px;color:#f5dfc8;max-width:90%;font-size:13px}.ac-toast[hidden]{display:none}
/* Shared dialogs use the same materials, without changing their IDs or bindings. */
.dashboard-theme :is(.login-form,.profile-browser-content,.upload-modal-content,.gsi-setup-content,.login-required-content,.consent-settings-content){background:#101a20;border:1px solid #4b514e;border-radius:6px;box-shadow:0 10px 60px #000b}.dashboard-theme :is(.login-form,.profile-browser-content,.upload-modal-content,.gsi-setup-content,.login-required-content) h2{color:#e7c7a4;font-size:23px}.dashboard-theme .login-form::before{display:none}.dashboard-theme .login-container{background:#080e14db}.dashboard-theme :is(.login-btn,.primary-btn,.upload-btn,.login-required-btn,.download-config-btn){background:linear-gradient(#a66739,#7a4728);border:1px solid #c08554;border-radius:4px;font-family:inherit;box-shadow:none;color:#fff}.dashboard-theme :is(.profile-card,.event-detail,.setup-step,.dynamic-event){background:#152229;border-color:#354954;border-radius:4px}.dashboard-theme :is(.profile-card,.gsi-setup-content) h3{color:#e0b990}.dashboard-theme .consent-banner{background:#0d171fee;border-color:#495047;box-shadow:0 2px 18px #0007}.dashboard-theme .consent-banner h4{font-size:16px}.dashboard-theme .consent-banner p{font-size:12px}.dashboard-theme .consent-btn{font-family:inherit;border-radius:3px;box-shadow:none}.dashboard-theme #soundIndicator{position:fixed;right:25px;bottom:60px;left:auto;top:auto;font-size:12px;z-index:500}
@media(min-width:1600px){.ac-layout{grid-template-columns:minmax(220px,17.6%) minmax(0,1fr) 255px}.ac-event-card{min-height:62px}.ac-row{min-height:62px}.ac-header-inner{gap:45px}}
@media(max-width:1280px){.ac-header-inner{margin-left:15%;max-width:85%;gap:15px}.ac-ui .ac-nav button{padding-left:9px;padding-right:9px;font-size:12px}.ac-brand{font-size:19px}.ac-layout{grid-template-columns:170px minmax(0,1fr) 210px;gap:18px}#mainApp{padding-left:15px;padding-right:15px}.ac-clock h2{font-size:23px}.ac-clock #clockTime{font-size:58px}.ac-table-head{grid-template-columns:80px minmax(130px,1fr) 90px 75px 88px 53px;padding-left:25px}.ac-event-card{grid-template-columns:minmax(130px,1fr) 90px 75px 88px 53px;padding-right:8px;gap:5px}.ac-row{grid-template-columns:60px minmax(0,1fr);gap:10px}.ac-event-list{padding-left:20px}.ac-event-list::before{left:14px}.ac-event-name{gap:6px}.ac-event-name strong{font-size:14px}.ac-next,.ac-remaining{font-size:14px}.ac-event-audio{gap:5px}.ac-table-head>span:nth-child(2){padding-left:20px}.ac-table-head{font-size:11px;gap:5px}.ac-ui .ac-add-cue{margin-left:90px;width:calc(100% - 90px)}.ac-lower{grid-template-columns:190px minmax(0,1fr);gap:15px}.ac-dock-note{display:none}.ac-sound-dock{padding:12px}.ac-sound-dock #cueSoundDock{gap:8px}.ac-player-panel{min-width:140px;padding:10px}.ac-player-panel h2{font-size:11px}.ac-footer{padding-left:16%;padding-right:16%}}
@media(max-width:1080px){.ac-header-inner{margin:0 22px;max-width:calc(100% - 44px)}.ac-nav{margin-left:auto}.ac-layout{grid-template-columns:135px minmax(0,1fr);gap:20px}.ac-settings{grid-column:2;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.ac-settings>h2,.ac-settings>.ac-master,.ac-settings>#checkboxContainer{grid-column:1/-1}.ac-settings #defaultCheckboxes{grid-template-columns:repeat(4,1fr)}.ac-settings .ac-field-label{grid-column:1}.ac-settings .ac-range,.ac-settings select,.ac-settings .ac-field-hint{grid-column:2}.ac-settings .ac-range{margin-top:17px}.ac-settings .ac-setup{grid-column:1/-1}.ac-status{margin-left:15%;margin-right:3%}.ac-clock h2{font-size:20px}.ac-clock #clockTime{font-size:48px}.ac-events h1{font-size:20px}.ac-lower{grid-column:2}.ac-header{height:auto;min-height:70px}.ac-brand{font-size:17px}.ac-brand img{width:30px}.ac-nav-label{display:none}.ac-ui .ac-nav button{font-size:10px;padding:26px 7px 22px}.ac-footer{padding-left:25px;padding-right:25px}}
@media(max-width:760px){.ac-header-inner{display:block;margin:0;width:100%;max-width:none}.ac-brand{justify-content:center;padding:14px 10px 4px;font-size:20px}.ac-nav>div{justify-content:center;gap:0}.ac-ui .ac-nav button{padding:10px 7px;font-size:9px}.ac-status{margin:0 10px;clip-path:none}.ac-layout{display:flex;flex-direction:column;gap:22px}.ac-clock{margin:0;display:flex;align-items:center;gap:15px;align-self:center}.ac-clock h2{font-size:18px}.ac-clock #clockTime{font-size:43px}.ac-clock p{display:none}.ac-events{width:100%}.ac-events h1{font-size:18px;margin-bottom:14px}.ac-settings{width:100%;display:block;order:4}.ac-lower{width:100%;grid-template-columns:1fr}.ac-event-card{grid-template-columns:minmax(105px,1fr) 69px 47px;gap:7px;padding:7px}.ac-row{grid-template-columns:47px minmax(0,1fr);gap:7px;min-height:59px}.ac-next{display:none}.ac-event-audio{grid-column:1/3;grid-row:2}.ac-event-audio .ac-preview{height:17px;width:20px}.ac-event-audio .ac-preview svg{height:17px}.ac-event-audio .ac-range{max-width:90px}.ac-event-name strong{font-size:12px}.ac-event-name img{height:28px;width:25px}.ac-remaining{font-size:12px}.ac-event-card>.ac-switch{grid-column:3;grid-row:1/3;width:44px;height:21px}.ac-switch>span{font-size:9px;padding-left:20px;line-height:19px}.ac-switch>span::before{height:12px;width:12px}.ac-switch input:checked+span{padding-left:5px}.ac-switch input:checked+span::before{left:27px}.ac-switch-small input:checked+span::before{left:18px}.ac-event-time{font-size:12px}.ac-table-head{grid-template-columns:58px 1fr 74px 46px;font-size:10px;padding-left:20px;padding-right:7px}.ac-table-head>span:nth-child(2){padding-left:0}.ac-table-head>span:nth-child(4),.ac-table-head>span:nth-child(5){display:none}.ac-ui .ac-add-cue{margin-left:74px;width:calc(100% - 74px);font-size:11px;padding:5px 8px}.ac-add-cue>span:last-child{display:none}.ac-player-panel{min-width:160px}.ac-sound-dock{justify-content:center}.ac-upcoming{min-height:0}.ac-upcoming ul{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}.ac-ui #activeProfileIndicator{margin-left:74px}.ac-footer{padding:12px 16px;flex-wrap:wrap;font-size:11px}.ac-footer>div{gap:15px}.ac-ui.ac-footer button{font-size:11px}.dashboard-theme .profile-controls{flex-wrap:wrap}.dashboard-theme .profile-browser-content{width:96%;padding:16px}.dashboard-theme .gsi-setup-content{width:94%;padding:18px}.dashboard-theme .login-form{max-width:94vw;padding:25px}.ac-settings .ac-range{margin-top:12px}.ac-settings #defaultCheckboxes{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.ac-brand img{filter:brightness(0) saturate(100%) invert(35%) sepia(51%) saturate(929%) hue-rotate(332deg) brightness(87%) contrast(91%)}
/* Neutralize inherited legacy positioning; layout must stay in the dashboard grid. */
.ac-ui button{max-width:none;position:relative;inset:auto}
.ac-ui .ac-brand{font-size:21px;font-weight:600}
.ac-ui #acTitle{max-width:none;width:100%;border-radius:0;animation:none;transform:none;backdrop-filter:none;box-shadow:none}
.ac-ui #acTitle::before,.ac-ui #acTitle::after{display:none}
.ac-settings #checkboxContainer{position:static;inset:auto;width:100%;max-width:none;align-items:stretch;transform:none;backdrop-filter:none;z-index:auto}
.ac-ui .button-container{flex-direction:row;justify-content:flex-start;align-items:center}
.ac-ui .ac-add-cue{max-width:none}
@media(max-width:1280px){.ac-ui .ac-brand{font-size:19px}}
@media(max-width:1080px){.ac-ui .ac-brand{font-size:17px}}
@media(max-width:760px){.ac-ui .ac-brand{font-size:20px}}
.ac-ui #checkboxContainer,.ac-ui .button-container,.ac-ui #mainApp{animation:none!important;transition:none}
.ac-events h1{line-height:1.35}
.ac-event-name strong{font-size:18px;font-weight:400}
.ac-layout{row-gap:24px}
.ac-upcoming{min-height:145px}
.ac-clock #clockTime{font-size:79px}
#mainApp{padding-bottom:12px}
@media(max-width:1280px){.ac-event-name strong{font-size:15px}.ac-clock #clockTime{font-size:58px}}
@media(max-width:1080px){.ac-clock #clockTime{font-size:48px}}
@media(max-width:760px){.ac-event-name strong{font-size:12px}.ac-clock #clockTime{font-size:43px}}

.ac-custom .ac-add-cue{display:none}
.ac-upcoming li{margin:4px 0}
.ac-upcoming{padding-bottom:10px}
.ac-clock{transform:translateY(18px)}
@media(max-width:760px){.ac-clock{transform:none}}

/* Profile timing editor uses the native dialog for focus containment and Escape. */
.profile-timing-dialog{box-sizing:border-box;width:min(720px,calc(100vw - 32px));max-height:90vh;margin:auto;padding:24px;border:1px solid #71523c;border-radius:8px;background:#10191e;color:#eeefed;box-shadow:0 24px 90px #000b;font:14px/1.5 Radiance,'Segoe UI',sans-serif}
.profile-timing-dialog::backdrop{background:#02070bcc;backdrop-filter:blur(4px)}
.profile-timing-dialog *{box-sizing:border-box}
.profile-timing-dialog header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.profile-timing-dialog h2{margin:4px 0;font-size:25px;color:#f4f0e9;font-weight:600}
.profile-timing-eyebrow{color:#d79a6d;font-size:11px;letter-spacing:1.5px}
#profileTimingName{margin:0;color:#bec8cd;font-size:16px;overflow-wrap:anywhere}
#profileTimingHelp{color:#a8b6be;margin:18px 0 22px;font-size:13px}
.profile-timing-dialog fieldset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-width:0;margin:0 0 18px;padding:14px;border:1px solid #34454f;border-radius:5px}
.profile-timing-dialog legend{padding:0 7px;color:#edbc95;font-size:15px;overflow-wrap:anywhere;max-width:100%}
.profile-timing-dialog label{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0;font-size:12px;color:#c1ccd1;text-align:left}
.profile-timing-dialog input{width:100%;min-width:0;max-width:none;margin:0;padding:9px 11px;background:#080f14;color:#fff;border:1px solid #495b65;border-radius:4px;font:16px Radiance,'Segoe UI',sans-serif;box-shadow:none;text-align:left}
.profile-timing-dialog input[aria-invalid=true]{border-color:#ef8c79}
.profile-timing-dialog :focus-visible{outline:2px solid #ecad77;outline-offset:3px}
.profile-timing-dialog footer{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid #34454f}
.profile-timing-dialog button{width:auto;max-width:none;min-height:38px;margin:0;padding:8px 16px;border:1px solid #53616a;border-radius:4px;background:#1b2932;color:#e9edef;font:14px Radiance,'Segoe UI',sans-serif;text-transform:none;letter-spacing:0;box-shadow:none;transform:none;animation:none;cursor:pointer}
.profile-timing-dialog button::before,.profile-timing-dialog button::after{display:none}
.profile-timing-dialog button:hover{transform:none;background:#2b3d47}
.profile-timing-dialog button:disabled{opacity:.5;cursor:wait}
#profileTimingSave{background:#925c32;border-color:#cd8b54;color:#fff}
#profileTimingSave:hover{background:#aa6b3b}
#profileTimingClose{font-size:25px;line-height:1;min-height:32px;padding:3px 9px;background:transparent;border-color:transparent}
.profile-timing-error{padding:10px 12px;background:#442321;border:1px solid #9b594f;border-radius:4px;color:#ffd1c8;font-size:13px}
@media(max-width:500px){.profile-timing-dialog{padding:18px}.profile-timing-dialog fieldset{gap:10px;padding:12px}.profile-timing-dialog input{padding:8px 6px}.profile-timing-dialog label{font-size:11px}}