/* The Earth stays central; confirmed collective time has the primary readout. */
html.pluritual-night,html.pluritual-night body,html.pluritual-night .app-shell {background:#010203;}
main.ritual-room.clock.has-module-navigation {
  --annual-label-surface:#010203;
  background:radial-gradient(ellipse at 48% 48%,#030507 0%,#010203 55%,#000 100%);
}
main.ritual-room.clock .clock-earth-aura {display:none;}
/* A fallback is displayed only after an actual WebGL/texture failure. */
main.ritual-room.clock .clock-ritual-earth .clock-earth-image {display:none;animation:none;}
main.ritual-room.clock .clock-ritual-earth.clock-fallback-ready:not(.is-webgl-ready) .clock-earth-image {display:block;}
main.ritual-room.clock .clock-earth-unavailable {display:none;position:absolute;inset:0;place-items:center;color:#6e8a9c;font:12px Arial,sans-serif;}
main.ritual-room.clock .clock-fallback-ready:not(.is-webgl-ready) .clock-earth-unavailable {display:grid;}
main.ritual-room.clock .clock-earth-canvas {transition:opacity .6s ease;}
main.ritual-room.clock .clock-ritual-panel {--clock-scene-size:clamp(160px,min(50vw,calc(100dvh - 430px)),640px);gap:0;}
/* Equal space above and below keeps the globe centred throughout the donation. */
main.ritual-room.clock .clock-ritual-panel {display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) var(--clock-scene-size) minmax(0,1fr);justify-items:center;}
main.ritual-room.clock .clock-ritual-readout {grid-column:1;grid-row:1;align-self:end;margin-bottom:22px;}
main.ritual-room.clock .clock-space-scene.clock-ritual-earth {grid-column:1;grid-row:2;align-self:center;justify-self:center;}
main.ritual-room.clock .clock-ritual-action {grid-column:1;grid-row:3;align-self:start;margin-top:22px;}
main.ritual-room.clock .clock-ritual-readout {position:relative;min-width:min(430px,100%);}
main.ritual-room.clock .clock-personal-duration {display:inline-block;font-variant-numeric:tabular-nums;min-height:1.04em;}
main.ritual-room.clock .clock-given-note[hidden] {display:none;}
main.ritual-room.clock .clock-given-note {min-height:14px;margin:7px 0 0;}
main.ritual-room.clock .time-given .clock-given-note {font:400 11px/1.3 Arial,sans-serif;color:#6e8a9c;}
main.ritual-room.clock .time-given .clock-personal-duration {font-size:68px;}
main.ritual-room.clock .clock-confirmed-summary {display:grid;grid-template-rows:1fr;position:static;transform:none;width:auto;min-height:0;margin:0 0 12px;text-align:center;}
main.ritual-room.clock .clock-confirmed-summary[hidden] {display:grid;grid-template-rows:0fr;margin:0;visibility:hidden;}
main.ritual-room.clock .clock-all-time {min-height:0;overflow:hidden;margin:0;}
main.ritual-room.clock .clock-all-time-heading {justify-content:center;}
main.ritual-room.clock .clock-all-time strong {max-width:none;white-space:normal;margin:6px 0 0;font-size:clamp(42px,6.4vmin,72px);line-height:1.04;font-variant-numeric:lining-nums tabular-nums;}
main.ritual-room.clock .phase-history .clock-confirmed-summary {animation:none;}
main.ritual-room.clock .phase-done .clock-all-time {animation:none;}
main.ritual-room.clock .phase-gift .clock-personal-duration {animation:clockGiftPulse .8s ease both;}
main.ritual-room.clock .phase-joining .clock-dial-light {filter:drop-shadow(0 0 4px #c2e4fa60);}
main.ritual-room.clock [data-clock-scope][hidden],main.ritual-room.clock .clock-day-label[hidden] {display:none;}
main.ritual-room.clock .time-given .clock-day-readout {display:flex;align-items:baseline;justify-content:center;gap:8px;flex-wrap:wrap;}
main.ritual-room.clock .clock-day-label {font:400 11px/1.4 Arial,sans-serif;color:#799bad;}
main.ritual-room.clock .time-given .clock-day-readout .clock-personal-duration {font:400 18px/1.3 var(--pluritual-wip-serif, Georgia,serif);min-height:0;color:#b4d0df;letter-spacing:0;font-variant-numeric:lining-nums tabular-nums;}
main.ritual-room.clock .time-given .clock-day-readout .clock-given-note {min-height:0;margin:0 0 0 6px;padding-left:14px;border-left:1px solid #9ecce532;white-space:nowrap;}
main.ritual-room.clock .time-given:has(.clock-confirmed-summary[hidden]) .clock-day-readout .clock-personal-duration {font-size:clamp(42px,6.4vmin,72px);}
/* A native button covers the planet; its visible invitation also works on touch. */
main.ritual-room.clock .clock-explore-entry {position:absolute;inset:0;z-index:7;width:100%;height:100%;padding:0;border:0;border-radius:50%;background:transparent;color:#afdaef;box-shadow:none;overflow:visible;cursor:pointer;}
main.ritual-room.clock .clock-explore-entry:is(:hover,:active,:focus-visible) {background:transparent;box-shadow:none;transform:none;}
main.ritual-room.clock .clock-explore-entry:focus-visible {outline:1px solid #b7e1f5;outline-offset:-5px;}
main.ritual-room.clock .clock-explore-prompt {position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:7px 12px;white-space:nowrap;font:400 15px/1.4 var(--pluritual-wip-serif, Georgia,serif);letter-spacing:.01em;transition:color .2s ease;animation:clockExploreArrive .5s ease both;}
main.ritual-room.clock .clock-explore-arrow {display:inline-block;transition:transform .2s ease;}
main.ritual-room.clock .clock-explore-entry:is(:hover,:focus-visible) .clock-explore-prompt {color:#e2f4ff;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#a5d5ed70;}
main.ritual-room.clock .clock-explore-entry:is(:hover,:focus-visible) .clock-explore-arrow {transform:translateX(4px);}
main.ritual-room.clock .clock-explore-entry:active .clock-explore-arrow {transform:translateX(6px);}
main.ritual-room.clock .clock-ritual-action {display:block;min-height:64px;}
main.ritual-room.clock .clock-closing-warning {margin:0 auto;text-align:center;}
main.ritual-room.clock .clock-closing-warning h2 {font-size:clamp(19px,2vw,26px);}
/* Same ready-state breathing as the other works, tinted to Clock's light. */
main.ritual-room.clock .clock-give-time:not(:disabled) {
  animation:clockActionInvite 2.9s ease-in-out infinite;
  transition:background .2s ease,transform .18s ease,box-shadow .2s ease;
}
main.ritual-room.clock .clock-give-time:not(:disabled):is(:hover,:focus-visible) {animation:none;background:#c5e9fc;transform:translateY(-2px);box-shadow:0 0 26px #a9dafa38;}
main.ritual-room.clock .clock-give-time:not(:disabled):active {transform:translateY(0) scale(.98);}
main.ritual-room.clock.is-idle-paused .clock-give-time,html:has(dialog[open]) main.ritual-room.clock .clock-give-time {animation-play-state:paused;}
main.ritual-room.clock .clock-support-link {position:absolute;top:70%;}
main.ritual-room.clock .clock-star-tooltip,main.ritual-room.clock .star-on-right .clock-star-tooltip {
  top:auto;bottom:calc(100% + 4px);left:50%;right:auto;transform:translate(-50%,6px);
  padding:12px 14px;min-width:130px;max-width:min(210px,56vw);width:max-content;
  border:1px solid #c3e4f324;border-radius:9px;background:#0a1017f5;box-shadow:0 8px 24px #0009;text-align:left;
}
main.ritual-room.clock .clock-star-tooltip::after {content:'';position:absolute;top:100%;left:calc(50% - 4px);border:5px solid transparent;border-top-color:#0a1017;}
main.ritual-room.clock .clock-star-tooltip strong {font:500 12px/1.4 Arial,sans-serif;color:#91b5cb;}
main.ritual-room.clock .clock-support-star {cursor:default;top:var(--support-star-y);}
main.ritual-room.clock .clock-support-sky:not(.is-positioned) .clock-support-star {visibility:hidden;}
main.ritual-room.clock .clock-star-heading {display:flex;align-items:baseline;justify-content:space-between;gap:16px;}
main.ritual-room.clock .clock-star-heading small {white-space:nowrap;}
main.ritual-room.clock .clock-star-message {font:400 14px/1.45 var(--pluritual-wip-serif, Georgia,serif);color:#d8e7ef;min-height:1.45em;}
main.ritual-room.clock .clock-star-tooltip small {font:400 10px/1.4 Arial,sans-serif;color:#6e8a9c;}
main.ritual-room.clock .clock-support-star:hover .clock-star-tooltip,
main.ritual-room.clock .clock-support-star:focus-visible .clock-star-tooltip,
main.ritual-room.clock .clock-support-star.is-storytelling .clock-star-tooltip {opacity:1;visibility:visible;transform:translate(-50%,0);}
main.ritual-room.clock .clock-support-star.is-storytelling .clock-support-star-light {text-shadow:0 0 13px #c4e9ff80;}
@keyframes clockGiftPulse {0%,100%{transform:scale(1);filter:none;}45%{transform:scale(1.055);filter:drop-shadow(0 0 16px #c2e4fa90);}}
@keyframes clockExploreArrive {from{opacity:0;}to{opacity:1;}}
@keyframes clockActionInvite {0%,100%{filter:brightness(1);box-shadow:0 0 0 #a9dafa00;}50%{filter:brightness(1.06);box-shadow:0 0 24px #a9dafa30;}}
@media(max-width:600px) {
  main.ritual-room.clock .clock-support-star {top:var(--support-star-mobile-y);}
  main.ritual-room.clock .clock-ritual-panel,main.ritual-room.clock .time-given {--clock-scene-size:min(88vw,max(110px,calc(100dvh - 410px)),380px);gap:0;}
  main.ritual-room.clock .clock-ritual-readout {margin-bottom:16px;}
  main.ritual-room.clock .clock-ritual-action {margin-top:16px;}
  main.ritual-room.clock .clock-personal-duration {font-size:52px;}
  main.ritual-room.clock .time-given .clock-personal-duration {font-size:48px;}
  main.ritual-room.clock .clock-all-time strong {font-size:clamp(34px,10vw,46px);}
  main.ritual-room.clock .time-given .clock-day-readout .clock-personal-duration {font-size:16px;}
  main.ritual-room.clock .clock-confirmed-summary {margin-bottom:10px;}
  main.ritual-room.clock .clock-support-link {top:auto;bottom:24px;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap;}
  main.ritual-room.clock .star-on-left .clock-star-tooltip {left:4px;transform:translate(0,6px);}
  main.ritual-room.clock .star-on-right .clock-star-tooltip {left:auto;right:4px;transform:translate(0,6px);}
  main.ritual-room.clock .clock-support-star:is(:hover,:focus-visible,.is-storytelling) .clock-star-tooltip {transform:translate(0,0);}
  main.ritual-room.clock .star-on-left .clock-star-tooltip::after {left:8px;}
  main.ritual-room.clock .star-on-right .clock-star-tooltip::after {left:auto;right:8px;}
}
@media(max-height:620px) {
  main.ritual-room.clock .clock-ritual-panel {gap:7px;}
  main.ritual-room.clock .clock-all-time strong {font-size:clamp(30px,6.4vmin,46px);}
  main.ritual-room.clock .clock-given-note {font-size:10px;}
}
@media(max-height:620px) and (min-width:601px) {
  main.ritual-room.clock .star-on-left .clock-star-tooltip {left:4px;transform:translate(0,6px);}
  main.ritual-room.clock .star-on-right .clock-star-tooltip {left:auto;right:4px;transform:translate(0,6px);}
  main.ritual-room.clock .clock-support-star:is(:hover,:focus-visible,.is-storytelling) .clock-star-tooltip {transform:translate(0,0);}
  main.ritual-room.clock .star-on-left .clock-star-tooltip::after {left:8px;}
  main.ritual-room.clock .star-on-right .clock-star-tooltip::after {left:auto;right:8px;}
  main.ritual-room.clock .clock-ritual-panel {--clock-scene-size:min(43vw,calc(100dvh - 160px));grid-template-columns:var(--clock-scene-size) minmax(240px,350px);grid-template-rows:1fr auto 1fr;gap:0 32px;justify-content:center;}
  main.ritual-room.clock .clock-space-scene.clock-ritual-earth {grid-column:1;grid-row:1 / 4;}
  main.ritual-room.clock .clock-ritual-readout {grid-column:2;grid-row:1 / 3;margin-bottom:12px;}
  main.ritual-room.clock .clock-ritual-action {grid-column:2;grid-row:3;margin-top:0;}
  main.ritual-room.clock .time-given .clock-personal-duration {font-size:46px;}
  main.ritual-room.clock .clock-ritual-readout .clock-eyebrow {font-size:9px;margin-bottom:4px;}
  main.ritual-room.clock .clock-support-link {top:auto;bottom:0;left:50%;right:auto;transform:translateX(-50%);}
}
@media(prefers-reduced-motion:reduce) {
  main.ritual-room.clock .clock-ritual-panel *,main.ritual-room.clock .clock-earth-canvas {animation:none!important;transition:none!important;}
}