:root{color-scheme:dark;--gold: #e4c27a;--px: .42;--py: .38;font-family:Cinzel,Times New Roman,serif}*{box-sizing:border-box}html,body,#root,.stage{margin:0;width:100%;height:100%;overflow:hidden;background:#05070c}.stage{position:relative;perspective:1500px;background:radial-gradient(70% 55% at 50% 100%,rgb(0 0 0 / .55),transparent 62%),linear-gradient(180deg,#04081261,#060a161f 42%,#04060c66),url(/art/bg.jpg) center / cover no-repeat}.stage:before{content:"";position:absolute;inset:0;background:#0a12286b;mix-blend-mode:multiply;pointer-events:none;z-index:0}.embers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.shrine-glow{position:absolute;left:6%;bottom:4%;width:min(34vw,420px);height:42vh;background:radial-gradient(ellipse at center,rgb(255 170 70 / .28),transparent 68%);pointer-events:none;z-index:1;filter:blur(8px)}.shrine{position:absolute;left:1.2%;bottom:-1.5%;height:min(94vh,1020px);width:auto;object-fit:contain;pointer-events:none;z-index:1;filter:saturate(1.06) contrast(1.04)}.card{position:absolute;top:50%;right:7.5%;height:min(78vh,760px);aspect-ratio:3 / 4.15;width:auto;transform-style:preserve-3d;border:0;padding:0;background:transparent;cursor:grab;z-index:2;translate:0 -50%;will-change:transform}.card.is-rest{transition:transform .55s cubic-bezier(.2,.8,.2,1)}.card:active{cursor:grabbing}.face,.spine{position:absolute;inset:0;border-radius:5px;overflow:hidden;backface-visibility:hidden;box-shadow:0 0 0 1px #d4af5a73,0 28px 70px #0000009e}.face img,.foil,.sheen,.glare{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}.front{transform:translateZ(12px)}.back{transform:rotateY(180deg) translateZ(12px)}.spine{inset:10px auto 10px 0;width:24px;background:linear-gradient(90deg,#5a3f18,#f0d48a 45%,#8a6428 70%,#5a3f18);transform:rotateY(90deg) translateZ(12px);box-shadow:none;border-radius:1px}.foil{background-image:url(/art/card-foil.jpg);background-size:135% 135%;mix-blend-mode:color-dodge;pointer-events:none;opacity:.2}.sheen{pointer-events:none;background:linear-gradient(calc(108deg + var(--px) * 42deg),#ff5a3200 24%,#ffd67847 40%,#fff4d22e 50%,#aac8ff29 64%,#ff5a3200 82%);background-size:220% 220%;background-position:calc(var(--px) * 100%) calc(var(--py) * 100%);mix-blend-mode:color-dodge;opacity:.28}.sheen.reverse{background:conic-gradient(from calc(var(--px) * 220deg),#ff6b6b,#ffd93d,#6bcb77,#4d96ff,#c77dff,#ff6b6b);mix-blend-mode:color-dodge;opacity:.42}.glare{mix-blend-mode:screen;pointer-events:none}.chrome{position:absolute;z-index:4;left:1.4rem;right:1.4rem;display:flex;justify-content:space-between;align-items:start;pointer-events:none}header.chrome{top:1.15rem}.chrome.bottom{top:auto;bottom:1.15rem;display:block;height:2.4rem}.gallery{pointer-events:auto;display:inline-block;margin:0 0 .7rem;color:#f3d79a;text-decoration:none;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;background:#0806049e;border:1px solid color-mix(in srgb,#e4c27a 60%,transparent);border-radius:2px;padding:.38rem .7rem .42rem}.gallery:hover,.gallery:focus-visible{color:#fff6dc;background:#140e08b8;outline:none}.title{margin:0;color:#efe6d4;letter-spacing:.28em;text-transform:uppercase;font-size:.78rem}.sub{margin:.28rem 0 0;color:#9aa3ae;font-size:.68rem;letter-spacing:.12em;font-family:Cormorant Garamond,serif}.kicker{margin:0;color:#8a8378;font-size:.68rem;letter-spacing:.08em;font-family:Cormorant Garamond,serif}.hint{position:absolute;left:50%;bottom:.35rem;margin:0;transform:translate(-50%);color:#c4bfb4;letter-spacing:.22em;text-transform:uppercase;font-size:.62rem;text-align:center;pointer-events:none;white-space:nowrap}.source{position:absolute;right:0;bottom:0;pointer-events:auto;color:#f3d79a;text-decoration:none;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;background:#0806049e;border:1px solid color-mix(in srgb,#e4c27a 60%,transparent);border-radius:2px;padding:.42rem .78rem .46rem}.source:hover,.source:focus-visible{color:#fff6dc;background:#140e08b8;outline:none}.card:focus-visible{outline:2px solid #e4c27a;outline-offset:8px}@media(max-width:900px){.shrine,.shrine-glow{height:52vh;left:-8%;opacity:.92}.card{right:50%;translate:50% -36%;height:min(58vh,520px)}.hint{left:1.2rem;right:1.2rem;transform:none;white-space:normal;bottom:3.1rem;font-size:.55rem}.source{left:50%;right:auto;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.card,.card.is-rest,.shrine{transition:none}}