/* D-064 / D-067 / D-068, shared presentation. Three quantities keep their identity through the reveal. */
body main.ritual-room.clock .clock-ritual-readout {height:174px;width:min(660px,calc(100% - 24px));min-width:0;}
body main.ritual-room.clock .clock-ritual-readout .clock-eyebrow {position:absolute;top:0;left:0;width:100%;margin:0;}
body main.ritual-room.clock .clock-personal-readout,
body main.ritual-room.clock .clock-day-readout {position:absolute;top:24px;left:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:max-content;max-width:100%;transform:translateX(-50%);transition:transform .85s cubic-bezier(.25,.7,.2,1),opacity .55s ease;white-space:nowrap;}
body main.ritual-room.clock .clock-personal-readout .clock-personal-duration,
body main.ritual-room.clock .clock-day-readout .clock-personal-duration {font-size:clamp(42px,6.4vmin,72px);line-height:1.1;letter-spacing:0;min-height:0;transition:font-size .85s cubic-bezier(.25,.7,.2,1);}
body main.ritual-room.clock .clock-personal-prefix {display:none;font:11px/1.4 Arial,sans-serif;color:#9ebac8;}
body main.ritual-room.clock .clock-day-readout {opacity:0;pointer-events:none;}
body main.ritual-room.clock .clock-day-label {text-align:center;font:11px/1.4 Arial,sans-serif;color:#9ebac8;}
body main.ritual-room.clock .time-given .clock-personal-readout {transform:translate(calc(-50% + 130px),88px);}
body main.ritual-room.clock .time-given .clock-personal-readout .clock-personal-duration {font-size:24px;}
body main.ritual-room.clock .time-given .clock-personal-prefix {display:inline;}
body main.ritual-room.clock .time-given :is(.clock-personal-readout,.clock-day-readout) {gap:5px;align-items:center;flex-direction:column;flex-wrap:nowrap;}
body main.ritual-room.clock .time-given .clock-day-readout .clock-personal-duration {line-height:1.1;}
body main.ritual-room.clock .time-given .clock-day-readout {opacity:1;}
body main.ritual-room.clock .phase-gift .clock-day-readout {transition-delay:.35s;}
body main.ritual-room.clock .clock-confirmed-summary {position:absolute;top:0;left:0;width:100%;margin:0;opacity:1;transition:opacity .7s ease,transform .7s ease;}
body main.ritual-room.clock .clock-confirmed-summary[hidden] {display:block;visibility:hidden;opacity:0;transform:translateY(-10px);}
body main.ritual-room.clock .time-given .clock-day-readout {transform:translate(calc(-50% - 130px),88px);}
body main.ritual-room.clock .time-given .clock-day-readout .clock-personal-duration {font-size:24px;}
body main.ritual-room.clock .time-given:has(.clock-confirmed-summary[hidden]) .clock-day-readout .clock-personal-duration {font-size:24px;}
body main.ritual-room.clock .phase-gift .clock-personal-readout {transform:translate(-50%,24px);}
body main.ritual-room.clock .phase-gift .clock-personal-readout .clock-personal-duration {font-size:clamp(42px,6.4vmin,70px);}
body main.ritual-room.clock .clock-all-time {margin:0;}
body main.ritual-room.clock .clock-all-time-heading {margin-bottom:8px;}
body main.ritual-room.clock .clock-all-time strong {display:block;font:400 clamp(36px,5.5vmin,62px)/1.1 var(--pluritual-serif,Georgia,serif);color:#b6dff5;white-space:nowrap;}
body main.ritual-room.clock .clock-all-time strong :is(.counter-digit,.counter-separator) {font:inherit;letter-spacing:0;color:inherit;}
body main.ritual-room.clock .phase-gift .clock-personal-duration {animation:none;}
body main.ritual-room.clock .clock-dial {transition:opacity .4s ease,visibility 0s .4s;}
body main.ritual-room.clock .phase-done .clock-dial {opacity:0;visibility:hidden;}
body main.ritual-room.clock .clock-explore-entry::after {display:none;}
body main.ritual-room.clock .clock-explore-prompt {top:50%;width:max-content;max-width:78%;transform:translate(-50%,-50%);display:block;padding:13px 20px;border:0;border-radius:0;background:transparent;color:#e2f4ff;text-align:center;font:800 clamp(24px,3.6vmin,42px)/1.02 Arial,Helvetica,sans-serif;white-space:normal;letter-spacing:-.045em;text-shadow:0 2px 16px #000b;}
body main.ritual-room.clock .clock-explore-line {display:block;white-space:nowrap;}
body main.ritual-room.clock .clock-explore-arrow {display:block;margin-top:9px;font-size:20px;}
body main.ritual-room.clock .clock-explore-entry:is(:hover,:focus-visible) .clock-explore-prompt {background:transparent;text-decoration:none;color:#fff;}
body main.ritual-room.clock .clock-support-star.is-storytelling {z-index:7;}
body main.ritual-room.clock .clock-support-star.is-storytelling .clock-support-star-light {animation:wipClockStarLight 1.1s ease-out both;}
body main.ritual-room.clock .clock-support-star {min-width:44px;min-height:44px;}
body main.ritual-room.clock .clock-support-star-light {font-size:var(--support-star-size,15px);line-height:1;}
body main.ritual-room.clock .clock-support-star .clock-star-tooltip {left:50%;right:auto;top:auto;bottom:calc(100% + 4px);max-width:min(210px,calc(100vw - 32px));background:#0a10176b;border-color:#c3e4f31c;box-shadow:0 6px 18px #0004;transform:translate(calc(-50% + var(--clock-tooltip-shift,0px)),6px);}
body main.ritual-room.clock .clock-support-star:is(:hover,:focus-visible,.is-storytelling) .clock-star-tooltip {transform:translate(calc(-50% + var(--clock-tooltip-shift,0px)),0);}
body main.ritual-room.clock .clock-support-star .clock-star-tooltip::after {left:calc(50% - var(--clock-tooltip-shift,0px) - 5px);right:auto;border-top-color:#0a10176b;}
body main.ritual-room.clock .clock-support-star.star-popup-below .clock-star-tooltip {bottom:auto;top:calc(100% + 4px);}
body main.ritual-room.clock .clock-support-star.star-popup-below .clock-star-tooltip::after {top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#0a10176b;}
body main.ritual-room.clock .clock-star-heading {justify-content:flex-start;gap:4px;flex-wrap:wrap;}
body main.ritual-room.clock .clock-star-heading strong {overflow-wrap:anywhere;}
@keyframes wipClockStarLight {0%{transform:scale(.85);filter:brightness(1);}35%{transform:scale(1.5);filter:brightness(1.7);text-shadow:0 0 13px #c4e9ffc0,0 0 26px #c4e9ff80;}100%{transform:scale(1.15);filter:brightness(1.25);text-shadow:0 0 13px #c4e9ff90;}}
.wip-clock-waves {position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;pointer-events:none;}
.wip-clock-wave-burst {position:fixed;inset:0;z-index:96000;display:block;width:100%;height:100%;pointer-events:none;}
/* The compact desktop header places navigation on its lower row. Reserve the
   complete readout above the planet instead of letting the grid overflow it. */
@media(min-width:901px) and (max-width:1280px) and (min-height:621px) {
  body main.ritual-room.clock .clock-ritual-panel {--clock-scene-size:clamp(160px,min(50vw,calc(100dvh - 480px)),640px);grid-template-rows:minmax(160px,1fr) var(--clock-scene-size) minmax(86px,1fr);}
}
@media(max-width:600px) {
  body main.ritual-room.clock .clock-ritual-readout {height:150px;}
  body main.ritual-room.clock .clock-personal-readout .clock-personal-duration,
  body main.ritual-room.clock .clock-day-readout .clock-personal-duration {font-size:46px;}
  body main.ritual-room.clock .time-given .clock-personal-readout {transform:translate(calc(-50% + 86px),68px);}
  body main.ritual-room.clock .time-given .clock-day-readout {transform:translate(calc(-50% - 86px),68px);}
  body main.ritual-room.clock .time-given :is(.clock-personal-readout,.clock-day-readout) .clock-personal-duration {font-size:21px;}
  body main.ritual-room.clock .time-given:has(.clock-confirmed-summary[hidden]) .clock-day-readout .clock-personal-duration {font-size:21px;}
  body main.ritual-room.clock .phase-gift .clock-personal-readout {transform:translate(-50%,24px);}
  body main.ritual-room.clock .phase-gift .clock-personal-readout .clock-personal-duration {font-size:46px;}
  body main.ritual-room.clock .clock-all-time strong {font-size:clamp(28px,8vw,42px);}
  body main.ritual-room.clock .clock-explore-prompt {font-size:24px;padding:10px 15px;}
}
@media(prefers-reduced-motion:reduce) {
  .wip-clock-waves,.wip-clock-wave-burst {display:none;}
  body main.ritual-room.clock .clock-ritual-readout * {transition:none!important;animation:none!important;}
  body main.ritual-room.clock .clock-dial {transition:none;}
}
@media(max-width:600px) and (max-height:650px) {
  body main.ritual-room.clock .clock-ritual-readout {height:136px;margin-bottom:12px;}
  body main.ritual-room.clock .clock-all-time strong {font-size:28px;}
  body main.ritual-room.clock .clock-explore-prompt {font-size:17px;padding:5px;max-width:90%;}
  body main.ritual-room.clock .clock-explore-arrow {font-size:15px;margin-top:5px;}
  body main.ritual-room.clock .clock-support-star .clock-star-tooltip {min-width:0;max-width:min(210px,calc(100vw - 32px));padding:8px 10px;}
  body main.ritual-room.clock .clock-star-tooltip small {font-size:9px;}
  body main.ritual-room.clock .clock-star-message {font-size:13px;line-height:1.35;}
}

/* D-167. A fixed stage: yesterday lifts, its remaining amount joins the total,
   then that same total recedes as the real personal clock takes the foreground. */
body main.ritual-room.clock .clock-ritual-panel:not(.time-given) .clock-ritual-readout {
  position:relative;height:148px;min-width:0;width:min(760px,calc(100% - 24px));
  display:block;margin-bottom:18px;
}
body main.ritual-room.clock .clock-arrival-story[hidden] {display:none;}
body main.ritual-room.clock .clock-arrival-story {position:absolute;inset:0;pointer-events:none;}
body main.ritual-room.clock .clock-arrival-story > div {
  position:absolute;top:56px;left:50%;width:max-content;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;
  transform-origin:center center;will-change:transform,opacity;white-space:nowrap;
}
body main.ritual-room.clock .clock-arrival-story > div > span {font:10px/1.3 Arial,sans-serif;letter-spacing:.13em;color:#9ebac8;}
body main.ritual-room.clock .clock-arrival-story strong {
  display:block;font:400 clamp(32px,5.5vmin,62px)/1.1 var(--pluritual-serif,Georgia,serif);letter-spacing:0;color:#d3edfc;
}
body main.ritual-room.clock .clock-arrival-yesterday {
  transform:translate(-50%,calc(-56px * var(--arrival-lift,0))) scale(calc(1 - .56 * var(--arrival-lift,0)));
  opacity:clamp(0,calc((1 - var(--arrival-transfer,0)) * 8),1);
}
body main.ritual-room.clock .clock-arrival-total {
  transform:translate(-50%,calc(54px * var(--arrival-handoff,0))) scale(calc(1 - .52 * var(--arrival-handoff,0)));
  opacity:calc(var(--arrival-lift,0) * (1 - var(--arrival-dismiss,0)));
}
body main.ritual-room.clock .clock-arrival-yesterday > span {font-size:calc(10px / (1 - .56 * var(--arrival-lift,0)));}
body main.ritual-room.clock .clock-arrival-total > span {font-size:calc(10px / (1 - .52 * var(--arrival-handoff,0)));}
body main.ritual-room.clock .clock-arrival-yesterday strong {position:relative;}
body main.ritual-room.clock .clock-arrival-yesterday strong::before {content:'+';position:absolute;right:calc(100% + .2em);opacity:var(--arrival-lift,0);}
body main.ritual-room.clock .clock-ritual-panel:not(.time-given) .clock-personal-readout {
  position:absolute;top:56px;left:50%;transform:translate(-50%,0);width:max-content;max-width:100%;transition:none;
}
body main.ritual-room.clock .clock-ritual-panel:not(.time-given) .clock-ritual-readout.clock-readout-arrival .clock-personal-readout {
  opacity:var(--arrival-handoff,0);transform:translate(-50%,calc(18px * (1 - var(--arrival-handoff,0))))!important;
}
body main.ritual-room.clock .clock-readout-arrival .clock-personal-prefix,
body main.ritual-room.clock .clock-ritual-panel:not(.time-given) .clock-personal-prefix {
  display:block;color:#9ebac8;font:10px/1.3 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;
}
/* The Live is a receipt, not a second addition: today has a clear hierarchy. */
body main.ritual-room.clock .time-given .clock-ritual-readout {height:176px;width:min(760px,calc(100% - 24px));}
body main.ritual-room.clock .time-given .clock-day-readout {top:0;transform:translateX(-50%);opacity:1;}
body main.ritual-room.clock .time-given .clock-day-readout .clock-personal-duration {font-size:clamp(36px,6.4vmin,68px);}
body main.ritual-room.clock .time-given .clock-personal-readout {top:101px;transform:translateX(-50%);flex-direction:row;gap:10px;}
body main.ritual-room.clock .time-given .clock-personal-readout .clock-personal-duration {font-size:21px;}
body main.ritual-room.clock .time-given .clock-confirmed-summary {position:absolute;top:142px;left:0;width:100%;transform:none;}
body main.ritual-room.clock .time-given .clock-all-time {display:flex;align-items:baseline;justify-content:center;gap:10px;}
body main.ritual-room.clock .time-given .clock-all-time-heading {margin:0;font-size:10px;}
body main.ritual-room.clock .time-given .clock-all-time strong {font-size:21px;margin:0;}
@media(max-width:600px) {
  body main.ritual-room.clock .clock-arrival-story strong {font-size:clamp(23px,6.5vw,36px);}
  body main.ritual-room.clock .clock-ritual-panel:not(.time-given) .clock-ritual-readout {height:132px;margin-bottom:12px;}
  body main.ritual-room.clock .time-given .clock-day-readout .clock-personal-duration {font-size:clamp(30px,9vw,46px);}
  body main.ritual-room.clock .time-given .clock-all-time strong {font-size:18px;}
}