/* MyWeatha V33 — original MET Norway Europe video, without phone-ratio cropping.
   The 1280×720 video is shown fully and centered, not zoomed to cover a tall map. */
#radar #wa-cloud-motion:not([hidden]){
 position:relative!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:center!important;
 width:100%!important;
 min-height:var(--wa-radar-portrait-height,540px)!important;
 overflow:hidden!important;
 isolation:isolate!important;
 background:#081729!important;
 border-radius:22px!important;
}
#radar #wa-cloud-motion:not([hidden])::before{
 content:"";
 position:absolute;
 inset:-23px;
 z-index:0;
 background:linear-gradient(180deg,rgba(5,14,32,.50),rgba(6,20,43,.67)),
 url("https://api.met.no/weatherapi/geosatellite/1.4/europe.png") center / cover no-repeat;
 filter:blur(15px) saturate(1.1);
 pointer-events:none;
}
#radar #wa-cloud-motion:not([hidden]) #wa-cloud-motion-video{
 display:block!important;
 position:relative!important;
 z-index:1!important;
 inset:auto!important;
 width:100%!important;
 height:100%!important;
 max-width:100%!important;
 max-height:100%!important;
 min-width:0!important;
 min-height:0!important;
 aspect-ratio:auto!important;
 object-fit:contain!important;
 object-position:50% 50%!important;
 flex:1 1 auto!important;
 margin:auto!important;
 background:transparent!important;
 transform:none!important;
 pointer-events:none!important;
}
#radar #wa-cloud-motion .wa-motion-label{
 position:absolute!important;
 bottom:13px!important;
 left:12px!important;
 right:12px!important;
 width:auto!important;
 padding:9px 12px!important;
 border-radius:14px!important;
 background:rgba(7,24,49,.80)!important;
 backdrop-filter:blur(16px)!important;
 -webkit-backdrop-filter:blur(16px)!important;
 border:1px solid rgba(183,230,255,.20)!important;
 z-index:2!important;
}
@media(max-width:520px){
 #radar #wa-cloud-motion:not([hidden]){
  height:var(--wa-radar-portrait-height,calc(100dvh - 146px))!important;
  min-height:540px!important;
 }
 #radar #wa-cloud-motion:not([hidden]) #wa-cloud-motion-video{
  width:100%!important;height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
 }
}
/* Make the middle destination a persistent accent in all browser widths and themes.
   Desktop preview still contains a narrow phone, so this cannot be media-only. */
nav.dock{
 isolation:isolate!important;
 overflow:visible!important;
}
nav.dock > .tab[data-go="studio"],
body[data-theme] nav.dock > .tab[data-go="studio"]{
 position:relative!important;
 z-index:3!important;
 transform:translateY(-9px)!important;
 display:flex!important;
 flex-direction:column!important;
 justify-content:center!important;
 align-items:center!important;
 min-height:70px!important;
 padding:8px 2px!important;
 color:#ffffff!important;
 font-size:10px!important;
 font-weight:850!important;
 text-shadow:0 1px 3px rgba(2,22,58,.8)!important;
 border-radius:20px!important;
 border:1.5px solid rgba(195,240,255,.88)!important;
 background:linear-gradient(142deg,#009de3 0%,#276de5 47%,#8450d4 100%)!important;
 box-shadow:0 9px 24px rgba(10,61,156,.58),0 0 0 3px rgba(80,183,255,.23),inset 0 1px 0 rgba(255,255,255,.73)!important;
 filter:none!important;
 opacity:1!important;
 visibility:visible!important;
 -webkit-text-fill-color:#fff!important;
}
nav.dock > .tab[data-go="studio"] svg,
body[data-theme] nav.dock > .tab[data-go="studio"] svg{
 width:26px!important;height:26px!important;
 color:#fff!important;
 stroke:#fff!important;
 filter:drop-shadow(0 2px 4px rgba(1,23,65,.50))!important;
}
nav.dock > .tab[data-go="studio"].active,
body[data-theme] nav.dock > .tab[data-go="studio"].active{
 background:linear-gradient(142deg,#06b7ef 0%,#3077ff 50%,#935def 100%)!important;
 box-shadow:0 10px 29px rgba(13,91,195,.63),0 0 0 3px rgba(117,212,255,.39),inset 0 1px 0 #ffffffbb!important;
}
@media(max-width:355px){
 nav.dock > .tab[data-go="studio"],
 body[data-theme] nav.dock > .tab[data-go="studio"]{
  min-height:66px!important;font-size:9px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 nav.dock > .tab[data-go="studio"]{transition:none!important}
}