@font-face{font-family:Boekling;src:url(/assets/boecklins-universe.regular-CBWaHsjY.ttf)}@font-face{font-family:Spectral;src:url(/assets/Spectral-Italic-CM_xGPyA.ttf)}*{margin:0;padding:0;box-sizing:border-box}body{width:100%;height:100%;overflow:hidden;position:fixed;font-family:Boekling,Arial,Helvetica,sans-serif}.hidden{opacity:0;display:none}p{font-family:Spectral,Arial,Helvetica,sans-serif}.logo-container{position:absolute;bottom:5vh;left:50%;transform:translate3d(-50%,0,0);z-index:100;height:15vh;aspect-ratio:1}.logo-container .logo{position:absolute;width:100%;height:100%;overflow:hidden;padding:10%;display:flex;justify-content:center;align-items:center;z-index:1;border-radius:50%;background-image:radial-gradient(transparent 60%,#414141 90%);background-color:#f5e2f7;outline:1vh solid #2b0044;transition:transform .15s ease-in-out;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.logo-container .logo .logo-img{position:absolute;width:100%;height:100%;content:"";background:url(/assets/altar_isotipo-z2dZJ0UA.png);background-position:center;background-repeat:no-repeat;background-size:75%;transform:scale(0)}.logo-container .logo .back-icon{background:url(/assets/back-arrow-BjGV20_Y.png);background-repeat:no-repeat;background-position-x:center;background-position-y:15%;background-size:40%}.logo-container .logo img{height:100%;z-index:25}.logo-container .logo span{font-size:2.5vh}.logo-container .progress-bar-container{position:absolute;width:100%;height:100%;z-index:0}.logo-container .progress-bar-container svg{overflow:visible}.logo-container .progress-bar-container svg circle{transition:all .2s ease-in-out}@media (min-width: 982px){.logo-container .clickable:hover{transform:scale(1.1)}}.introduction-layer-wrapper{width:100%;height:100%;filter:drop-shadow(0px 3vh 2vh rgb(0,0,0))}.introduction-layer{width:100%;height:100%;position:absolute;background-color:#000;color:#fff}.introduction-layer .introduction-container{width:75%;height:75%;margin:auto;padding-top:2em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em}.introduction-layer .introduction-container h2{-webkit-user-select:none;-moz-user-select:none;user-select:none}.introduction-layer .introduction-container .introduction-text{overflow-y:auto;text-align:justify;-ms-overflow-style:none;scrollbar-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.introduction-layer .introduction-container .introduction-text::-webkit-scrollbar{display:none}@media (min-width: 982px){.introduction-layer .introduction-container{width:50ch}}.tarot-layer{width:100%;height:100%;position:absolute;background-image:url(/assets/background-BVejFCYW.png),radial-gradient(circle at bottom,#4b007e,#000);background-repeat:repeat,no-repeat;background-size:30vh,cover;touch-action:none}.tarot-layer:after{position:absolute;height:100%;width:100%;content:"";background-size:cover;background-repeat:no-repeat;mix-blend-mode:soft-light;pointer-events:none}.tarot-layer .roulette{height:250vh;aspect-ratio:1;border-radius:100%;overflow:show;position:absolute;left:50%;top:10%;transform:translate(-50%);pointer-events:all}.tarot-layer .roulette .roulette-slot{height:50%;top:50%;left:50%;position:absolute;display:flex;flex-direction:column;align-items:center;padding-top:5%;transform-origin:center bottom;perspective:800px}.tarot-layer .roulette .roulette-slot .card-container{width:18vh;perspective:800px;z-index:0}.tarot-layer .roulette .roulette-slot .card-container .side{overflow:hidden;backface-visibility:hidden}.tarot-layer .roulette .roulette-slot .card-container .back{position:absolute;top:0;width:100%;height:100%;background-image:url(/assets/card-back-0Rfm1AsH.png);background-size:contain;background-position:center;background-repeat:no-repeat;transform:rotateY(180deg);padding:25% 12.5%}.tarot-layer .roulette .roulette-slot .card-container .card-title{color:#fff;margin:auto;font-size:1em;text-align:center}.tarot-layer .roulette .roulette-slot .card-container .card-description{height:85%;overflow-y:auto;scrollbar-width:none;margin-top:.5em;padding:0 .25em}.tarot-layer .roulette .roulette-slot .card-container .card-description p{text-align:center;color:#fff;font-size:.5em;margin-bottom:1em}.tarot-layer .roulette .roulette-slot .card-container img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none}
