/* SAKAKER ocean-glass live media refresh */
html body #livePopup #liveVideosContainer{
  width:min(1180px,96vw)!important;max-width:96vw!important;max-height:88dvh!important;
  padding:clamp(12px,2vw,22px)!important;border-radius:26px!important;
  background:linear-gradient(145deg,rgba(3,31,35,.88),rgba(2,16,23,.94) 60%,rgba(4,26,32,.90))!important;
  border:1px solid rgba(126,244,211,.24)!important;
  box-shadow:0 24px 90px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.07),0 0 36px rgba(18,208,166,.10)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  scrollbar-color:rgba(91,218,183,.55) rgba(1,12,17,.5)!important
}
html body #sakGlobalLiveHeader,html body #sakRadioHeader{
  padding:clamp(12px,2vw,20px)!important;margin:0 0 14px!important;
  border:1px solid rgba(124,236,205,.20)!important;border-radius:20px!important;
  background:linear-gradient(135deg,rgba(12,67,67,.78),rgba(8,31,41,.88) 58%,rgba(21,48,48,.74))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 35px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(12px)!important
}
html body #sakGlobalLiveTitle,html body #sakRadioTitle{
  font-size:clamp(17px,2.4vw,22px)!important;line-height:1.45!important;color:#eafff8!important;
  text-shadow:0 0 18px rgba(75,246,196,.24)!important;margin:0 0 12px!important
}
html body #sakGlobalLiveSearchRow,html body #sakRadioSearchRow{gap:10px!important}
html body #sakGlobalLiveSearch,html body #sakRadioSearch,html body #sakGlobalCountry,html body #sakGlobalLanguage,html body #sakRadioCountry,html body #sakRadioLanguage{
  min-height:46px!important;height:auto!important;padding:9px 13px!important;border:1px solid rgba(173,239,221,.23)!important;
  border-radius:13px!important;background:rgba(2,19,26,.78)!important;color:#f4fffb!important;font-size:14px!important
}
html body #sakGlobalLiveSearch::placeholder,html body #sakRadioSearch::placeholder{color:rgba(221,250,240,.65)!important}
html body #sakGlobalLiveSearchBtn,html body #sakRadioSearchBtn,html body #sakRadioRefresh,html body #sakGlobalResetBtn{
  min-height:44px!important;height:auto!important;padding:8px 16px!important;border:1px solid rgba(116,239,202,.45)!important;
  border-radius:13px!important;background:linear-gradient(135deg,#087963,#0b4e52 68%,#a78133)!important;
  color:#fff!important;font-size:13px!important;font-weight:800!important;box-shadow:0 6px 18px rgba(0,0,0,.24)!important
}
html body #sakGlobalLiveFilters,html body #sakRadioStatusFilters{gap:8px!important;margin-top:12px!important}
html body .sak-global-filter,html body .sak-radio-filter{
  min-height:38px!important;padding:7px 13px!important;border:1px solid rgba(188,239,222,.22)!important;border-radius:999px!important;
  background:rgba(5,30,35,.72)!important;color:#eafff8!important;font-size:12px!important;font-weight:700!important
}
html body .sak-global-filter.active,html body .sak-radio-filter.active{
  border-color:#8ff3ce!important;background:linear-gradient(120deg,#087d67,#15565b)!important;color:#fff!important;
  box-shadow:0 0 18px rgba(57,218,171,.22)!important
}
html body #sakGlobalLiveMeta,html body #sakGlobalLiveNotice,html body #sakRadioMeta{
  margin-top:10px!important;color:rgba(224,250,240,.78)!important;font-size:12px!important;line-height:1.6!important
}
html body #sakGlobalLiveResults,html body #sakRadioResults{
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))!important;gap:12px!important
}
html body .sak-global-channel-card,html body .sak-radio-card{
  position:relative!important;height:auto!important;min-height:142px!important;max-height:none!important;padding:14px 12px!important;
  gap:8px!important;border:1px solid rgba(123,235,202,.20)!important;border-radius:19px!important;
  background:linear-gradient(150deg,rgba(11,52,56,.88),rgba(5,25,33,.95) 66%,rgba(18,42,43,.86))!important;
  color:#f4fffb!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 20px rgba(0,0,0,.20)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important
}
html body .sak-global-channel-card:hover,html body .sak-radio-card:hover{
  transform:translateY(-3px)!important;border-color:rgba(117,255,211,.62)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 14px 28px rgba(0,0,0,.28),0 0 20px rgba(24,190,148,.12)!important
}
html body .sak-global-channel-logo,html body .sak-global-channel-logo-fallback,html body .sak-radio-logo,html body .sak-radio-logo-fallback{
  width:46px!important;height:46px!important;border-radius:13px!important;object-fit:contain!important
}
html body .sak-global-channel-logo{background:rgba(255,255,255,.94)!important;padding:3px!important}
html body .sak-global-channel-name,html body .sak-radio-name{font-size:14px!important;line-height:1.4!important;color:#f2fff9!important}
html body .sak-global-channel-country,html body .sak-radio-country{font-size:11px!important;color:rgba(218,245,235,.72)!important}
html body .sak-global-channel-status,html body .sak-radio-state{font-size:10px!important;padding:4px 8px!important;border-radius:999px!important}
html body .sak-channel-favorite{width:36px!important;height:36px!important;border-radius:50%!important;background:rgba(3,29,34,.9)!important;color:#ffe28a!important}
html body #sakLiveMediaTabs{
  gap:10px!important;padding:8px!important;margin-bottom:14px!important;border:1px solid rgba(119,232,202,.22)!important;border-radius:18px!important;
  background:rgba(3,24,30,.88)!important;backdrop-filter:blur(14px)!important
}
html body .sak-live-media-tab{
  min-height:48px!important;border:1px solid rgba(144,236,211,.20)!important;border-radius:14px!important;
  background:rgba(17,55,58,.82)!important;color:#eafff8!important;font-size:14px!important;font-weight:800!important
}
html body .sak-live-media-tab.active{
  color:#fff!important;background:linear-gradient(120deg,#087963,#0b4e52 65%,#96712e)!important;
  border-color:rgba(166,255,220,.72)!important;box-shadow:0 0 20px rgba(38,220,169,.22)!important
}
html body #sakRadioPlayer{
  padding:13px!important;margin:0 0 14px!important;gap:12px!important;border:1px solid rgba(124,236,205,.25)!important;
  border-radius:18px!important;background:linear-gradient(120deg,rgba(7,70,65,.8),rgba(6,32,41,.92))!important
}
html body #sakRadioNowIcon{font-size:28px!important}
html body #sakRadioNowName{font-size:14px!important;color:#f1fff8!important}
html body #sakRadioNowSub{font-size:11px!important;color:rgba(222,248,239,.76)!important}
html body #sakRadioAudio{width:min(430px,100%)!important;height:42px!important}
html body #sakRadioOpenExternal{min-height:40px!important;padding:8px 12px!important;border-radius:11px!important;font-size:12px!important}
html body #sakGlobalMoreBtn,html body #sakRadioMore{
  min-height:46px!important;margin-top:14px!important;border:1px solid rgba(125,236,205,.28)!important;border-radius:14px!important;
  background:linear-gradient(120deg,rgba(9,91,76,.9),rgba(9,48,53,.95))!important;color:#fff!important;font-size:14px!important;font-weight:800!important
}
#sakRadioFeatured{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));gap:9px;margin-top:13px}
#sakRadioFeatured .sak-radio-featured-title{grid-column:1/-1;color:#dffcef;font-size:13px;font-weight:800;padding:4px 2px}
#sakRadioFeatured button,#sakRadioFeatured a{
  min-height:47px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border:1px solid rgba(139,239,211,.23);
  border-radius:13px;background:rgba(3,31,37,.74);color:#effff8;text-decoration:none;font:700 12px/1.4 Tahoma,Arial,sans-serif;cursor:pointer
}
#sakRadioFeatured button:hover,#sakRadioFeatured a:hover{border-color:#89f4ca;background:rgba(8,88,72,.72)}
#sakRadioFeatured .sak-radio-featured-note{grid-column:1/-1;color:rgba(221,245,236,.65);font-size:11px;line-height:1.6}
@media(max-width:600px){
 html body #livePopup #liveVideosContainer{width:calc(100vw - 14px)!important;max-width:calc(100vw - 14px)!important;max-height:90dvh!important;padding:10px!important;border-radius:20px!important}
 html body #sakGlobalLiveSearchRow,html body #sakRadioSearchRow{grid-template-columns:minmax(0,1fr) auto!important}
 html body #sakGlobalLiveResults,html body #sakRadioResults{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 html body .sak-global-channel-card,html body .sak-radio-card{min-height:132px!important;padding:10px 8px!important;border-radius:15px!important}
 html body .sak-global-channel-name,html body .sak-radio-name{font-size:12px!important}
 html body .sak-live-media-tab{min-height:44px!important;font-size:12px!important}
 html body #sakRadioPlayer{flex-wrap:wrap!important}
 html body #sakRadioAudio{width:100%!important}
}
@media(max-width:360px){
 html body #sakGlobalLiveResults,html body #sakRadioResults{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){html body .sak-global-channel-card,html body .sak-radio-card{transition:none!important}}

/* Luminous rose and flower palette */
html body #livePopup #liveVideosContainer{background:radial-gradient(circle at 8% 12%,rgba(255,84,177,.24),transparent 20%),radial-gradient(circle at 92% 14%,rgba(205,116,255,.22),transparent 21%),radial-gradient(circle at 78% 88%,rgba(255,126,169,.18),transparent 24%),linear-gradient(145deg,rgba(48,9,40,.95),rgba(28,9,42,.96) 58%,rgba(51,11,49,.95))!important;border-color:rgba(255,164,222,.55)!important;box-shadow:0 24px 90px #0009,inset 0 1px #ffffff19,0 0 42px #ff3dab3d!important}
html body #sakGlobalLiveHeader,html body #sakRadioHeader,html body #sakLiveMediaTabs,html body #sakRadioPlayer{background:radial-gradient(circle at 10% 15%,#ff71c433,transparent 28%),radial-gradient(circle at 92% 90%,#bc69ff30,transparent 30%),linear-gradient(135deg,#591349ed,#2b123aF0 60%,#4d164aed)!important;border-color:#ffade16e!important;box-shadow:inset 0 1px #ffffff1a,0 0 26px #ef4db22b!important}
html body #sakGlobalLiveTitle,html body #sakRadioTitle{color:#fff0fa!important;text-shadow:0 0 14px #ff70c4b8,0 0 28px #c76cff59!important}
html body #sakGlobalLiveSearch,html body #sakRadioSearch,html body #sakGlobalCountry,html body #sakGlobalLanguage,html body #sakRadioCountry,html body #sakRadioLanguage{background:#240d2aE8!important;border-color:#ffaadf61!important}
html body #sakGlobalLiveSearchBtn,html body #sakRadioSearchBtn,html body #sakRadioRefresh,html body #sakGlobalResetBtn,html body #sakGlobalMoreBtn,html body #sakRadioMore{background:linear-gradient(125deg,#db398f,#8c42b2 58%,#ef6f9b)!important;border-color:#ffc6e8ad!important;box-shadow:0 0 18px #ff4baf47!important}
html body .sak-global-filter,html body .sak-radio-filter{background:#3a1239d6!important;border-color:#ffade15c!important}
html body .sak-global-filter.active,html body .sak-radio-filter.active,html body .sak-live-media-tab.active{background:linear-gradient(120deg,#d92f91,#a03ec1 55%,#f274a0)!important;border-color:#ffd7ef!important;box-shadow:0 0 22px #ff50b55e!important}
html body .sak-global-channel-card,html body .sak-radio-card{background:radial-gradient(circle at 88% 12%,#ff66bf26,transparent 42%),linear-gradient(150deg,#4b174df2,#251030f5 68%,#441540f0)!important;border-color:#ffa8db5c!important;box-shadow:inset 0 1px #ffffff15,0 8px 20px #0005,0 0 20px #e23ea31f!important}
html body .sak-global-channel-card:hover,html body .sak-radio-card:hover{border-color:#ffb8e4!important;box-shadow:0 14px 28px #0006,0 0 25px #ff4ab545!important}
html body .sak-live-media-tab{background:linear-gradient(130deg,#4d1649ed,#2b1338f2)!important;border-color:#ffb6e05e!important}
#sakRadioFeatured button,#sakRadioFeatured a{background:linear-gradient(125deg,#5a194ded,#30143ef2)!important;border-color:#ffb1e16b!important;box-shadow:0 0 16px #ef45a921!important}
#sakRadioFeatured .sak-radio-featured-title{color:#ffe6f7!important;text-shadow:0 0 12px #ff5dbb8c!important}

/* Mobile flow: keep filters and channel cards inside one scrollable rose panel. */
@media(max-width:700px){
 html body #livePopup{
  position:fixed!important;inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;
  width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;
  margin:0!important;transform:none!important;box-sizing:border-box!important;
  align-items:center!important;justify-content:center!important;overflow:hidden!important;
  padding:max(8px,env(safe-area-inset-top)) 6px max(8px,env(safe-area-inset-bottom)) 6px!important
 }
 html body #livePopup #liveVideosContainer{
  position:relative!important;flex:0 1 auto!important;width:calc(100vw - 12px)!important;max-width:720px!important;
  height:auto!important;max-height:calc(100dvh - 24px)!important;min-height:0!important;
  margin:auto!important;overflow-x:hidden!important;overflow-y:auto!important;
  overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
  background:radial-gradient(circle at 8% 12%,rgba(255,84,177,.24),transparent 20%),radial-gradient(circle at 92% 14%,rgba(205,116,255,.22),transparent 21%),radial-gradient(circle at 78% 88%,rgba(255,126,169,.18),transparent 24%),linear-gradient(145deg,rgba(48,9,40,.98),rgba(28,9,42,.98) 58%,rgba(51,11,49,.98))!important;
  border:1px solid rgba(255,164,222,.65)!important;box-shadow:0 24px 90px #000c,inset 0 1px #ffffff19,0 0 42px #ff3dab3d!important
 }
 html body #livePopup #closePopup{
  position:fixed!important;top:max(8px,env(safe-area-inset-top))!important;right:max(8px,env(safe-area-inset-right))!important;
  left:auto!important;width:40px!important;height:40px!important;z-index:2147483647!important
 }
 html body #livePopup #sakGlobalLiveHeader,html body #livePopup #sakRadioHeader{
  position:relative!important;top:auto!important;z-index:auto!important
 }
 html body #livePopup #sakGlobalLiveResults,html body #livePopup #sakRadioResults{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important
 }
 html body #livePopup #sakGlobalLiveFilters,html body #livePopup #sakRadioFilterRow{
  display:flex!important;flex-wrap:wrap!important;gap:7px!important
 }
 html body #livePopup #sakGlobalLiveFilters button,html body #livePopup #sakRadioFilterRow button{
  min-height:42px!important;padding:8px 12px!important
 }
 html body #livePopup .sak-global-channel-card,html body #livePopup .sak-radio-card{
  min-width:0!important;min-height:116px!important;padding:9px 7px!important
 }
}
@media(max-width:380px){
 html body #livePopup #sakGlobalLiveResults,html body #livePopup #sakRadioResults{grid-template-columns:1fr!important}
 html body #livePopup #liveVideosContainer{width:calc(100vw - 8px)!important;max-height:calc(100dvh - 16px)!important}
}

/* Site-wide luminous glass window system: one family, a distinct accent per tool. */
html body :is(
 #loginOverlay,#folderModal,#quizModal,#puzzleModal,#livePopup,#facebookVideoPopup,#videoOverlay,#videoBoxFixed,
 #shipPopup_new,#sakakerBusinessPopup,#emPanel,#emNotesModal,#sakChatOverlay,#sakLearningModal,
 #sakSecureStreamModal,#sakCrystalDialog,#sakShipDialog,#sakPaymentPanel,#sakNewsDialog,#sakPongSharePanel,
 #emeraldModal,#emeraldLibraryContent,#sakMapOverlay,#sakDirectReader,#sakTextLibraryModal,
 #sakVideoLibraryPageOverlay,#sakCastleIndexModal
){--sak-window-rgb:255,104,193}
html body #loginOverlay{--sak-window-rgb:183,124,255}
html body #folderModal{--sak-window-rgb:86,190,255}
html body #quizModal{--sak-window-rgb:255,190,88}
html body #puzzleModal{--sak-window-rgb:255,92,156}
html body #livePopup{--sak-window-rgb:255,84,180}
html body #facebookVideoPopup{--sak-window-rgb:87,190,255}
html body :is(#videoOverlay,#videoBoxFixed,#sakSecureStreamModal){--sak-window-rgb:70,215,218}
html body :is(#shipPopup_new,#sakShipDialog){--sak-window-rgb:67,183,255}
html body #sakakerBusinessPopup{--sak-window-rgb:255,176,77}
html body :is(#emPanel,#emNotesModal){--sak-window-rgb:180,127,255}
html body #sakChatOverlay{--sak-window-rgb:77,154,255}
html body #sakLearningModal{--sak-window-rgb:189,116,255}
html body #sakCrystalDialog{--sak-window-rgb:70,225,197}
html body #sakPaymentPanel{--sak-window-rgb:70,213,139}
html body #sakNewsDialog{--sak-window-rgb:255,155,66}
html body #sakPongSharePanel{--sak-window-rgb:92,182,255}
html body :is(#emeraldModal,#emeraldLibraryContent){--sak-window-rgb:49,217,174}
html body #sakMapOverlay{--sak-window-rgb:94,174,255}
html body :is(#sakDirectReader,#sakTextLibraryModal){--sak-window-rgb:187,135,255}
html body #sakVideoLibraryPageOverlay{--sak-window-rgb:255,116,184}
html body #sakCastleIndexModal{--sak-window-rgb:255,94,192}

html body :is(.modal,#facebookVideoPopup,#livePopup,#videoOverlay,#shipPopup_new,#sakakerBusinessPopup,
 #sakChatOverlay,#sakLearningModal,#sakSecureStreamModal,#sakMapOverlay,#sakVideoLibraryPageOverlay){
 backdrop-filter:blur(11px) saturate(135%)!important;-webkit-backdrop-filter:blur(11px) saturate(135%)!important
}
html body :is(
 #loginBox,#folderModal .panel,#quizModal .panel,#puzzleModal .panel,#facebookVideoPopup .fbVideoBox,
 #livePopup #liveVideosContainer,#videoOverlay #videoBox,#videoBoxFixed,#shipPopup_new .ship-anniversary,
 #sakakerBusinessPopup .sbPopupBox,#emPanel,#emNotesModal .emNotesBox,#sakChatPanel,
 #sakLearningModal .sak-learning-panel,#sakSecureStreamModal .sak-secure-stream-box,#sakCrystalDialog,
 #sakShipDialog,#sakPaymentPanel,#sakNewsDialog,#sakPongSharePanel,#emeraldModal,
 #emeraldLibraryContent,#sakMapOverlay .box,#sakDirectReader,#sakTextLibraryModal,
 #sakVideoLibraryPageOverlay,#sakCastleIndexModal
){
 color:#fff7fd!important;
 border:1px solid rgba(var(--sak-window-rgb,255,104,193),.56)!important;
 background:
  radial-gradient(circle at 9% 9%,rgba(var(--sak-window-rgb,255,104,193),.24),transparent 34%),
  radial-gradient(circle at 92% 88%,rgba(182,104,255,.15),transparent 36%),
  linear-gradient(145deg,rgba(59,18,56,.97),rgba(28,15,43,.98) 62%,rgba(var(--sak-window-rgb,255,104,193),.20))!important;
 box-shadow:inset 0 1px rgba(255,255,255,.12),0 20px 60px rgba(0,0,0,.5),
  0 0 28px rgba(var(--sak-window-rgb,255,104,193),.17)!important;
 backdrop-filter:blur(16px) saturate(135%)!important;-webkit-backdrop-filter:blur(16px) saturate(135%)!important
}
html body :is(.modal .panel-head,#sakChatHeader,#sakGlobalLiveHeader,#sakRadioHeader,#sakLiveMediaTabs){
 border-color:rgba(var(--sak-window-rgb,255,104,193),.42)!important;
 background:linear-gradient(130deg,rgba(var(--sak-window-rgb,255,104,193),.19),rgba(42,18,52,.72))!important
}
html body :is(.modal .panel-title,#loginTitle,#sakGlobalLiveTitle,#sakRadioTitle,#sakChatTitle,#shipAnniversaryTitle,#sakLearningTitle,#sakCastleIndexTitle){
 color:#fff0fa!important;text-shadow:0 0 12px rgba(var(--sak-window-rgb,255,104,193),.78),0 0 25px rgba(var(--sak-window-rgb,255,104,193),.34)!important
}
html body :is(
 .modal .panel,.fbVideoBox,#liveVideosContainer,#videoBoxFixed,.ship-anniversary,.sbPopupBox,
 .emNotesBox,#sakChatPanel,.sak-learning-panel,.sak-secure-stream-box,#sakCrystalDialog,#sakShipDialog,
 #sakPaymentPanel,#sakNewsDialog,#sakPongSharePanel,#emeraldModal,#emeraldLibraryContent,
 #sakMapOverlay .box,#sakDirectReader,#sakTextLibraryModal,#sakVideoLibraryPageOverlay,#sakCastleIndexModal
) :is(button:not(.close):not([id*="Close"]):not([aria-label="إغلاق"]),.item-btn,.action-btn){
 border-color:rgba(var(--sak-window-rgb,255,104,193),.52)!important;
 box-shadow:0 0 13px rgba(var(--sak-window-rgb,255,104,193),.14)!important
}
html body :is(
 .modal .panel,.fbVideoBox,#liveVideosContainer,.ship-anniversary,.sbPopupBox,.emNotesBox,
 #sakChatPanel,.sak-learning-panel,.sak-secure-stream-box,#sakCrystalDialog,#sakShipDialog,
 #sakPaymentPanel,#sakNewsDialog,#sakPongSharePanel,#emeraldModal,#emeraldLibraryContent,
 #sakMapOverlay .box,#sakDirectReader,#sakTextLibraryModal,#sakVideoLibraryPageOverlay,#sakCastleIndexModal
) :is(input,select,textarea){
 color:#fff9fd!important;border-color:rgba(var(--sak-window-rgb,255,104,193),.4)!important;
 background:rgba(26,12,36,.74)!important
}
html body :is(.modal,#facebookVideoPopup,#livePopup,#videoOverlay,#shipPopup_new,#sakakerBusinessPopup,
 #sakChatOverlay,#sakLearningModal,#sakMapOverlay,#sakVideoLibraryPageOverlay)
 :is(button,input,select,textarea):focus-visible{
 outline:2px solid rgba(var(--sak-window-rgb,255,104,193),.88)!important;outline-offset:2px!important
}
@media(max-width:700px){
 html body :is(.modal .panel,#loginBox,#facebookVideoPopup .fbVideoBox,#livePopup #liveVideosContainer,
 #videoOverlay #videoBox,.ship-anniversary,.sbPopupBox,.emNotesBox,.sak-learning-panel,
 .sak-secure-stream-box,#sakMapOverlay .box,#sakDirectReader,#sakTextLibraryModal,
 #sakVideoLibraryPageOverlay,#sakCastleIndexModal){
  max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 20px)!important;
  box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important;
  overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important
 }
 html body #sakChatPanel{max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 20px)!important;box-sizing:border-box!important}
 html body #loginBox{width:min(420px,calc(100vw - 24px))!important}
 html body #sakLiveMediaTabs{gap:7px!important}
}

/* Include the site's generated news panel in the same window system. */
html body #sakakerSiteNewsModal{--sak-window-rgb:255,165,77}
html body #sakakerSiteNewsModal .sakaker-site-news-box{
 color:#fff8fc!important;border:1px solid rgba(var(--sak-window-rgb),.62)!important;
 background:radial-gradient(circle at 9% 9%,rgba(var(--sak-window-rgb),.26),transparent 34%),radial-gradient(circle at 92% 88%,rgba(182,104,255,.15),transparent 36%),linear-gradient(145deg,rgba(59,18,56,.97),rgba(28,15,43,.98) 62%,rgba(var(--sak-window-rgb),.2))!important;
 box-shadow:inset 0 1px rgba(255,255,255,.12),0 20px 60px rgba(0,0,0,.5),0 0 28px rgba(var(--sak-window-rgb),.2)!important
}
html body #sakakerSiteNewsModal .sakaker-site-news-title{color:#fff0fa!important;text-shadow:0 0 14px rgba(var(--sak-window-rgb),.72)!important}
@media(max-width:700px){
 html body #sakakerSiteNewsModal .sakaker-site-news-box{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
}


/* Window palette completion: luminous, opaque rose and violet surfaces. */
html body :is(
 #loginOverlay,#folderModal,#quizModal,#puzzleModal,#livePopup,#facebookVideoPopup,#videoOverlay,#videoBoxFixed,
 #shipPopup_new,#sakakerBusinessPopup,#emPanel,#emNotesModal,#sakChatOverlay,#sakLearningModal,
 #sakSecureStreamModal,#sakCrystalDialog,#sakShipDialog,#sakPaymentPanel,#sakNewsDialog,#sakPongSharePanel,
 #emeraldModal,#emeraldLibraryContent,#sakMapOverlay,#sakDirectReader,#sakTextLibraryModal,
 #sakVideoLibraryPageOverlay,#sakCastleIndexModal,#sakakerSiteNewsModal,#sakBooksAppLayer,
 #sakPongArena,#pongGame-menu,#sakChessModal,#chessModal,#chessOverlay,.sak-chess-modal
){--sak-window-rgb:255,111,194}
html body #loginOverlay{--sak-window-rgb:190,128,255}
html body #folderModal{--sak-window-rgb:231,103,184}
html body #quizModal{--sak-window-rgb:255,164,196}
html body #puzzleModal{--sak-window-rgb:255,93,160}
html body #livePopup{--sak-window-rgb:255,84,180}
html body #facebookVideoPopup{--sak-window-rgb:210,119,255}
html body :is(#videoOverlay,#videoBoxFixed,#sakSecureStreamModal){--sak-window-rgb:255,128,191}
html body :is(#shipPopup_new,#sakShipDialog){--sak-window-rgb:193,113,255}
html body #sakakerBusinessPopup{--sak-window-rgb:255,157,190}
html body :is(#emPanel,#emNotesModal){--sak-window-rgb:173,106,255}
html body #sakChatOverlay{--sak-window-rgb:231,107,193}
html body #sakLearningModal{--sak-window-rgb:198,116,255}
html body #sakCrystalDialog{--sak-window-rgb:255,111,197}
html body #sakPaymentPanel{--sak-window-rgb:232,100,183}
html body #sakNewsDialog{--sak-window-rgb:255,164,196}
html body #sakPongSharePanel{--sak-window-rgb:187,108,255}
html body :is(#emeraldModal,#emeraldLibraryContent){--sak-window-rgb:255,104,190}
html body #sakMapOverlay{--sak-window-rgb:189,128,255}
html body :is(#sakDirectReader,#sakTextLibraryModal){--sak-window-rgb:216,111,229}
html body #sakVideoLibraryPageOverlay{--sak-window-rgb:255,116,184}
html body #sakCastleIndexModal{--sak-window-rgb:255,94,192}
html body #sakakerSiteNewsModal{--sak-window-rgb:255,163,194}
html body #sakBooksAppLayer{--sak-window-rgb:196,117,255}
html body :is(#sakPongArena,#pongGame-menu){--sak-window-rgb:255,103,190}
html body :is(#sakChessModal,#chessModal,#chessOverlay,.sak-chess-modal){--sak-window-rgb:195,115,255}

/* Give every window a distinct rose, berry or violet glow while leaving the backdrop dim. */
html body :is(
 #loginBox,#folderModal .panel,#quizModal .panel,#puzzleModal .panel,#facebookVideoPopup .fbVideoBox,
 #livePopup #liveVideosContainer,#videoOverlay #videoBox,#videoBoxFixed,#shipPopup_new .ship-anniversary,
 #sakakerBusinessPopup .sbPopupBox,#emPanel,#emNotesModal .emNotesBox,#sakChatPanel,
 #sakLearningModal .sak-learning-panel,#sakSecureStreamModal .sak-secure-stream-box,#sakCrystalDialog,
 #sakShipDialog,#sakPaymentPanel,#sakNewsDialog,#sakPongSharePanel,#emeraldModal,
 #emeraldLibraryContent,#sakMapOverlay .box,#sakDirectReader,#sakTextLibraryModal,
 #sakVideoLibraryPageOverlay,#sakCastleIndexModal,#sakakerSiteNewsModal .sakaker-site-news-box,
 #sakBooksAppLayer,#sakPongArena,#pongGame-menu,#sakChessModal,#chessModal,#chessOverlay,.sak-chess-modal,
 .sak-music-box
){
 color:#fff7fd!important;
 border-color:rgba(var(--sak-window-rgb,255,111,194),.68)!important;
 background:
  radial-gradient(ellipse at 10% 8%,rgba(255,125,203,.30),transparent 38%),
  radial-gradient(ellipse at 92% 88%,rgba(178,107,255,.25),transparent 42%),
  linear-gradient(145deg,rgba(79,20,67,.98),rgba(43,19,63,.98) 58%,rgba(var(--sak-window-rgb,255,111,194),.34))!important;
 box-shadow:inset 0 1px rgba(255,255,255,.15),0 20px 60px rgba(0,0,0,.48),
  0 0 30px rgba(var(--sak-window-rgb,255,111,194),.24)!important
}
/* Apply the same panel finish to the video library, chess and both Pong entry/game windows. */
html body :is(#sakVideoLibraryPageOverlay,#sakBooksAppLayer,#sakPongArena,#pongGame-menu,#sakChessModal,#chessModal,#chessOverlay,.sak-chess-modal){
 border:1px solid rgba(var(--sak-window-rgb,255,111,194),.7)!important;
 background:
  radial-gradient(ellipse at 12% 8%,rgba(255,113,196,.3),transparent 38%),
  radial-gradient(ellipse at 88% 92%,rgba(177,111,255,.25),transparent 42%),
  linear-gradient(145deg,#511742f7,#2e1748f7 62%,#60204fF5)!important;
 box-shadow:inset 0 1px #ffffff24,0 20px 60px #0008,0 0 32px rgba(var(--sak-window-rgb,255,111,194),.24)!important
}
html body #pongGame-container{background:rgba(9,5,17,.84)!important}
html body #pongGame-menu{backdrop-filter:blur(16px) saturate(140%)!important}
html body #sakBooksAppFrame{background:#30163b!important;border:1px solid rgba(213,151,255,.75)!important}
/* Playback viewports and game arenas stay black so media and board contrast remain clear. */
html body :is(.fbVideoFrame,#mainVideo,#fixedVideo,#videoBox iframe,#videoOverlay iframe,#emeraldModal iframe,
 #sakVideoLibraryPageFrame,#sakImageVideoFrame,#sakPongCourt,#pongGame-canvas,.chess-board,.sak-chess-board){
 background:#000!important
}

/* Entertainment station dialog and chess launcher panels. */
html body #sakEntertainmentStation{border:1px solid rgba(255,158,220,.62)!important;background:rgba(12,6,20,.82)!important;color:#fff7fd!important;backdrop-filter:blur(12px) saturate(135%)!important}
html body #sakEntertainmentStation .sak-ent-panel{border:1px solid rgba(255,158,220,.68)!important;border-radius:24px!important;background:radial-gradient(ellipse at 10% 8%,rgba(255,112,194,.3),transparent 38%),radial-gradient(ellipse at 90% 92%,rgba(178,107,255,.24),transparent 42%),linear-gradient(145deg,#511742f7,#2e1748f7 62%,#60204ff5)!important;box-shadow:inset 0 1px #ffffff24,0 20px 60px #0008,0 0 32px #ff58c944!important}
html body #sakEntertainmentStation h2{color:#fff0fa!important;text-shadow:0 0 14px #ff70c4b8,0 0 24px #bd6cff78!important}
html body #sakEntertainmentStation .sak-ent-item{border:1px solid rgba(255,177,225,.58)!important;background:linear-gradient(140deg,#69204fef,#371d54f5 62%,#73234ff2)!important;color:#fff7fd!important;box-shadow:inset 0 1px #ffffff1b,0 0 18px #f54bb533!important}
html body #sakEntertainmentStation .sak-ent-item:hover,html body #sakEntertainmentStation .sak-ent-item:focus-visible{border-color:#ffd3ed!important;box-shadow:0 0 22px #ff60c45e!important;outline-color:#ffe1f4!important}
html body #sakEntertainmentStation #sakEntertainmentClose{border-color:#ffd1eb!important;background:linear-gradient(140deg,#98386f,#582968)!important;box-shadow:0 0 14px #ff61c344!important}
html body #sakPongSharePanel{--sak-window-rgb:205,112,255}