/* ADSTYLO - Designed by EmpireVisual.com */
.card-back,.card-front,.card-inner{border-radius:20px;width:100%;height:100%}#3Dmascot,#show-chat,#show-mascot{box-sizing:border-box}#show-chat,#show-mascot img{width:auto;will-change:transform,opacity}#show-chat,#show-chat::after{background:#000;backdrop-filter:blur(6px)}:root{--card-move-factor:10}#3Dmascot{width:100%;height:100%;padding:10px;margin:20px auto;display:flex;justify-content:center;align-items:flex-start;position:relative}#container-3Dmascot{width:95%;height:100vh;position:relative;perspective:1000px;margin:auto auto auto 100px;overflow:visible}.card{width:180px;height:260px;position:absolute;transition:transform .2s ease-out;transition:transform .3s,left .3s,top .3s;will-change:transform,left,top}.card-inner{position:relative;transition:transform .8s cubic-bezier(.77, 0, .175, 1);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;box-shadow:0 10px 30px rgba(0,0,0,.4);cursor:pointer}.card-mascot,.card-text{transition:transform .8s,opacity .8s;opacity:0;left:50%}.card:hover .card-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card-back,.card-front{position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:visible}.card-back{background:url('../img/card-back.avif') center/cover no-repeat #000;display:flex;align-items:center;justify-content:center}.card-front{background:url('../img/card-front.avif') center/cover no-repeat #fff;display:flex;align-items:center;justify-content:center;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card-mascot{position:absolute;top:50%;width:120%;height:120%;object-fit:contain;z-index:5;transform:translate3d(-50%,-50%,0) scale(.5)}.card-text{position:absolute;bottom:10px;width:280px;text-align:center;z-index:10;color:#fff;text-shadow:2px 2px 6px rgba(0,0,0,.7);font-weight:700;font-family:Poppins,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate3d(-50%,0,0) scale(.5)}#display-3Dmascot,#show-mascot{pointer-events:none;align-items:center;display:flex}.card-text h2{margin:0 0 5px;font-size:26px;font-family:var(--text-font);font-weight:600;color:#fff;text-shadow:2px 4px 12px #000}.card-text span{font-size:14px;color:#fff;width:200px;background:linear-gradient(to right,rgba(0,0,0,.7) 0,#000 50%,rgba(0,0,0,.7) 100%);padding:2px 8px;border-radius:15px;border:1px solid var(--bright-gold);text-shadow:1px 1px 4px rgba(0,0,0,.8)}.card:hover .card-mascot{transform:translate3d(-50%,-60%,50px) scale(1);opacity:1}.card:hover .card-text{transform:translate3d(-50%,50%,200px) scale(1);opacity:1}#show-mascot{width:60%;min-height:500px;justify-content:center;background-repeat:no-repeat;background-position:center;background-size:contain}#show-mascot img{display:block;max-width:100%;max-height:100%;height:100%;transform-origin:center bottom}@keyframes mascotJumpIn{0%{transform:scale(.24) translateY(120px);opacity:0}60%{transform:scale(1.12) translateY(-22px);opacity:1}80%{transform:scale(.94) translateY(10px)}100%{transform:scale(1) translateY(0);opacity:1}}@keyframes mascotJumpOut{0%{transform:scale(1) translateY(0);opacity:1}30%{transform:scale(1.06) translateY(-10px)}100%{transform:scale(.18) translateY(120px);opacity:0}}#show-chat{position:relative;border:2px solid var(--bright-gold);padding:30px 40px;min-height:120px;max-width:500px;opacity:0;margin-left:-50px;margin-top:-100px;transform:scale(0);transform-origin:left center;border-radius:40px;display:inline-block}#show-chat::after{content:"";position:absolute;bottom:15px;left:-24px;width:28px;height:28px;clip-path:polygon(100% 0,0% 100%,100% 100%);border-left:4px solid var(--bright-gold);border-bottom:4px solid var(--bright-gold);border-bottom-left-radius:8px}@keyframes chatZoomIn{0%{transform:scale(0);opacity:0}70%{transform:scale(1.06);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes chatFadeOut{0%{transform:scale(1) translateX(0);opacity:1}100%{transform:scale(.86) translateX(120px);opacity:0}}#show-chat h2{margin:0 0 8px;font-size:48px;color:var(--bright-gold);text-shadow:2px 4px 8px rgba(0,0,0,.8)}#show-chat .chat-text{display:block;font-size:18px;color:#ccc;font-weight:200;line-height:1.6}.mascot-in{animation:.78s cubic-bezier(.22,.9,.35,1) forwards mascotJumpIn}.mascot-out{animation:.55s cubic-bezier(.2,.8,.1,1) forwards mascotJumpOut}.chat-in{animation:.5s cubic-bezier(.22,.9,.35,1) forwards chatZoomIn}.chat-out{animation:.45s cubic-bezier(.2,.9,.3,1) forwards chatFadeOut}#display-3Dmascot{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50%;height:70%;overflow:hidden;z-index:20;gap:18px;justify-content:center}#show-descriptions{width:60%;display:flex;align-items:center;justify-content:flex-start}.long-desc{display:none}@media screen and (max-width:1250px){#3Dmascot{width:100%;height:100%;padding:100px;margin:50px auto}#container-3Dmascot{width:100%;height:100vh;position:relative;perspective:1000px;margin:auto auto auto 0}#show-chat{padding:10px 20px}#show-chat h2{font-size:32px}#show-chat .chat-text{font-size:14px}}@media screen and (max-width:768px){#container-3Dmascot{width:100%;margin-left:-40px}#display-3Dmascot{width:100%;height:70%;margin-left:0}#show-chat{padding:10px 20px}#show-chat h2{font-size:20px}#show-chat .chat-text{font-size:10px}}