#controlDock{max-height:60dvh;overflow:auto;gap:8px}
#mainFour{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(100%,900px);margin:auto}
#mainFour button{width:100%;min-width:0;min-height:52px;padding:10px 4px;border:1px solid rgba(73,243,255,.7);border-radius:12px;background:#0a1520;color:#fff;font:700 12px/1.25 system-ui;cursor:pointer}
#mainFour button[aria-expanded=true]{background:#163541;border-color:#49f3ff}
#mainFour button:last-child{color:#e6bd4d;border-color:#e6bd4d}
#controlDrawer{width:min(100%,900px);margin:auto;padding:4px 0 8px}
#controlDrawer section{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
#controlDrawer button{border:1px solid #506577;border-radius:10px;background:#101b27;color:#fff;padding:10px 12px;font:700 11px/1.3 system-ui;cursor:pointer}
#controlDrawer #legend{position:static!important;transform:none!important;inset:auto!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:none;gap:8px;padding:0;margin:0}
#controlDrawer #legend button{width:100%;white-space:normal;text-align:left}
#controlDrawer #faceControls{position:static;transform:none;display:flex;flex-wrap:wrap;width:100%;border:0;background:none}
#controlDrawer [hidden],#controlDrawer[hidden],#calendarControls[hidden]{display:none!important}
#mainFour button:focus-visible,#controlDrawer button:focus-visible{outline:2px solid #49f3ff;outline-offset:2px}
@media(max-width:600px){#mainFour{gap:5px}#mainFour button{min-height:50px;font-size:10px;padding:8px 3px}#broadcastNow{font-size:10px}}