body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 19, 2024 */@font-face{font-family:riffic_freebold;font-style:normal;font-weight:400;src:url(/static/media/rifficfree-bold-webfont.7b18722ab8570f16e752.woff2) format("woff2"),url(/static/media/rifficfree-bold-webfont.bc2dc27ca379c1cb09d2.woff) format("woff")}@font-face{font-family:gilroy-bolduploaded_file;font-style:normal;font-weight:400;src:url(/static/media/gilroy-bold-webfont.39c937615941a072946f.woff2) format("woff2"),url(/static/media/gilroy-bold-webfont.0a67ac28839dd80c4cb0.woff) format("woff")}@font-face{font-family:gilroy-heavyuploaded_file;font-style:normal;font-weight:400;src:url(/static/media/gilroy-heavy-webfont.0cfc65e3ade924df4560.woff2) format("woff2"),url(/static/media/gilroy-heavy-webfont.c5896631ae475924909e.woff) format("woff")}@font-face{font-family:gilroy-lightuploaded_file;font-style:normal;font-weight:400;src:url(/static/media/gilroy-light-webfont.dd316665bcd828bf0b69.woff2) format("woff2"),url(/static/media/gilroy-light-webfont.5a78d325cc0af4022de2.woff) format("woff")}@font-face{font-family:gilroy-mediumuploaded_file;font-style:normal;font-weight:400;src:url(/static/media/gilroy-medium-webfont.625952717abe5444ce09.woff2) format("woff2"),url(/static/media/gilroy-medium-webfont.712af9bb75c0771308ed.woff) format("woff")}@font-face{font-family:gilroy-regularuploaded_file;font-style:normal;font-weight:400;src:url(/static/media/gilroy-regular-webfont.9217d52abac4ac71c01b.woff2) format("woff2"),url(/static/media/gilroy-regular-webfont.66ee6dc54b7e32d6dce3.woff) format("woff")}body{animation:animateBackground 60s ease-in-out infinite;background-color:#f7f7f7;background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Arial,sans-serif;height:100vh;justify-content:center;justify-content:flex-start;margin:0;overflow:hidden;padding:0;position:relative;text-align:center;touch-action:none}.game-container,body{align-items:center;flex-direction:column}.game-container{background-color:initial;caret-color:#0000;display:flex;height:100%;justify-content:center;margin:auto;outline:none;position:absolute;top:2%;-webkit-user-select:none;user-select:none;width:100%}.game-container.full{position:absolute;top:10%}.home-page-old{align-items:center;animation:animateBackground 60s ease-in-out infinite;background-color:#f7f7f7;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:center;justify-content:flex-start;margin:0;overflow:hidden;padding:0;pointer-events:none;position:relative;text-align:center;width:100vw}@keyframes growShrink{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.title-container{margin-top:50px;text-align:center;z-index:10}.title-graphic{animation:growShrink 3s ease-in-out infinite;height:auto;margin:auto;max-width:60%;transition:transform .3s ease-in-out}.powered-by-container{margin-top:45px;pointer-events:none;text-align:center;z-index:10}.powered-by-graphic{height:auto;margin:auto;max-width:25%}.App{max-width:800px;width:100%}.App,.button-main{overflow:hidden;padding:0}.button-main{animation:fadeInSlideUp .4s ease-in-out forwards;background-color:initial;background-image:url(/static/media/ButtonMain.acf6b68e256ee0e214e6.png);background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;color:#fff;cursor:pointer;display:block;font-family:gilroy-bolduploaded_file,sans-serif;font-size:24px;height:90px;line-height:1;margin:auto;opacity:0;outline:none;text-align:center;text-transform:uppercase;width:300px;z-index:40}.button-main span{position:relative;top:-5px}.top-bar-button{background-color:#4caf50;border:none;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:15px 32px}.top-bar-button:hover{background-color:#45a049;border-radius:10px}input{box-sizing:border-box;font-size:16px;margin:10px 0;padding:12px;width:100%}.guess-button{background-color:#008cba;border:none;color:#fff;cursor:pointer;padding:12px}.guess-button:hover{background-color:#007b9a}.guess-input{border:1px solid #ccc;border-radius:4px;font-size:16px;margin:10px auto;padding:10px;width:60%}.bottom-bar{align-items:center;animation:fadeInSlideUp .4s ease-in-out forwards;background:linear-gradient(0deg,#ffcf07,#ffb317);border:2px solid #ff0;border-radius:30px;bottom:0;display:flex;height:60px;justify-content:space-around;left:0;margin:auto;opacity:0;padding:10px 0;position:fixed;right:0;z-index:1}.bottom-bar:before{background:repeating-linear-gradient(-65deg,#fff,#fff 3px,#ffa300 0,#ffa300 10px);bottom:0;content:"";left:0;opacity:.06;position:absolute;right:0;top:0}.bottom-button{animation:fadeInSlideUp .4s ease-in-out forwards;background:none;border:none;cursor:none;height:70px;margin-top:-30px;opacity:0;padding:0;position:relative;width:70px}.bottom-button img{height:100%;object-fit:contain;width:100%}.bottom-button.active img{filter:brightness(1.2)}.bottom-button:hover img{filter:brightness(.9)}.special-button{align-items:center;animation:fadeInSlideUp .4s ease-in-out forwards;background:none;border:none;display:flex;height:90px;justify-content:center;margin-top:-60px;opacity:0;overflow:visible;position:relative;width:90px;z-index:2}.special-icon{height:120px;margin-bottom:10px;width:120px}.home-page{margin-bottom:60px}.top-bar{align-items:center;background-color:#333;color:#fff;display:flex;justify-content:flex-start;left:0;padding:0;position:fixed;top:0;width:100%;z-index:1000}.profile-button{background:none;border:none;cursor:pointer;margin-right:10px}.profile-button img{border-radius:50%;height:40px;width:40px}.username{font-size:18px;margin-right:20px}.coins-earned{font-size:16px;margin-left:auto;padding-right:10px}.loading-screen{background-color:#000000b3;border-radius:10px;color:#fff;font-family:riffic_freebold,sans-serif;font-size:18px;font-weight:lighter;left:50%;padding:20px 40px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:9999}.wordle-page{animation:fadeInSlideUp .4s ease-in-out forwards}.wordle-page h2{color:#333;font-size:2em;font-weight:700}.attempts-grid{grid-gap:10px;display:grid;gap:10px;margin:20px 0;position:absolute;top:10%}.attempt-row,.letter-cell{display:flex;justify-content:center}.letter-cell{align-items:center;animation-fill-mode:forwards;background-color:hsla(0,0%,47%,.753);border:1px solid #ddd;border-radius:5px;font-family:gilroy-bolduploaded_file,sans-serif;font-size:1.4em;font-weight:700;height:50px;margin:0 2px;transform-style:preserve-3d;width:50px}.letter-cell.animate{animation:flip .5s ease-in-out}.letter-cell.green{background-color:#6aaa64;color:#fff}.letter-cell.yellow{background-color:#c9b458;color:#fff}.letter-cell.gray{background-color:#787c7e;color:#fff}.letter-cell .letter{display:inline-block;opacity:0}.letter-cell.static .letter{display:inline-block;opacity:1}.letter-cell.flip .letter{animation:fadeInLetter .3s forwards;animation-delay:.3s}@keyframes fadeInLetter{0%{opacity:0}to{opacity:1}}@keyframes flip{0%{transform:rotateX(0)}50%{color:#0000;transform:rotateX(90deg)}to{transform:rotateX(0)}}.unavailable-message,.win-message{font-size:1.5em}.lose-message,.unavailable-message,.win-message{background-image:linear-gradient(180deg,#d74b16,#af2d2c,#a92827);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:10px;bottom:20%;color:#fff;font-weight:700;margin-left:10px;margin-right:10px;padding:10px;position:absolute}.lose-message{font-size:1.4em}.keyboard{bottom:18%;justify-content:center;margin-left:auto;margin-right:auto;max-width:97%;position:fixed}.keyboard-row:first-child{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(10,1fr);margin:auto}.keyboard-row:nth-child(2){grid-gap:3px;grid-template-columns:repeat(9,1fr);max-width:90%}.keyboard-row:nth-child(2),.keyboard-row:nth-child(3){display:grid;gap:3px;margin-left:auto;margin-right:auto;margin-top:5px}.keyboard-row:nth-child(3){grid-gap:3px;grid-template-columns:repeat(11,1fr)}.keyboard-key{background-color:#ddd;background-color:#4f4f4f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2em;font-weight:700;height:50px;padding:6px;text-align:center;-webkit-user-select:none;user-select:none}.keyboard-key.yellow{background-color:#c9b458}.keyboard-key.green{background-color:green}.keyboard-key.gray{background-color:#333}.keyboard-key.action-key{grid-column:span 2}.top-button-bar{background-image:url(/static/media/bar.6fa176328d2dbb446f57.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;top:3.5%}.general-section,.top-button-bar{align-items:center;animation:fadeInSlideUp .4s ease-in-out forwards;display:flex;justify-content:space-around;left:0;margin:auto;opacity:0;padding:0;position:absolute;right:0;width:80vw;z-index:1}.general-section{flex-direction:column}.general-section.top{top:3.5%}.general-section.bottom{bottom:3.5%;position:fixed}.base-button-pattern{background:repeating-linear-gradient(-65deg,#ffe778,#ffe778 8px,#ffd800 0,#ffd800 22px);border:2px solid #e26600}.timer-graphic{background-image:url(/static/media/timer.4dc8d313044dedd39c8b.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;height:35px;width:35px}.right-buttons{right:0}.left-buttons,.right-buttons{align-items:center;animation:fadeInSlideUp .4s ease-in-out forwards;background:none;display:flex;flex-direction:column;height:40%;justify-content:space-evenly;opacity:0;padding:0;position:absolute;top:20%;transform:translateY(-30%);width:20%;z-index:1}.left-buttons{left:0}.mid-button{cursor:pointer;height:60px;margin:5px;width:60px}.mid-button,.top-button{background:none;border:none;color:#fff;padding:0;transition:background-color .3s ease}.top-button{height:100px;margin:0 5px;width:100px}.top-button.large{cursor:none;height:150px;position:relative;width:150px}.top-button-trainer{height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.top-button img{height:100%;object-fit:contain;width:100%}.coin-bar-container{animation:fadeInSlideUp .4s ease-in-out forwards;display:flex;justify-content:flex-start;left:20px;opacity:0;position:absolute;top:10px;width:auto}.coin-bar{align-items:center;background-image:linear-gradient(180deg,#d74b16,#af2d2c,#a92827);border:3px solid #ffce3a;border-radius:25px;color:#fff;display:flex;font-family:riffic_freebold,sans-serif;font-size:18px;font-weight:lighter;height:25px;justify-content:center;margin-right:10px;width:200px;z-index:1}.coin-bar,.coin-bar-icon{background-position:50%;background-repeat:no-repeat;background-size:contain}.coin-bar-icon{background-image:url(/static/media/coin_256.4bdc502783d92d323442.webp);height:40px;left:-15px;width:40px;z-index:5}.coin-bar-icon,.rank-icon{margin:auto;position:absolute}.rank-icon{bottom:0;height:55px;pointer-events:auto;right:0;width:55px;z-index:12}.crystal-bar-container{animation:fadeInSlideUp .4s ease-in-out forwards;display:flex;justify-content:flex-end;opacity:0;position:absolute;right:5px;top:10px;width:auto}.crystal-bar{align-items:center;background-image:linear-gradient(180deg,#1f93ec,#0085ee);border:3px solid #ffce3a;border-radius:25px;color:#fff;display:flex;font-family:riffic_freebold,sans-serif;font-size:18px;font-weight:lighter;height:25px;justify-content:center;width:100px;z-index:1}.crystal-bar,.crystal-bar-icon{background-position:50%;background-repeat:no-repeat;background-size:contain}.crystal-bar-icon{background-image:url(/static/media/crystal_icon.3d066fab96e0e082c5d4.webp);height:40px;left:-15px;margin:auto;position:absolute;width:40px;z-index:5}.crystal-bar-plus-icon{background-image:url(/static/media/plus_icon.02643f68cb311194364b.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;height:25px;margin:auto;position:absolute;right:0;width:25px;z-index:5}.coin-bar-overlay{background-image:linear-gradient(180deg,#af2d2c,#000);border-radius:12px;bottom:7px;height:12px;opacity:.15;position:absolute;width:90%;z-index:2}@keyframes popupSlideup{0%{height:0;opacity:.2}80%{height:80%;opacity:1}to{height:78%}}.popup-highlight{background-image:linear-gradient(180deg,#ffb649,#f07d07,#bc4504);border-radius:30px;height:35px;margin-left:auto;margin-right:auto;opacity:1;position:absolute;top:0;width:100%;z-index:1001}.popup-header{color:#fff;font-family:riffic_freebold,sans-serif;font-size:20px;font-weight:700;margin:auto;position:absolute;top:3px;width:100%;z-index:1002}.popup-close-button{height:35px;position:absolute;right:10px;top:-2px;width:35px;z-index:1003}.popup-body{color:#fff;display:flex;flex-direction:column;font-family:gilroy-bolduploaded_file,sans-serif;font-size:16px;justify-content:center;width:95%}.popup-body-h2{color:#fff;font-family:riffic_freebold,sans-serif;font-size:20px}.popup-container{animation:fadeInSlideUp .25s ease-in-out forwards;background:linear-gradient(0deg,#383e42,#48535a);border:2px solid #ff0;border-radius:30px;box-shadow:0 0 10px #0000ffb3;margin:auto;max-height:80%;overflow:hidden;padding:20px;position:fixed;text-align:center;width:80%;z-index:1000}.popup-container.expanded{background:linear-gradient(0deg,#383e42,#48535a);border-radius:30px 30px 0 0;bottom:0;height:75%;position:absolute;transition:height .3s ease-in-out;width:90%}.popup-container:before{background:repeating-linear-gradient(-65deg,#fff,#fff 3px,#92239600 0,#92239600 10px);bottom:0;content:"";left:0;opacity:.02;pointer-events:none;position:absolute;right:0;top:0}.popup-body-container{align-items:center;display:flex;flex-direction:column;justify-content:center;justify-content:flex-start;margin:auto;position:absolute;width:95%}.popup-body-container.fullScroll{cursor:pointer;height:95%;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.popup-background-yellow{background:repeating-linear-gradient(-65deg,#ffc444,#ffc444 10px,#ffe576 0,#ffe576 25px);border:2px solid #ff0;border-radius:30px}.popup-background{background:linear-gradient(0deg,#383e42,#48535a);border:2px solid #ff0;border-radius:30px;overflow:hidden}.popup-section{align-items:center;gap:10px;margin-top:20px;position:relative}.popup-section,.popup-section-h{display:flex;justify-content:center}.popup-section-h{gap:20px;margin-bottom:20px}.popup-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.popup-token-large{border:2px solid gold;border-radius:50%;height:100px;overflow:hidden;width:100px}.popup-button{align-items:center;background-image:linear-gradient(0deg,#2e2ed6,#4e4ef0);border:3px solid #ff0;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;min-width:100px;padding:10px 20px;position:relative}.popup-button,.popup-header-special{font-family:riffic_freebold,sans-serif}.popup-header-special{color:gold;font-size:36px;font-weight:400;text-shadow:-1px -1px 0 blue,1px -1px 0 blue,-1px 1px 0 blue,1px 1px 0 blue,-1px 0 0 blue,1px 0 0 blue,0 -1px 0 blue,0 1px 0 blue}.popup-button-secondary{border:none;border-radius:4px;cursor:pointer;font-size:1em;margin-left:10px;padding:10px 20px}.popup-cancel{background-color:#ccc;color:#333}.popup-confirm{background-color:#007bff;color:#fff}.popup-purchase-icon{height:40px;margin-right:15px;width:40px}.popup-global-overlay{align-items:flex-end;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.popup-item{background:linear-gradient(0deg,#f056d6,#9e26a1);border:2px solid #00e7ea;border-radius:30px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;flex-direction:column;margin:auto;overflow:hidden;padding:5%;position:relative;text-align:center;transition:transform .2s ease;width:100%}.popup-item:before{background:repeating-linear-gradient(-65deg,#a328a2,#a328a2 3px,#932396 0,#932396 10px);bottom:0;content:"";left:0;opacity:.45;position:absolute;right:0;top:0}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.action-button{align-items:center;animation:fadeInSlideUp .4s ease-in-out forwards;background-color:#ff7300;border-radius:20px;bottom:0;color:#da6200;display:flex;font-family:riffic_freebold,sans-serif;font-size:20px;font-weight:700;height:20px;justify-content:space-around;left:0;margin:auto;opacity:0;padding:10px 0;position:absolute;right:0;top:0;z-index:1}.popup-text-frame{background-color:#3333338f;border-radius:20px;padding:5px}.earn-tasks-container{align-content:center;margin:40px 10px auto;overflow-y:auto;padding:20px;width:90%}.task-item{align-items:center;background:linear-gradient(90deg,#6a11cb,#2575fc);border-radius:20px;box-shadow:0 4px 6px #0000001a;display:flex;margin-bottom:15px;overflow:hidden;padding:10px;position:relative;width:95%}.task-item .task-icon{align-items:center;border-radius:50%;display:flex;font-size:20px;height:40px;justify-content:center;width:40px;z-index:10}.task-item .task-icon.katch{border:3px solid #ffce3a;border-radius:50%}.task-item .task-name{color:#fff;flex-grow:1;font-size:16px;text-align:center;z-index:10}.task-item .task-button{background-color:#fff;border:none;border-radius:6px;color:#2575fc;cursor:pointer;font-size:14px;font-weight:700;padding:8px 15px;z-index:10}.task-item .task-button:hover{background-color:#e4e4e4}.task-item.completed{background:linear-gradient(90deg,#4caf50,#2b7a1a)}.completed-icon{background-color:green;border-radius:50%;color:#fff;font-size:18px;margin-left:10px}@keyframes boxFloatRotate{0%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-6%) rotate(-3deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(-4%) rotate(2deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes boxFloat{0%{transform:translateY(0)}25%{transform:translateY(-6%)}50%{transform:translateY(0)}75%{transform:translateY(-4%)}to{transform:translateY(0)}}@keyframes boxRotate{0%{transform:rotate(0deg)}25%{transform:rotate(-3deg)}50%{transform:rotate(0deg)}75%{transform:rotate(2deg)}to{transform:rotate(0deg)}}@keyframes boxGlow{0%,to{filter:drop-shadow(0 0 6px rgba(255 215 0/.7)) drop-shadow(0 0 12px rgba(255 215 0/.4))}50%{filter:drop-shadow(0 0 10px rgba(255 255 120/.9)) drop-shadow(0 0 18px rgba(255 255 120/.6))}}.highlight-button{animation:boxFloat 4.6s ease-in-out infinite,boxGlow 3.8s ease-in-out infinite;will-change:transform,filter}.highlight-rotate{animation:boxRotate 2.6s ease-in-out infinite;will-change:transform}.highlight-float{animation:boxFloat 2.6s ease-in-out infinite;will-change:transform}.mystery-box{animation:boxFloatRotate 2.6s ease-in-out infinite,boxGlow 1.8s ease-in-out infinite;will-change:transform,filter}.mystery-box:is(:hover,:focus-visible,:active){animation:boxFloat .9s ease-in-out infinite,boxGlow .9s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(255 255 140/1)) drop-shadow(0 0 20px rgba(255 255 140/.8));transform:scale(1.06) rotate(1deg)}.character-container{height:70%;margin:0 auto;object-fit:contain;opacity:1;pointer-events:none;position:absolute;width:70%}.character-container.slideIn{overflow:visible}.trainer-container{margin:0 auto;opacity:1;overflow:hidden}.character-layer,.trainer-container{height:100%;pointer-events:none;position:absolute;width:100%}.character-layer{left:0;object-fit:contain;opacity:0;scale:1;top:0}.fade-in{animation:fadeIn .4s ease-in-out forwards}.fade-out{animation:fadeOut .4s ease-in-out forwards}@keyframes rotateLayer{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}.hover-smooth{animation:hover 1.5s infinite alternate}@keyframes hover{0%{transform:translateY(0)}to{transform:translateY(-15px)}}.shake-mid{animation:shake .5s infinite}.shake-high{animation:shake .3s infinite}@keyframes shake-trainer{0%,to{transform:translateX(0)}25%{transform:translate(-2px)}50%{transform:translateX(2px)}75%{transform:translateX(-2px)}}.hover-smooth-trainer{animation:hover-trainer 1.5s infinite alternate}@keyframes hover-trainer{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.shake-mid-trainer{animation:shake-trainer .5s infinite}.shake-high-trainer{animation:shake-trainer .3s infinite}.progress-bar-max{background-color:#484848;border:1px solid gold;border-radius:10px;bottom:24%;height:10px;margin-top:3;position:relative;width:80%;z-index:1}.progress-bar-fill{background-color:#0f0;background-image:linear-gradient(180deg,#fff,#0f0);border-radius:10px;height:100%;overflow:hidden;position:relative;z-index:7}.progress-bar-icon{aspect-ratio:1/1;background-size:contain;bottom:-30%;height:200%;left:-5%;position:absolute;z-index:10}.progress-bar-fill-highlight{background-image:linear-gradient(180deg,#009200,#000);border-radius:10px;bottom:0;height:40%;margin-top:10px;opacity:.15;z-index:8}.progress-bar-value{color:#fff;font-size:7px;margin-left:7px}.progress-bar-value,.progress-bar-value-max{font-family:gilroy-bolduploaded_file,sans-serif;z-index:7}.progress-bar-value-max{color:#d19797;font-size:5px;margin-left:8px}.friends-page{background-color:#2a2a2a;color:#fff;font-family:Arial,sans-serif;height:100vh;padding:16px}.title{font-size:24px;font-weight:700;margin-bottom:8px;text-align:center}.description{font-size:16px;margin-bottom:16px;text-align:center}.friends-list{cursor:pointer;height:500px;margin-top:20px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;text-align:left}.friend-item{align-items:center;background-color:#3a3a3a;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.friend-profile-pic{border-radius:50%;height:30px;width:30px}.friend-username{color:#fff;flex:1 1;font-size:16px;margin-left:12px}.friend-stars{color:#f5a623;font-size:14px}.no-friends{color:#999;font-size:18px;text-align:center}.action-buttons{align-items:center;bottom:40px;display:flex;justify-content:space-between;margin-top:16px;position:absolute;width:90vw}.invite-button{background-color:#f5a623;flex:1 1;font-size:16px;font-weight:700;margin-right:8px;padding:12px}.copy-link-button,.invite-button{border:none;border-radius:8px;color:#fff;cursor:pointer}.copy-link-button{align-items:center;background-color:#3a3a3a;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.scroll-container{-webkit-overflow-scrolling:touch;bottom:40px;display:flex;margin-left:auto;margin-right:auto;max-width:95%;overflow-x:auto;overflow-y:hidden;padding:10px;pointer-events:auto;position:fixed;scroll-behavior:smooth;white-space:nowrap;z-index:1000}.scroll-item{align-items:center;background:none;background-color:gray;border:2px solid gold;border-radius:12px;cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;height:60px;justify-content:center;margin-right:10px;outline:none;position:relative;transform:scale(1);transition:transform .4s;width:60px}.scroll-item.selected{border:3px solid #007bff;transform:scale(1.2)}.scroll-item-image{height:80px;object-fit:contain;width:80px}.scroll-item-caption{font-size:14px;margin-top:5px;text-align:center}.bottom-scrollbar-container{bottom:20px;position:fixed}.match-meme-page{align-content:center;align-items:center;justify-content:center;left:0;margin-top:0;overflow:hidden;position:absolute;right:0;text-align:center;top:6%}.target-token{background-color:#fff;border:2px solid gold;border-radius:50%;height:70px;vertical-align:middle;width:70px}.match-meme-grid{grid-gap:10px;--size:88px;align-items:center;animation:fadeInSlideUp .4s ease-in-out forwards;background-color:#787878;background:linear-gradient(0deg,#2f353a,#617785);border:5px solid #002aff6e;border-radius:10px;box-shadow:0 4px 8px #0003;display:grid;gap:10px;gap:.1vw;grid-template-columns:repeat(6,100px);justify-content:center;justify-items:center;margin:25px auto auto;opacity:1;position:relative;width:80%}.match-meme-grid.battle{margin-top:15px}.match-card{align-items:center;aspect-ratio:1/1;background-image:url(/static/media/cell_1.2d4b456a03cc8ce46a88.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5%;justify-content:center;pointer-events:none;position:relative;width:100%;will-change:transform}.match-card.fire{background-image:url(/static/media/fire_block.59d2847ed8a3736a06aa.webp);border-radius:20%}.match-card.water{background-image:url(/static/media/water_block.c898c4eb15952379db52.webp);border-radius:20%}.match-card.wind{background-image:url(/static/media/wind_block.0fdebd299c3ba750e95a.webp);border-radius:20%}.match-card.earth{background-image:url(/static/media/earth_block.3d1f3360d9e1c5aa7986.webp);border-radius:20%}.match-card.spirit{background-image:url(/static/media/spirit_block.1835f07c7798d4512b31.webp);border-radius:20%}.match-card.dragging{height:var(--drag-size);left:0;pointer-events:none;position:relative;top:0;transform:translate(var(--dragX),var(--dragY)) scale(1.15);transition:transform .12s ease,box-shadow .12s ease;width:var(--drag-size);z-index:100}.token-image-preview{border-radius:20%;opacity:.35}.token-image,.token-image-preview{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.token-image{animation:fadeInSlideUp .2s ease-in forwards;border-radius:50%;opacity:0}.token-image-forge{border-radius:20%;bottom:0;box-shadow:inset 0 0 0 3px #4f6cff;height:95%;left:0;object-fit:contain;position:absolute;right:0;top:0;width:95%}.order-highlight{box-shadow:inset 0 0 0 3px #ffd54f}.forge-highlight{box-shadow:inset 0 0 0 3px #4f6cff}@keyframes slideIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.match-card.merge{animation:merge-move .4s ease-out forwards}@keyframes merge-move{0%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.15) translate(calc(var(--tx)*60%),calc(var(--ty)*60%))}80%{opacity:.7;transform:scale(.75) translate(calc(var(--tx)*90%),calc(var(--ty)*90%))}to{opacity:0;transform:scale(.5) translate(calc(var(--tx)*150%),calc(var(--ty)*150%))}}.match-card.to-order{animation:to-order .4s ease-out forwards}@keyframes to-order{to{opacity:0;transform:translate(var(--dx),var(--dy))}}.match-card.promote{animation:promote-up-shake .45s ease-out 1 forwards;filter:drop-shadow(0 0 0 #4fff81);z-index:100}.match-card.linefull{animation:lineful-shake .55s ease-in-out infinite;filter:drop-shadow(0 0 12px #4fff81);z-index:100}@keyframes promote-up-shake{0%{filter:drop-shadow(0 0 0 #4fff81);transform:scale(1) rotate(0deg)}30%{filter:drop-shadow(0 0 12px #4fff81);transform:scale(1.25) rotate(6deg)}60%{filter:drop-shadow(0 0 18px #ffd54f);transform:scale(1.25) rotate(-6deg)}85%{filter:drop-shadow(0 0 8px #4fff81);transform:scale(1.1) rotate(3deg)}to{filter:drop-shadow(0 0 0 #4fff8189);transform:scale(1) rotate(0deg)}}@keyframes lineful-shake{0%{filter:drop-shadow(0 0 0 #4fff81);transform:scale(1) rotate(0deg)}30%{filter:drop-shadow(0 0 12px #4fff81);transform:scale(1.15) rotate(3deg)}60%{filter:drop-shadow(0 0 18px #ffd54f);transform:scale(1.15) rotate(-1deg)}85%{filter:drop-shadow(0 0 8px #4fff81);transform:scale(1.075) rotate(1deg)}to{filter:drop-shadow(0 0 0 #4fff8189);transform:scale(1) rotate(0deg)}}@keyframes highlightCellAnim{0%{filter:drop-shadow(0 0 0 #4fff81)}30%{filter:drop-shadow(0 0 12px #4fff81)}60%{filter:drop-shadow(0 0 18px #ffd54f)}85%{filter:drop-shadow(0 0 8px #4fff81)}to{filter:drop-shadow(0 0 0 #4fff8189)}}@keyframes fadeScaleOut{0%{filter:drop-shadow(0 0 0 rgba(255,70,0,0));opacity:1;transform:scale(1) rotate(0deg)}20%{filter:drop-shadow(0 0 14px rgba(255,110,0,.75)) drop-shadow(0 0 22px rgba(255,55,0,.65));transform:scale(1.15) rotate(6deg)}40%{filter:drop-shadow(0 0 10px rgba(255,90,0,.55)) drop-shadow(0 0 18px rgba(255,30,0,.45));transform:scale(1.35) rotate(-6deg)}60%{filter:drop-shadow(0 0 8px rgba(255,80,0,.4)) drop-shadow(0 0 14px rgba(255,25,0,.35));opacity:1;transform:scale(1.1) rotate(2deg)}80%{filter:drop-shadow(0 0 4px rgba(200,20,0,.25));opacity:.4;transform:scale(.6) rotate(-1deg)}to{filter:drop-shadow(0 0 0 transparent);opacity:0;transform:scale(.4) rotate(0deg)}}@keyframes fadeScaleOutOld{0%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}80%{opacity:.7;transform:scale(.75)}to{opacity:0;transform:scale(.5)}}@keyframes scaleOut{0%{transform:scale(1) rotate(6deg)}50%{transform:scale(1.25) rotate(-6deg)}80%{transform:scale(.75) rotate(2deg)}to{transform:scale(0) rotate(0deg)}}@keyframes swap{0%{transform:translate(0)}75%{transform:translate(var(--startX) * 1.1,var(--startY) * 1.1)}to{transform:translate(var(--startX),var(--startY))}}.match-card.in{animation:scaleOut .45s ease-in-out reverse}.match-card.out{animation:scaleOut .45s ease-in-out forwards;border-radius:20%}.match-card.swap{animation:swap .25s ease}@keyframes drop-down{0%{transform:translateY(var(--startY))}75%{transform:translateY(15%)}to{transform:translateY(0)}}@keyframes drop-up{0%{transform:translateY(var(--startY))}75%{transform:translateY(-15%)}to{transform:translateY(0)}}@keyframes drop-left{0%{transform:translateX(var(--startX))}75%{transform:translateX(-15%)}to{transform:translateX(0)}}@keyframes drop-right{0%{transform:translateX(var(--startX))}75%{transform:translateX(15%)}to{transform:translateX(0)}}.drop-down-animation{animation:drop-down .25s ease forwards}.drop-up-animation{animation:drop-up .25s ease forwards}.drop-left-animation{animation:drop-left .25s ease forwards}.drop-right-animation{animation:drop-right .25s ease forwards}.drop-animation{animation:drop .3s ease forwards}.token-container{align-items:center;animation:fadeInSlideUp .4s ease-in-out forwards;background:linear-gradient(0deg,#383e42,#48535a);border:2px solid #ff0;border-radius:50%;border-radius:30px;box-shadow:0 4px 8px #0003;display:flex;font-family:gilroy-bolduploaded_file,sans-serif;height:30px;justify-content:flex-start;margin:0 auto;max-width:800px;padding:10px 20px;position:relative;width:300px}.token-container .left-text{align-items:center;font-size:20px;justify-content:center;margin-right:25px;width:100%;z-index:2}.fly-charge{height:50px;pointer-events:none;position:fixed;transition:transform .4s cubic-bezier(.25,.8,.5,1);width:50px;will-change:transform;z-index:9999}.katchimera-vid{height:100%;transform:translate(0);width:100%}.token-container .middle-circle{align-items:center;background-color:#fff;border:2px solid gold;border-radius:50%;box-shadow:0 4px 8px #0003;display:flex;height:80px;justify-content:center;left:-10px;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);width:80px;z-index:2}.token-container .middle-circle img{height:100%;object-fit:cover;width:100%}.token-container .katchimera{left:0}.token-container .katchimera,.token-container .right-circle{align-items:center;display:flex;height:80px;justify-content:center;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);width:80px;z-index:2}.token-container .right-circle{background-color:#333;border:2px solid gold;border-radius:50%;box-shadow:0 4px 8px #0003;right:-10px}.token-container .right-circle span{color:#333;font-size:24px}.token-container .right-text{color:#fff;font-size:24px;margin-left:20px}.popup-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000004d;height:100%;position:relative;width:100%;z-index:999}.popup-reward{animation:fadeInSlideUp .25s ease-in-out forwards;background:repeating-linear-gradient(-45deg,#ffc444,#ffc444 20px,#ffe576 0,#ffe576 50px);border:2px solid #ff0;border-radius:30px;box-shadow:0 0 10px #0000ffb3;margin:auto;overflow:hidden;padding:20px;position:fixed;text-align:center;width:80%;z-index:1000}.popup-content{align-items:center;display:flex;flex-direction:column;z-index:1002}.popup-token{height:100px;margin:10px 0;width:100px}.floating-score{animation:float-and-fade 2s forwards;color:green;font-size:24px;object-fit:contain;z-index:5}.combo-multiplier,.floating-score{font-weight:700;pointer-events:none;position:absolute}.combo-multiplier{-webkit-text-stroke:1px #0c3d85;align-items:center;color:gold;display:inline-flex;display:flex;font-family:riffic_freebold,sans-serif;font-size:44px;height:200px;justify-content:center;left:17%;margin:auto;text-shadow:0 0 8px #5096ffcc;top:30%;width:200px;will-change:transform,opacity}.combo-multiplier.letters{animation:combo-pop .6s cubic-bezier(.25,1.2,.4,1) forwards,combo-shake .25s ease-in-out .25s forwards,combo-fade .35s ease-out .9s forwards;font-size:44px;top:40%}.combo-multiplier.letters,.combo-multiplier.small{height:200px;left:10%;margin:auto;overflow-wrap:normal;position:fixed;width:300px}.combo-multiplier.small{animation:combo-pop-number .6s forwards,combo-fade .35s ease-out .9s forwards;font-size:28px;top:44%}.combo-word{color:#00ff91;font-size:40px}.combo-number,.combo-word{font-family:riffic_freebold,sans-serif;line-height:1}.combo-number{color:gold;font-size:48px}.sprite-overlay{animation:animateSprites .65s steps(1) forwards;background-image:url(/static/media/fireSheet.d510a21e38e9a1fc8514.webp);background-size:500%;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.timer-bar-container{align-items:center;background-color:#ddd;border-radius:15px;color:#000;height:30px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:10px;overflow:hidden;position:relative;width:330px}.timer-value{color:#333;font-family:gilroy-bolduploaded_file,sans-serif;font-size:20px;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}@keyframes float-and-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes combo-pop{0%{transform:scale(.4) rotate(0deg)}10%{transform:scale(1.35) rotate(2deg)}25%{transform:scale(.95) rotate(-1deg)}60%,to{transform:scale(1) rotate(0deg)}}@keyframes combo-pop-number{0%{transform:scale(.2) rotate(2deg)}60%{transform:scale(1.35) rotate(-2deg)}to{transform:scale(1) rotate(0deg)}}@keyframes combo-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-2px)}40%{transform:translateX(2px)}60%{transform:translateX(-1px)}80%{transform:translateX(1px)}}@keyframes combo-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30%)}}.popup-content{text-align:center}.target-token-section{align-items:center;display:flex;justify-content:center;margin-bottom:20px;margin-top:50px;position:relative;width:100%}.popup-token-badge{height:40px;left:50%;position:absolute;top:15%;width:40px}.target-token-score{font-family:gilroy-bolduploaded_file,sans-serif;font-size:36px;font-weight:700}.other-tokens-section{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.token-summary{align-items:center;background-image:linear-gradient(180deg,#ff9a03,#f07d07,#bc4504);background-position:50%;background-repeat:no-repeat;background-size:contain;border:3px solid #ffce3a;border-radius:30px;height:100px;justify-content:center;text-align:center;width:60px;z-index:1}.token-small{height:50px;margin-top:10px;width:50px}.token-score{color:#fff;font-family:gilroy-bolduploaded_file,sans-serif;font-size:16px;font-weight:700}.custom-timer-container{align-items:center;display:flex;margin-top:0}.timer-icon{background-image:url(/static/media/timer.4dc8d313044dedd39c8b.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;font-size:24px;height:60px;margin-right:-35px;margin-top:7px;width:60px;z-index:50}.custom-timer-bar{align-items:center;background:linear-gradient(90deg,#76c7c0,#1c92d2);border:2px solid #ff0;border-radius:10px;display:flex;flex-grow:1;height:20px;justify-content:center;overflow:hidden;position:relative;z-index:4}.custom-timer-text{color:#fff;font-weight:700;position:absolute;text-align:center;width:100%}@keyframes animateSprites{0%{background-position:0 0}4%{background-position:-100% 0}8%{background-position:-200% 0}12%{background-position:-300% 0}16%{background-position:-400% 0}20%{background-position:0 -100%}24%{background-position:-100% -100%}28%{background-position:-200% -100%}32%{background-position:-300% -100%}36%{background-position:-400% -100%}40%{background-position:0 -200%}44%{background-position:-100% -200%}48%{background-position:-200% -200%}52%{background-position:-300% -200%}56%{background-position:-400% -200%}60%{background-position:0 -300%}64%{background-position:-100% -300%}68%{background-position:-200% -300%}72%{background-position:-300% -300%}76%{background-position:-400% -300%}80%{background-position:0 -400%}84%{background-position:-100% -400%}88%{background-position:-200% -400%}92%{background-position:-300% -400%}96%{background-position:-400% -400%}to{background-position:0 0}}.tray-block--enter{animation:fadeInSlideUp .4s ease-in-out forwards;pointer-events:none}.preview{grid-gap:2px;display:grid;gap:2px;grid-auto-rows:16px;grid-template-columns:repeat(4,16px)}.preview .cell{background:#0000;border-radius:2px}.preview .cell.fire{background:orange}.preview .cell.earth{background:green}.preview .cell.water{background:blue}.preview .cell.wind{background:red}.preview .cell.spirit{background:purple}.block-ghost .preview{transform:scale(1);transition:transform .42s ease,box-shadow .12s ease;will-change:transform}.block-tray{align-items:center;aspect-ratio:512/176;background-color:#3c3c3c80;border-radius:20px;display:flex;gap:1rem;justify-content:center;margin:auto;overflow:visible;width:85%}.tray-block{align-items:center;aspect-ratio:1/1;justify-content:flex-end;margin-left:20px;min-height:90px;min-width:90px;touch-action:none;will-change:transform}.match-card.tray-hover{opacity:.7;outline:2px dashed #ff0;outline:2px dashed var(--accent,#ff0);outline-offset:-2px}.swap-animation-1,.swap-animation-2{transform:translate(var(--dx),var(--dy));transition:"transform 0.25s ease"}.last-selected{transform:translate(0);transition:"transform 0.25s ease"}.shop-container{display:flex;flex-wrap:wrap;gap:24px 16px;max-height:80vh;overflow-y:auto;padding:16px;position:absolute;top:5%}.shop-item{background:linear-gradient(0deg,#f056d6,#9e26a1);border:2px solid #00e7ea;border-radius:30px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;flex-direction:column;margin:auto;padding:5%;position:relative;text-align:center;transition:transform .2s ease;width:100%}.shop-item:before{background:repeating-linear-gradient(-65deg,#a328a2,#a328a2 3px,#932396 0,#932396 10px);border-radius:30px;bottom:0;content:"";left:0;opacity:.45;pointer-events:none;position:absolute;right:0;top:0}.shop-item-button{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding:5%;text-align:center}.products-container{flex-wrap:nowrap;gap:8px;justify-content:center;margin-bottom:8px;z-index:10}.product,.products-container{align-items:center;display:flex}.product{flex-direction:column}.product-image{height:48px;object-fit:contain;width:48px}.product-amount{color:#fff;font-family:gilroy-bolduploaded_file,sans-serif;font-size:18px;font-weight:700;margin-top:-5px;text-shadow:-1px -1px 0 #007092,1px -1px 0 #007092,-1px 1px 0 #007092,1px 1px 0 #007092,-1px 0 0 #007092,1px 0 0 #007092,0 -1px 0 #007092,0 1px 0 #007092}.hover-animation{animation:float 3s ease-in-out infinite}.price-bar{align-items:center;background-color:#007bff;border:2px solid #00e7ea;border-radius:30px;bottom:-15px;display:flex;height:30px;justify-content:center;margin:auto;max-width:100px;position:absolute;width:80%}.star-icon{height:18px;margin-right:3px;width:18px}.price-value{color:#fff;font-family:gilroy-bolduploaded_file,sans-serif;font-size:12px;font-weight:700;text-shadow:-1px -1px 0 #007092,1px -1px 0 #007092,-1px 1px 0 #007092,1px 1px 0 #007092,-1px 0 0 #007092,1px 0 0 #007092,0 -1px 0 #007092,0 1px 0 #007092}.shop-popup-overlay{align-items:flex-end;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.shop-popup-content{background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -4px 8px #0003;max-height:75%;max-width:100%;overflow-y:auto;padding:16px;text-align:center;width:100%}.shop-popup-products{display:flex;gap:16px;justify-content:center;margin:16px 0}.shop-popup-product{align-items:center;display:flex;flex-direction:column}.shop-popup-product-image{height:64px;width:64px}.shop-popup-product-amount{color:#fff;font-size:16px;font-weight:700;margin-top:6px}.close-button{background:#007bff;border:none;border-radius:4px;padding:8px 16px}.close-button,.purchase-button{color:#fff;cursor:pointer;margin-top:16px}.purchase-button{background-color:#28a745;border:none;border-radius:0 0 16px 16px;font-size:18px;font-weight:700;padding:16px;text-align:center;width:100%}.purchase-button:hover{background-color:#218838}.purchase-button:active{background-color:#1e7e34}.currency-bar-elements{align-items:center;background:#00000040;border-radius:10px;display:flex;flex-wrap:nowrap;gap:.75rem;height:36px;justify-content:center;margin:0 auto;max-width:100%;overflow-x:auto;overflow-y:visible;padding:0 8px;width:fit-content}.currency-slot-elements{align-items:center;display:flex;flex:1 1 18%;gap:4px;min-width:70px;overflow:visible;position:relative}.currency-slot-elements img{height:24px;-webkit-user-select:none;user-select:none;width:24px}.currency-slot-elements span{color:#fff;font-family:riffic_freebold,sans-serif;font-size:12px;font-weight:lighter}.currency-elements-amount{color:#ffd54f;font-size:12px;font-weight:600}.icon-highlight{animation:element-highlight .6s ease-out;overflow:visible;z-index:10}@keyframes element-highlight{0%{filter:drop-shadow(0 0 0 #ffd54f);transform:scale(1) rotate(0deg)}30%{filter:drop-shadow(0 0 10px #ffd54f);transform:scale(1.3) rotate(10deg)}60%{filter:drop-shadow(0 0 15px #ffd54f);transform:scale(1.3) rotate(-10deg)}to{filter:drop-shadow(0 0 0 #ffd54f);transform:scale(1) rotate(0deg)}}.currency-elements-slot:last-child{margin-right:0}.circle-image{border-radius:50%;height:100%;object-fit:cover;opacity:1;pointer-events:none;position:absolute;width:100%}.circle{align-items:center;display:flex;justify-content:center;position:absolute;top:10%}.shake-animation:active{animation:shake .2s linear}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-2px,2px)}50%{transform:translate(2px,-2px)}75%{transform:translate(-2px,2px)}to{transform:translate(0)}}.tap-effect{animation:flyUp 1.5s ease-out forwards,fadeOut 1.5s ease-out forwards;color:#08cd08;font-family:gilroy-bolduploaded_file,sans-serif;font-size:28px;font-weight:700;pointer-events:none;position:absolute;text-shadow:-1px -1px 0 blue,1px -1px 0 blue,-1px 1px 0 blue,1px 1px 0 blue,-1px 0 0 blue,1px 0 0 blue,0 -1px 0 blue,0 1px 0 blue;z-index:5}.tap-effect.crit{color:gold;font-size:36px;text-shadow:-1px -1px 0 red,1px -1px 0 red,-1px 1px 0 red,1px 1px 0 red,-1px 0 0 red,1px 0 0 red,0 -1px 0 red,0 1px 0 red;z-index:6}@keyframes flyUp{0%{transform:translate(0) scale(.7)}to{transform:translateY(-140px) scale(2)}}@keyframes fadeOut{0%{opacity:1}20%{opacity:1}to{opacity:0}}.score{color:#000;font-size:24px;font-weight:700;margin-bottom:20px}.hit-area{animation:fadeInOut 5s ease-out forwards;background-color:initial;pointer-events:all;position:absolute;z-index:12}.small-circle{background-color:red}@keyframes fadeInOut{0%{opacity:0;transform:scale(.5)}25%{opacity:1;transform:scale(.8)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@keyframes smallCircleTapAnimation{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:0;transform:scale(0)}}.small-circle{animation:fadeInOut 5s ease-in-out forwards;background-color:rgba(255,0,0,.284);border-radius:50%;color:#fff;font-size:14px;font-weight:700;line-height:40px;pointer-events:none;position:absolute;text-align:center;transform:translate(50%,50%)}.small-circle.tapped{animation:smallCircleTapAnimation .5s ease-out forwards}.health-bar-container{bottom:100px;left:20px;position:absolute;width:250px}.energy-bar-container,.health-bar-container{align-items:center;display:flex;justify-content:flex-start;pointer-events:none}.energy-bar-container{position:fixed;right:4%;width:30%}.energy-bar-container.bottom{bottom:14%}.energy-bar-container.top{bottom:66%}.health-bar-info-O{background-image:url(/static/media/health_bar.01ca85e80a7230211ad0.webp);height:100px}.health-bar-info,.health-bar-info-O{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;justify-content:center;margin-right:10px;width:200px;z-index:1}.health-bar-info{background-image:linear-gradient(180deg,#d74b16,#af2d2c,#a92827);border:3px solid #ffce3a;border-radius:50px;height:50px}.health-bar-infoO:after{background-image:linear-gradient(180deg,#851931,#000);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:20px;bottom:8px;content:"";height:25px;left:12px;opacity:.2;position:absolute;width:85px;z-index:4}.health-bar-icon{background-image:url(/static/media/heart_icon.3a23fd7b6da96b2da20e.webp)}.energy-bar-icon,.health-bar-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;height:40px;left:-15px;margin:auto;position:absolute;width:40px;z-index:5}.energy-bar-icon{background-image:url(/static/media/energy_icon.c8cb786d77f2acf4aef5.webp)}.health-bar-max{background-color:#484848;border:3px solid gold;border-radius:30px;height:30px;left:-30px;margin-top:5;overflow:hidden;position:relative;top:1px;width:100%;z-index:0}.health-bar-value{color:#fff;font-size:15px;margin-left:15px}.health-bar-value,.health-bar-value-max{font-family:gilroy-bolduploaded_file,sans-serif;z-index:7}.health-bar-value-max{color:#d19797;font-size:12px;margin-left:8px}.energy-bar-value{color:#fff;font-size:15px}.energy-bar-value,.energy-bar-value-max{font-family:gilroy-bolduploaded_file,sans-serif;z-index:7}.energy-bar-value-max{color:#d19797;font-size:12px}.health-bar-max2 :after{background-image:linear-gradient(180deg,#009200,#000);background-size:cover;bottom:2px;content:"";height:40%;left:0;opacity:1;position:absolute;width:100%;z-index:6}.katchumon-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.katchumon-popup-container{height:220px;width:500px}.katchumon-popup-container,.katchumon-popup-container-bubble{perspective:1000px;position:relative}.flip-card{cursor:pointer;height:220px;margin:auto;position:absolute;top:0;transform-style:preserve-3d;transition:transform .5s,left .5s;width:150px}.flip-card.position-left{left:0;transform:rotate(-10deg)}.flip-card.position-bubble{left:calc(50% - 75px);transform:rotate(0deg) translateY(0)}.flip-card.position-center{left:calc(50% - 75px);transform:rotate(0deg) translateY(-40px)}.flip-card.position-right{left:calc(100% - 150px);transform:rotate(10deg)}.flip-card.position-battler-player{bottom:50px;position:fixed;transform:rotate(0deg) translateY(-40px) scale(.7)}.flip-card .flip-card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform 1s;width:100%}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card.flipped.position-bubble{height:240px;left:calc(50% - 75px);transform:scale(1.5) translateY(60px) rotateY(30deg);z-index:4}.flip-card.flipped.position-bubble-left{height:240px;left:70px;transform:scale(1) translateY(140px) rotate(10deg);z-index:3}.flip-card.flipped.position-bubble-right{height:240px;left:calc(100% - 200px);transform:scale(1) translateY(140px) rotate(-10deg);z-index:3}.animRotate-smooth{animation:animRotate 3.5s infinite alternate}@keyframes animRotate{0%{transform:scale(1.5) translateY(70px) rotateY(20deg)}to{transform:scale(1.5) translateY(80px) rotateY(-15deg)}}.anim-flip-in{animation:animFlip 1.3s forwards}@keyframes animFlip{0%{transform:scale(1.5) translateY(-300px) rotateY(200deg)}40%{transform:scale(1.5) translateY(70px) rotateY(200deg)}to{transform:scale(1.5) translateY(70px) rotateY(20deg)}}.flip-card.flipped.position-center{left:calc(50% - 75px);transform:scale(1.5) translateY(-20px);z-index:4}.flip-card.flipped.position-left{left:0;transform:scale(.5) translateY(20px) rotate(-10deg);z-index:3}.flip-card.flipped.position-right{left:calc(100% - 150px);transform:scale(.5) translateY(20px) rotate(10deg);z-index:3}.flip-card-back,.flip-card-front{backface-visibility:hidden;height:100%;position:absolute;width:100%}.flip-card-front{background-image:url(/static/media/card_back.6ad7fb5fdfece597655a.webp);background-repeat:no-repeat;background-size:contain;height:100%;position:absolute;width:100%}.flip-card-back-flat{height:100%;position:absolute;width:100%}.flip-card-back,.flip-card-back-flat{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;height:240px;justify-content:center;padding:10px;position:relative}.flip-card-back{transform:rotateY(180deg)}.flip-card-back-template{background-image:url(/static/media/card_base_2.dcd691059a91babb02de.webp);background-repeat:no-repeat;background-size:contain;height:100%;overflow:hidden;position:absolute;top:0;width:100%}.flip-card-back-template.uncommon{background-image:url(/static/media/card_base_3.2db8cfa1eeaabbc10e02.webp)}.flip-card-back-template.rare{background-image:url(/static/media/card_base_6.3ed45b6c7fc2678626b2.webp)}.flip-card-back-template.epic{background-image:url(/static/media/card_base_4.b72a2dc402ca9fb969a8.webp)}.flip-card-back-template.legendary{background-image:url(/static/media/card_base_5.eb0d23cb2d0f91da9548.webp)}.card-image{border-radius:4px;margin-bottom:8px;object-fit:cover;top:13%;width:85%}.card-element,.card-image{aspect-ratio:1/1;position:absolute}.card-element{left:6%;top:3.5%;width:15%}.card-name{align-items:center;color:#fff;font-size:8px;font-weight:700;max-width:50%;overflow-wrap:normal;top:5%;white-space:normal}.card-id,.card-name{font-family:riffic_freebold,sans-serif;font-weight:400;margin:auto;position:absolute;text-align:center;text-shadow:0 0 2px #000}.card-id{color:wheat;font-size:.6em;left:36.5%;top:5.5%;width:100%}.card-level{bottom:10.5%;color:#fff;font-size:1em;font-weight:700;left:36.5%}.card-level,.card-mine-rate{font-family:gilroy-bolduploaded_file,sans-serif;margin:auto;position:absolute;text-align:center;text-shadow:0 0 2px #000;width:100%}.card-mine-rate{bottom:16%;color:wheat;font-size:.5em}.mine-image{aspect-ratio:1/1;height:16px;object-fit:cover;width:16px;z-index:100}.claim-button{background-image:linear-gradient(0deg,#2e2ed6,#4e4ef0);border:2px solid #ff0;border-radius:20px;bottom:20%;color:#fff;cursor:pointer;font-family:gilroy-bolduploaded_file,sans-serif;font-size:12px;height:8%;margin:auto;position:absolute;width:60%}.charge-container{flex-direction:column;gap:10px;left:0;margin:auto;position:absolute;top:4.5%;width:100%}.charge-container,.charge-item{align-items:center;display:flex}.charge-item{gap:0}.charge-icon{height:20px;width:20px}.charge-text{font-family:gilroy-bolduploaded_file,sans-serif;font-size:10px}@keyframes slideInLeft{0%{left:-200px;opacity:0}to{left:0;opacity:1}}@keyframes slideInRight{0%{left:calc(100% + 200px);opacity:0}to{left:calc(100% - 150px);opacity:1}}@keyframes slideInBottom{0%{opacity:0;top:300px}to{opacity:1;top:0}}.flip-card.position-left.animate-in{animation:slideInLeft .8s forwards}.flip-card.position-right.animate-in{animation:slideInRight .8s forwards}.flip-card.position-center.animate-in{animation:slideInBottom .8s forwards}.pick-card-text{color:#fff;font-size:2rem;font-weight:700;position:absolute;text-align:center;top:10%;width:100%;z-index:3000}.level-bar-container{align-items:center;bottom:10%;display:flex;justify-content:flex-start;left:17%;margin-top:3;pointer-events:none;position:absolute;width:95%}.level-bar-info{align-items:center;background-image:linear-gradient(180deg,#d74b16,#af2d2c,#a92827);border:1px solid #ffce3a;border-radius:10px;display:flex;height:18px;justify-content:center;margin-right:-5px;width:30%;z-index:2}.level-bar-icon,.level-bar-info{background-position:50%;background-repeat:no-repeat;background-size:contain}.level-bar-icon{background-image:url(/static/media/card_heart.b0ab3635df56037cce51.webp);bottom:2%;height:25%;left:1%;width:25%}.card-rarity-label,.level-bar-icon{margin:auto;position:absolute;z-index:5}.card-rarity-label{bottom:12%;color:wheat;font-family:riffic_freebold,sans-serif;font-size:5px;font-weight:700;left:13%;text-shadow:0 0 1px #000}.level-bar-max{background-color:#343434;border:1px solid gold;border-radius:10px;bottom:24%;height:10px;margin-top:3;overflow:hidden;position:absolute;width:80%;z-index:1}.level-bar-progress{background-color:#0f0;background-image:linear-gradient(180deg,#fff,#0f0);border-radius:10px;height:100%;overflow:hidden;z-index:"7"}.level-bar-progress.main{transition:width .5s linear}.level-bar-progress-highlight{background-image:linear-gradient(180deg,#009200,#000);border-radius:10px;height:40%;margin-top:5px;opacity:.15;z-index:"8"}.level-bar-progress-value{bottom:0;color:#06f;left:0;margin:auto;position:absolute;right:0;top:0;z-index:9}.level-bar-progress-value,.level-bar-value{font-family:gilroy-bolduploaded_file,sans-serif;font-size:7px}.level-bar-value{color:#fff;margin-left:7px;z-index:7}.level-bar-value-max{color:#d19797;font-family:gilroy-bolduploaded_file,sans-serif;font-size:5px;margin-left:8px;z-index:7}.pick-a-card{align-items:center;color:gold;display:flex;font-family:riffic_freebold,sans-serif;font-size:44px;font-weight:700;height:200px;justify-content:center;margin:auto;padding:20px;text-shadow:-1px -1px 0 blue,1px -1px 0 blue,-1px 1px 0 blue,1px 1px 0 blue,-1px 0 0 blue,1px 0 0 blue,0 -1px 0 blue,0 1px 0 blue;top:5%;width:100%}.holo-effect,.pick-a-card{pointer-events:none;position:absolute}.holo-effect{animation:shimmer 2s linear infinite;background:linear-gradient(130deg,#fff0 30%,#4df 50%,#fff0 70%);bottom:0;left:0;mix-blend-mode:screen;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes cardFloat{0%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-6%) rotate(-3deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(-4%) rotate(2deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes cardGlow{0%,to{filter:drop-shadow(0 0 6px rgba(255 215 0/.7)) drop-shadow(0 0 12px rgba(255 215 0/.4))}50%{filter:drop-shadow(0 0 10px rgba(255 255 120/.9)) drop-shadow(0 0 18px rgba(255 255 120/.6))}}.card-anim{animation:cardFloat 2.6s ease-in-out infinite,cardGlow 1.8s ease-in-out infinite;will-change:transform,filter}.shop-container{font-family:Arial,sans-serif;margin:auto;padding:20px}.coin-balance,.shop-container{align-items:center;justify-content:center}.coin-balance{display:flex;font-size:24px;margin:auto auto 20px}.coin-icon{font-size:24px;margin-right:10px}.coin-count{font-weight:700;margin-left:10px}.upgrade-list{display:flex;flex-direction:column;gap:10px;margin-top:40px;overflow-y:auto}.upgrade-button{align-content:center;align-items:center;background:linear-gradient(90deg,#6a11cb,#2575fc);border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;justify-content:start;justify-content:center;padding:15px;transition:background-color .3s;width:100%}.upgrade-icon{height:50px;margin-right:15px;width:50px}.upgrade-details{align-content:center;align-items:center;flex:1 1;justify-content:center}.upgrade-name{font-size:18px}.upgrade-level-text,.upgrade-name{font-family:gilroy-bolduploaded_file,sans-serif;font-weight:700}.upgrade-level-text,.upgrade-meta{font-size:14px}.upgrade-meta{align-content:center;align-items:center;color:#ccc}.popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup{background-color:#fff;border-radius:10px;padding:20px;text-align:center;width:300px}.popup-header h2{margin-bottom:15px}.popup-description p{margin-bottom:20px}.close-btn,.upgrade-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;width:100%}.close-btn:hover,.upgrade-btn:hover{background-color:#0056b3}.close-btn{background-color:#ccc;margin-top:10px}.resource-buttons{display:flex;gap:20px;position:absolute;top:10%}.resource-item{text-align:center}@keyframes animateBackground{0%{background-position:50%}20%{background-position:70%}80%{background-position:30%}to{background-position:50%}}.account-page-old{align-items:center;animation:animateBackground 60s ease-in-out infinite;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:center;justify-content:flex-start;margin:0;overflow:hidden;padding:0;position:relative;text-align:center;width:100vw}.profile-section{animation:fadeInSlideUp .4s ease-in-out forwards;background-image:linear-gradient(#494444,#0d0b0b);border:2px solid gold;border-radius:80px;height:900px;justify-content:center;margin:auto;opacity:0;position:relative;top:60px;width:100%}.current-profile{grid-gap:0;border:2px solid #0000;border-radius:10%;gap:0;grid-template-columns:180px 180px;margin-top:5px}.current-profile,.profile-top-grid{display:grid;justify-content:center}.profile-top-grid{grid-gap:30px;gap:30px;grid-template-columns:150px 150px}.profile-details-grid{grid-gap:30px;display:grid;gap:30px;grid-template-rows:20px 20px 50px;justify-content:center}.current-profile-img{border:8px solid gold;border-radius:100%;height:150px;width:150px}.profile-pic-grid{grid-gap:30px;border-radius:10px;display:grid;gap:30px;grid-template-columns:160px 160px;justify-content:center;margin-top:10px;max-height:400px;overflow-x:hidden;overflow-y:auto;padding:10px;scrollbar-width:thin}.profile-pic{border:3px solid hsla(0,0%,100%,.463);border-radius:20%;cursor:pointer;position:relative}.profile-pic.selected{border:3px solid #007bff}.profile-pic.applied{border:3px solid green}.profile-pic.applied:after{align-items:center;background-color:#28a745;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;content:"✔";display:flex;font-size:24px;height:20px;justify-content:center;position:absolute;right:0;top:0;width:20px}.profile-pic-img{border-radius:20%;height:150px;width:150px}.apply-button{background-color:#007bff;border:none;border-radius:20px;color:#fff;cursor:pointer;width:120px}.apply-button:hover{background-color:#0056b3;border-radius:20px}.payment-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background-color:#fff;border-radius:10px;max-height:80%;max-width:600px;overflow-y:auto;padding:20px;position:relative;width:80%}.social-page{padding:20px;text-align:center}.social-buttons{align-items:center;display:flex;flex-direction:column;gap:15px;margin-top:20px}.social-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;max-width:300px;padding:10px;transition:background-color .3s ease;width:80%}.social-button:hover{background-color:#0056b3}.quiz-container{animation:fadeInSlideUp .4s ease-in-out forwards}.quiz-game{position:absolute;text-align:center;top:10%}.quiz-score,.quiz-text{color:#fff;font-family:gilroy-bolduploaded_file,sans-serif}.quiz-score{font-size:20px}.quiz-question{color:#000;margin:10px}.quiz-question,.timer{background-color:#fff;border-radius:10px;padding:10px}.timer{color:red;font-family:gilroy-bolduploaded_file,sans-serif;font-size:20px;margin-left:30px;margin-right:30px;margin-top:20px}.options{display:flex;flex-direction:column;gap:15px;margin-top:20px}.option-button{animation:fadeInSlideUp .4s ease-in-out forwards;background-image:linear-gradient(180deg,#d74b16,#af2d2c,#a92827);background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:block;font-family:gilroy-bolduploaded_file,sans-serif;font-size:clamp(fit-content,24px,32px);height:45px;line-height:1;margin:auto;opacity:0;outline:none;overflow:hidden;padding:0;text-align:center;text-transform:uppercase;width:85%;z-index:40}.optionO-button{background-color:#f1c40f;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin:5px;padding:10px 20px}.game-over-popup{animation:fadeInSlideUp .4s ease-in-out forwards;background-image:linear-gradient(180deg,#d74b16,#af2d2c,#a92827);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;text-align:center;width:80%}.game-over-popup button{background-color:#2ecc71;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px}.clans-page{background-color:#2a2a2a;color:#fff;font-family:Arial,sans-serif;height:100vh;padding:20px;text-align:center}.clans-h1{color:#f5a623;font-size:2rem;font-weight:700;margin-bottom:20px}.clans-buttons-container{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.clans-button{background-color:#f5a623;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 20px;transition:background-color .2s ease}.clans-button:hover{background-color:#e39520}.clans-button:active{background-color:#cc7e1a}.clan-details{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:20px}.clan-info{text-align:left;width:100%}.clan-info h2{font-size:1.5rem;font-weight:700;margin:0}.clan-info a button{margin-top:10px}.leaderboard{margin-top:20px;max-height:70%;overflow-y:auto;scrollbar-width:thin;text-align:left}.leaderboard h2{font-size:1.2rem;font-weight:700;margin-bottom:15px}.leaderboard-item{align-items:center;background-color:#3a3a3a;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:transform .2s ease,box-shadow .2s ease}.leaderboard-item:hover{box-shadow:0 4px 8px #0003;transform:translateY(-3px)}.leaderboard-item img{border-radius:50%;height:50px;width:50px}.group-name{font-size:1.1rem;font-weight:700}.player-count{color:#f5a623;font-size:.9rem}.clan-icon{border:2px solid gold;border-radius:50%;height:100px;margin-right:20px;width:100px}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}80%{opacity:.8;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.elements-page{animation:fadeInSlideUp .4s ease-in-out forwards}.elements-title{color:#fff;font-size:24px;margin-bottom:20px}.currency-bars{animation:fadeInSlideUp .4s ease-in-out forwards;bottom:180px;display:flex;gap:5px;justify-content:space-between;left:0;margin:0 auto;position:absolute;right:0;width:90%;z-index:5}.currency-bar{align-items:center;background:#333;border-radius:8px;display:flex;flex-direction:column;padding:10px;width:20%;z-index:5}.currency-icon{height:40px;margin-top:10px;position:relative;width:40;z-index:8}.currency-goal{color:#f5a623;font-size:14px}.elements-buttons{bottom:100px;display:flex;gap:20px;justify-content:space-evenly;left:0;margin:0 auto;position:absolute;right:0;z-index:6}.deck-button,.generate-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:10px 20px}.generate-button{background-color:#f5a623}.deck-button{background-color:#6c757d}.elements-popup-content{align-items:center;background:none;border-radius:12px;color:#000;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;max-width:400px;padding:20px;position:relative;text-align:center;top:20%;z-index:1001}.card{perspective:1000px}.card-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.elements-popup-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.deck-popup-content{background:repeating-linear-gradient(-45deg,#ffc444,#ffc444 20px,#ffe576 0,#ffe576 50px);background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000004d;box-shadow:0 0 10px #0000ffb3;color:#000;display:flex;flex-direction:column;height:60%;justify-content:space-between;max-width:400px;padding:20px;position:fixed;text-align:center;width:90%;z-index:1000}.card-grid-scrollable{grid-gap:15px;border-radius:8px;cursor:pointer;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));height:450px;margin:10px 0;overflow-x:hidden;overflow-y:auto;padding:10px;scrollbar-width:thin}.card-grid-item{border-radius:8px;box-shadow:0 4px 10px #ff89014d;cursor:pointer;height:150px;position:relative;text-align:center;transition:transform .3s;width:100%}.card-grid-image{border:1px solid gold;border-radius:8px;width:95%}.card-grid-element{height:10%;left:5%;position:absolute;top:5%;width:10%}.card-grid-name{color:#000;font-size:12px;margin-top:1px}.navigate-previous-button{align-items:center;aspect-ratio:1/1;background-color:blue;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-family:gilroy-bolduploaded_file,sans-serif;font-size:15px;font-weight:700;justify-content:center;left:-10%;position:absolute;text-align:center;top:30%;width:20%}.elements-button-container{display:flex;flex-direction:row;gap:10px;margin:auto;padding:10px 20px;width:100%}.elements-close-button{background-color:#f5a623;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px}.katchumons-bg{background-image:url(/static/media/elements_bg.a102c7e081cbc8ad3651.webp);bottom:0;z-index:1}.katchumons-bg,.temple-bg{animation:fadeInSlideUp .4s ease-in-out forwards;background-position:bottom;background-repeat:no-repeat;background-size:contain;height:100%;left:0;margin-left:auto;margin-right:auto;overflow:hidden;pointer-events:none;position:fixed;right:0;width:100%;will-change:transform}.temple-bg{background-image:url(/static/media/temple_bg.bfcc985ef154e3dadf81.webp);bottom:260px;z-index:0}.element-bar-value{color:#fff;font-size:15px}.element-bar-value,.element-bar-value-max{font-family:gilroy-bolduploaded_file,sans-serif;z-index:7}.element-bar-value-max{color:#b2b2b2;font-size:12px}.element-bar-container{align-items:center;border:3px solid #ffce3a;border-radius:30px;box-shadow:0 4px 10px #0009;height:130px;justify-content:center;overflow:hidden;position:relative;text-align:center;width:60px;z-index:1}.element-bar-container:before{background-image:url(/static/media/fire_bg.bf015e65b9cea4a9bc53.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";filter:saturate(0) brightness(.4);left:0;opacity:1;position:absolute;right:0;top:0;z-index:-1}.element-bar-container.earth:before{background-image:url(/static/media/earth_bg.9f9bc375b4ef784cbea1.webp)}.element-bar-container.spirit:before{background-image:url(/static/media/spirit_bg.73d2460544107cf8d346.webp)}.element-bar-container.wind:before{background-image:url(/static/media/wind_bg.e24e009a8832580b088b.webp)}.element-bar-container.water:before{background-image:url(/static/media/water_bg.6712fe92d6db2ae012ee.webp)}.progress-fill{animation:fillAnimation 1s ease forwards;background-image:url(/static/media/fire_bg.bf015e65b9cea4a9bc53.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;clip-path:inset(100% 0 0 0);height:100%;left:0;position:absolute;width:100%;z-index:1}.progress-fill.earth{background-image:url(/static/media/earth_bg.9f9bc375b4ef784cbea1.webp)}.progress-fill.spirit{background-image:url(/static/media/spirit_bg.73d2460544107cf8d346.webp)}.progress-fill.wind{background-image:url(/static/media/wind_bg.e24e009a8832580b088b.webp)}.progress-fill.water{background-image:url(/static/media/water_bg.6712fe92d6db2ae012ee.webp)}@keyframes fillAnimation{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(var(--target-height) 0 0 0)}}@keyframes elementsGlow{0%,to{filter:drop-shadow(0 0 6px rgba(255 215 0/.7)) drop-shadow(0 0 12px rgba(255 215 0/.4))}50%{filter:drop-shadow(0 0 10px rgba(255 255 120/.9)) drop-shadow(0 0 18px rgba(255 255 120/.6))}}.element-bar-container.glow{animation:elementsGlow 1.8s ease-in-out infinite;will-change:transform,filter}.trainer-panel-overlay{align-items:flex-end;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.trainer-panel-content{border-radius:16px 16px 0 0;box-shadow:0 -4px 8px #0003;height:30%;max-height:50%;max-width:100%;min-height:25%;overflow-y:auto;overflow:hidden;padding:16px;pointer-events:auto;text-align:center;width:100%}.trainer-impact-content-base{align-items:center;margin-left:4px;width:50%}.trainer-impact-content,.trainer-impact-content-base{color:#fff;display:flex;flex-direction:row;gap:10px;justify-content:center}.trainer-impact-content{align-items:flex-start;background:#0009;border-radius:8px;padding:10px}.impact-info{align-items:flex-start;display:flex;flex-direction:column;gap:10px;justify-content:left;left:0;text-align:left;width:100%}.impact-item{align-items:center;display:flex;gap:5px}.impact-icon{height:25px;width:25px}.impact-text{font-family:gilroy-bolduploaded_file,sans-serif;font-size:16px;font-weight:700}.trainer-buttons{align-items:flex-end;display:flex;flex-direction:column;gap:10px;right:5px;width:300px}.trainer-equip-button,.trainer-upgrade-button{border:none;border-radius:5px;cursor:pointer;font-family:gilroy-bolduploaded_file,sans-serif;font-size:16px;font-weight:700;padding:10px 15px}.trainer-equip-button{background-color:#007bff;color:#fff}.trainer-upgrade-button{align-items:center;background-color:#28a745;color:#fff;display:flex;gap:5px}.coin-icon{height:25px;object-fit:cover;width:25px}.trainer-upgrade-icon{height:40px;margin-right:15px;width:40px}.trainer-left{align-items:flex-end;background:none;bottom:20%;display:flex;flex-direction:column;height:40%;justify-content:space-evenly;left:5%;padding:0;pointer-events:none;position:absolute;transform:translateY(-20%);width:20%;z-index:1}.element-bg{align-items:center;border:3px solid #ffce3a;border-radius:30px;box-shadow:0 4px 10px #0009;height:100px;justify-content:center;overflow:hidden;position:relative;text-align:center;width:50px;z-index:1}.element-bg:before{background-image:url(/static/media/fire_bg.bf015e65b9cea4a9bc53.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";left:0;opacity:1;position:absolute;right:0;top:0;z-index:-1}.element-bg.earth:before{background-image:url(/static/media/earth_bg.9f9bc375b4ef784cbea1.webp)}.element-bg.fire:before{background-image:url(/static/media/fire_bg.bf015e65b9cea4a9bc53.webp)}.element-bg.spirit:before{background-image:url(/static/media/spirit_bg.73d2460544107cf8d346.webp)}.element-bg.wind:before{background-image:url(/static/media/wind_bg.e24e009a8832580b088b.webp)}.element-bg.water:before{background-image:url(/static/media/water_bg.6712fe92d6db2ae012ee.webp)}.element-bg.multi:before{background-image:none}.battle-card-game-container{gap:25px;height:250px;position:absolute;text-align:center;width:95%}.battle-card-game-base{background-image:url(/static/media/battle_card_base.1b8c12b68683c3a7442c.webp);background-size:contain;display:inline-flex;gap:25px;height:230px;margin:auto;pointer-events:none;position:relative;text-align:center;width:90%}.battle-card-game-base,.powerup-progress-fill{background-position:50%;background-repeat:no-repeat}.powerup-progress-fill{--target-height:0;background-image:url(/static/media/fire_bg.bf015e65b9cea4a9bc53.webp);background-size:cover;bottom:0;clip-path:inset(100% 0 0 0);clip-path:inset(var(--target-height) 0 0 0);height:100%;left:0;position:absolute;transition:clip-path .4s ease-in-out;width:100%;z-index:1}.powerup-progress-fill.earth{background-image:url(/static/media/earth_bg.9f9bc375b4ef784cbea1.webp)}.powerup-progress-fill.spirit{background-image:url(/static/media/spirit_bg.73d2460544107cf8d346.webp)}.powerup-progress-fill.wind{background-image:url(/static/media/wind_bg.e24e009a8832580b088b.webp)}.powerup-progress-fill.water{background-image:url(/static/media/water_bg.6712fe92d6db2ae012ee.webp)}.battle-card-item{border-radius:8px;box-shadow:0 4px 10px #ff89014d;display:inline-flex;height:150px;pointer-events:none;position:relative;position:absolute;text-align:center;top:10%;transition:transform .3s;width:max-content;width:110px;z-index:10}.battle-card-item.player{right:12%}.battle-card-item.opponent{left:12%}.battle-card-back{align-items:center;border-radius:8px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:10px;position:absolute;position:relative;width:100%}.battle-card-frame{background-image:url(/static/media/battle_card_frame.339a22f88fa76b120194.webp);background-repeat:no-repeat;background-size:contain;height:100%;position:absolute;top:0;width:100%}.battle-card-image{aspect-ratio:1/1;border-radius:4px;left:0;margin:auto;object-fit:cover;position:absolute;right:0;top:6%;width:100%}.battle-card-level-value{bottom:17%;font-family:gilroy-bolduploaded_file,sans-serif;margin:auto;text-align:center}.battle-card-level-value,.battle-card-title{color:#fff;font-size:1.1em;font-weight:700;position:absolute;width:100%}.battle-card-title{font-family:riffic_freebold,sans-serif;text-shadow:0 0 2px #000;top:27%}.battle-card-title.player{left:5%;text-align:left}.battle-card-title.opponent{right:5%;text-align:right}.battle-card-stats{align-items:center;display:flex;gap:10px;height:20%;position:absolute;top:43%}.battle-card-stats.player{justify-content:flex-start;left:11%}.battle-card-stats.opponent{justify-content:flex-start;right:11%}.battle-card-level{background:url(/static/media/battle_level_icon.ef6bd39a08d6a3d49b6b.webp) 50%/contain no-repeat;height:40px;position:relative;text-shadow:0 0 2px #000;width:40px}.battle-card-gem-container{background:url(/static/media/gem_container.59086d8ee6575199cd57.webp) 50%/contain no-repeat;height:40px;position:relative;width:40px}.battle-card-gem{aspect-ratio:1/1;left:16%;position:absolute;top:14%;width:70%}.battle-card-health-bar{background-color:#484848;border:1px solid gold;border-radius:10px;bottom:2%;height:16px;left:10%;margin:3 auto auto;overflow:hidden;position:absolute;width:80%;z-index:1}@keyframes card-hit{0%{box-shadow:0 0 0 #f000;transform:translate(0) rotate(0deg)}12%{box-shadow:0 0 12px #f009;transform:translate(-4px,2px) rotate(-2deg)}24%{box-shadow:0 0 20px #f00c;transform:translate(4px,-3px) rotate(2deg)}48%{box-shadow:0 0 32px red;transform:translate(-3px,2px) rotate(-1.5deg)}72%{box-shadow:0 0 20px #f009;transform:translate(3px,-2px) rotate(1.5deg)}to{box-shadow:0 0 0 #f000;transform:translate(0) rotate(0deg)}}.battle-card-hit{animation:card-hit .4s ease-in-out infinite}.battle-card-energy-bar-container{bottom:17%;height:18%;position:absolute;width:37%}.battle-card-energy-bar-container.player{left:13%}.battle-card-energy-bar-container.opponent{right:13%}.battle-card-energy-bar{--pct:0;--col:#4caf50;--pad:6px;aspect-ratio:256/71;background:url(/static/media/ability_bar.83f501a4824d09eadd6a.webp) 50%/contain no-repeat;border-radius:9999px;overflow:visible;position:relative;width:100%}.battle-card-energy-bar .energy-fill-base{border-radius:inherit;height:calc(100% - var(--pad)*2);left:var(--pad);max-width:calc(100% - var(--pad)*2);overflow:hidden;position:absolute;top:var(--pad);transition:width .35s ease-in-out;width:100%}.battle-card-energy-bar .energy-fill{background:#ffa72b;background-blend-mode:overlay;background-image:repeating-linear-gradient(45deg,#0003 0 10px,#0000000d 10px 20px);height:100%;left:0;max-width:100%;position:absolute;top:0;transition:width .35s ease-in-out;width:var(--pct)}.battle-card-energy-bar .energy-fill.water{background:#0091df;background-blend-mode:overlay;background-image:repeating-linear-gradient(45deg,#0003 0 10px,#0000000d 10px 20px)}.battle-card-energy-bar .energy-fill.wind{background:#ff6287;background-blend-mode:overlay;background-image:repeating-linear-gradient(45deg,#0003 0 10px,#0000000d 10px 20px)}.battle-card-energy-bar .energy-fill.earth{background:#48a82a;background-blend-mode:overlay;background-image:repeating-linear-gradient(45deg,#0003 0 10px,#0000000d 10px 20px)}.battle-card-energy-bar .energy-fill.spirit{background:#b565f7;background-blend-mode:overlay;background-image:repeating-linear-gradient(45deg,#0003 0 10px,#0000000d 10px 20px)}.energy-fill-highlight{background-blend-mode:screen;background-image:linear-gradient(180deg,#fff,#4a4a4a);border-radius:10px;height:34%;left:7.5%;margin:auto;opacity:.15;position:absolute;top:22%;width:85%;z-index:1}.battle-card-energy-bar .energy-icon{height:55%;pointer-events:none;position:absolute;right:8%;top:50%;transform:translateY(-50%);width:auto;z-index:2}.campaign-page{box-sizing:border-box;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,sans-serif;margin:0 auto;max-width:1200px;padding:24px 16px 64px}.campaign-title{font-size:2.25rem;font-weight:800;margin:0 0 24px}.campaign-grid{grid-gap:16px;display:grid!important;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-card{max-height:220px}.campaign-card.fullWidth{grid-column:1/-1!important}.campaign-card.halfWidth{grid-column:auto!important;max-height:120px}.campaign-card{align-items:flex-end;background:#222;background-position:50%;background-size:cover;border:2px solid gold;border-radius:16px;box-shadow:0 8px 24px #0003;display:flex;min-height:220px;overflow:hidden;position:relative;transition:transform .12s ease,box-shadow .12s ease}.campaign-card__video{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:0}.campaign-card__overlay{inset:0;position:absolute;z-index:1}.campaign-card__content{position:relative;z-index:2}.campaign-card__tag{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff26;border-radius:999px;display:inline-block;font-size:.75rem;letter-spacing:.08em;margin-bottom:8px;margin-left:10px;padding:2px 10px;text-transform:uppercase}.campaign-card__title{font-size:1.75rem;font-weight:800;line-height:1.15;margin:0 0 4px 10px}.campaign-card__subtitle{font-size:.95rem;margin:0;opacity:.85}.cinematic-container{background:linear-gradient(to bottom right,#001f3f 50%,#7f0000 0);color:#fff;font-family:system-ui,sans-serif;height:100vh;overflow:hidden;position:relative;width:100%}.thunder-divider{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.character-box{animation:float 4s ease-in-out infinite;max-width:30%;position:absolute;text-align:center}.character-box.left{left:5%;top:5%}.character-box.right{bottom:5%;right:5%}.character-image{filter:drop-shadow(0 0 10px #000);max-height:300px;object-fit:contain;width:100%}.character-name{font-size:1.2rem;font-weight:700;margin-top:8px}.dialogue-box{animation:fadeIn .5s ease;background-color:#0009;border-radius:10px;font-size:1rem;margin-top:16px;padding:12px 16px}.animate-text{animation:typewriter 2s steps(40);border-right:2px solid #fff;overflow:hidden;white-space:nowrap}.controls{bottom:20px;position:absolute;text-align:center;width:100%}.next-button{background:#ffffff20;border:1px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-right:20px;padding:10px 20px}.skip-button{background:#0000;border:none;bottom:20px;color:#ccc;cursor:pointer;font-size:.9rem;position:absolute;right:20px;text-decoration:underline}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes typewriter{0%{width:0}to{width:100%}}
/*# sourceMappingURL=main.19047df1.css.map*/