/* Fixed overlay: the underlying document keeps its original geometry. */
.shc-opening{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#0a213d;opacity:1;transition:opacity 400ms cubic-bezier(.22,.61,.36,1);overscroll-behavior:contain}
.shc-opening svg{width:clamp(220px,30vw,390px);height:auto;overflow:visible}
.shc-opening-piece{animation:shc-build 490ms cubic-bezier(.22,.61,.36,1) var(--delay) both;transform-box:fill-box;transform-origin:center bottom}
@keyframes shc-build{from{opacity:0;clip-path:inset(100% 0 0);transform:translateY(8px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}
.shc-opening-skip{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));right:clamp(24px,4vw,64px);border:0;border-bottom:1px solid rgba(224,170,32,.45);padding:8px 0;background:transparent;color:#c5cdd5;font:400 11px/1.4 var(--mono,monospace);letter-spacing:.09em;cursor:pointer}
.shc-opening-skip:hover,.shc-opening-skip:focus-visible{color:#e0aa20;outline:2px solid #e0aa20;outline-offset:6px}
.shc-opening.is-leaving{opacity:0;pointer-events:none}
@media(max-width:600px){.shc-opening svg{width:64vw;max-width:300px}}
@media(prefers-reduced-motion:reduce){.shc-opening{display:none}.shc-opening-piece{animation:none}}
@media print{.shc-opening{display:none}}