/* DEA RADIO STATION · responsive, in-flow, single player */
#dea-radio{position:relative!important;inset:auto!important;z-index:50!important;width:100%!important;max-width:100%!important;margin:0!important;padding:8px clamp(10px,2vw,24px)!important;background:#07182a;color:#eaf2ff;font-family:Inter,system-ui,sans-serif;box-sizing:border-box}
#dea-radio *,#dea-radio *:before,#dea-radio *:after{box-sizing:border-box}
#dea-radio button{font:inherit;cursor:pointer}
#dea-radio .dr-dock{max-width:1120px;margin:auto;background:linear-gradient(110deg,#091c31,#112c4b);border:1.5px solid #d6a751;border-radius:17px;padding:10px 15px;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,320px);grid-template-areas:"top bottom" "top volume";column-gap:16px;row-gap:7px;align-items:center;box-shadow:0 0 14px #d6a7511a}
#dea-radio .dr-top{grid-area:top;display:flex;align-items:center;gap:14px;min-width:0}
#dea-radio .dr-identity{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
#dea-radio .dr-mark{display:grid;place-items:center;width:43px;height:43px;flex:none;border:2px solid #e9bc6d;border-radius:50%;font-size:12px;font-weight:900;color:#ffe0a2}
#dea-radio .dr-brand{min-width:0;display:flex;flex-direction:column;gap:2px}
#dea-radio .dr-brand strong{color:#f5c76f;font-size:13px;letter-spacing:.07em;white-space:nowrap}
#dea-radio .dr-brand small{color:#b7cbe1;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dea-radio .dr-play{display:grid;place-items:center;flex:none;width:49px;height:49px;border-radius:14px;border:2px solid #e4ac54;background:#193956;color:#ffdb9a;font-size:23px;font-weight:900}
#dea-radio .dr-bottom{grid-area:bottom;display:flex;gap:8px;align-items:center;min-width:0}
#dea-radio .dr-select-wrap{position:relative;min-width:0;flex:1}
#dea-radio .dr-picker{width:100%;display:flex;justify-content:space-between;align-items:center;gap:7px;border:1px solid #ba9458;background:#0d2945;color:#f5d7a3;border-radius:9px;padding:8px 10px;min-width:0;text-align:left;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dea-radio .dr-picker span{flex:none}
#dea-radio .dr-expand{width:38px;height:37px;flex:none;border-radius:50%;background:#c59642;color:#0a1c30;border:0;font-size:21px;font-weight:900}
#dea-radio .dr-dropdown{position:absolute;top:calc(100% + 5px);left:0;right:0;min-width:min(290px,calc(100vw - 38px));background:#0b223b;border:1px solid #e4b45c;border-radius:11px;padding:5px;box-shadow:0 15px 40px #000a;z-index:80;max-height:min(310px,55dvh);overflow:auto}
#dea-radio [hidden]{display:none!important}
#dea-radio .dr-option{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border:0;border-radius:7px;color:#e9f1ff;background:transparent;text-align:left;font-size:12px}
#dea-radio .dr-option b{color:#f5c76f}
#dea-radio .dr-option:hover,#dea-radio .dr-option[aria-pressed=true]{background:#294664}
#dea-radio .dr-volume{grid-area:volume;display:flex;align-items:center;gap:10px;min-width:0}
#dea-radio .dr-volume-icon{color:#f5c76f;font-size:20px}
#dea-radio .dr-volume input{flex:1;min-width:0;width:100%;height:30px;appearance:none;-webkit-appearance:none;background:transparent;touch-action:pan-y;cursor:pointer}
#dea-radio .dr-volume input::-webkit-slider-runnable-track{height:9px;border-radius:20px;background:linear-gradient(to right,#f5c76f var(--fill,55%),#344c63 var(--fill,55%))}
#dea-radio .dr-volume input::-moz-range-track{height:9px;border-radius:20px;background:#344c63}
#dea-radio .dr-volume input::-moz-range-progress{height:9px;border-radius:20px;background:#f5c76f}
#dea-radio .dr-volume input::-webkit-slider-thumb{-webkit-appearance:none;width:25px;height:25px;margin-top:-8px;background:#ffda91;border:3px solid #132d48;border-radius:7px;box-shadow:0 0 0 1px #f5c76f}
#dea-radio .dr-volume input::-moz-range-thumb{width:25px;height:25px;background:#ffda91;border:3px solid #132d48;border-radius:7px}
#dea-radio .dr-volume output{min-width:36px;text-align:right;color:#f5c76f;font-size:12px;font-weight:800}
#dea-radio .dr-overlay{position:fixed;inset:0;z-index:99999;background:#020915d9;display:grid;place-items:center;padding:16px}
#dea-radio .dr-panel{width:min(680px,100%);max-height:90dvh;overflow:auto;border:1px solid #d8aa60;border-radius:18px;background:#0a1d33;padding:20px;box-shadow:0 24px 80px #000c}
#dea-radio .dr-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}
#dea-radio .dr-panel-head strong{display:block;color:#f5c76f;font-size:17px}
#dea-radio .dr-panel-head small{color:#adc5dc}
#dea-radio .dr-close{border:1px solid #a78b60;background:#183650;color:#fff;border-radius:9px;font-size:25px;width:38px;height:38px}
#dea-radio .dr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
#dea-radio .dr-tile{display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left;min-width:0;min-height:110px;border:1px solid #48627e;border-radius:13px;background:linear-gradient(135deg,#142d4a,#0b2239);color:#e9f1ff;padding:15px}
#dea-radio .dr-tile[aria-pressed=true]{border-color:#f5c76f;box-shadow:inset 0 0 0 1px #f5c76f}
#dea-radio .dr-number{font-size:11px;font-weight:900;color:#f5c76f;letter-spacing:.1em}
#dea-radio .dr-tile strong{font-size:14px}
#dea-radio .dr-tile small{font-size:11px;color:#afc5da}
#dea-radio .dr-status{color:#adc5dc;font-size:12px;margin:14px 0 0}
@media(max-width:700px){#dea-radio .dr-dock{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "bottom" "volume";gap:9px;padding:10px 12px}#dea-radio .dr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#dea-radio .dr-top{gap:10px}#dea-radio .dr-brand strong{font-size:12px}#dea-radio .dr-play{width:48px;height:48px}#dea-radio .dr-picker{font-size:12px}#dea-radio .dr-volume{gap:8px}}
@media(max-width:360px){#dea-radio .dr-mark{width:34px;height:34px;font-size:10px}#dea-radio .dr-brand strong{font-size:11px;letter-spacing:0}#dea-radio .dr-brand small{font-size:10px}#dea-radio .dr-tile{padding:10px}}

/* Mobile-first compact radio: single column and all controls visible. */
@media(max-width:800px){
 #dea-radio{width:100%!important;max-width:100vw!important;overflow:visible!important;padding:7px 9px!important}
 #dea-radio .dr-dock{display:grid!important;width:100%!important;min-width:0!important;max-width:100%!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"top" "bottom" "volume"!important;padding:10px!important;gap:7px!important}
 #dea-radio .dr-top,#dea-radio .dr-bottom,#dea-radio .dr-volume{width:100%!important;min-width:0!important}
 #dea-radio .dr-identity,#dea-radio .dr-brand{min-width:0!important;max-width:100%!important}
 #dea-radio .dr-brand strong{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:clamp(10px,3vw,13px)!important;letter-spacing:.02em!important}
 #dea-radio .dr-brand small{font-size:11px!important;max-width:100%!important}
 #dea-radio .dr-play{width:50px!important;height:50px!important;flex:0 0 50px!important}
 #dea-radio .dr-picker{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;font-size:12px!important}
 #dea-radio .dr-expand{width:42px!important;height:42px!important;flex:0 0 42px!important}
 #dea-radio .dr-volume input{min-width:0!important}
}

/* Branded station cards: compact and readable on phones. */
#dea-radio .dr-logo{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border:1px solid #b99359;border-radius:8px;background:#f4f1e9;color:#17324d;font-size:10px;font-weight:900;overflow:hidden}
#dea-radio .dr-logo img,#dea-radio .dr-mark img{display:block;width:100%;height:100%;object-fit:contain}
#dea-radio .dr-mark{overflow:hidden;background:#f5f2e9}
#dea-radio .dr-option{gap:8px;padding:7px}
#dea-radio .dr-option-text{min-width:0;display:flex;flex-direction:column;gap:2px}
#dea-radio .dr-option-text strong{font-size:11px;color:#f6e0ba;white-space:normal;overflow-wrap:anywhere}
#dea-radio .dr-option-text small{font-size:10px;color:#aec6df}
#dea-radio .dr-tile{gap:5px;min-height:128px;padding:12px}
#dea-radio .dr-tile strong{overflow-wrap:anywhere;line-height:1.25}
#dea-radio .dr-tile .dr-logo{width:36px;height:36px;flex-basis:36px}
#dea-radio .dr-dropdown{min-width:0!important;width:min(330px,calc(100vw - 32px));max-width:calc(100vw - 32px);left:0;right:auto}
@media(max-width:700px){#dea-radio .dr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#dea-radio .dr-panel{padding:12px}#dea-radio .dr-tile{padding:10px;min-height:126px}}

/* Compact single radio dock without redundant volume row. */
#dea-radio .dr-dock{grid-template-areas:"top bottom"!important;row-gap:0!important;padding:7px 12px!important}
#dea-radio .dr-mark{width:36px;height:36px}
#dea-radio .dr-play{width:39px!important;height:39px!important;flex:0 0 39px!important;font-size:19px}
#dea-radio .dr-picker{padding:6px 8px!important}
#dea-radio .dr-expand{width:35px!important;height:35px!important;flex:0 0 35px!important;font-size:17px}
@media(max-width:800px){#dea-radio .dr-dock{grid-template-areas:"top" "bottom"!important;gap:5px!important;padding:7px 10px!important}#dea-radio .dr-top{gap:7px!important}}