/* Additive upgrade: the original layout, typography and card sizing stay intact. */
.hero{overflow:clip}
.aura .smoke{inset:-9px;transform:none;border-radius:10%;background:radial-gradient(ellipse at 3% 18%,var(--a),transparent 43%),radial-gradient(ellipse at 97% 24%,var(--b),transparent 43%),radial-gradient(ellipse at 8% 84%,var(--b),transparent 44%),radial-gradient(ellipse at 93% 82%,var(--a),transparent 44%),linear-gradient(0deg,var(--a),var(--b));filter:blur(14px);opacity:.72;animation-name:surround-smoke;animation-duration:5.8s}
.aura .smoke:after{inset:-3px;border-radius:28% 31% 26% 32%;transform:none;background:radial-gradient(ellipse at 20% 2%,var(--a),transparent 45%),radial-gradient(ellipse at 83% 97%,var(--a),transparent 46%),radial-gradient(ellipse at 2% 63%,var(--b),transparent 43%),radial-gradient(ellipse at 98% 48%,var(--b),transparent 43%);filter:blur(12px);opacity:.68}
.aura.rainbow .smoke{background:conic-gradient(from 30deg,#c97dff,#ff8292,#ffd877,#7deacd,#70baff,#c97dff);animation-name:rainbow-surround}
.aura.gold .smoke{filter:blur(12px);animation-duration:4.6s}.aura.red .smoke{animation-name:ember-smoke;animation-duration:4s}.aura.pink .smoke{filter:blur(18px);animation-duration:8s}.aura.blue .smoke{animation-duration:6.5s}.aura.silver .smoke{opacity:.58;filter:blur(15px)}
.gallery-grid .aura .smoke{opacity:.48}.gallery-grid .art-card:hover .smoke,.art-card:hover .smoke{opacity:.9;inset:-11px}.unopened.aura .smoke{opacity:.2}.detail-art.aura .smoke{opacity:.84}.art-card:not(.in-view) .smoke,.art-card:not(.in-view) .sparks{animation-play-state:paused}.card-front[aria-hidden=true] .card-caption{visibility:hidden}.individual-image img{object-fit:contain}.detail-info h1{overflow-wrap:anywhere}
.sr-ring{position:absolute;inset:-15px;border:2px solid var(--a);border-radius:12%;box-shadow:0 0 20px var(--a),inset 0 0 16px var(--a);animation:sr-ring 1s ease-out both;pointer-events:none;z-index:5}.sr-reveal{z-index:8;animation:sr-lift 1s ease-out both}.sr-reveal .smoke{opacity:1!important;filter:blur(9px)!important;animation:sr-smoke 1s ease-out!important}.sr-reveal .sparks{opacity:1;inset:-28px;background-size:52% 48%;animation:particle-burst 1s ease-out!important}
.ssr-stage{position:fixed;inset:0;z-index:100;background:#03040df0;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;pointer-events:none;animation:stage-in .25s both}.ssr-card{position:relative;width:clamp(170px,25vw,310px);aspect-ratio:3/4;isolation:isolate;z-index:2;animation:ssr-arrive 1.7s cubic-bezier(.16,.9,.24,1) both}.ssr-image{position:absolute;inset:0;overflow:hidden;border:1px solid #fffffc6b;border-radius:4px;box-shadow:0 0 35px #f5baff8c}.ssr-image img{width:100%;height:100%;object-fit:contain;background:#080711}.ssr-card .smoke{animation-play-state:running;opacity:1;inset:-24px;filter:blur(23px);background:conic-gradient(#c182ff,#fff1a4,#7ceaff,#f498ff,#c182ff)}.ssr-card .sparks{animation-play-state:running;background-size:56% 60%}.ssr-rays{position:absolute;inset:-70%;background:repeating-conic-gradient(from 0deg,#e7b3ff0d 0deg,#ffedbc37 1.5deg,transparent 4deg,transparent 17deg);mask-image:radial-gradient(circle,#000,transparent 67%);animation:ssr-rays 2.4s ease-out both}.ssr-wave{position:absolute;width:180px;aspect-ratio:1;border:2px solid #ffead9;border-radius:50%;box-shadow:0 0 30px #c084fc,inset 0 0 30px #e5b0ff;animation:ssr-wave 1.5s .28s ease-out both}.ssr-flash{position:absolute;inset:0;background:radial-gradient(ellipse,#fff4d0b0,#dbb3ff35 35%,transparent 75%);animation:ssr-flash 1s both}.ssr-particles{position:absolute;inset:50%;z-index:3}.ssr-particles i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffe9c7;box-shadow:0 0 9px #ffc4ff;animation:ssr-particle 1.7s var(--delay) ease-out both;transform-origin:center}.ssr-caption{position:absolute;bottom:8%;text-align:center;display:flex;flex-direction:column;gap:13px;animation:stage-in .5s .5s both}.ssr-caption>span{font:400 18px 'Cormorant Garamond',Georgia,serif;letter-spacing:5px;color:#f7dfa4;text-shadow:0 0 18px #e0a5ff}.ssr-caption small{font-size:12px;color:#bbaaca;letter-spacing:2px}.ssr-stage.returning .ssr-card{animation:ssr-return .6s cubic-bezier(.3,.7,.2,1) both}.ssr-stage.returning .ssr-rays,.ssr-stage.returning .ssr-caption,.ssr-stage.returning .ssr-particles{opacity:0;transition:opacity .3s}.ssr-stage.returning{background:transparent;transition:background .55s}
.save-image{min-height:46px;font-size:14px;background:linear-gradient(120deg,#c8aeff13,#a68be307);border-color:#c7a3ed55;box-shadow:inset 0 1px #ffffff10,0 0 18px #9f71c211;backdrop-filter:blur(12px)}.save-image:hover{border-color:#dab2ff99;box-shadow:0 0 25px #bd8cec25}.lightbox-art{position:relative;isolation:isolate}.lightbox-image{height:100%;width:100%;position:relative}.lightbox-art>.smoke{opacity:.85;animation-play-state:running}#lightbox-art{height:min(78vh,1000px)}#lightbox-save{display:flex;margin:18px auto 0;min-width:200px}.usage-guide{max-width:760px;margin:20px auto 35px;padding:27px 25px;text-align:center;border-top:1px solid #b99ed021}.usage-guide h2{font-family:'Cormorant Garamond','Yu Gothic',serif;font-size:19px;font-weight:400;letter-spacing:1px;margin:17px 0}.usage-guide p{font-size:13px;line-height:2.1;color:#a49aac}.ad-space{border:1px solid #bea4dc25;background:linear-gradient(120deg,#a787be08,#8bb2d703);box-shadow:inset 0 1px #ffffff05;border-radius:4px;min-height:100px;justify-content:center}.ad-space>span:first-child{font-size:10px;letter-spacing:2px;color:#8d809c}.cards>.ad-space{grid-column:1/-1;width:100%;max-width:none;margin:12px 0}.side-ad{display:none;position:fixed;top:180px;width:135px;height:min(580px,65vh);border:1px solid #baa0d025;background:linear-gradient(150deg,#b290d509,#99b5dd03);border-radius:4px;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#8d829c;z-index:0;pointer-events:none}.side-ad>span{font-size:9px;letter-spacing:1.4px}.side-ad>small{font-size:11px;color:#655b74;letter-spacing:2px}.side-ad-right{right:max(16px,calc((100vw - 1450px)/2 - 155px))}.side-ad-left{left:max(16px,calc((100vw - 1450px)/2 - 155px))}.drawing .ad-space,.drawing .side-ad,.opening .ad-space,.opening .side-ad,.effect-active .ad-space,.effect-active .side-ad{visibility:hidden}.collection-warning{padding:15px;text-align:center;color:#bda9d2;font-size:13px}.admin-link{font-size:12px;color:#bda6d5}footer{flex-wrap:wrap}
@keyframes surround-smoke{0%{transform:scale(1);border-radius:14% 18% 15% 20%}100%{transform:scale(1.025);border-radius:22% 13% 21% 14%}}
@keyframes rainbow-surround{to{transform:scale(1.025);filter:blur(16px) hue-rotate(65deg)}}@keyframes ember-smoke{to{transform:scale(1.025,1.035);border-radius:16% 21% 13% 17%}}
@keyframes sr-ring{0%{opacity:0;transform:scale(.9)}25%{opacity:1}100%{opacity:0;transform:scale(1.17)}}@keyframes sr-lift{35%{transform:translateY(-10px) scale(1.045)}100%{transform:none}}@keyframes sr-smoke{35%{transform:scale(1.15);filter:blur(10px)}100%{transform:scale(1)}}
@keyframes stage-in{from{opacity:0}to{opacity:1}}@keyframes ssr-arrive{0%{opacity:0;transform:scale(.2) translateY(40px);filter:brightness(2)}25%{opacity:1;transform:scale(1.06);filter:brightness(1.5)}45%,100%{opacity:1;transform:scale(1);filter:brightness(1)}}@keyframes ssr-rays{from{opacity:0;transform:rotate(-12deg) scale(.7)}40%{opacity:1}to{opacity:.5;transform:rotate(17deg) scale(1.05)}}@keyframes ssr-wave{from{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(7)}}@keyframes ssr-flash{0%{opacity:0}28%{opacity:.85}100%{opacity:0}}@keyframes ssr-particle{0%{opacity:0;transform:rotate(var(--angle)) translateX(0)}20%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateX(var(--distance)) scale(.3)}}@keyframes ssr-return{from{transform:none;opacity:1}to{transform:translate(var(--return-x),var(--return-y)) scale(var(--return-scale));opacity:.1}}

@media(max-width:600px){.aura .smoke{inset:-7px;filter:blur(10px)!important}.aura .smoke:after{inset:-2px;filter:blur(8px)}.ssr-card{width:min(55vw,240px)}.ssr-card .smoke{inset:-15px;filter:blur(16px)!important}.ssr-rays{inset:-40%}.ssr-caption{bottom:12%}.ssr-caption>span{font-size:15px;letter-spacing:3px}.ssr-caption small{font-size:11px}.usage-guide{padding:24px 6%;margin:10px 0 25px}.usage-guide p{font-size:12px;line-height:2}.ad-space{min-height:90px}.save-image{min-height:48px}.lightbox-art>.smoke{filter:blur(12px)!important}.side-ad{display:none!important}}
@media(prefers-reduced-motion:reduce){.ssr-stage,.ssr-card,.sr-reveal{animation:none!important}.ssr-rays,.ssr-wave,.ssr-flash,.ssr-particles,.sr-ring{display:none}.ssr-caption{opacity:1}.ssr-card{opacity:1}.ssr-stage.returning .ssr-card{animation:none!important}.aura .smoke{transform:none!important}}

.collection-taxonomy{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:0 0 24px}.collection-taxonomy label{display:grid;gap:7px;font-size:14px;color:#aaa1b9;flex:0 1 240px;min-width:0}.collection-taxonomy select{width:100%;min-width:0;padding:10px 12px;background:#10111f;color:#e2d2f7;border:1px solid #a585c344;border-radius:3px;font:inherit}.collection-taxonomy select:focus-visible{outline:2px solid #d9c8ff;outline-offset:3px}.search input{width:210px}.card-caption small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-info .character-name{font-size:16px;color:#d0bfdc;margin:12px 0}.related-navigation{display:flex;height:auto;flex-wrap:wrap;gap:12px 20px;margin:25px 0 0;align-items:center}.related-navigation a{height:auto;font-size:14px;line-height:1.7;color:#c3b1d7}.related-navigation .subtle-button{flex-basis:100%;max-width:230px;min-height:44px}.related-navigation a:hover{color:#eee3ff}.category-label{max-width:100%;overflow-wrap:anywhere}@media(max-width:600px){.collection-taxonomy{gap:12px}.collection-taxonomy label{flex:1 1 140px}.search{width:100%}.search input{width:100%}.related-navigation{gap:12px 18px}.related-navigation a{font-size:14px}}