/* v6.1 ANKR Player: bigger art + controls, opaque panel (hides baked PNG text), no overlap with #playlistPanel */
#musicUI,#playlistPanel{background:linear-gradient(180deg,#070706,#0a0806)!important}
@media (orientation:landscape) and (min-width:1024px) and (min-height:600px){
/* v6.2 wide layout: art | title+artist / timeline | (skin-button room); bottom row = ANKR PLAYER label | transport | volume. All controls kept, all >=44px. */
#musicUI{top:calc(42.8% - 18px)!important;height:calc(17.5% + 18px)!important;width:36.1%!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) max(100px,22%);grid-template-rows:minmax(0,1fr) minmax(44px,1fr) 44px;grid-template-areas:"art tit ." "art tl ." "lab tr vol";column-gap:8px;row-gap:2px;align-content:stretch;padding:5px 10px!important;box-sizing:border-box}
#musicUI #nowPlaying{display:contents!important}
#musicUI #trackArt,#musicUI #trackArtFallback{grid-area:art;position:static!important;width:auto!important;height:100%!important;max-height:130px;max-width:130px;aspect-ratio:1/1;object-fit:cover;border-radius:10px;align-self:center;justify-self:center}
#musicUI #trackTitle{grid-area:tit;align-self:start;min-width:0;font-size:20px!important;line-height:24px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important}
#musicUI #trackArtist{grid-area:tit;align-self:end;min-width:0;font-size:14px!important;line-height:18px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important}
#musicUI #timeline{grid-area:tl;margin:0!important;align-items:center;align-self:center}
#musicUI #elapsed,#musicUI #duration{font-size:13px!important}
#musicUI #transport{grid-area:tr;margin:0!important;justify-content:flex-start!important;gap:3px!important;flex-wrap:nowrap!important;width:auto!important;min-width:0;align-items:center}
#musicUI #transport button{width:44px!important;height:44px!important;min-width:44px!important;font-size:19px!important;margin:0!important;flex:none;padding:0!important}
#musicUI #transport #play{width:48px!important;height:44px!important}
#musicUI .musicLabel{grid-area:lab;display:flex!important;align-items:center;justify-content:center;margin:0!important;min-width:0}
#musicUI .musicLabel a{font-size:10px!important;line-height:1.1!important;white-space:normal!important;text-align:center;justify-content:center;min-width:44px!important;min-height:44px!important;padding:0!important}
#musicUI #volumeRow{grid-area:vol;display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px;margin:0!important;min-width:0}
#musicUI #volumeRow span{font-size:10px!important}
#musicUI #volume{min-height:44px!important;width:100%!important;min-width:44px!important;margin:0!important}
@media (max-width:1300px){#musicUI #trackArt,#musicUI #trackArtFallback{max-width:58px;max-height:58px}#musicUI{grid-template-columns:auto minmax(0,1fr) 84px!important;row-gap:4px!important}}
}
@media not ((orientation:landscape) and (min-width:1024px) and (min-height:600px)){
#musicUI #trackArt,#musicUI #trackArtFallback{width:96px!important;height:96px!important;border-radius:12px}
#musicUI #nowPlaying{min-height:96px;padding-left:108px!important}
#musicUI #trackTitle{font-size:20px!important}
#musicUI #transport button{min-width:52px!important;min-height:52px!important;font-size:22px!important}
#musicUI #transport #play{min-width:64px!important;min-height:64px!important}
}
/* v6.1 CRG panel: channel-5 Leadership Board look (logo, #1 prize card with charge can, per-player cans + move/exercise/stand tubes) */
#mcCRG{container-type:inline-size;background:linear-gradient(#0b0d12,#030405)!important;border:2px solid rgba(255,159,10,.75)!important;box-shadow:0 0 10px rgba(255,159,10,.3)!important;color:#fff;font-family:"SF Pro Rounded",ui-rounded,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif!important}
#mcCRG .h span.crgT{display:flex!important;align-items:center;gap:6px;min-width:0;flex:1 1 auto}
#mcCRG .h span.crgT img{width:40px;height:40px;border-radius:8px;flex:none;object-fit:cover}
#mcCRG .h span.crgT b{display:flex;flex-direction:column;font:900 11px/1.15 inherit;color:#fff;letter-spacing:.06em;text-shadow:0 0 6px rgba(255,159,10,.75);min-width:0}
#mcCRG .h span.crgT b small{font-size:9px;color:#ff9f0a;letter-spacing:.12em}
#mcCRG .h{flex-wrap:nowrap!important;gap:4px}
#mcCRG .f button{font:800 12px/1 inherit!important;border-radius:10px!important}
#mcCRG .f button[aria-pressed=true]{background:#ff9f0a!important;color:#000!important;border-color:#ffd60a!important}
#mcCRG .ls{display:flex;flex-direction:column;gap:4px;padding-top:4px}
#mcCRG .pz{flex:none;display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:12px;background:rgba(255,159,10,.16);border:2px solid rgba(255,214,10,.9);box-shadow:0 0 10px rgba(255,159,10,.4)}
#mcCRG .pz .n{font:900 24px/1 inherit;color:#ffd60a;text-shadow:0 0 6px #ff9f0a;flex:none}
#mcCRG .pz img{width:34px;height:42px;object-fit:contain;flex:none;filter:drop-shadow(0 0 6px rgba(255,159,10,.8))}
#mcCRG .pz .t{min-width:0;display:flex;flex-direction:column;gap:1px}
#mcCRG .pz .t small{font:900 9px/1 inherit;color:#ffd60a;letter-spacing:.14em}
#mcCRG .pz .t b{font:900 15px/1.15 inherit;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mcCRG .pz .t span{font:700 11px/1.1 inherit;color:#ff9f0a;white-space:nowrap}
#mcCRG .r{display:flex!important;align-items:center;gap:6px;padding:3px 6px!important;border-radius:10px;background:rgba(0,0,0,.7);border:1px solid rgba(48,209,88,.25)!important;min-height:32px}
#mcCRG .r .k{font:900 13px/1 inherit;color:#ff9f0a;flex:none;min-width:22px}
#mcCRG .r .nm{flex:1;min-width:0;font:800 13px/1.2 inherit;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mcCRG .cn{display:inline-flex;align-items:center;gap:1px;font:800 11px/1 ui-monospace,Menlo,monospace;color:#ffd60a;flex:none}
#mcCRG .cn img{width:12px;height:16px;object-fit:contain}
#mcCRG .tbs{display:inline-flex;gap:2px;flex:none}
#mcCRG .tb{display:flex;align-items:flex-end;width:7px;height:20px;border-radius:4px;border:1px solid var(--c);background:#000;overflow:hidden;--c:#fff}
#mcCRG .tb>i{display:block;width:100%;background:var(--c)}
#mcCRG .tb.red{--c:#ff453a}#mcCRG .tb.green{--c:#30d158}#mcCRG .tb.blue{--c:#0a84ff}
#mcCRG .mg{width:20px;height:20px;flex:none}
#mcCRG .r b{font:900 13px/1 ui-monospace,Menlo,monospace!important;color:#30d158!important;min-width:34px;text-align:right;flex:none}
@container (max-width:230px){#mcCRG .tbs,#mcCRG .mg{display:none}#mcCRG .h span.crgT b small{display:none}#mcCRG .h span.crgT img{width:34px;height:34px}}
/* v6.2 CRG filters: one compact segmented row of 5 (ALL/MONTH/MOVE/EXER/STAND), 44px tall, fills the column */
#mcCRG .f{display:flex!important;gap:0!important;padding:2px!important;border-radius:12px;background:rgba(118,118,128,.24);border:1px solid #2a3a48;box-sizing:border-box;width:100%}
#mcCRG .f button{flex:1 1 0!important;min-width:0!important;min-height:44px!important;height:44px;border:0!important;border-radius:10px!important;background:transparent!important;color:#ffb000!important;font:800 11px/1 ui-monospace,Menlo,monospace!important;padding:0 1px!important;letter-spacing:0}
#mcCRG .f button[aria-pressed=true]{background:#ff9f0a!important;color:#000!important}
@container (max-width:230px){#mcCRG .f button{font-size:9.5px!important}}
/* v6.2c: iPad-landscape fit (label wraps to the art width, play button not scaled past its row); CRG segments may shrink below 44px wide only when the column is too narrow for 5x44 */
@media (orientation:landscape) and (min-width:1024px) and (min-height:600px) and (max-width:1300px){#musicUI .musicLabel a{max-width:60px;font-size:9px!important;overflow-wrap:anywhere}#musicUI #transport button#play{transform:none!important}}
#mcCRG .f button[type]{min-width:0!important;flex:1 1 0!important}
/* v6.3: CRG filters wrap to two rows when the column can't fit 5 x 44px; every segment >= 44x44 */
#mcCRG .f{flex-wrap:wrap!important;row-gap:2px!important}
#mcCRG .f button[type]{flex:1 1 44px!important;min-width:44px!important}
#mcCRG .ls{height:auto!important;flex:1 1 0!important;min-height:0!important}
@container (max-width:227px){#mcCRG .f button[type]{flex:1 1 30%!important}}/* narrow column: 3 + 2 segments */
/* v6.4: mini ANKR Board tile moved (unchanged look/size) to the bottom-left corner; Quick Links + bottom band start to its right. #sideB shows the 4.11 airport monitor again. */
#sideB:not(.mcLakeHost)>iframe{display:block!important;width:100%;height:100%;border:0}
@media (orientation:landscape) and (min-width:1024px) and (min-height:600px){
#mcMini{position:absolute;left:3.2%;width:26%;top:61.3%;height:30.4%;padding:0!important;background:#04070b!important;overflow:hidden;display:flex!important;z-index:81}
#mcMini>iframe{border:0;width:100%;display:block}
#mcMid{left:30.2%!important;width:48.3%!important}
#mcBand{left:30.2%!important;width:65.4%!important;top:calc(76.9% + 3px)!important;height:calc(15.2% - 3px)!important}
}
@media not ((orientation:landscape) and (min-width:1024px) and (min-height:600px)){#mcMini{display:none!important}}
