/* V6.6 — responsive archive framing and one animated flame button */
.archive-entrance{overflow:hidden;padding-bottom:clamp(24px,4vh,50px)}
.archive-stage{max-width:1080px;gap:10px}
.archive-art{width:min(100%,950px);border:1px solid #68517c;background:#080610;box-shadow:0 0 35px #8e51bd26;overflow:visible}
.archive-art img{width:100%;height:auto;max-height:none;object-fit:contain}
.archive-enter{position:relative;isolation:isolate;min-height:58px;margin:14px 0 20px;border:1px solid #e0baff;border-radius:8px;padding:17px 38px;background:linear-gradient(110deg,#1b102b,#4e246f 48%,#1b102b);font-family:Georgia,serif;font-size:clamp(14px,2vw,19px);letter-spacing:.16em;text-shadow:0 0 12px #e5bdff;box-shadow:0 0 18px #a34dff7a,inset 0 0 16px #9e5cff38;animation:archiveFlameGlow 2.6s ease-in-out infinite;transition:transform .2s,filter .2s,box-shadow .2s}
.archive-enter::before,.archive-enter::after{content:'♨';position:absolute;top:50%;transform:translateY(-55%);font-size:29px;color:#d6a1ff;text-shadow:0 0 9px #d39aff,0 0 22px #9c46ff;animation:archiveFlicker 1.4s ease-in-out infinite alternate;pointer-events:none}
.archive-enter::before{left:8px}.archive-enter::after{right:8px;animation-delay:.55s}
.archive-enter:hover,.archive-enter:focus-visible{filter:brightness(1.3);box-shadow:0 0 38px #b875ff,inset 0 0 25px #a666ff}
.archive-enter:active,.archive-enter.archive-igniting{transform:scale(.975);filter:brightness(1.9);box-shadow:0 0 65px 17px #bb6dff,0 0 120px #a84aff,inset 0 0 35px #e0b4ff;background:linear-gradient(110deg,#6b389c,#b67af2,#6b389c)}
.archive-enter.archive-igniting::before,.archive-enter.archive-igniting::after{color:white;text-shadow:0 0 25px white,0 0 45px #c16dff}
@keyframes archiveFlameGlow{0%,100%{box-shadow:0 0 14px #9044de80,inset 0 0 12px #9550df3b}50%{box-shadow:0 0 28px #ad6cffbd,inset 0 0 24px #b77aff66}}
@keyframes archiveFlicker{from{opacity:.6;transform:translateY(-55%) scale(.83) rotate(-7deg)}to{opacity:1;transform:translateY(-60%) scale(1.15) rotate(7deg)}}
@media(max-width:650px){.archive-entrance{padding:14px 14px 35px}.archive-stage{gap:11px}.archive-heading{font-size:clamp(30px,8vw,39px)}.archive-whisper{font-size:14px;max-width:350px}.archive-art{width:100%;max-width:460px}.archive-art img{max-height:none;width:100%}.archive-enter{width:min(100%,390px);margin-top:14px;padding:17px 30px;font-size:clamp(12px,3.4vw,16px)}.archive-enter::before,.archive-enter::after{font-size:23px}.archive-enter::before{left:6px}.archive-enter::after{right:6px}}
@media(prefers-reduced-motion:reduce){.archive-enter,.archive-enter::before,.archive-enter::after{animation:none}}