/* THE 666 PROTOCOL V3.7 — Living Mirror / Archive: responsive real CSS animation */
.archive .sigils div{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 52%,#accfff16,transparent 65%),#050d16;animation:v37sigilBreath 4.8s ease-in-out infinite alternate;animation-delay:calc(var(--n,0) * .5s)}
.archive .sigils div:nth-child(1){--n:0}.archive .sigils div:nth-child(2){--n:1}.archive .sigils div:nth-child(3){--n:2}.archive .sigils div:nth-child(4){--n:3}.archive .sigils div:nth-child(5){--n:4}.archive .sigils div:nth-child(6){--n:5}
.archive .sigils div::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#e4f5ff00 38%,#e4f5ff80 50%,#e4f5ff00 60%,transparent 80%);transform:translateX(-160%);animation:v37sigilShine 9s ease-in-out infinite;animation-delay:calc(var(--n,0) * .8s);mix-blend-mode:screen;pointer-events:none}
.archive h2{animation:v37archiveTitle 5s ease-in-out infinite alternate}
@keyframes v37sigilBreath{0%{border-color:#68849b55;text-shadow:0 0 10px #a3d3ff88;box-shadow:inset 0 0 8px #c3e6ff0c}100%{border-color:#b7dfffbb;text-shadow:0 0 22px #d9efff,0 0 35px #9bd1ff99;box-shadow:0 0 16px #a7d5ff33,inset 0 0 25px #c3e6ff16}}
@keyframes v37sigilShine{0%,18%{transform:translateX(-160%)}35%,100%{transform:translateX(160%)}}
@keyframes v37archiveTitle{to{text-shadow:0 0 16px #d2e9ff77,0 0 28px #b6dfff30}}
/* Only questions 11–30: mirror is an actual responsive visual layer, not baked-in text */
#game.in-chamber{background:radial-gradient(ellipse at 50% 31%,#142c44,#060b15 63%,#020408 100%)}
#game.in-chamber .questionArea{max-width:790px;margin:26px auto 0}
#game.in-chamber .chamber-visual{display:block;position:relative;max-width:760px;height:clamp(190px,47vw,385px);overflow:hidden;margin:0 auto 20px;border:1px solid #8fc9f655;border-radius:10px;background:#020914;box-shadow:0 0 40px #83bfff23,inset 0 0 30px #000;isolation:isolate}
#game.in-chamber .v37-mirror-art{position:absolute;inset:0;background:url('living-mirror-art.webp') center 46% / cover no-repeat;filter:saturate(1.08) brightness(.93);animation:v37mirrorBreathe 5s ease-in-out infinite alternate}
#game.in-chamber .v37-mirror-aura{position:absolute;left:24%;top:4%;width:52%;height:91%;border-radius:50%;background:radial-gradient(ellipse at center,#e1f6ff30 2%,#83caff19 40%,transparent 68%);box-shadow:0 0 35px 7px #b9e4ff33,inset 0 0 55px #d9f5ff29;mix-blend-mode:screen;animation:v37aura 3s ease-in-out infinite alternate}
#game.in-chamber .v37-mirror-ripple,#game.in-chamber .v37-mirror-ripple::before,#game.in-chamber .v37-mirror-ripple::after{position:absolute;content:"";border:1.5px solid #d4f0ff8f;border-radius:50%;box-shadow:0 0 15px #a2dfff88;pointer-events:none}
#game.in-chamber .v37-mirror-ripple{left:32%;top:12%;width:36%;height:78%;animation:v37ring 3.6s ease-out infinite}
#game.in-chamber .v37-mirror-ripple::before{inset:0;animation:v37ring 3.6s ease-out 1.2s infinite}
#game.in-chamber .v37-mirror-ripple::after{inset:0;animation:v37ring 3.6s ease-out 2.4s infinite}
#game.in-chamber .v37-mirror-sparks{position:absolute;inset:0;background:radial-gradient(2px 2px at 28% 28%,#fff 80%,transparent),radial-gradient(2px 2px at 72% 47%,#e4f6ff 80%,transparent),radial-gradient(3px 3px at 49% 18%,#d3ecff 80%,transparent),radial-gradient(2px 2px at 41% 79%,#fff 80%,transparent);background-size:100% 100%;filter:drop-shadow(0 0 8px #c4eaff);animation:v37spark 3s ease-in-out infinite alternate}
#game.in-chamber[data-mirror-stage="1"] .v37-mirror-aura{filter:hue-rotate(38deg)}
#game.in-chamber[data-mirror-stage="2"] .v37-mirror-aura{filter:hue-rotate(85deg)}
#game.in-chamber[data-mirror-stage="3"] .v37-mirror-aura{filter:brightness(1.6);animation-duration:1.4s}
#game.in-chamber .glyph{display:none}
#game.in-chamber #chapter{margin-top:16px}
#game.in-chamber #question{font-size:clamp(21px,4.2vw,32px);line-height:1.36;margin:15px auto 26px;max-width:690px}
#game.in-chamber #answers{gap:12px;max-width:720px;margin:auto}
#game.in-chamber #answers>button{position:relative;min-height:64px;border:1px solid #a3c9e580;border-radius:9px;padding:18px 22px 18px 63px;font-size:clamp(13px,2.6vw,16px);line-height:1.45;background:linear-gradient(110deg,#0a1524ef,#040b15ef);box-shadow:inset 0 0 14px #98d2ff11,0 0 10px #9acbff17;overflow:hidden}
#game.in-chamber #answers>button::before{content:'✧';position:absolute;left:19px;top:50%;transform:translateY(-50%);font-size:24px;color:#a9ddff;text-shadow:0 0 14px #b8e8ff}
#game.in-chamber #answers>button:nth-child(2){border-color:#d4a66d88}#game.in-chamber #answers>button:nth-child(2)::before{content:'⚿';color:#ffc477;text-shadow:0 0 12px #ffc477}
#game.in-chamber #answers>button:nth-child(3){border-color:#b89aff88}#game.in-chamber #answers>button:nth-child(3)::before{content:'◈';color:#c1a7ff;text-shadow:0 0 12px #aa8cff}
#game.in-chamber #answers>button:nth-child(4){border-color:#d5e5f088}#game.in-chamber #answers>button:nth-child(4)::before{content:'⌛';color:#e1f1ff;text-shadow:0 0 12px #e1f1ff}
#game.in-chamber #answers>button:active{transform:scale(.985)}
#game.in-chamber .v37-react .v37-mirror-aura{animation:v37impact .9s ease-out 1!important}
#game.in-chamber .v37-react .v37-mirror-art{filter:brightness(1.7) saturate(1.3)}
@keyframes v37mirrorBreathe{to{transform:scale(1.045);filter:saturate(1.2) brightness(1.16)}}
@keyframes v37aura{from{opacity:.42;transform:scale(.92)}to{opacity:1;transform:scale(1.13)}}
@keyframes v37ring{0%{opacity:0;transform:scale(.72)}25%{opacity:.72}100%{opacity:0;transform:scale(1.45)}}
@keyframes v37spark{to{opacity:.35;transform:translateY(-8px)}}
@keyframes v37impact{0%{opacity:.5;transform:scale(.85)}30%{opacity:1;transform:scale(1.3);box-shadow:0 0 90px 20px #e5faffaa}100%{opacity:.5;transform:scale(1)}}
@media(max-width:650px){#game.in-chamber{padding:68px 16px 42px}#game.in-chamber .questionArea{margin-top:20px}#game.in-chamber .chamber-visual{height:clamp(180px,51vw,280px);margin-bottom:18px}#game.in-chamber #answers>button{padding:16px 12px 16px 50px;min-height:60px}#game.in-chamber #answers>button::before{left:13px;font-size:21px}#game.in-chamber .gameTop{font-size:9px}#game.in-chamber #question{margin:13px auto 24px}}
@media(prefers-reduced-motion:reduce){.archive .sigils div,.archive .sigils div::after,.archive h2,#game.in-chamber .v37-mirror-art,#game.in-chamber .v37-mirror-aura,#game.in-chamber .v37-mirror-ripple,#game.in-chamber .v37-mirror-ripple::before,#game.in-chamber .v37-mirror-ripple::after,#game.in-chamber .v37-mirror-sparks{animation:none!important}}