/* The First Relic Awakens: GPU-light, single-shot transforms.
   No WebGL/canvas assets, no infinite animations, no external resources. */
.first-relic-empty{position:absolute;inset:10% 5% 17%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;pointer-events:none;z-index:3}
.first-relic-empty[hidden]{display:none!important}
.first-relic-empty span{font:normal clamp(32px,8vw,54px) Georgia,serif;color:#ccece2;text-shadow:0 0 20px #65d8cd}
.first-relic-empty strong{font:normal clamp(15px,2.8vw,23px) Georgia,serif;color:#eee9da;max-width:340px;line-height:1.32;text-shadow:0 2px 12px #000}
.first-relic-empty small{font-size:12px;line-height:1.5;color:#c0cadb;max-width:280px}
.first-relic-awakening{position:fixed;z-index:1200;inset:0;overflow:auto;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:#040711f8;isolation:isolate}
.first-relic-awakening[hidden]{display:none!important}
.first-relic-veil{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 52% at 50% 55%,#12484364,#20143e55 50%,#060a15 98%);pointer-events:none}
.first-relic-content{text-align:center;width:min(100%,560px);display:flex;flex-direction:column;align-items:center;gap:10px}
.first-relic-kicker{font-weight:750;letter-spacing:.19em;color:#b6efd8;font-size:11px}
.first-relic-content h2{font:normal clamp(22px,5vw,34px) Georgia,serif;line-height:1.14;color:#fff3dc;margin:0}
.first-relic-chamber{position:relative;width:min(65vw,220px);height:min(82vw,310px);margin:4px auto 10px;display:grid;place-items:center;perspective:600px}
.first-relic-aura{position:absolute;inset:17% -21% 6%;border-radius:50%;background:radial-gradient(ellipse,#59edd044,#608bff25 35%,#ab6fe415 53%,transparent 75%);pointer-events:none}
.first-relic-artifact{position:relative;display:grid;place-items:center;z-index:2;max-width:100%;width:190px;height:250px;max-height:79%;transform:translate3d(0,45px,0) scale(.91);opacity:.18;transition:transform 1100ms cubic-bezier(.16,.7,.26,1),opacity 550ms ease;will-change:transform,opacity}
.first-relic-awakening.playing .first-relic-artifact{transform:translate3d(0,-12px,0) scale(1);opacity:1}
.first-relic-artifact img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 0 12px #89efcf77)}
.first-relic-unpictured{border:1px solid #7783a6;border-radius:12px;background:linear-gradient(140deg,#1d2e48,#15162b);min-width:130px;min-height:180px;display:grid;place-items:center;padding:15px;font-size:12px;letter-spacing:.13em;color:#d0dff1}
.first-relic-unpictured[hidden],.first-relic-artifact img[hidden]{display:none!important}
.first-relic-pedestal{position:absolute;bottom:0;width:85%;height:26px;border:2px solid #788cc4aa;border-radius:50%;background:radial-gradient(ellipse,#a8ded9bb,#6261ab77 47%,#1a2233 81%);box-shadow:0 7px 18px #0009,0 0 25px #51cebe44}
.first-relic-card-name{color:#e7eafa;font-size:15px;font-weight:700;overflow-wrap:anywhere;max-width:95%}
.first-relic-promise{color:#a4c7d2;font:normal clamp(15px,3vw,21px) Georgia,serif;min-height:28px}
.first-relic-awakening.revealed .first-relic-promise{color:#c7f3df;text-shadow:0 0 10px #65c6a266}
.first-relic-awakening .museum-button{min-height:44px;margin-top:4px;padding:10px 16px}
.first-relic-awakening :focus-visible{outline:3px solid #b7eddf;outline-offset:4px}
@media(max-width:600px){.first-relic-chamber{height:min(73vw,290px)}.first-relic-content{gap:7px}.first-relic-kicker{font-size:10px}}
@media(prefers-reduced-motion:reduce){.first-relic-artifact,.first-relic-awakening.playing .first-relic-artifact{transform:none!important;opacity:1!important;transition:none!important;will-change:auto!important}}