/* The interaction layer shares the painting's intrinsic 2:1 canvas. */
.crypt-art-stage{position:relative;width:100%;line-height:0;isolation:isolate}
.crypt-art-stage>img,.crypt-art-stage>video{display:block;width:100%;height:auto;max-width:none}
.crypt-art-only .crypt-symbol{position:absolute;z-index:2;left:var(--symbol-x);top:var(--symbol-y);width:max(44px,var(--symbol-width));height:max(44px,var(--symbol-height));transform:translate(-50%,-50%);padding:0;margin:0;appearance:none;border:0;border-radius:8px;background:transparent;box-shadow:none;color:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.crypt-art-only .crypt-symbol:hover,.crypt-art-only .crypt-symbol:active{background:transparent;box-shadow:none}
.crypt-art-only .crypt-symbol:focus-visible{outline:2px solid #f2efae;outline-offset:4px}
.crypt-symbol-glows{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.crypt-symbol-glows g{fill:none;stroke:#fff0ab;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #e7ff9a) drop-shadow(0 0 12px #d5d372);opacity:0;transition:opacity .32s ease}
.crypt-symbol[data-symbol="waves"]:is(:hover,:focus-visible,[aria-pressed="true"])~.crypt-symbol-glows [data-glow="waves"],
.crypt-symbol[data-symbol="hourglass"]:is(:hover,:focus-visible,[aria-pressed="true"])~.crypt-symbol-glows [data-glow="hourglass"],
.crypt-symbol[data-symbol="echo"]:is(:hover,:focus-visible,[aria-pressed="true"])~.crypt-symbol-glows [data-glow="echo"],
.crypt-symbol[data-symbol="infinity"]:is(:hover,:focus-visible,[aria-pressed="true"])~.crypt-symbol-glows [data-glow="infinity"]{opacity:.92}
@media(prefers-reduced-motion:reduce){.crypt-symbol-glows g{transition:none}}

/* The shared clue-scroll stylesheet supplies the small painted response scroll. */
.crypt-feedback{pointer-events:none}

/* The three gold diamonds share the painting's coordinate system. */
.crypt-art-stage{container-type:inline-size}.crypt-diamond{position:absolute;left:var(--diamond-x);top:32.95%;transform:translate(-50%,-50%);width:max(44px,4.2%);height:max(44px,10%);z-index:4;display:grid;place-items:center;padding:0;border:0;background:transparent;touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent}.crypt-diamond::before{content:"";position:absolute;width:2.4cqw;height:3cqw;background:#080b08;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);opacity:0;transition:opacity .1s}.crypt-diamond svg{position:relative;display:block;width:2.4cqw;height:3cqw;overflow:visible;pointer-events:none;transform-origin:center;transition:transform .24s cubic-bezier(.2,.9,.3,1.3),filter .18s;filter:drop-shadow(0 2px 0 #191b12)}.crypt-diamond:active::before,.crypt-diamond.stone-click::before{opacity:.8}.crypt-diamond:active svg{transform:translateY(2px) scale(.92);filter:brightness(.82);transition-duration:.07s}.crypt-diamond.stone-click svg{animation:stone-press-click .28s ease-out}.crypt-diamond:focus-visible{outline:2px solid #ffe4a0;outline-offset:1px;border-radius:5px}@keyframes stone-press-click{0%,35%{transform:translateY(2px) scale(.92);filter:brightness(.82)}100%{transform:translateY(0) scale(1);filter:brightness(1)}}@media(prefers-reduced-motion:reduce){.crypt-diamond svg{transition:none}.crypt-diamond.stone-click svg{animation:none;filter:brightness(.82)}}

.crypt-art-stage[data-waves-unlocked="true"] .crypt-symbol-glows [data-glow="waves"]{opacity:1;stroke:#ffe46b;filter:drop-shadow(0 0 5px #fff29a) drop-shadow(0 0 12px #ffe04c)}.waves-unlock-code{position:absolute;z-index:3;left:20.9962%;top:21%;transform:translate(-50%,-50%);color:#fff2a5;font:700 clamp(13px,2.5vw,38px)/1.15 Georgia,serif;white-space:nowrap;text-shadow:0 0 5px #fff3a4,0 0 13px #ffd135,0 0 23px #e5af1599;pointer-events:none}

.wave-magic-burst{position:absolute;left:20.9962%;top:21%;z-index:5;pointer-events:none;color:#fff2ac}.wave-magic-ring{position:absolute;width:70px;height:70px;border:3px solid #ffe795;border-radius:50%;box-shadow:0 0 25px #ffda49,inset 0 0 20px #fff4ba}.wave-magic-star{position:absolute;font:normal clamp(17px,2.2vw,32px)/1 Georgia,serif;text-shadow:0 0 9px #fff8d7,0 0 24px #ffd344}