@layer sukun-r1108-kandil {
html body #kandil.r1193Info{z-index:2147483001!important;justify-content:flex-start!important;overflow-y:auto!important;padding-top:calc(85px + env(safe-area-inset-top))!important;padding-bottom:calc(85px + env(safe-area-inset-bottom))!important;gap:8px!important}
html body #kandil.r1193Info .kFlame{width:min(46vw,190px,20vh)!important;height:min(36vw,155px,17vh)!important;min-height:80px!important;flex-shrink:0!important}
html body #kandil.r1193Info .kEsma{display:none!important}
html body #kandil.r1193Info #kTarih{color:#e7d9b9!important;font-size:12px!important;letter-spacing:.03em!important}
html body #kandil.r1193Info #kandilWake{position:fixed!important;bottom:calc(18px + env(safe-area-inset-bottom))!important;z-index:4!important}
html body #kandil.r1193Info #r1193SaverInfo{width:min(680px,100%)!important;min-width:0!important;flex:0 0 auto!important;box-sizing:border-box!important;color:#eee5d1!important;text-align:center!important;font:400 13px/1.5 system-ui,sans-serif!important}
html body #kandil.r1193Info #r1193PalaceState{margin:0 0 8px!important;color:#ead099!important;font-size:12px!important}
html body #kandil.r1193Info .r1193SaverNames{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:8px!important}
html body #kandil.r1193Info .r1193SaverLink{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:100%!important;min-width:0!important;min-height:48px!important;height:auto!important;box-sizing:border-box!important;padding:12px!important;border:1px solid #a9976d88!important;border-radius:14px!important;background:linear-gradient(150deg,#12352feb,#081d22ed)!important;color:#f8eed5!important;font:inherit!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important;cursor:pointer!important}
html body #kandil.r1193Info .r1193SaverLink[hidden]{display:none!important}
html body #kandil.r1193Info .r1193SaverLink strong{font:600 18px/1.3 Georgia,serif!important;color:#ffe4a9!important}
html body #kandil.r1193Info .r1193SaverLink small{font:500 10px/1.4 system-ui!important;color:#b5ccbf!important}
html body #kandil.r1193Info .r1193SaverLink em{font:500 11px/1.4 system-ui!important;color:#d7c38e!important}
html body #kandil.r1193Info .r1193SaverLink:focus-visible{outline:2px solid #ffe7b2!important;outline-offset:2px!important}
html body #kandil.r1193Info blockquote{margin:12px 0 0!important;padding:0 8px!important;font:italic 14px/1.6 Georgia,serif!important}
html body #kandil.r1193Info blockquote p{margin:0 0 5px!important}
html body #kandil.r1193Info cite{display:block!important;font:400 10px/1.5 system-ui!important;color:#b6b9ac!important}
@media(max-width:420px){html body #kandil.r1193Info .r1193SaverNames{grid-template-columns:1fr!important}html body #kandil.r1193Info .r1193SaverLink{padding:9px!important}}
@media(max-height:600px){html body #kandil.r1193Info{padding-top:32px!important}html body #kandil.r1193Info .kFlame{display:none!important}html body #kandil.r1193Info #r1193SaverInfo{width:min(660px,calc(100% - 100px))!important}}
}

/* r1212: the timing disclosures share the saver links' sapphire artwork.
   Join the early layout layer so the generic green facts cannot repaint them. */
@layer sukun-r1194-layout {
 @media (forced-colors:none) {
  html[data-r1074-theme="berhet"] body #kandil.r1193Info #r1194Timing > .r1194Fact {
   border:1px solid transparent!important;
   border-image:var(--sukun-gem-sapphire) 210 540 fill / 12px 28px / 0 stretch!important;
   background:none!important;box-shadow:none!important;
   padding:12px 28px!important;image-rendering:auto!important;
  }
  html[data-r1074-theme="berhet"] body #kandil.r1193Info #r1194Timing > .r1194Fact summary {
   color:#fff0ce!important;text-shadow:0 1px 2px #000!important;
  }
  html[data-r1074-theme="berhet"] body #kandil.r1193Info #r1194Timing > .r1194Fact p {
   color:#e4eaf8!important;text-shadow:0 1px 2px #000!important;
  }
  /* Keep the existing 44px target, position and animated gear. The square
     stone preserves the carved gold rim at this small size. */
  html[data-r1074-theme="berhet"] body #kandil.r1193Info #kandilSettingsButton {
   border:1px solid transparent!important;
   border-image:var(--sukun-gem-sapphire-square) 330 fill / 8px / 0 stretch!important;
   border-radius:10px!important;background:none!important;box-shadow:none!important;
   color:#ffe6a8!important;image-rendering:auto!important;
  }
 }
}

/* The content preference is independent of animation/power quality. Reuse
   the existing saver layout owner; theme paint belongs to shared surfaces. */
@layer sukun-r1194-layout {
 html body #kandil.r1193Info[data-saver-content] {
  padding-top:calc(24px + env(safe-area-inset-top))!important;
 }
 html body #kandil.r1193Info[data-saver-content] #r1213SaverContent {
  display:flex!important;position:sticky!important;top:0!important;z-index:2!important;
  width:min(320px,100%)!important;box-sizing:border-box!important;gap:8px!important;
  margin:0 auto 12px!important;padding:4px!important;background:#061a23f5!important;border-radius:12px!important;
 }
 html body #kandil.r1193Info[data-saver-content] #r1213SaverContent button {
  flex:1 1 0!important;box-sizing:border-box!important;min-width:0!important;min-height:44px!important;
  height:auto!important;margin:0!important;padding:10px 16px!important;
  border:1px solid #bda66a!important;border-radius:10px!important;background:#0b2935!important;color:#f8ecd1!important;
  font:600 14px/1.4 system-ui,sans-serif!important;cursor:pointer!important;white-space:normal!important;
 }
 html body #kandil.r1193Info[data-saver-content] #r1213SaverContent button[aria-pressed="true"] {
  background:#075342!important;box-shadow:inset 0 0 0 1px #d3c08780!important;
 }
 html body #kandil.r1193Info[data-saver-content] #r1213SaverContent button:focus-visible {
  outline:2px solid #ffe6a3!important;outline-offset:3px!important;
 }
 html body #kandil.r1193Info[data-saver-content] :is(#kTarih,#r1193PalaceState) {
  font-size:14px!important;line-height:1.45!important;
 }
 html body #kandil.r1193Info[data-saver-content] #r1193SaverInfo {
  font-size:14px!important;line-height:1.5!important;
 }
 html body #kandil.r1193Info[data-saver-content] #r1193SaverInfo button.r1193SaverLink small,
 html body #kandil.r1193Info[data-saver-content] #r1193SaverInfo button.r1193SaverLink em {
  font-size:13px!important;line-height:1.4!important;color:#ecdfc2!important;
 }
 html body #kandil.r1193Info[data-saver-content] #r1193SaverInfo button.r1193SaverLink span {
  font-size:14px!important;line-height:1.5!important;color:#f0eadb!important;
 }
 html body #kandil.r1193Info[data-saver-content] #r1193SaverInfo button.r1193SaverLink strong {
  font-size:clamp(20px,3.4vw,26px)!important;line-height:1.3!important;
 }
 html body #kandil.r1193Info[data-saver-content] #r1193SaverActive #r1213SaverCount {
  display:block!important;font:600 clamp(24px,4.8vw,38px)/1.25 Georgia,serif!important;
  color:#fff1cc!important;margin:4px 0!important;
 }
 html body #kandil.r1193Info[data-saver-content] #r1213SaverProgress {
  display:block!important;appearance:none!important;width:min(360px,90%)!important;height:10px!important;
  border:1px solid #cfb778!important;border-radius:20px!important;overflow:hidden!important;
  background:#031a25!important;accent-color:#40c991!important;margin:4px auto 6px!important;
 }
 html body #kandil.r1193Info[data-saver-content] #r1213SaverProgress::-webkit-progress-bar {background:#031a25;border-radius:20px}
 html body #kandil.r1193Info[data-saver-content] #r1213SaverProgress::-webkit-progress-value {background:linear-gradient(90deg,#08744e,#43d5a0);border-radius:20px}
 html body #kandil.r1193Info[data-saver-content] #r1213SaverProgress::-moz-progress-bar {background:linear-gradient(90deg,#08744e,#43d5a0);border-radius:20px}
 html body #kandil.r1193Info[data-saver-content] #r1213SaverProgress[hidden] {display:none!important}
 html body #kandil.r1193Info[data-saver-content] :is(.r1194Fact summary,.r1194Fact p,.r1194Neighbors,#r1194Transition) {
  font-size:14px!important;line-height:1.5!important;
 }
 html body #kandil.r1193Info[data-saver-content] blockquote {
  font-size:16px!important;line-height:1.6!important;
 }
 html body #kandil.r1193Info[data-saver-content] cite {
  font-size:13px!important;line-height:1.5!important;
 }
 html body #kandil.r1193Info[data-saver-content="detailed"] #r1213SaverReflection {display:none!important}
 html body #kandil.r1193Info[data-saver-content="simple"] :is(#r1194Timing,.r1193SaverNames,#r1194JourneyMeta,#r1194Transition,#r1194Previous,blockquote) {display:none!important}
 html body #kandil.r1193Info[data-saver-content="simple"] #r1194Neighbors:not([hidden]) {
  display:block!important;margin:16px 0!important;font-size:16px!important;
 }
 html body #kandil.r1193Info[data-saver-content="simple"] #r1213SaverReflection {
  display:block!important;margin:22px auto 12px!important;padding:0 14px!important;max-width:500px!important;
 }
 html body #kandil.r1193Info[data-saver-content="simple"] #r1213SaverReflection small {
  font:500 13px/1.4 system-ui,sans-serif!important;color:#d8c697!important;
 }
 html body #kandil.r1193Info[data-saver-content="simple"] #r1213SaverReflection p {
  margin:6px 0!important;color:#f5e8cc!important;font:italic 18px/1.6 Georgia,serif!important;
 }
 html body #kandil.r1193Info[data-saver-content="simple"] #r1193SaverInfo button#r1193SaverActive strong {
  font-size:clamp(26px,5vw,38px)!important;
 }
 html body #kandil.r1193Info[data-saver-content="simple"] .kFlame {
  max-height:24vh!important;
 }
 @media(max-height:600px) {
  html body #kandil.r1193Info[data-saver-content] {padding-top:calc(12px + env(safe-area-inset-top))!important}
  html body #kandil.r1193Info[data-saver-content="simple"] #r1213SaverReflection {margin-top:12px!important}
 }
 @media(forced-colors:active) {
  html body #kandil.r1193Info[data-saver-content] #r1213SaverContent button[aria-pressed="true"] {outline:2px solid Highlight!important}
 }
}

/* r1227: the return control belongs to the cinematic saver footer. Paint it
   in that layout layer so older generic button resets cannot strip its rim.
   Keep the existing target, focus behaviour and settings-button spacing. */
@layer sukun-r1215-cinematic {
 html body #kandil.r1193Info[data-saver-content] #kandilWake {
  box-sizing:border-box!important;padding:11px 26px!important;
  border:2px solid #c8a45f!important;border-image:none!important;border-radius:12px!important;
  background:#102c30!important;box-shadow:inset 0 0 0 2px #e3ca8426!important;
  color:#fff1d5!important;text-shadow:none!important;
 }
 @media(forced-colors:none) {
  html[data-r1074-theme="berhet"] body #kandil.r1193Info[data-saver-content] #kandilWake {
   border:1px solid transparent!important;
   border-image:var(--sukun-gem-sapphire) 210 540 fill / 10px 24px / 0 stretch!important;
   background:none!important;box-shadow:none!important;
   color:#fff0ce!important;text-shadow:0 1px 2px #000!important;image-rendering:auto!important;
  }
 }
 html body #kandil.r1193Info[data-saver-content] #kandilWake:focus-visible {
  outline:2px solid #ffe6a3!important;outline-offset:3px!important;
 }
 @media(forced-colors:active) {
  html body #kandil.r1193Info[data-saver-content] #kandilWake {
   border:2px solid ButtonText!important;border-image:none!important;background:ButtonFace!important;
   color:ButtonText!important;box-shadow:none!important;text-shadow:none!important;
  }
  html body #kandil.r1193Info[data-saver-content] #kandilWake:focus-visible {outline-color:Highlight!important}
 }
}