
/* V7.4 THE SIXTH SHADOW: real interactive spotlight and separate responsive shadow layer */
.shadow74{color:#f1e4ff;text-align:center;padding:8px 0 28px}.shadow74-eyebrow{font:11px Georgia,serif;letter-spacing:.2em;color:#cdb2ed}.shadow74 h3{font:clamp(25px,5.4vw,42px) Georgia,serif;letter-spacing:.08em;margin:13px 0;color:#f1d6ff;text-shadow:0 0 17px #8d3cc8}.shadow74-intro{font:clamp(16px,3.2vw,21px)/1.45 Georgia,serif;max-width:650px;margin:0 auto 18px;color:#dfcbe9}.shadow74-stage{position:relative;isolation:isolate;overflow:hidden;border:1px solid #9770ba;border-radius:18px;aspect-ratio:1.16;background:radial-gradient(ellipse at var(--light,50%) 18%,#6b3298 0%,#2c173f 32%,#0b0715 82%);box-shadow:0 0 28px #74349b55,inset 0 0 30px #030105}.shadow74-architecture{position:absolute;inset:0;background:linear-gradient(180deg,#11091c30 0%,#170b26 65%,#05020c 100%),repeating-linear-gradient(90deg,transparent 0 16%,#c29de50b 16.2% 16.6%);pointer-events:none}.shadow74-gallery{position:absolute;inset:5% 0 34%;background:url('sixth-shadow-gallery.webp') center/100% 100% no-repeat;opacity:.95;filter:contrast(1.12) saturate(1.05);pointer-events:none}.shadow74-gallery:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10071f 0%,transparent 37%)}.shadow74-lamp{position:absolute;z-index:5;top:3%;left:var(--light,50%);transform:translateX(-50%);font-size:clamp(25px,6vw,52px);color:#fff;filter:drop-shadow(0 0 15px #e2a4ff);transition:left .12s}.shadow74-cards{position:absolute;z-index:4;inset:25% 1% 5%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1%}.shadow74-card{min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 1px 3%;background:linear-gradient(180deg,transparent 0%,#10071933 40%,#170c26c9 68%,#0c0714eb 100%);border:1px solid #d4b4ec55;border-radius:46% 46% 9px 9px;color:#fff;cursor:pointer;box-shadow:inset 0 0 15px #ab6bca1a;overflow:hidden}.shadow74-card.selected{border:2px solid #e6baff;box-shadow:0 0 17px #bc5aff,inset 0 0 18px #9c4be077}.shadow74-card.correct{border-color:#fff5bb;box-shadow:0 0 25px #f5d3ff}.shadow74-card.incorrect{animation:shadow74shake .4s}.shadow74-arch{position:absolute;inset:0 0 40%;background:linear-gradient(90deg,#110a1a8a,transparent 28%,transparent 72%,#110a1a8a);pointer-events:none}.shadow74-number{font:clamp(12px,2.6vw,23px) Georgia,serif;text-shadow:0 0 10px #fff;z-index:2}.shadow74-relic{font:clamp(18px,4.6vw,40px) Georgia,serif;color:#f6dcff;text-shadow:0 0 12px #d78dff;z-index:2;margin-top:3px}.shadow74-shadow{font:clamp(24px,5.5vw,52px) Georgia,serif;display:block;color:#030107;text-shadow:0 0 5px #b16aff,0 0 13px #c776ff;filter:drop-shadow(0 0 5px #b65bff);transform:translateX(var(--shadow-offset,0px)) skewX(var(--shadow-angle,0deg)) scaleY(1.1);transition:transform .12s;z-index:2;margin-top:7px}.shadow74-lightbox{border:1px solid #9d73c0;background:#1b0e2b;border-radius:14px;margin:14px auto 10px;padding:12px 16px;max-width:570px}.shadow74-lightbox label{display:block;font:13px Georgia,serif;letter-spacing:.12em;margin-bottom:10px}.shadow74-lightbox input{display:block;width:100%;accent-color:#be71ff;cursor:pointer;touch-action:pan-y}.shadow74-scale{display:flex;justify-content:space-between;color:#ad92c2;font-size:10px;letter-spacing:.15em}.shadow74-explain{min-height:60px;margin:12px auto;color:#e5cafa;line-height:1.5;max-width:590px}.shadow74-confirm,.shadow74-hint,.shadow74-solve{display:block;width:min(100%,470px);margin:9px auto;padding:14px;border:1px solid #b988dd;border-radius:12px;color:#fff;font:17px Georgia,serif;letter-spacing:.08em;background:linear-gradient(90deg,#3b1a5c,#7d369e,#3b1a5c);box-shadow:0 0 16px #a544e344;cursor:pointer}.shadow74-confirm:disabled{opacity:.5;cursor:default}.shadow74-hint,.shadow74-solve{background:#1d102d;font-size:14px}.shadow74.victory .shadow74-stage{box-shadow:0 0 40px #ce7dff}.shadow74.victory .shadow74-lamp{animation:shadow74pulse .5s infinite alternate}@keyframes shadow74pulse{to{filter:drop-shadow(0 0 35px white);transform:translateX(-50%) scale(1.3)}}@keyframes shadow74shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media(max-width:480px){.shadow74-stage{aspect-ratio:.92}.shadow74-gallery{inset:11% 0 37%}.shadow74-cards{inset:31% 1% 5%}.shadow74-card{border-radius:40% 40% 6px 6px}.shadow74-explain{font-size:14px}}

/* V7.5 — guardian figures visible in full, without opaque overlays */
.shadow74-stage{aspect-ratio:1.45;background:radial-gradient(ellipse at var(--light,50%) 15%,#643186 0%,#20102f 46%,#080511 100%)}
.shadow74-gallery{inset:9% 1.2% 29%;background-image:url('sixth-shadow-gallery.webp');background-size:100% 100%;opacity:1;filter:contrast(1.16) saturate(1.14) brightness(1.13);z-index:2}
.shadow74-gallery:after{display:none}
.shadow74-cards{inset:9% 1.2% 3%;z-index:4;gap:0}
.shadow74-card{background:transparent;border:1px solid transparent;border-radius:8px;padding:0 1px 1%;justify-content:flex-end;overflow:visible;box-shadow:none}
.shadow74-card.selected{border:1px solid #efc7ff;background:linear-gradient(180deg,transparent 60%,#803bb333);box-shadow:inset 0 0 14px #bd6aff66,0 0 12px #ad54f777}
.shadow74-arch{display:none}
.shadow74-number{background:#180c29e8;border:1px solid #bc8be0;border-radius:6px;padding:2px 7px;font-size:clamp(11px,2.3vw,20px)}
.shadow74-relic{font-size:clamp(13px,3vw,26px);margin-top:2px}
.shadow74-shadow{font-size:clamp(18px,4vw,36px);margin-top:2px}
.shadow74-lamp{z-index:6;top:0}
@media(max-width:480px){.shadow74-stage{aspect-ratio:1.03}.shadow74-gallery{inset:13% 1% 28%;background-size:100% 100%}.shadow74-cards{inset:13% 1% 3%}.shadow74-card{border-radius:5px}.shadow74-number{padding:1px 4px}.shadow74-shadow{font-size:20px}}
