/* Participation and Live share one fixed focal point above the Earth. */
body main.ritual-room.clock .clock-ritual-panel:has(.clock-hierarchy-readout) {
  --clock-scene-size:clamp(146px,min(58vw,calc(100dvh - 382px)),590px);
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:minmax(94px,1fr) var(--clock-scene-size) minmax(104px,1fr);
  gap:0;
}
body main.ritual-room.clock .clock-ritual-panel:has([data-clock-layout="live"]) {
  --clock-scene-size:clamp(140px,min(53vw,calc(100dvh - 407px)),540px);
  grid-template-rows:minmax(154px,1fr) var(--clock-scene-size) minmax(80px,1fr);
}
body main.ritual-room.clock .clock-ritual-panel:has([data-clock-layout="live"]) .clock-dial {visibility:hidden;opacity:0;}
body main.ritual-room.clock .clock-ritual-panel .clock-ritual-readout.clock-hierarchy-readout {
  grid-column:1;grid-row:1;align-self:end;display:block;pointer-events:auto;
  position:relative;width:min(620px,calc(100% - 24px));height:auto;min-width:0;
  margin:0 0 18px;text-align:center;z-index:6;
  color:#e3f3fc;text-shadow:0 2px 15px #060b14;
}
body main.ritual-room.clock .clock-ritual-panel:has(.clock-hierarchy-readout) .clock-ritual-earth {
  grid-column:1;grid-row:2;
}
body main.ritual-room.clock .clock-ritual-panel:has(.clock-hierarchy-readout) .clock-ritual-action {
  grid-column:1;grid-row:3;align-self:start;margin:15px 0 0;z-index:8;
}
body main.ritual-room.clock .clock-ritual-panel:has(.clock-hierarchy-readout) .clock-support-link {
  top:auto;bottom:4%;min-height:44px;
}
body main.ritual-room.clock .clock-hierarchy-label {
  display:block;margin:0;color:#a7bfce;font:500 10px/1.3 Arial,sans-serif;
  letter-spacing:.17em;text-transform:uppercase;white-space:nowrap;
}
body main.ritual-room.clock .clock-hierarchy-value {
  display:block;white-space:nowrap;
  font:400 clamp(36px,min(10.8vw,7.4vmin),76px)/1.04 var(--pluritual-serif,Georgia,serif);
  font-variant-numeric:lining-nums tabular-nums;
}
body main.ritual-room.clock .clock-hierarchy-primary {display:grid;gap:4px;justify-items:center;}
body main.ritual-room.clock .clock-hierarchy-primary > .clock-hierarchy-label {font-size:11px;}
body main.ritual-room.clock .clock-hierarchy-breakdown {
  display:flex;align-items:start;justify-content:center;gap:0;
  margin:12px auto 0;width:max-content;max-width:100%;border-top:1px solid #acd9ef36;
}
body main.ritual-room.clock :is(.clock-hierarchy-today,.clock-hierarchy-receipt) {
  display:grid;align-items:start;gap:3px;padding:9px clamp(10px,4.3vw,28px) 0;
}
body main.ritual-room.clock .clock-hierarchy-today .clock-hierarchy-value {
  font-size:clamp(24px,4vmin,36px);color:#cfe7f3;
}
body main.ritual-room.clock .clock-hierarchy-receipt .clock-hierarchy-value {
  font-size:clamp(19px,3.1vmin,27px);color:#b7d3e4;
}
body main.ritual-room.clock .clock-hierarchy-receipt {border-left:1px solid #acd9ef26;}
body main.ritual-room.clock [data-clock-layout="live"][data-clock-verified="true"] .clock-hierarchy-primary {animation:clockHierarchyArrive .32s ease-out both;}
body main.ritual-room.clock [data-clock-layout="live"][data-clock-verified="true"] .clock-hierarchy-today {animation:clockHierarchyArrive .38s .14s ease-out both;}
body main.ritual-room.clock [data-clock-layout="live"][data-clock-verified="true"] .clock-hierarchy-receipt {animation:clockHierarchyArrive .38s .27s ease-out both;}
body main.ritual-room.clock [data-clock-layout="live"][data-clock-verified="false"] .clock-hierarchy-primary,
body main.ritual-room.clock [data-clock-layout="live"][data-clock-verified="false"] .clock-hierarchy-today {opacity:.72;}
@keyframes clockHierarchyArrive {from{opacity:0;transform:translateY(5px);}to{opacity:1;transform:none;}}

/* A short glint follows the globe's rim; the dated amount stays readable. */
body main.ritual-room.clock .clock-yesterday[hidden] {display:none;}
body main.ritual-room.clock .clock-yesterday {
  position:absolute;inset:0;z-index:2;pointer-events:none;
  --clock-echo-light:0;--clock-echo-progress:0;
}
body main.ritual-room.clock .clock-yesterday-echo {
  position:absolute;inset:0;width:100%;height:100%;overflow:visible;
  fill:none;stroke:#a9dbf8;stroke-width:1.6;stroke-linecap:round;
  filter:drop-shadow(0 0 4px #75c6f4);opacity:calc(var(--clock-echo-light) * .75);
  transform:rotate(-90deg);
}
body main.ritual-room.clock .clock-yesterday-echo circle {
  stroke-dasharray:.18 1;stroke-dashoffset:calc(-1 * var(--clock-echo-progress));
}
body main.ritual-room.clock .clock-yesterday-copy {
  position:absolute;left:50%;bottom:13%;width:max-content;max-width:100%;
  transform:translate(-50%,calc(-4px * var(--clock-echo-light)));
}
body main.ritual-room.clock .clock-yesterday-caption {
  display:flex;align-items:center;gap:7px;padding:5px 9px;border-radius:999px;
  border:1px solid rgb(173 216 244 / calc(.24 + var(--clock-echo-light) * .25));
  background:#0a1521eb;color:#c5d9e6;
  font:500 11px/1.2 Arial,sans-serif;white-space:nowrap;
}
body main.ritual-room.clock .clock-yesterday-caption > strong {
  color:#daedf8;font:400 clamp(14px,2.8vmin,18px)/1 var(--pluritual-serif,Georgia,serif);
  font-variant-numeric:lining-nums tabular-nums;
}
body main.ritual-room.clock .clock-ritual-panel:has(.clock-hierarchy-readout) .clock-quiet-sky i {animation:none;opacity:.22;}
body main.ritual-room.clock .clock-ritual-panel:has(.clock-hierarchy-readout) .clock-give-time:not(:disabled) {animation:none;}
body main.ritual-room.clock .clock-ritual-panel:has(.clock-closing-warning) {
  --clock-scene-size:clamp(110px,37vmin,255px);
  grid-template-rows:minmax(92px,1fr) var(--clock-scene-size) minmax(124px,1fr);
}

@media(max-width:600px) {
  body[data-chapter-canvas-refresh] main.ritual-room.clock.has-work-facts > .annual-progress {grid-template-rows:auto 12px;}
  body[data-chapter-canvas-refresh] main.ritual-room.clock.has-work-facts > .annual-progress > .annual-track.annual-days {grid-row:2;}
  body main.ritual-room.clock .clock-ritual-panel:has(.clock-hierarchy-readout) {
    --clock-scene-size:min(88vw,max(126px,calc(100dvh - 343px)),380px);
    grid-template-rows:minmax(85px,1fr) var(--clock-scene-size) minmax(124px,1fr);
  }
  body main.ritual-room.clock .clock-ritual-panel:has([data-clock-layout="live"]) {
    --clock-scene-size:min(86vw,max(110px,calc(100dvh - 383px)),370px);
    grid-template-rows:minmax(128px,1fr) var(--clock-scene-size) minmax(106px,1fr);
  }
  body main.ritual-room.clock .clock-ritual-panel:has(.clock-closing-warning) {
    --clock-scene-size:min(49vw,max(90px,calc(100dvh - 420px)));
    grid-template-rows:minmax(80px,1fr) var(--clock-scene-size) minmax(172px,1fr);
  }
  body main.ritual-room.clock .clock-ritual-panel .clock-ritual-readout.clock-hierarchy-readout {margin-bottom:12px;}
  body main.ritual-room.clock .clock-hierarchy-value {font-size:clamp(34px,11vw,61px);}
  body main.ritual-room.clock .clock-hierarchy-breakdown {margin-top:9px;}
  body main.ritual-room.clock .clock-ritual-panel:has(.clock-hierarchy-readout) .clock-support-link {bottom:6px;}
}
@media(max-width:380px) {
  body main.ritual-room.clock :is(.clock-hierarchy-today,.clock-hierarchy-receipt) {padding-inline:10px;}
  body main.ritual-room.clock .clock-hierarchy-breakdown .clock-hierarchy-label {letter-spacing:.12em;}
}
@media(max-height:540px) and (min-width:601px) {
  body main.ritual-room.clock .clock-ritual-panel:has(.clock-hierarchy-readout) {
    --clock-scene-size:clamp(110px,min(33vw,calc(100dvh - 132px)),340px);
    grid-template-columns:var(--clock-scene-size) minmax(250px,350px);
    grid-template-rows:minmax(70px,1fr) minmax(62px,1fr);
    align-content:center;justify-content:center;column-gap:22px;
  }
  body main.ritual-room.clock .clock-ritual-panel:has(.clock-hierarchy-readout) .clock-ritual-earth {grid-column:1;grid-row:1 / 3;}
  body main.ritual-room.clock .clock-ritual-panel .clock-ritual-readout.clock-hierarchy-readout {grid-column:2;grid-row:1;margin:0;}
  body main.ritual-room.clock .clock-ritual-panel:has(.clock-hierarchy-readout) .clock-ritual-action {grid-column:2;grid-row:2;margin-top:10px;}
  body main.ritual-room.clock .clock-ritual-panel:has(.clock-hierarchy-readout) .clock-support-link {right:10px;left:auto;bottom:5px;width:auto;min-width:44px;transform:none;}
}
@media(prefers-reduced-motion:reduce) {
  body main.ritual-room.clock .clock-hierarchy-readout * {animation:none!important;transition:none!important;}
  body main.ritual-room.clock .clock-yesterday-echo {display:none;}
}