.bg2-radio{--player-width:200px;position:fixed;right:24px;top:24px;z-index:20;display:flex;flex-direction:column;align-items:flex-end;max-height:calc(100dvh - 48px);width:min(calc(var(--player-width) + 18px),calc(100vw - 32px));font-size:12px;pointer-events:none}
.bg2-radio>button{display:block;flex:none;pointer-events:auto;padding:8px 12px;font-size:11px}
.bg2-radio-panel,.bg2-radio-dock{pointer-events:auto;margin-top:8px;background:#172b30f5;border:1px solid #e3c59166;border-radius:5px;box-shadow:0 15px 45px #0005}
.bg2-radio-panel{min-height:0;overflow:auto;padding:12px;width:min(380px,calc(100vw - 32px))}
.bg2-radio-dock{flex:none;width:100%;padding:8px}
.bg2-radio [hidden]{display:none}
.bg2-radio h2{font:400 24px Georgia,serif;margin:0 0 12px}
.bg2-radio label{display:flex;gap:10px;align-items:center;margin:10px 0}
.bg2-radio select{min-width:0;width:100%;background:#223b3f;color:#f8f4e8;border:1px solid #fff4;padding:8px;font:inherit}
.bg2-radio input{flex:1;min-width:0;accent-color:#e3c591}
.bg2-radio select:focus-visible,.bg2-radio input:focus-visible,.bg2-radio a:focus-visible{outline:2px solid #e3c591;outline-offset:3px}
.bg2-radio-track{line-height:1.5;margin:0 0 8px}
.bg2-radio-state,.bg2-radio-hint{font-size:11px;line-height:1.5;color:#eee7d9c9;margin:8px 0 0}
.bg2-radio-actions{display:flex;gap:8px}.bg2-radio-actions button{flex:1;font-size:12px}
.bg2-radio-player{width:100%;min-width:200px;min-height:200px}
.bg2-radio-player iframe{display:block;width:100%;min-width:200px;height:max(200px,calc(var(--player-width)*.5625));border:0}
.bg2-radio a{display:block;font-size:11px;margin:8px 0 0}
/* Compact only our own metadata; never crop, cover, or scale down the official player. */
.bg2-radio[data-controls-open="false"] .bg2-radio-track,.bg2-radio[data-controls-open="false"] .bg2-radio-dock>a{display:none}
.bg2-radio[data-controls-open="false"] .bg2-radio-state{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bg2-radio-dock-heading{display:flex;justify-content:space-between;gap:6px;margin-bottom:8px}
.bg2-radio-dock-heading button{font-size:11px;padding:6px 8px;border-color:#e3c59199}
.bg2-radio-dock,.bg2-radio-panel,.bg2-radio>button{position:relative;z-index:2}
/* Reserve the entire dock column while it is visible, including its native controls. */
.bg2-radio-wheel{position:fixed;inset:24px;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;padding:20px;background:#102126ed;border:1px solid #e3c59166;border-radius:8px;overflow:auto;overscroll-behavior:contain}
.bg2-radio[data-has-player="true"] .bg2-radio-wheel{right:calc(var(--player-width) + 66px)}
.bg2-radio-ring{position:relative;flex:none;width:min(100%,calc(100dvh - 190px),620px);aspect-ratio:1}
.bg2-radio-slice{position:absolute;left:calc(50% + var(--x)*40%);top:calc(50% + var(--y)*40%);transform:translate(-50%,-50%);width:18%;height:13%;padding:4px;font-size:clamp(9px,1.15vw,14px);font-weight:650;line-height:1.2;white-space:pre-line;border-color:var(--station-color);box-shadow:0 5px 14px #0005}
.bg2-radio-slice[aria-pressed="true"]{background:#e3c591;color:#172b30;outline:3px solid #f8f4e8;outline-offset:2px}
.bg2-radio-wheel-name{position:absolute;inset:36% 25%;display:grid;place-content:center;text-align:center;font:400 clamp(16px,2vw,26px)/1.2 Georgia,serif;pointer-events:none;margin:0}
.bg2-radio-wheel>.bg2-radio-hint{max-width:440px;text-align:center}
@media(max-width:900px){
 .bg2-radio-wheel{justify-content:flex-start}
 .bg2-radio[data-has-player="true"] .bg2-radio-ring{display:flex;flex-direction:column;gap:8px;width:100%;aspect-ratio:auto}
 .bg2-radio[data-has-player="true"] .bg2-radio-slice{position:static;transform:none;width:100%;height:auto;min-height:40px;white-space:normal;font-size:12px}
 .bg2-radio[data-has-player="true"] .bg2-radio-wheel-name{position:static;order:-1;min-height:42px;font-size:18px}
}
@media(max-width:700px){.bg2-radio{right:16px;top:16px;max-height:calc(100dvh - 32px)}.bg2-radio-wheel{inset:16px;padding:12px}}
@media(max-width:600px){
 .bg2-radio[data-has-player="true"] .bg2-radio-wheel{top:440px;right:16px}
 .bg2-radio[data-has-player="true"] .bg2-radio-ring{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .bg2-radio[data-has-player="true"] .bg2-radio-wheel-name{grid-column:1/-1}
}