.card-stack{position:fixed;inset:0;overflow:hidden;background:#1a2744;touch-action:none;-webkit-user-select:none;user-select:none}.card-stack__viewport{position:relative;width:100%;height:100%}.card-stack__card{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;will-change:transform,opacity;overflow-y:auto;-webkit-overflow-scrolling:touch}.card-stack__dots{position:fixed;right:1rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.6rem;z-index:100}.card-stack__dot{width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.card-stack__dot--past{border-color:#c5a55a;background:#c5a55a4d}.card-stack__dot--active{border-color:#c5a55a;background:#c5a55a;transform:scale(1.4);box-shadow:0 0 12px #c5a55a66}.card-stack__progress{position:fixed;left:0;top:0;bottom:0;width:3px;background:#ffffff0f;z-index:100}.card-stack__progress-fill{width:100%;background:linear-gradient(180deg,#c5a55a,#c41e3a);transition:height .5s cubic-bezier(.34,1.56,.64,1);border-radius:0 0 2px 2px}@media(max-width:768px){.card-stack__dots{right:.5rem;gap:.5rem}.card-stack__dot{width:8px;height:8px}}.modal-enter-active{transition:all .3s ease}.modal-leave-active{transition:all .2s ease}.modal-enter-from{opacity:0}.modal-enter-from>div:last-child{transform:translateY(100px)}.modal-leave-to{opacity:0}.modal-leave-to>div:last-child{transform:translateY(50px)}.fab-enter-active{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.fab-leave-active{transition:all .2s ease}.fab-enter-from,.fab-leave-to{transform:scale(0);opacity:0}.card-stack__card::-webkit-scrollbar{display:none}.card-stack__card{scrollbar-width:none}.hero-portrait{position:relative;overflow:hidden;border:4px solid #c5a55a;box-shadow:0 4px 16px #0006,0 0 0 2px #c5a55a66,0 0 0 5px #1a2744cc,0 0 0 7px #c5a55a4d;cursor:pointer}.hero-sheen{position:absolute;top:-10%;left:-100%;width:120%;height:120%;background:linear-gradient(120deg,transparent 0%,transparent 30%,rgba(255,255,255,.4) 45%,rgba(197,165,90,.5) 50%,rgba(255,255,255,.4) 55%,transparent 70%,transparent 100%);pointer-events:none;border-radius:50%}.hero-sheen.animate{animation:sheen-sweep .7s ease-in-out forwards}@keyframes sheen-sweep{0%{left:-100%}to{left:100%}}