/* Berhetiyye owns the main brand frame only while its theme is active.
   Reuse Sükûn's existing gold seal and the original jewel-frame artwork. */
@layer sukun-r1149-berhet-hero {
 /* r1160: six actions in a single horizontal row, with a transparent rail.
    Berhetiyye retains its jewel surfaces; other themes keep transparent buttons. */
 html body:not(:is(.sukun-tefekkur-mode,.sukun-focus-mode,.r616-ui)) .wrap>nav.tabs:not([hidden]) {
  box-sizing:border-box!important;display:grid!important;
  grid-template-columns:repeat(6,minmax(44px,1fr))!important;grid-template-rows:auto!important;
  grid-auto-rows:auto!important;align-items:stretch!important;justify-items:stretch!important;
  gap:2px!important;width:100%!important;min-width:0!important;max-width:100%!important;
  height:auto!important;min-height:0!important;max-height:none!important;margin-inline:auto!important;padding:2px!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  border:0!important;border-image:none!important;background:transparent!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 }
 html body:not(:is(.sukun-tefekkur-mode,.sukun-focus-mode,.r616-ui)) .wrap>nav.tabs:not([hidden])>button {
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-width:44px!important;max-width:none!important;min-height:64px!important;height:auto!important;max-height:none!important;
  aspect-ratio:auto!important;margin:0!important;padding:5px 2px!important;gap:3px!important;
  border:0!important;border-image:none!important;background:transparent!important;background-image:none!important;
  box-shadow:none!important;filter:none!important;color:var(--ink,#f5e7cc)!important;-webkit-text-fill-color:currentColor!important;
  text-shadow:0 1px 3px #000,0 0 5px #000!important;
 }
 html body:not(:is(.sukun-tefekkur-mode,.sukun-focus-mode,.r616-ui)) .wrap>nav.tabs:not([hidden])>button>.tbL {
  display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;
  margin:0!important;padding:0!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;
  font:650 clamp(9px,2.5vw,11px)/1.15 system-ui,sans-serif!important;letter-spacing:0!important;
 }
 html body:not(:is(.sukun-tefekkur-mode,.sukun-focus-mode,.r616-ui)) .wrap>nav.tabs:not([hidden])>button>:is(.tbIc,.tbRub) {
  flex:none!important;width:18px!important;min-width:18px!important;max-width:18px!important;
  height:18px!important;min-height:18px!important;max-height:18px!important;margin:0!important;padding:0!important;
 }
 /* Mevlevi navigation needs an opaque face and a clear frame to remain
    readable over the detailed background. Keep the compact native layout. */
 html:not([data-r1074-theme="berhet"]) body:not(:is(.sukun-tefekkur-mode,.sukun-focus-mode,.r616-ui)) .wrap>nav.tabs:not([hidden])>button {
  border:1px solid color-mix(in srgb,var(--gold,#d8b574) 85%,white 15%)!important;
  border-image:none!important;border-radius:9px!important;
  background-color:rgb(var(--yuzeyK,8,28,34))!important;
  background-image:linear-gradient(155deg,rgba(255,255,255,.12),transparent 42%,rgba(0,0,0,.38))!important;
  box-shadow:inset 0 1px 0 #fff4,inset 0 0 0 1px #0007,0 2px 6px #0009!important;
 }
 html:not([data-r1074-theme="berhet"]) body:not(:is(.sukun-tefekkur-mode,.sukun-focus-mode,.r616-ui)) .wrap>nav.tabs:not([hidden])>button.act {
  border-color:var(--goldh,#f8d795)!important;
  background-image:linear-gradient(155deg,rgba(255,235,170,.26),transparent 50%,rgba(0,0,0,.3))!important;
  box-shadow:inset 0 0 0 1px #f7d89780,0 0 10px #e5c16a66!important;
 }
 @media(forced-colors:active) {
  html:not([data-r1074-theme="berhet"]) body:not(:is(.sukun-tefekkur-mode,.sukun-focus-mode,.r616-ui)) .wrap>nav.tabs:not([hidden])>button {border:1px solid ButtonText!important;background:ButtonFace!important;box-shadow:none!important}
  html:not([data-r1074-theme="berhet"]) body:not(:is(.sukun-tefekkur-mode,.sukun-focus-mode,.r616-ui)) .wrap>nav.tabs:not([hidden])>button.act {outline:2px solid Highlight!important;outline-offset:-3px!important}
 }
 html body .wrap>nav.tabs>button::before,
 html body .wrap>nav.tabs>button::after {content:none!important;display:none!important;animation:none!important}
 html body .wrap>nav.tabs>button.act {color:var(--goldh,#f8d795)!important;box-shadow:inset 0 -2px 0 var(--goldh,#f8d795)!important}
 html body .wrap>nav.tabs>button:focus-visible {outline:2px solid var(--goldh,#f8d795)!important;outline-offset:-3px!important}
 html[data-r1074-theme="berhet"] body:not(:is(.sukun-tefekkur-mode,.sukun-focus-mode,.r616-ui)) .wrap>nav.tabs:not([hidden])>button {
  --r1160-gem:url('../assets/berhetiyye-premium/r1133/gem-sapphire.webp');
  border:1px solid transparent!important;
  border-image:var(--r1160-gem) 210 540 fill / 8px 7px / 0 stretch!important;
  background:transparent!important;box-shadow:none!important;
  color:#fff4dc!important;-webkit-text-fill-color:currentColor!important;
 }
 html[data-r1074-theme="berhet"] body:not(:is(.sukun-tefekkur-mode,.sukun-focus-mode,.r616-ui)) .wrap>nav.tabs:not([hidden])>button[data-t="ntf"] {
  --r1160-gem:url('../assets/berhetiyye-premium/r1133/gem-black-diamond.webp');
 }
 html[data-r1074-theme="berhet"] body:not(:is(.sukun-tefekkur-mode,.sukun-focus-mode,.r616-ui)) .wrap>nav.tabs:not([hidden])>#tekkeTab {
  --r1160-gem:url('../assets/berhetiyye-premium/r1133/gem-amethyst.webp');
 }
 html[data-r1074-theme="berhet"] body:not(:is(.sukun-tefekkur-mode,.sukun-focus-mode,.r616-ui)) .wrap>nav.tabs:not([hidden])>button.act {
  --r1160-gem:url('../assets/berhetiyye-premium/r1133/gem-emerald.webp');
 }
 @media(forced-colors:active) {
  html body .wrap>nav.tabs>button {color:ButtonText!important;-webkit-text-fill-color:ButtonText!important;text-shadow:none!important}
  html[data-r1074-theme="berhet"] body .wrap>nav.tabs>button {border:1px solid ButtonText!important;border-image:none!important}
  html body .wrap>nav.tabs>button.act {box-shadow:inset 0 -2px 0 ButtonText!important}
  html body .wrap>nav.tabs>button:focus-visible {outline-color:Highlight!important}
 }
 /* Global stop must be immediately recognisable in every theme. The ruby
    face is visual only: the original button and its handler stay intact. */
 html body #dock > #stopAll.dockItem.danger {
  position:relative!important; isolation:isolate!important; overflow:hidden!important;
  box-sizing:border-box!important; min-width:0!important; min-height:44px!important;
  border:1px solid #e8b87c!important; border-image:none!important; border-radius:11px!important;
  background:radial-gradient(ellipse at 27% 14%,#ff929480 0%,transparent 32%),linear-gradient(145deg,#c52e4c 0%,#7b0e29 40%,#380a19 78%,#6e1025 100%)!important;
  color:#fff4ed!important;-webkit-text-fill-color:currentColor!important;
  box-shadow:inset 0 1px 2px #fff7,inset 0 -4px 9px #210008a8,0 2px 5px #0005!important;
 }
 html[data-r1074-theme="berhet"] body #dock > #stopAll.dockItem.danger {
  border:1px solid transparent!important;
  border-image:url('../assets/berhetiyye-premium/r1133/gem-ruby.webp') 210 540 fill / 29% min(28px,20%) / 0 stretch!important;
  background:transparent!important;box-shadow:none!important;border-radius:0!important;
 }
 html body #dock > #stopAll.dockItem.danger::before {
  content:''!important;display:block!important;position:absolute!important;inset:8% 16%!important;
  z-index:0!important;pointer-events:none!important;border:0!important;border-radius:50%!important;
  background:radial-gradient(ellipse,#ffaaa455 0%,transparent 70%)!important;
  opacity:.18;animation:sukun-stop-glow 4.8s ease-in-out infinite!important;
 }
 html body #dock > #stopAll.dockItem.danger :is(.di,.dl) {position:relative!important;z-index:1!important}
 html body #dock > #stopAll.dockItem.danger .di.dStop {
  display:block!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;
  border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;
  box-shadow:none!important;
  filter:none!important;
 }
 html body #dock > #stopAll.dockItem.danger .stopHammer {
  display:block!important;width:100%!important;height:100%!important;overflow:visible!important;
  transform-origin:50% 70%;animation:sukun-stop-hammer 4.5s ease-in-out infinite!important;
 }
 @keyframes sukun-stop-hammer {0%,78%,100%{transform:rotate(0)}84%{transform:rotate(-9deg)}90%{transform:rotate(3deg)}}
 html body #dock > #stopAll.dockItem.danger .dl {
  color:#fff9ee!important;-webkit-text-fill-color:#fff9ee!important;
  font-weight:750!important;letter-spacing:.035em!important;text-align:center!important;
  white-space:normal!important;overflow-wrap:normal!important;text-shadow:0 1px 3px #260008!important;
 }
 html body #dock > #stopAll.dockItem.danger:focus-visible {outline:2px solid #fff2c0!important;outline-offset:3px!important}
 @keyframes sukun-stop-glow {0%,100%{opacity:.18;transform:scale(.94)}50%{opacity:.65;transform:scale(1.06)}}
 @media(prefers-reduced-motion:reduce) {html body #dock > #stopAll.dockItem.danger::before {animation:none!important;opacity:.4!important}html body #dock > #stopAll.dockItem.danger .stopHammer {animation:none!important}}
 html body[data-perf="pil"] #dock > #stopAll.dockItem.danger::before {animation:none!important;opacity:.3!important}
 html body[data-perf="pil"] #dock > #stopAll.dockItem.danger .stopHammer {animation:none!important}
 @media(forced-colors:active) {
  html body #dock > #stopAll.dockItem.danger {border:2px solid ButtonText!important;border-image:none!important;background:ButtonFace!important;color:ButtonText!important;box-shadow:none!important}
  html body #dock > #stopAll.dockItem.danger::before {display:none!important}
  html body #dock > #stopAll.dockItem.danger .dl {-webkit-text-fill-color:ButtonText!important;color:ButtonText!important;text-shadow:none!important}
  html body #dock > #stopAll.dockItem.danger .di.dStop {background:ButtonText!important;box-shadow:none!important}
 }
 html[data-r1074-theme="berhet"] body .wrap > header {
  box-sizing:border-box!important;
  position:relative!important;
  width:100%!important; min-width:0!important; max-width:100%!important;
  height:auto!important; min-height:0!important;
  margin:8px 0 14px!important;
  padding:30px 38px 28px!important;
  border:1px solid transparent!important;
  border-image:url('../assets/berhetiyye-premium/panel-emerald-r932.webp') 250 / 28px / 0 stretch!important;
  border-radius:0!important;
  background:radial-gradient(ellipse at 50% 15%,#123c32 0%,#061c20 56%,#05121c 100%)!important;
  box-shadow:0 12px 28px #0007!important;
  text-align:center!important;
  overflow:hidden!important;
 }
 html[data-r1074-theme="berhet"] body .wrap > header::before,
 html[data-r1074-theme="berhet"] body .wrap > header::after {
  content:none!important; display:none!important;
 }
 html[data-r1074-theme="berhet"] body .wrap > header > .logo {
  display:block!important; position:relative!important;
  width:90px!important; min-width:90px!important; max-width:90px!important;
  height:74px!important; min-height:74px!important; max-height:74px!important;
  margin:0 auto 5px!important; padding:0!important;
  font-size:0!important; line-height:0!important; text-shadow:none!important;
  background: url('../assets/branding/sukun-frameless-logo-r1029.png') center -10px / 116px 116px no-repeat,
              url('../assets/berhetiyye-premium/gem-emerald-r932.webp') center / 90px 74px no-repeat!important;
  overflow:hidden!important;
  animation:none!important; filter:drop-shadow(0 2px 5px #0009)!important;
 }
 html[data-r1074-theme="berhet"] body .wrap > header > .logo :is(.girih,.spark) {display:none!important}
 html[data-r1074-theme="berhet"] body .wrap > header > h1.shimmer-text {
  display:block!important; min-width:0!important; max-width:100%!important;
  min-height:0!important; margin:0!important; padding:0!important;
  font:600 clamp(23px,6vw,30px)/1.2 Georgia,serif!important;
  letter-spacing:.20em!important; text-indent:.20em!important;
  white-space:normal!important; overflow-wrap:break-word!important;
  color:#fff0c6!important; -webkit-text-fill-color:currentColor!important;
  background:none!important; text-shadow:0 2px 4px #000!important; animation:none!important;
 }
 html[data-r1074-theme="berhet"] body .wrap > header > .sub {
  display:block!important; max-width:100%!important; min-width:0!important;
  margin:5px auto 0!important; padding:0!important;
  font:600 10px/1.4 system-ui,sans-serif!important;
  letter-spacing:.14em!important; text-indent:.14em!important;
  color:#dcece2!important; text-shadow:0 1px 2px #000!important;
  white-space:normal!important; overflow-wrap:break-word!important;
 }
 @media (max-width:360px) {
  html[data-r1074-theme="berhet"] body .wrap > header {padding-inline:32px!important}
  html[data-r1074-theme="berhet"] body .wrap > header > .sub {letter-spacing:.10em!important;text-indent:.10em!important}
 }
}

/* The four practice controls share one compact gold setting; each keeps its
   own jewel colour. Native buttons and the native select remain interactive. */
@layer sukun-r1150-practice-jewels {
 html body #r920Practice .r920Modes {
  box-sizing:border-box!important; width:min(100%,320px)!important; max-width:320px!important;
  margin-inline:auto!important; padding:0!important; gap:8px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  background:transparent!important; border:0!important;
 }
 html body #r920Practice .r920Modes:has(#r920ModeBerhet[hidden]) {grid-template-columns:1fr!important}
 html body #r920Practice .r920Path {
  box-sizing:border-box!important; display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important; align-items:stretch!important;
  width:min(100%,320px)!important; max-width:320px!important;
  margin:8px auto 16px!important; gap:8px!important;
 }
 html body #r920Practice .r920Path #r920JourneyLabel {
  position:relative!important; box-sizing:border-box!important;
  width:100%!important; min-width:0!important; max-width:none!important; margin:0!important;
 }
 html body #r920Practice .r920Path #r920TefEnter {grid-column:1 / -1!important; justify-self:center!important; width:min(100%,160px)!important}
 html[data-r1074-theme="berhet"] body #r920Practice :is(#r920ModeEsma,#r920ModeBerhet,#r920AtlasOpen,#r920JourneyMode) {
  box-sizing:border-box!important; width:100%!important; min-width:0!important; max-width:none!important;
  height:50px!important; min-height:50px!important; max-height:none!important;
  padding:10px 24px!important; margin:0!important;
  border:1px solid transparent!important;
  border-image:var(--practice-gem) 210 540 fill / 29% min(28px,20%) / 0 stretch!important;
  border-radius:10px!important; background:none!important; box-shadow:none!important;
  color:#fff1d7!important; -webkit-text-fill-color:currentColor!important;
  font:650 clamp(11px,3.1vw,13px)/1.25 system-ui,sans-serif!important;
  letter-spacing:0!important; text-align:center!important; white-space:nowrap!important;
  text-shadow:0 1px 2px #000,0 0 3px #000!important;
 }
 /* In the Esmâ family both selectors use the same Mevlevî visual language.
    Their pressed state comes from the existing session presentation; the
    Berhetiyye jewel belongs only to the active Berhetiyye theme. */
 html:not([data-r1074-theme="berhet"]) body #r920Practice .r920Modes :is(#r920ModeEsma,#r920ModeBerhet) {
  box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;
  height:50px!important;min-height:50px!important;max-height:none!important;
  margin:0!important;padding:10px 12px!important;
  border:1px solid rgba(205,210,214,.38)!important;border-image:none!important;
  border-radius:10px!important;background:rgba(8,23,34,.84)!important;box-shadow:none!important;
  color:#ece8dc!important;-webkit-text-fill-color:currentColor!important;
  font:650 clamp(11px,3.1vw,13px)/1.25 system-ui,sans-serif!important;
  letter-spacing:0!important;text-align:center!important;white-space:nowrap!important;text-shadow:none!important;
 }
 html:not([data-r1074-theme="berhet"]) body #r920Practice .r920Modes :is(#r920ModeEsma,#r920ModeBerhet)[aria-pressed="true"] {
  border-color:rgba(231,222,190,.9)!important;
  background:linear-gradient(145deg,rgba(95,111,115,.92),rgba(24,48,57,.96))!important;
  color:#fff8e8!important;box-shadow:inset 0 0 14px rgba(225,226,210,.12),0 0 10px rgba(199,215,215,.2)!important;
 }
 html:not([data-r1074-theme="berhet"]) body #r920Practice .r920Modes :is(#r920ModeEsma,#r920ModeBerhet):focus-visible {
  outline:2px solid #fff2c4!important;outline-offset:3px!important;
 }
 @media(forced-colors:active) {
  html:not([data-r1074-theme="berhet"]) body #r920Practice .r920Modes :is(#r920ModeEsma,#r920ModeBerhet) {
   border-image:none!important;border:1px solid ButtonText!important;background:ButtonFace!important;
   color:ButtonText!important;-webkit-text-fill-color:ButtonText!important;text-shadow:none!important;
  }
  html:not([data-r1074-theme="berhet"]) body #r920Practice .r920Modes :is(#r920ModeEsma,#r920ModeBerhet)[aria-pressed="true"] {
   border:2px solid Highlight!important;box-shadow:none!important;
  }
 }
 html[data-r1074-theme="berhet"] body #r920Practice #r920ModeEsma {--practice-gem:url('../assets/berhetiyye-premium/r1133/gem-ruby.webp')!important}
 html[data-r1074-theme="berhet"] body #r920Practice #r920ModeBerhet {--practice-gem:url('../assets/berhetiyye-premium/r1133/gem-emerald.webp')!important}
 html[data-r1074-theme="berhet"] body #r920Practice #r920AtlasOpen {--practice-gem:url('../assets/berhetiyye-premium/r1133/gem-sapphire.webp')!important}
 html[data-r1074-theme="berhet"] body #r920Practice #r920JourneyMode {
  --practice-gem:url('../assets/berhetiyye-premium/r1133/gem-amethyst.webp')!important;
  appearance:none!important; -webkit-appearance:none!important;
  padding-inline:20px 25px!important; text-align-last:center!important;
 }
 html[data-r1074-theme="berhet"] body #r920Practice #r920JourneyLabel::after {
  content:'⌄'!important; display:block!important; position:absolute!important;
  right:18px!important; top:50%!important; transform:translateY(-50%)!important;
  color:#fff1d7!important; font:600 14px/1 system-ui,sans-serif!important; pointer-events:none!important;
 }
 /* A selected gem brightens in its own colour without adding a frame.
    Atlas is an action, so it only lights while pressed or its dialog is open;
    the journey control lights when its actual selected value is Seyir. */
 html[data-r1074-theme="berhet"] body #r920Practice :is(#r920ModeEsma,#r920ModeBerhet)[aria-pressed="true"],
 html[data-r1074-theme="berhet"] body:has(#r920Atlas[open]) #r920Practice #r920AtlasOpen,
 html[data-r1074-theme="berhet"] body #r920Practice #r920AtlasOpen:active,
 html[data-r1074-theme="berhet"] body #r920Practice #r920JourneyMode:has(option[value="journey"]:checked) {
  outline:none!important;
  filter:brightness(1.23) saturate(1.32)!important;
  animation:sukun-r1152-gem-light 3s ease-in-out infinite!important;
 }
 @keyframes sukun-r1152-gem-light {
  0%,100% {opacity:.88}
  50% {opacity:1}
 }
 @media (prefers-reduced-motion: reduce) {
  html[data-r1074-theme="berhet"] body #r920Practice :is(#r920ModeEsma,#r920ModeBerhet)[aria-pressed="true"],
  html[data-r1074-theme="berhet"] body:has(#r920Atlas[open]) #r920Practice #r920AtlasOpen,
  html[data-r1074-theme="berhet"] body #r920Practice #r920AtlasOpen:active,
  html[data-r1074-theme="berhet"] body #r920Practice #r920JourneyMode:has(option[value="journey"]:checked) {animation:none!important}
 }
 html[data-r1074-theme="berhet"] body #r920Practice :is(#r920ModeEsma,#r920ModeBerhet,#r920AtlasOpen,#r920JourneyMode):focus-visible {
  outline:2px solid #fff2c4!important; outline-offset:3px!important;
 }
 body.sukun-tefekkur-mode #r920Practice .r920Modes {display:none!important}
 body.sukun-tefekkur-mode #r920Practice:is([data-phase="PREPARING"],[data-phase="PLAYING"],[data-phase="RECOVERING"],[data-phase="COMPLETING"]) .r920Path {display:none!important}
 @media(forced-colors:active) {
  html[data-r1074-theme="berhet"] body #r920Practice :is(#r920ModeEsma,#r920ModeBerhet,#r920AtlasOpen,#r920JourneyMode) {
   border-image:none!important; border:1px solid ButtonText!important; background:ButtonFace!important;
   color:ButtonText!important; -webkit-text-fill-color:ButtonText!important; text-shadow:none!important;
   filter:none!important; animation:none!important;
  }
  html[data-r1074-theme="berhet"] body #r920Practice #r920JourneyLabel::after {color:ButtonText!important}
 }
}

/* Keep the wheel-gallery heading centered inside the carved frame at every
   viewport width. Equal insets protect both gem ends and the disclosure arrow.
   The native details/summary interaction and artwork remain unchanged. */
@layer sukun-r1149-berhet-hero {
 html body #r920Practice #r924WheelOptions,
 html body #r920Practice #r924WheelGalleryDetails {
  box-sizing:border-box!important; width:100%!important; min-width:0!important; max-width:100%!important;
 }
 html body #r920Practice #r924WheelGalleryDetails>summary {
  display:grid!important; place-items:center!important; position:relative!important; box-sizing:border-box!important;
  width:100%!important; min-width:0!important; max-width:100%!important;
  height:auto!important; min-height:48px!important; max-height:none!important;
  margin:0!important; padding:14px 44px!important;
  font:600 12px/1.4 system-ui,sans-serif!important; letter-spacing:0!important;
  white-space:normal!important; overflow-wrap:anywhere!important;
  text-align:center!important; list-style:none!important;
 }
 html[data-r1074-theme="berhet"] body #r920Practice #r924WheelGalleryDetails>summary {
  border-image-width:12px 38px!important;
 }
 html body #r920Practice #r924WheelGalleryDetails>summary::-webkit-details-marker {display:none!important}
 html body #r920Practice #r924WheelGalleryDetails>summary::before {content:none!important;display:none!important}
 html body #r920Practice #r924WheelGalleryDetails>summary::after {
  content:'▾'!important; display:block!important; position:absolute!important;
  right:19px!important; top:50%!important; transform:translateY(-50%)!important;
  color:currentColor!important; font:600 12px/1 system-ui,sans-serif!important; pointer-events:none!important;
 }
 html body #r920Practice #r924WheelGalleryDetails[open]>summary::after {transform:translateY(-50%) rotate(180deg)!important}
 @media (max-width: 480px) {
  html body #r920Practice #r924WheelGallery {
   box-sizing:border-box!important; width:100%!important; min-width:0!important; max-width:100%!important;
   grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:7px!important;
   padding:8px!important;
  }
  html body #r920Practice #r924WheelGallery>button {
   box-sizing:border-box!important; min-width:0!important; max-width:100%!important;
   height:auto!important; max-height:none!important; padding:10px!important;
  }
  html body #r920Practice #r924WheelGallery>button span {
   min-width:0!important; max-width:100%!important; white-space:normal!important; overflow-wrap:anywhere!important;
  }
  html body #r920Practice #r924WheelGallery>button img {max-width:100%!important; height:auto!important}
 }
}
/* Berhetiyye: preserve the original transparent Sükûn emblem, with an
   understated emerald-gold mount. The wordmark remains the real heading. */
@layer sukun-r1149-berhet-hero {
 html[data-r1074-theme="berhet"] body .wrap > header > .logo {
  box-sizing:border-box!important;
  width:132px!important;min-width:132px!important;max-width:132px!important;
  height:106px!important;min-height:106px!important;max-height:106px!important;
  margin:0 auto 7px!important;
  border:1px solid rgba(223,184,104,.66)!important;
  border-radius:50%!important;
  background:
   url('../assets/branding/sukun-frameless-logo-r1029.png') center -15px / 165px 165px no-repeat,
   radial-gradient(ellipse at 50% 34%,rgba(51,140,98,.4),rgba(3,44,34,.65) 55%,rgba(1,19,20,.35) 76%,transparent 100%)!important;
  box-shadow:inset 0 0 0 3px rgba(9,32,25,.75),inset 0 0 0 4px rgba(211,167,85,.28),0 4px 14px rgba(0,0,0,.4),0 0 16px rgba(182,143,66,.1)!important;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))!important;
  opacity:1!important;
 }
 html[data-r1074-theme="berhet"] body .wrap > header > h1.shimmer-text {
  color:#fbe9b6!important;
  text-shadow:0 1px 0 #674913,0 2px 5px rgba(0,0,0,.9),0 0 12px rgba(218,180,103,.18)!important;
 }
}

/* r1158 — normal-flow discovery destinations above the backup panel. */
@layer sukun-r1149-berhet-hero {
 html body .wrap>footer>#sukunDiscovery {
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;
  margin:14px auto 13px!important;padding:14px 12px 12px!important;
  border:1px solid #b8965d88!important;border-radius:15px!important;
  background:linear-gradient(155deg,#0e2633f0,#071923f0)!important;
  box-shadow:inset 0 0 0 1px #f6dc9c18,0 4px 14px #0005!important;
  text-align:center!important;overflow:visible!important;
 }
 html body .wrap>footer>#sukunDiscovery h2 {
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  margin:0 0 10px!important;padding:0!important;min-height:0!important;
  color:#efd599!important;-webkit-text-fill-color:currentColor!important;
  font:650 12px/1.35 system-ui,sans-serif!important;letter-spacing:.1em!important;text-align:center!important;
  text-shadow:0 1px 3px #000!important;white-space:normal!important;
 }
 html body .wrap>footer>#sukunDiscovery .discoveryGrid {
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;
 }
 html body .wrap>footer>#sukunDiscovery .discoveryGrid>button {
  box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  width:100%!important;min-width:0!important;max-width:100%!important;min-height:50px!important;height:auto!important;
  margin:0!important;padding:10px 7px!important;border:1px solid #c0a267!important;border-image:none!important;border-radius:10px!important;
  background:linear-gradient(145deg,#254959,#0b2530 60%,#071924)!important;
  box-shadow:inset 0 1px #ffffff38,0 3px 8px #0006!important;
  color:#fff1d5!important;-webkit-text-fill-color:currentColor!important;
  font:650 12px/1.25 system-ui,sans-serif!important;text-align:center!important;
  white-space:normal!important;overflow-wrap:break-word!important;cursor:pointer!important;
 }
 html body .wrap>footer>#sukunDiscovery .discoveryGrid>button[data-discovery="berhet"] {
  border-color:#d1a65f!important;
  background:radial-gradient(ellipse at 26% 18%,#67cd9966,transparent 42%),linear-gradient(145deg,#1d714f,#0a3e2e 62%,#06241e)!important;
 }
 html body .wrap>footer>#sukunDiscovery .discoveryGrid>button .discoveryIcon {
  flex:none!important;display:inline-block!important;font:600 19px/1 system-ui,sans-serif!important;
  color:#e9c97e!important;-webkit-text-fill-color:currentColor!important;
 }
 html[data-r1074-theme="berhet"] body .wrap>footer>#sukunDiscovery .discoveryGrid>button {
  border:1px solid transparent!important;border-image:url('../assets/berhetiyye-premium/r1133/gem-sapphire.webp') 210 540 fill / 29% min(25px,18%) / 0 stretch!important;
  padding-inline:22px!important;box-shadow:none!important;
 }
 html[data-r1074-theme="berhet"] body .wrap>footer>#sukunDiscovery .discoveryGrid>button[data-discovery="berhet"] {
  border-image-source:url('../assets/berhetiyye-premium/r1133/gem-emerald.webp')!important;
 }
 html body .wrap>footer>#sukunDiscovery .discoveryGrid>button:focus-visible {outline:2px solid #fff1bb!important;outline-offset:3px!important}
 html body .wrap>footer>#sukunDiscovery #sukunDiscoveryStatus {margin:6px 0 0!important;color:#ffe2b2!important;font:500 12px/1.4 system-ui,sans-serif!important}
 html body .wrap>footer>#sukunDiscovery #sukunDiscoveryStatus:empty {display:none!important}
 /* Keep the shared footer reachable in Sade/Odak layouts, outside active focus. */
 html body.r616-ui:not(.sukun-focus-mode):not(.sukun-tefekkur-mode) .wrap>footer {display:block!important}
 @media(max-width:600px) {html body .wrap>footer>#sukunDiscovery .discoveryGrid {grid-template-columns:repeat(2,minmax(0,1fr))!important}}
 @media(forced-colors:active) {
  html body .wrap>footer>#sukunDiscovery {background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important}
  html body .wrap>footer>#sukunDiscovery h2 {color:CanvasText!important;-webkit-text-fill-color:CanvasText!important;text-shadow:none!important}
  html body .wrap>footer>#sukunDiscovery .discoveryGrid>button {background:ButtonFace!important;color:ButtonText!important;-webkit-text-fill-color:ButtonText!important;border:1px solid ButtonText!important;border-image:none!important;box-shadow:none!important}
 }
}

/* Compact transparent discovery links, while the panel remains legible over scenes. */
@layer sukun-r1149-berhet-hero {
 html body .wrap>footer>#sukunDiscovery .discoveryGrid>button,
 html[data-r1074-theme="berhet"] body .wrap>footer>#sukunDiscovery .discoveryGrid>button {
  min-height:44px!important;height:auto!important;padding:6px 5px!important;gap:5px!important;
  border:0!important;border-image:none!important;background:transparent!important;background-image:none!important;
  box-shadow:none!important;filter:none!important;
  color:#fff2d9!important;-webkit-text-fill-color:currentColor!important;
  text-shadow:0 1px 3px #000,0 0 5px #000!important;
 }
 html body .wrap>footer>#sukunDiscovery .discoveryGrid>button[data-discovery="berhet"],
 html[data-r1074-theme="berhet"] body .wrap>footer>#sukunDiscovery .discoveryGrid>button[data-discovery="berhet"] {
  border:0!important;border-image:none!important;background:transparent!important;background-image:none!important;
  color:#b9f6d4!important;-webkit-text-fill-color:currentColor!important;
 }
 html body .wrap>footer>#sukunDiscovery .discoveryGrid>button[data-discovery="berhet"] .discoveryIcon {
  color:#9ae8bd!important;-webkit-text-fill-color:currentColor!important;
 }
 html body .wrap>footer>#sukunDiscovery .discoveryGrid>button .discoveryIcon {font-size:17px!important}
 html body .wrap>footer>#sukunDiscovery .discoveryGrid>button:focus-visible {
  outline:2px solid #fff1bb!important;outline-offset:2px!important;
 }
 @media(forced-colors:active) {
  html body .wrap>footer>#sukunDiscovery .discoveryGrid>button,
  html[data-r1074-theme="berhet"] body .wrap>footer>#sukunDiscovery .discoveryGrid>button {
   color:ButtonText!important;-webkit-text-fill-color:ButtonText!important;text-shadow:none!important;
  }
 }
}

/* Compact the main control panel without changing its controls or jewel art. */
@layer sukun-r1149-berhet-hero {
 html body .wrap>.masterBar {
  box-sizing:border-box!important; padding:10px 12px 12px!important;
 }
 html body .wrap>.masterBar>.sukunControlHeading {
  margin:0 0 5px!important; padding:2px 4px!important;
 }
 html body .wrap>.masterBar>#r1029MasterVolumeLabel {
  margin:0 0 3px!important; padding:2px 7px!important;
 }
 html body .wrap>.masterBar>.mbRow {
  min-height:36px!important; gap:6px!important; margin:0!important;
 }
 html body .wrap>.masterBar>#dock {
  gap:5px!important; margin-top:6px!important;
 }
 html body .wrap>.masterBar #dock>button.dockItem {
  box-sizing:border-box!important; display:flex!important; flex-direction:column!important;
  align-items:center!important; justify-content:center!important;
  width:100%!important; min-width:0!important; max-width:100%!important;
  height:auto!important; min-height:56px!important; max-height:none!important;
  padding:5px 8px!important; gap:2px!important;
 }
 html body .wrap>.masterBar #dock>button.dockItem :is(.di,.dl,.dlAlt) {
  position:static!important; inset:auto!important; transform:none!important;
  flex:0 0 auto!important; min-width:0!important; max-width:100%!important;
  margin:0!important; text-align:center!important;
 }
 html body .wrap>.masterBar #dock>button.dockItem .di {font-size:15px!important;line-height:1!important}
 html body .wrap>.masterBar #dock>button.dockItem .dl {
  font:650 10px/1.2 system-ui,sans-serif!important; letter-spacing:.015em!important;
  white-space:normal!important;overflow:visible!important;overflow-wrap:break-word!important;text-overflow:clip!important;
 }
 html body .wrap>.masterBar #dock>button.dockItem .dlAlt {
  font:650 9px/1.2 system-ui,sans-serif!important;letter-spacing:.015em!important;
  white-space:normal!important;overflow:visible!important;overflow-wrap:break-word!important;
 }
 html body .wrap>.masterBar #dockTimer {
  display:grid!important;grid-template-columns:32px minmax(0,1fr) 32px!important;
  grid-template-rows:22px 22px!important;align-items:center!important;
  box-sizing:border-box!important;min-width:0!important;width:100%!important;
  min-height:54px!important;height:auto!important;max-height:none!important;
  padding:5px 6px!important;gap:0 4px!important;
 }
 html body .wrap>.masterBar #dockTimer>.di {grid-column:1!important;grid-row:1!important;justify-self:center!important;margin:0!important}
 html body .wrap>.masterBar #dockTimer>.dl {
  grid-column:1!important;grid-row:2!important;position:static!important;inset:auto!important;transform:none!important;
  min-width:0!important;margin:0!important;font:650 9px/1 system-ui,sans-serif!important;text-align:center!important;
 }
 html body .wrap>.masterBar #dockTimer>#sleepTimer {
  grid-column:2!important;grid-row:1 / 3!important;box-sizing:border-box!important;align-self:center!important;
  min-width:0!important;width:100%!important;min-height:44px!important;height:auto!important;max-height:none!important;
  margin:0!important;padding:8px 11px!important;text-align:center!important;text-align-last:center!important;
  font:650 12px/1.2 system-ui,sans-serif!important;
 }
 html body .wrap>.masterBar #dockTimer>.dockTipHelp {
  grid-column:3!important;grid-row:1 / 3!important;justify-self:center!important;align-self:center!important;
 }
 @media(max-width:600px) {
  html body .wrap>.masterBar>#dock {grid-template-columns:repeat(3,minmax(0,1fr))!important}
 }
}

/* r1162: the discovery doors use Berhetiyye's original jewel work only
   when that theme is selected. Other themes retain their clear buttons. */
@layer sukun-r1149-berhet-hero {
 html[data-r1074-theme="berhet"] body .wrap>footer>#sukunDiscovery .discoveryGrid>button {
  min-height:52px!important; height:auto!important; padding:9px 18px!important; gap:4px!important;
  border:1px solid transparent!important; border-image:url('../assets/berhetiyye-premium/r1133/gem-sapphire.webp') 210 540 fill / 28% min(22px,17%) / 0 stretch!important;
  background:transparent!important; box-shadow:none!important;
  color:#fff2dc!important; -webkit-text-fill-color:currentColor!important;
  font:650 11px/1.25 system-ui,sans-serif!important; text-align:center!important;
  white-space:normal!important; overflow-wrap:break-word!important;
  text-shadow:0 1px 3px #000,0 0 5px #000!important;
 }
 html[data-r1074-theme="berhet"] body .wrap>footer>#sukunDiscovery .discoveryGrid>button[data-discovery="berhet"] {
  border-image-source:url('../assets/berhetiyye-premium/r1133/gem-emerald.webp')!important;
  color:#f2fff3!important; -webkit-text-fill-color:currentColor!important;
 }
 html[data-r1074-theme="berhet"] body .wrap>footer>#sukunDiscovery .discoveryGrid>button>span[data-discovery-label] {
  min-width:0!important; max-width:100%!important; white-space:normal!important; overflow-wrap:break-word!important;
 }
 @media(forced-colors:active) {
  html[data-r1074-theme="berhet"] body .wrap>footer>#sukunDiscovery .discoveryGrid>button,
  html[data-r1074-theme="berhet"] body .wrap>footer>#sukunDiscovery .discoveryGrid>button[data-discovery="berhet"] {
   border:1px solid ButtonText!important; border-image:none!important; background:ButtonFace!important;
   color:ButtonText!important; -webkit-text-fill-color:ButtonText!important; text-shadow:none!important;
  }
 }
}

/* Compact controls retain their readable labels and one clear outer frame. */
@layer sukun-r1149-berhet-hero {
 html body .wrap>.masterBar {
  border:3px solid color-mix(in srgb,var(--line2,#b6a16e) 65%,#cbaa68)!important;
  border-image:none!important;
  box-shadow:inset 0 0 0 1px #f5d89138,0 3px 12px #0005!important;
  padding:8px 10px 10px!important;
 }
 html body .wrap>.masterBar>#dock {
  width:100%!important;max-width:420px!important;margin:5px auto 0!important;gap:4px!important;
 }
 html body .wrap>.masterBar #dock>button.dockItem {
  min-height:50px!important;height:auto!important;padding:3px 8px!important;gap:1px!important;
 }
 html body .wrap>.masterBar #dock>button.dockItem .dl {
  font:650 10px/1.2 system-ui,sans-serif!important;letter-spacing:0!important;
  white-space:normal!important;overflow-wrap:break-word!important;
 }
 html body .wrap>.masterBar #dock>button.dockItem .dlAlt {
  font:650 9px/1.2 system-ui,sans-serif!important;letter-spacing:0!important;
  white-space:normal!important;overflow-wrap:break-word!important;
 }
 html body .wrap>.masterBar #dockTimer {min-height:50px!important;padding:3px 5px!important}
 @media(forced-colors:active) {html body .wrap>.masterBar {border-color:CanvasText!important;box-shadow:none!important}}
}

/* r1164: three jewel destinations alongside a miniature of the real gate. */
@layer sukun-r1149-berhet-hero {
 html body .wrap>footer>#sukunDiscovery .discoveryGrid {
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-rows:repeat(3,minmax(44px,auto))!important;
  max-width:560px!important;margin-inline:auto!important;align-items:stretch!important;
 }
 html body .wrap>footer>#sukunDiscovery .discoveryGrid>button:not([data-discovery="berhet"]) {grid-column:1!important;min-height:44px!important}
 html body .wrap>footer>#sukunDiscovery .discoveryGrid>button[data-discovery="berhet"],
 html[data-r1074-theme="berhet"] body .wrap>footer>#sukunDiscovery .discoveryGrid>button[data-discovery="berhet"] {
  grid-column:2!important;grid-row:1 / span 3!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;gap:5px!important;
  min-height:44px!important;width:100%!important;padding:4px!important;
  border:0!important;border-image:none!important;border-radius:0!important;background:transparent!important;background-image:none!important;
  box-shadow:none!important;filter:none!important;color:#f7e5b8!important;-webkit-text-fill-color:currentColor!important;
 }
 html body .wrap>footer>#sukunDiscovery .discoveryGrid>button[data-discovery="berhet"]::before {
  content:''!important;display:block!important;position:static!important;flex:0 0 auto!important;
  box-sizing:border-box!important;width:68px!important;height:100px!important;
  border:2px solid #d5b46f!important;border-radius:50% 50% 4px 4px / 32% 32% 4px 4px!important;
  background:#10382d url('../assets/berhetiyye-gate/portal.webp') 50% 43% / 180% auto no-repeat!important;
  box-shadow:inset 0 0 0 2px #36200e99,0 2px 7px #000b!important;pointer-events:none!important;
 }
 html body .wrap>footer>#sukunDiscovery .discoveryGrid>button[data-discovery="berhet"]>span[data-discovery-label] {
  display:block!important;max-width:100%!important;font:650 11px/1.25 system-ui,sans-serif!important;
  text-align:center!important;white-space:normal!important;overflow-wrap:break-word!important;
 }
 @media(forced-colors:active) {
  html body .wrap>footer>#sukunDiscovery .discoveryGrid>button[data-discovery="berhet"]::before {background:Canvas!important;border-color:CanvasText!important;box-shadow:none!important}
  html[data-r1074-theme="berhet"] body .wrap>footer>#sukunDiscovery .discoveryGrid>button[data-discovery="berhet"] {color:ButtonText!important;-webkit-text-fill-color:ButtonText!important}
 }
}

/* r1164 — narrow square-like controls, with an impact effect on explicit stop. */
@layer sukun-r1149-berhet-hero {
 html body .wrap>.masterBar>#dock {
  width:min(100%,286px)!important;max-width:286px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  margin-inline:auto!important;gap:5px!important;
 }
 html body .wrap>.masterBar #dock>button.dockItem {
  box-sizing:border-box!important;aspect-ratio:1.12 / 1!important;
  width:100%!important;height:auto!important;min-height:52px!important;max-height:none!important;
  padding:5px 9px!important;gap:2px!important;
 }
 html body .wrap>.masterBar #dock>button.dockItem :is(.dl,.dlAlt) {
  max-width:100%!important;min-width:0!important;white-space:normal!important;
  overflow:visible!important;overflow-wrap:break-word!important;line-height:1.15!important;
 }
 html body .wrap>.masterBar #dock>button.dockItem .dl {font-size:10px!important}
 html body .wrap>.masterBar #dock>button.dockItem .dlAlt {font-size:9px!important}
 html body #dock > #stopAll.dockItem.danger .di.dStop {
  width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
 }
 html body #dock > #stopAll.dockItem.danger .stopHammer {
  width:100%!important;height:100%!important;overflow:visible!important;animation:none!important;
 }
 html body #dock > #stopAll.dockItem.danger .r1164Crack {opacity:0;pointer-events:none}
 html body #dock > #stopAll.is-cracking .r1164Axe {
  transform-origin:14px 38px;animation:r1164-swing .75s ease-in-out both;
 }
 html body #dock > #stopAll.is-cracking .r1164Crack {animation:r1164-crack .9s ease-out both}
 @keyframes r1164-swing {0%{transform:rotate(0)}25%{transform:rotate(-17deg)}46%{transform:rotate(6deg)}70%{transform:rotate(-4deg)}100%{transform:rotate(0)}}
 @keyframes r1164-crack {0%,34%{opacity:0}44%,75%{opacity:1}100%{opacity:0}}
 @media(prefers-reduced-motion:reduce) {
  html body #dock > #stopAll.is-cracking :is(.r1164Axe,.r1164Crack) {animation:none!important}
  html body #dock > #stopAll.is-cracking .r1164Crack {opacity:1}
 }
 html body[data-perf="pil"] #dock > #stopAll.is-cracking :is(.r1164Axe,.r1164Crack) {animation:none!important}
 html body[data-perf="pil"] #dock > #stopAll.is-cracking .r1164Crack {opacity:1}
}

/* Small footer update action; existing update manager remains authoritative. */
@layer sukun-r1149-berhet-hero {
 html body .wrap>footer #r1165FooterUpdate {display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;max-width:100%!important;margin:8px auto!important;text-align:center!important}
 html body .wrap>footer #r1165UpdateCheck {display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;box-sizing:border-box!important;min-width:44px!important;min-height:44px!important;width:auto!important;max-width:100%!important;margin:0!important;padding:6px 11px!important;border:1px solid #c9ad7388!important;border-image:none!important;border-radius:999px!important;background:#0a2530d9!important;box-shadow:inset 0 1px #ffffff24!important;color:#f4e6c1!important;-webkit-text-fill-color:currentColor!important;font:650 11px/1.3 system-ui,sans-serif!important;text-align:center!important;white-space:normal!important;overflow-wrap:break-word!important;cursor:pointer!important}
 html body .wrap>footer #r1165UpdateCheck:disabled {opacity:.7!important;cursor:wait!important}
 html body .wrap>footer #r1165UpdateCheck:focus-visible {outline:2px solid #fff0bc!important;outline-offset:2px!important}
 html body .wrap>footer .r1165UpdateIcon {display:block!important;flex:0 0 18px!important;width:18px!important;height:18px!important;color:#e8ca87!important}
 html body .wrap>footer #r1165UpdateStatus {max-width:min(100%,340px)!important;color:#f2dfb7!important;font:500 11px/1.35 system-ui,sans-serif!important;overflow-wrap:anywhere!important}
 html body .wrap>footer #r1165UpdateStatus:empty {display:none!important}
 @media(forced-colors:active){html body .wrap>footer #r1165UpdateCheck {border:1px solid ButtonText!important;background:ButtonFace!important;color:ButtonText!important;-webkit-text-fill-color:ButtonText!important;box-shadow:none!important}html body .wrap>footer #r1165UpdateStatus,html body .wrap>footer .r1165UpdateIcon {color:CanvasText!important}}
}

/* The Tekke jewel catches light on hover or keyboard focus; its star turns once. */
@layer sukun-r1149-berhet-hero {
 @media (forced-colors: none) {
  html[data-r1074-theme="berhet"] body:not(:is(.sukun-tefekkur-mode,.sukun-focus-mode,.r616-ui)) .wrap>nav.tabs:not([hidden])>#tekkeTab:is(:hover,:focus-visible) {
   filter:brightness(1.25) saturate(1.16) drop-shadow(0 0 5px #ad72e880)!important;
  }
 }
 @media (prefers-reduced-motion: no-preference) {
  html body:not([data-perf="pil"]):not(:is(.sukun-tefekkur-mode,.sukun-focus-mode,.r616-ui)) .wrap>nav.tabs:not([hidden])>#tekkeTab:is(:hover,:focus-visible)>.tbRub>svg {
   transform-origin:center;
   animation:sukun-tekke-star-turn 800ms ease-in-out 1 both!important;
  }
 }
 @keyframes sukun-tekke-star-turn {from {transform:rotate(0deg)} to {transform:rotate(-360deg)}}
}

/* Berhetiyye: a smaller centered control cluster, while retaining readable
   labels, a full native timer selector and usable touch targets. */
@layer sukun-r1149-berhet-hero {
 @media(max-width:700px) {
  html[data-r1074-theme="berhet"] body .wrap>.masterBar>#dock {
   width:min(100%,244px)!important;max-width:244px!important;
   grid-template-columns:repeat(3,minmax(0,1fr))!important;
   gap:4px!important;margin-inline:auto!important;
  }
  html[data-r1074-theme="berhet"] body .wrap>.masterBar #dock>button.dockItem {
   box-sizing:border-box!important;width:100%!important;min-width:44px!important;min-height:52px!important;
   height:auto!important;max-height:none!important;aspect-ratio:1.12/1!important;
   padding:4px 6px!important;gap:1px!important;overflow:visible!important;
  }
  html[data-r1074-theme="berhet"] body .wrap>.masterBar #dock>button.dockItem :is(.dl,.dlAlt) {
   min-width:0!important;max-width:100%!important;text-align:center!important;white-space:normal!important;
   overflow:visible!important;overflow-wrap:break-word!important;word-break:normal!important;text-overflow:clip!important;
  }
  html[data-r1074-theme="berhet"] body .wrap>.masterBar #dock>button.dockItem .dl {
   font:650 10px/1.2 system-ui,sans-serif!important;letter-spacing:0!important;
  }
  html[data-r1074-theme="berhet"] body .wrap>.masterBar #dock>button.dockItem .dlAlt {
   font:650 9px/1.2 system-ui,sans-serif!important;letter-spacing:0!important;
  }
  html[data-r1074-theme="berhet"] body #dock>#stopAll.dockItem.danger .di.dStop {
   width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;
  }
  html[data-r1074-theme="berhet"] body .wrap>.masterBar #dockTimer {
   grid-template-columns:26px minmax(0,1fr) 44px!important;grid-template-rows:22px 22px!important;
   box-sizing:border-box!important;min-width:0!important;min-height:52px!important;height:auto!important;
   gap:0 2px!important;padding:3px 4px!important;
  }
  html[data-r1074-theme="berhet"] body .wrap>.masterBar #dockTimer>#sleepTimer {
   min-width:0!important;width:100%!important;min-height:44px!important;height:auto!important;
   padding:7px 5px!important;font:650 11px/1.2 system-ui,sans-serif!important;
   text-align:center!important;text-align-last:center!important;
  }
  html[data-r1074-theme="berhet"] body .wrap>.masterBar #dockTimer>.dockTipHelp {
   box-sizing:border-box!important;width:44px!important;min-width:44px!important;
   height:44px!important;min-height:44px!important;padding:0!important;
  }
 }
}

/* The update action keeps its emerald face and reflects the actual check state. */
@layer sukun-r1166-berhet-footer {
 @media (forced-colors: none) {
  html[data-r1074-theme="berhet"] body #r1165UpdateCheck:is(:hover,:focus-visible,:disabled) {
   filter:brightness(1.22) saturate(1.12) drop-shadow(0 0 6px #8df2ae99)!important;
  }
 }
 @media (prefers-reduced-motion: no-preference) {
  html[data-r1074-theme="berhet"] body:not([data-perf="pil"]) #r1165UpdateCheck:not(:disabled):is(:hover,:focus-visible) .r1165UpdateIcon {
   transform-origin:center;
   animation:sukun-update-turn 650ms ease-in-out 1 both!important;
  }
  html[data-r1074-theme="berhet"] body:not([data-perf="pil"]) #r1165UpdateCheck:disabled .r1165UpdateIcon {
   transform-origin:center;
   animation:sukun-update-turn 1.2s linear infinite!important;
  }
 }
 @keyframes sukun-update-turn {from {transform:rotate(0deg)} to {transform:rotate(360deg)}}
}

/* Transparent Berhetiyye mark: engraved gold vector with emerald corners.
   The real SÜKÛN heading and subtitle remain outside the cropped emblem. */
@layer sukun-r1149-berhet-hero {
 html[data-r1074-theme="berhet"] body .wrap>header {
  position:relative!important;box-sizing:border-box!important;
  border:1px solid transparent!important;
  border-image:url('../assets/berhetiyye-premium/r1131/frame-gold.svg') 24 / 22px / 0 stretch!important;
  background:transparent!important;box-shadow:none!important;
  padding:24px 30px 26px!important;
 }
 html[data-r1074-theme="berhet"] body .wrap>header::after {
  content:''!important;display:block!important;position:absolute!important;inset:0!important;z-index:1!important;
  pointer-events:none!important;border:0!important;border-image:none!important;box-shadow:none!important;
  background:
   radial-gradient(circle at 14px 14px,#d8ffed 0 1px,#47d397 2px,#08764f 5px,#003923 8px,#c69339 9px,transparent 10px),
   radial-gradient(circle at calc(100% - 14px) 14px,#d8ffed 0 1px,#47d397 2px,#08764f 5px,#003923 8px,#c69339 9px,transparent 10px),
   radial-gradient(circle at 14px calc(100% - 14px),#d8ffed 0 1px,#47d397 2px,#08764f 5px,#003923 8px,#c69339 9px,transparent 10px),
   radial-gradient(circle at calc(100% - 14px) calc(100% - 14px),#d8ffed 0 1px,#47d397 2px,#08764f 5px,#003923 8px,#c69339 9px,transparent 10px)!important;
 }
 html[data-r1074-theme="berhet"] body .wrap>header>.logo {
  box-sizing:border-box!important;width:132px!important;min-width:132px!important;max-width:132px!important;
  height:106px!important;min-height:106px!important;max-height:106px!important;
  margin:0 auto 7px!important;padding:0!important;overflow:hidden!important;
  border:1px solid #d1ad63!important;border-image:none!important;border-radius:50%!important;
  background:transparent url('../assets/branding/sukun-frameless-logo-r1029.png') center -28px / 198px 198px no-repeat!important;
  box-shadow:none!important;filter:none!important;opacity:1!important;
 }
 @media(forced-colors:active) {
  html[data-r1074-theme="berhet"] body .wrap>header {border-image:none!important;border:1px solid CanvasText!important}
  html[data-r1074-theme="berhet"] body .wrap>header::after {display:none!important}
  html[data-r1074-theme="berhet"] body .wrap>header>.logo {border-color:CanvasText!important}
 }
}

/* r1170: the approved complete artwork is shared by the Berhetiyye header
   and saver. The translucent tint follows the artwork interior, with no exterior tint. */
@layer sukun-r1149-berhet-hero {
 html[data-r1074-theme="berhet"] body .wrap>header {
  box-sizing:border-box!important;position:relative!important;
  width:100%!important;min-width:0!important;max-width:580px!important;
  height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1567/1004!important;
  margin:8px auto 14px!important;padding:0!important;border:0!important;border-image:none!important;
  border-radius:0!important;box-shadow:none!important;filter:none!important;overflow:visible!important;
  background:
   url('../assets/branding/sukun-berhet-selected-r1172.png') center / contain no-repeat,
   url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201567%201004%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%2373cba5%22%20stop-opacity%3D%22.14%22%2F%3E%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%23125b43%22%20stop-opacity%3D%22.22%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23a6dec1%22%20stop-opacity%3D%22.12%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20x%3D%2270%22%20y%3D%2258%22%20width%3D%221427%22%20height%3D%22854%22%20rx%3D%2220%22%20fill%3D%22url%28%23g%29%22%2F%3E%3C%2Fsvg%3E") center / 100% 100% no-repeat!important;
 }
 html[data-r1074-theme="berhet"] body .wrap>header::before,
 html[data-r1074-theme="berhet"] body .wrap>header::after {content:none!important;display:none!important}
 html[data-r1074-theme="berhet"] body .wrap>header>.logo {display:none!important}
 /* Keep the real heading and description available to assistive technology. */
 html[data-r1074-theme="berhet"] body .wrap>header>:is(h1.shimmer-text,.sub) {
  display:block!important;position:absolute!important;box-sizing:border-box!important;
  width:1px!important;min-width:0!important;max-width:1px!important;
  height:1px!important;min-height:0!important;max-height:1px!important;
  margin:0!important;padding:0!important;overflow:hidden!important;
  clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;
 }
 html[data-r1074-theme="berhet"] body #kandil.on .kFlame {
  display:block!important;position:relative!important;box-sizing:border-box!important;
  width:min(86vw,420px,80vh)!important;min-width:0!important;max-width:100%!important;
  height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1567/1004!important;
  padding:0!important;border:0!important;border-image:none!important;border-radius:0!important;
  box-shadow:none!important;overflow:visible!important;
  background:
   url('../assets/branding/sukun-berhet-selected-r1172.png') center / contain no-repeat,
   url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201567%201004%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%2373cba5%22%20stop-opacity%3D%22.14%22%2F%3E%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%23125b43%22%20stop-opacity%3D%22.22%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23a6dec1%22%20stop-opacity%3D%22.12%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20x%3D%2270%22%20y%3D%2258%22%20width%3D%221427%22%20height%3D%22854%22%20rx%3D%2220%22%20fill%3D%22url%28%23g%29%22%2F%3E%3C%2Fsvg%3E") center / 100% 100% no-repeat!important;
 }
 html[data-r1074-theme="berhet"] body #kandil.on .kFlame::before,
 html[data-r1074-theme="berhet"] body #kandil.on .kFlame::after {content:none!important;display:none!important}
 html[data-r1074-theme="berhet"] body #kandil.on .kFlame>span {display:none!important}
 @media(max-height:600px) {
  html[data-r1074-theme="berhet"] body #kandil.on .kFlame {
   width:min(78vw,420px,46vh)!important;height:auto!important;aspect-ratio:1567/1004!important;
  }
 }
 @media(forced-colors:active) {
  html[data-r1074-theme="berhet"] body .wrap>header {aspect-ratio:auto!important;padding:14px!important;background:none!important}
  html[data-r1074-theme="berhet"] body .wrap>header>:is(h1.shimmer-text,.sub) {
   position:static!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:none!important;
   clip-path:none!important;white-space:normal!important;color:CanvasText!important;-webkit-text-fill-color:CanvasText!important;
  }
 }
}

/* The original recovery heading remains the gesture target over the whole
   approved artwork. Its text stays semantic without duplicating the artwork. */
@layer sukun-r1149-berhet-hero {
 html[data-r1074-theme="berhet"] body .wrap>header>h1.shimmer-text[data-sukun-recovery-title] {
  display:block!important;position:absolute!important;inset:0!important;z-index:2!important;
  box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;
  height:100%!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:0!important;border:0!important;clip-path:none!important;overflow:hidden!important;
  font-size:1px!important;line-height:1!important;text-indent:-9999px!important;white-space:nowrap!important;
  color:transparent!important;-webkit-text-fill-color:transparent!important;background:none!important;text-shadow:none!important;
  pointer-events:auto!important;
 }
 @media(prefers-reduced-motion:reduce) {
  html[data-r1074-theme="berhet"] body #kandil.on:not([data-power="saving"]) .kFlame {animation:none!important}
 }
 html[data-r1074-theme="berhet"] body #kandil.on[data-power="saving"] .kFlame {animation:none!important}
 @media(forced-colors:active) {
  html[data-r1074-theme="berhet"] body .wrap>header>h1.shimmer-text[data-sukun-recovery-title] {
   position:static!important;inset:auto!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:none!important;
   font:600 24px/1.2 Georgia,serif!important;text-indent:0!important;white-space:normal!important;overflow:visible!important;
   color:CanvasText!important;-webkit-text-fill-color:CanvasText!important;
  }
 }
}

/* The quick wheel picker uses a native select. Center its selected label on
   the gemstone face and give the shortcut captions room on small screens. */
@layer sukun-r1166-berhet-footer {
 html[data-r1074-theme="berhet"] body #r920Practice #r932WheelControls #r932QuickSelect {
  box-sizing:border-box!important; width:100%!important; min-width:0!important; max-width:100%!important;
  min-height:48px!important; padding:8px 18px!important;
  text-align:center!important; text-align-last:center!important; appearance:none!important;
  font-size:clamp(11px,3.1vw,13px)!important; text-overflow:ellipsis!important;
 }
 html[data-r1074-theme="berhet"] body #r920Practice #r932WheelControls .r932VisualShortcuts button {
  min-height:48px!important; height:auto!important; padding:6px 18px!important;
 }
 html[data-r1074-theme="berhet"] body #r920Practice #r932WheelControls .r932VisualShortcuts small {
  min-width:0!important; max-width:100%!important; text-align:center!important;
  white-space:normal!important; overflow-wrap:anywhere!important; line-height:1.2!important;
 }
}

/* Mevlevî surface transparency: change the surface only, never the text. */
@layer sukun-r1149-berhet-hero {
 @media (forced-colors: none) {
  html:not([data-r1074-theme="berhet"]) body:not(:is(.sukun-tefekkur-mode,.sukun-focus-mode,.r616-ui)) .wrap>nav.tabs:not([hidden])>button {
   background-color:rgba(var(--yuzeyK,8,28,34),var(--r1175-top-alpha,1))!important;
   background-image:linear-gradient(155deg,rgba(255,255,255,calc(.12 * var(--r1175-top-alpha,1))),transparent 42%,rgba(0,0,0,calc(.38 * var(--r1175-top-alpha,1))))!important;
  }
  html:not([data-r1074-theme="berhet"]) body:not(:is(.sukun-tefekkur-mode,.sukun-focus-mode,.r616-ui)) .wrap>nav.tabs:not([hidden])>button.act {
   background-image:linear-gradient(155deg,rgba(255,235,170,calc(.26 * var(--r1175-top-alpha,1))),transparent 50%,rgba(0,0,0,calc(.3 * var(--r1175-top-alpha,1))))!important;
  }
  html:not([data-r1074-theme="berhet"]) body.r716-shell .wrap>:is(#prDashboard,#todayCard,#vakitBox,.masterBar) {
   background:rgba(5,22,31,var(--r1175-lower-alpha,.8))!important;
  }
  html:not([data-r1074-theme="berhet"]) body .wrap>footer>#sukunDiscovery .discoveryGrid>button:not([data-discovery="berhet"]) {
   background:rgba(var(--yuzeyK,8,28,34),var(--r1175-lower-alpha,.8))!important;
   border:1px solid rgba(216,181,116,.75)!important;border-radius:9px!important;
  }
  html:not([data-r1074-theme="berhet"]) body #tab-zkr .zMegaGroup>summary,
  html:not([data-r1074-theme="berhet"]) body #r920Practice :is(#r920ModeEsma,#r920AtlasOpen,#r920JourneyMode) {
   background:rgba(var(--yuzeyK,8,28,34),var(--r1175-lower-alpha,.8))!important;
  }
 }
}