/* MagicalRadio3D | Ma Room & Ma Sono — V4.2
   Visual-only treatment over Studio V4.1. All form fields, audio source
   handlers, playlist persistence and stream links remain in their original DOM.
   Three REAL user-supplied backgrounds: seaside, futuristic studio, lounge. */
#mgrSono .mgrv42-stage{
 --v42-ice:#cff6ff;--v42-violet:#ae72fb;--v42-pink:#ec77e9;--v42-line:rgba(172,157,245,.48);
 --v42-panel:rgba(9,15,38,.86);color:#f6f4ff!important;
}
html body #mgrSono#mgrSono .mgr-sono-room-host.mgrfusion-unified.mgrv4-studio.mgrv41-stage.mgrv42-stage{
 width:min(1280px,100%)!important;max-width:1280px!important;
 border:1px solid #9376db9c!important;border-radius:22px!important;
 background-image:
   linear-gradient(180deg,rgba(6,11,37,.48) 0%,rgba(8,12,38,.88) 27%,rgba(8,14,37,.95) 61%,rgba(5,11,32,.90) 100%),
   url('/assets/mgr-v42-hero.webp'),
   url('/assets/mgr-v42-lounge.webp')!important;
 background-size:cover,100% auto,100% auto!important;
 background-position:center,top center,bottom center!important;
 background-repeat:no-repeat!important;
 box-shadow:0 27px 80px #0009,inset 0 1px #ffffff3b,0 0 42px #713acb18!important;
 backdrop-filter:saturate(1.06);
}
/* The hero is deliberately open on its left. Place type there; keep the subjects on the right visible. */
html body #mgrSono#mgrSono .mgrv42-stage .mgrv41-hero{
 position:relative;min-height:224px!important;align-items:flex-start;justify-content:flex-end;
 padding:25px clamp(14px,3vw,35px)!important;margin-bottom:18px!important;
 border:1px solid #a080e68a!important;border-radius:17px!important;
 background-image:
   linear-gradient(90deg,rgba(4,11,39,.42) 0%,rgba(4,11,40,.23) 55%,rgba(4,11,40,.02) 100%),
   url('/assets/mgr-v42-hero.webp')!important;
 background-repeat:no-repeat!important;background-size:cover!important;
 background-position:center 54%!important;
 box-shadow:inset 0 0 45px #04072694,0 13px 37px #03041478!important;
 overflow:hidden;
}
#mgrSono .mgrv42-stage .mgrv42-wordmark{
 display:block;max-width:100%;font-weight:950;font-size:clamp(18px,2.2vw,27px);
 line-height:1.1;letter-spacing:.035em!important;margin:0 0 9px;
 background:linear-gradient(180deg,#fff 1%,#ccecff 24%,#b8a9f7 51%,#ffe6ff 65%,#7886db 88%,#fff 100%);
 -webkit-background-clip:text;background-clip:text;color:transparent;
 filter:drop-shadow(0 2px 1px #150a38) drop-shadow(0 6px 8px #070a32);
 -webkit-text-stroke:.35px #fbddff66;
 text-shadow:none;position:relative;z-index:1;
}
#mgrSono .mgrv42-stage .mgrfusion-eyebrow{font-size:10px!important;letter-spacing:.17em!important;text-shadow:0 2px 6px #000b!important;}
#mgrSono .mgrv42-stage .mgrfusion-heading{
 font-size:clamp(33px,4.1vw,54px)!important;line-height:1.05!important;
 text-shadow:0 3px 0 #130b34,0 8px 22px #000c,0 0 19px #8f72e95a!important;
}
#mgrSono .mgrv42-stage .mgrfusion-subtitle{font-size:12px!important;letter-spacing:.12em!important;text-shadow:0 2px 9px #010611!important;}
#mgrSono .mgrv42-stage .mgrfusion-lamp{background:#0b1631dd!important;color:#f7e9ff!important;box-shadow:inset 0 1px #ffffff38,0 4px 12px #0008!important;}
/* Eliminate nested-card visual noise while preserving the actual room publisher. */
html body #mgrSono#mgrSono .mgrv42-stage #roomPublishModal .room-modal-box{
 background:linear-gradient(120deg,rgba(7,14,38,.92),rgba(22,25,61,.84))!important;
 border:1px solid #7991d77d!important;box-shadow:inset 0 1px #ffffff24,0 13px 32px #0008!important;
}
#mgrSono .mgrv42-stage .mgrv41-photo{
 border:1px solid #c7a2ff9e!important;box-shadow:0 12px 28px #0804198c,inset 0 0 35px #110e4266!important;
}
#mgrSono .mgrv42-stage .mgrv41-photo label{background:#0c1630cc!important;}
#mgrSono .mgrv42-stage #roomPublishModal input[type=text],
#mgrSono .mgrv42-stage #roomPublishModal input[type=url],
#mgrSono .mgrv42-stage #roomPublishModal textarea,
#mgrSono .mgrv42-stage #roomPublishModal select{
 border:1px solid #808db66e!important;background:rgba(3,11,31,.85)!important;
 box-shadow:inset 0 2px 9px #0008,0 1px 0 #c5a7ff1b!important;
}
#mgrSono .mgrv42-stage .mgrv41-quick-link{
 border:1px solid #94a3e78c!important;background:linear-gradient(105deg,#071533e8,#1b2452db)!important;
 box-shadow:inset 0 1px #ffffff31,0 6px 14px #0005!important;
}
/* Actual radio buttons — never introduce fake Radio / Playlist controls. */
html body #mgrSono#mgrSono .mgrv42-stage .mgrv41-mixer{
 position:relative;overflow:hidden;
 border:1px solid #978de0be!important;border-radius:17px!important;
 background-image:
   linear-gradient(110deg,rgba(7,13,38,.86),rgba(7,14,40,.71) 64%,rgba(11,12,30,.76)),
   url('/assets/mgr-v42-console.png')!important;
 background-size:cover!important;background-position:center 48%!important;
 box-shadow:inset 0 2px #ffffff41,inset 0 -3px 9px #0007,0 15px 33px #030414ab,0 0 29px #7556db24!important;
}
#mgrSono .mgrv42-stage .mgrv41-mixer::after{
 content:"";position:absolute;top:0;left:10%;right:10%;height:1px;pointer-events:none;
 background:linear-gradient(90deg,transparent,#9ecbff7a,#e59cfa9d,transparent);
}
#mgrSono .mgrv42-stage .mgroom-v4b3-switch{gap:clamp(7px,1.2vw,16px)!important;}
#mgrSono .mgrv42-stage .mgroom-v4b3-switch button{
 min-height:78px!important;max-width:100%;border-radius:14px!important;
 font-size:clamp(12px,1.5vw,16px)!important;font-weight:900!important;letter-spacing:.06em!important;
 background:linear-gradient(180deg,rgba(55,66,109,.94) 0,rgba(22,30,68,.97) 50%,rgba(10,17,46,.99) 100%)!important;
 border:1px solid #9c91c8b0!important;
 box-shadow:inset 0 2px #ffffff2e,inset 0 -5px 6px #04081a94,0 8px 16px #0009,0 0 8px #6443af21!important;
 transition:transform .15s,box-shadow .15s,border-color .15s!important;
}
#mgrSono .mgrv42-stage .mgroom-v4b3-switch button:enabled:hover{
 transform:translateY(-2px);border-color:#dbb1ff!important;
 box-shadow:inset 0 2px #ffffff40,inset 0 -5px 6px #04081a94,0 11px 20px #0009,0 0 18px #bd82ff77!important;
}
#mgrSono .mgrv42-stage .mgroom-v4b3-switch button:enabled:active{transform:translateY(2px);}
#mgrSono .mgrv42-stage .mgroom-v4b3-switch button[aria-pressed=true]{
 background:linear-gradient(180deg,#a073e3 0,#6645b2 45%,#3d2b81 100%)!important;
 border-color:#e7b8ff!important;
 box-shadow:inset 0 2px #ffffff66,inset 0 -5px #1d1746a1,0 8px 21px #080319dd,0 0 24px #d67dfd89!important;
}
#mgrSono .mgrv42-stage .mgroom-v4b3-switch button:disabled{
 opacity:.66!important;filter:saturate(.5);cursor:not-allowed!important;
}
/* LED is an indicator of the REQUESTED selection, not of confirmed sound. */
#mgrSono .mgrv42-stage .mgroom-v4b3-switch button:before{width:9px;height:9px;box-shadow:inset 0 1px #ffffff6a,0 0 9px #9892ff72;}
#mgrSono .mgrv42-stage .mgroom-v4b3-switch button[aria-pressed=true]:before{background:#ffc26e;box-shadow:0 0 13px #ffc26fa8;}
#mgrSono .mgrv42-stage .mgrv4-status-copy{color:#f2def4!important;}
/* Background 3 is visible as atmospheric detail in the playlist, not over readable rows. */
html body #mgrSono#mgrSono .mgrv42-stage .mgrv41-tracks{
 border:1px solid #8389c59e!important;border-radius:16px!important;
 background-image:linear-gradient(104deg,rgba(6,12,37,.96) 0%,rgba(8,15,41,.92) 49%,rgba(12,18,50,.76) 100%),url('/assets/mgr-v42-lounge.webp')!important;
 background-position:center,right center!important;background-size:cover!important;
 box-shadow:inset 0 2px #ffffff22,0 13px 25px #0008!important;
}
#mgrSono .mgrv42-stage .mgrv41-tracks>h3{
 font-size:22px!important;font-weight:900!important;
 text-shadow:0 2px 9px #000d,0 0 12px #c38dff55;
}
#mgrSono .mgrv42-stage .mgrv41-tracks [data-mgr-playlist-order="v3"] li{
 background:linear-gradient(90deg,rgba(12,25,58,.96),rgba(21,28,68,.93))!important;
 border:1px solid #6985b65d!important;box-shadow:inset 0 1px #ffffff18!important;
}
#mgrSono .mgrv42-stage .mgrv41-tracks [data-mgr-playlist-order="v3"] button{
 border-radius:7px!important;box-shadow:inset 0 1px #ffffff2b,0 2px 7px #0005!important;
}
#mgrSono .mgrv42-stage .mgrv41-options, #mgrSono .mgrv42-stage .mgrv41-library-wrap{
 background:#0a1636c5!important;border:1px solid #616fb389!important;
}
/* Never reintroduce technical notices into a visitor-facing panel. */
html body #mgrSono#mgrSono .mgrv42-stage .mgrfusion-safety{display:none!important;}
html body #mgrSono#mgrSono .mgrv42-stage .mgrv41-library-wrap>.mgrv4-library{max-height:none!important;overflow:visible!important;}
@media(max-width:700px){
 html body #mgrSono#mgrSono .mgrv42-stage .mgrv41-hero{min-height:190px!important;padding:18px!important;background-position:60% 55%!important;}
 #mgrSono .mgrv42-stage .mgrfusion-heading{font-size:clamp(30px,7vw,41px)!important;}
 #mgrSono .mgrv42-stage .mgroom-v4b3-switch button{min-height:62px!important;font-size:12px!important;}
 html body #mgrSono#mgrSono .mgrv42-stage .mgrv41-mixer{background-position:64% center!important;}
}
@media(prefers-reduced-motion:reduce){#mgrSono .mgrv42-stage .mgroom-v4b3-switch button{transition:none!important;}}