/* Silence at the centre; a single broad white wash, never a strobe. */
.quiet-passage{position:fixed;inset:0;z-index:40;pointer-events:none;isolation:isolate;outline:none;touch-action:none}
.quiet-passage.locked{pointer-events:none}.quiet-curtain{position:absolute;inset:0;background:#020507;pointer-events:none}
.quiet-beacon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border:0;background:transparent;padding:0;border-radius:50%;pointer-events:auto}
.quiet-beacon:after{content:'';position:absolute;left:26px;top:26px;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 6px 2px #fff7,0 0 18px 3px #d3e7e333}
.quiet-beacon:focus-visible{outline:1px solid #d8ccab70;outline-offset:8px}
.quiet-beacon-name{position:absolute;top:48px;left:50%;transform:translateX(-50%);font:17px/1.5 Georgia,serif;letter-spacing:.16em;color:#dfe9e5;white-space:nowrap;text-shadow:0 0 16px #b6e8ed66}
.quiet-proton-note{position:absolute;top:89px;left:50%;transform:translateX(-50%);width:min(300px,84vw);font:italic 15px/1.7 Georgia,serif;color:#a3b5b8;text-align:center;letter-spacing:.02em}
.quiet-proton-note small{display:block;margin-top:8px;font:12px/1.7 Georgia,serif;color:#7e9599}
.quiet-proton-note[hidden]{display:none}
.quiet-eye{position:absolute;left:50%;top:50%;width:min(940px,94vw,154dvh);aspect-ratio:660/340;overflow:hidden;pointer-events:none;opacity:0;filter:saturate(.3) drop-shadow(0 0 14px #c8d5cc33);will-change:opacity,clip-path,transform}
/* Presentation crop of the existing alpha asset: only its almond-shaped eye.
   The raster remains unchanged; no triangle, gift or generated checkerboard is rendered. */
.quiet-eye img{position:absolute;max-width:none;width:190%;height:auto;left:-45.45%;top:-166.18%;clip-path:polygon(23.9% 58.6%,27% 55.8%,30.5% 53.2%,34.5% 50.5%,38.5% 48.3%,42.5% 46.4%,46.5% 45.4%,50% 45.05%,54% 45.5%,58% 46.7%,62% 48.5%,66% 50.9%,70% 53.7%,73.5% 56.5%,76.1% 58.6%,73% 61.3%,69% 64%,65% 66.6%,61% 68.8%,57% 70.5%,53% 71.4%,50% 71.6%,46% 71.1%,42% 69.8%,38% 67.7%,34% 65.3%,30% 62.8%,26.5% 60.4%)}
.quiet-wash{position:absolute;left:50%;top:55%;width:150vmax;height:150vmax;border-radius:50%;background:radial-gradient(circle,#fff 0%,#fffef7 14%,#e9f4f2eb 24%,#b4d6d777 39%,transparent 65%);opacity:0;pointer-events:none;will-change:opacity,transform}
.node[data-id=author] .node-dot{width:24px;height:24px;left:10px;top:10px;background:none!important;box-shadow:none;font:24px/24px Georgia,serif;color:#f2dfb0;text-shadow:0 0 8px #f8e0a8,0 0 28px #d0c59577}.node[data-id=author] .node-dot:before{display:none}.node[data-id=author] .node-label{top:39px;font-size:14px;color:#d9d7c1}
.quiet-depth .zoom-controls{position:fixed;z-index:60;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translateX(-50%);background:#04090dd9;border-color:#5e737b66}
body.quiet-depth{touch-action:none}
/* The curtain attenuates the complete scene continuously. Do not hide labels
   at the first 1% of darkness: that created the sudden blackout. */
.quiet-depth .nodes,.quiet-depth .destination,.quiet-depth .topbar,.quiet-depth .atlas-route-heading,.quiet-depth .atlas-pages,.quiet-depth .atlas-horizon-link,.quiet-depth .map-controls>.view-switch,.quiet-depth .map-controls>.gesture-switch{pointer-events:none}
@media(max-width:600px){.quiet-eye{width:min(96vw,154dvh)}.node[data-id=author] .node-label{font-size:12px;white-space:normal;min-width:110px;max-width:130px;text-align:center}}
@media(prefers-reduced-motion:reduce){.quiet-eye,.quiet-wash{will-change:auto}}
