.not-found{text-align:center}.slider-overflow-wrapper{width:100%;height:100%;overflow:hidden}.slider-slides-container{display:flex;transition:all .8s ease}.slider-slide-container{flex:0 0 100%;background:transparent;flex-shrink:0}.cell{--bg: white;background-color:var(--bg);border:.1rem solid var(--primary-grey2);width:max(25px,4vmin);height:max(25px,4vmin);transition:background-color .1s;-webkit-user-select:none;user-select:none;position:relative}.selectable{cursor:pointer}.selectable:hover{border:.1rem solid blue}.hovered{border:.1rem solid red}.absolute-positioning-centered{position:absolute;top:50%;left:50%;box-sizing:border-box;transform:translate(-50%,-50%)}.archer{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.archer svg{width:60%;height:60%}.attackable-indicator{width:70%;height:70%;background-color:transparent;animation:fade-in 1s infinite alternate-reverse;z-index:1}.land-mine{width:90%;height:90%}.mana-bubble{position:relative;top:50%;left:50%;width:75%;height:75%;border-radius:50%;background:linear-gradient(180deg,var(--mana-blue),var(--sky-blue1),var(--sky-blue2));transform:translate(-50%,-50%)}.mana-bubble div{display:none}.mana-bubble:hover div{display:block}.mana-bubble-description{--end-opacity: .9;position:absolute;top:120%;left:-100%;width:max(5vmin,120px);height:fit-content;padding:var(--spacing-small2);background-color:var(--deep-blue);border-radius:.5rem;animation:fade-in .4s ease-in-out forwards}.possible-spell-target-indicator{--border-angle: 0deg;width:100%;height:100%;border:.2rem solid transparent;position:absolute;background:linear-gradient(var(--bg),var(--bg)) padding-box,conic-gradient(from var(--border-angle),var(--primary-purple3) 0deg,var(--primary-pink1) 90deg,var(--primary-purple3) 180deg,var(--primary-pink1) 270deg,var(--primary-purple3) 360deg) border-box;box-sizing:border-box;animation:border-angle-rotate 1.8s infinite linear}.selected-indicator{--border-angle: 0deg;width:100%;height:100%;border:.2rem solid transparent;position:absolute;background:linear-gradient(var(--bg),var(--bg)) padding-box,conic-gradient(from var(--border-angle),var(--sky-blue1) 0deg,blue 90deg,var(--sky-blue1) 180deg,blue 270deg,var(--sky-blue1) 360deg) border-box;animation:border-angle-rotate 1.8s infinite linear;box-sizing:border-box;z-index:1}.shield{width:100%;height:100%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;position:absolute;border:.16rem solid rgba(255,255,255,.7);top:0;left:0;right:0;bottom:0;box-sizing:border-box}.shield:before{content:"";position:absolute;top:0;left:-150%;width:200%;height:40%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transform:rotate(45deg);animation:reflection 4s infinite linear}.spawn-or-move-possible,.possible-spell-target{animation:half-fade-in 1s infinite alternate-reverse}.wind-spiral{width:100%;height:100%;position:absolute;display:flex;justify-content:center;align-items:center}.wind-spiral-trail{--originX: 1rem;position:absolute;width:.4rem;height:.4rem;background:radial-gradient(circle,#fff,#fff0 70%);border-radius:50%;animation:spiral-animation 1.8s infinite linear}@media (max-width: 660px){.wind-spiral-trail{--originX: .6rem}}.cell-death-effect{background-color:#fff;transition:background-color .8s ease-in-out}.clash-or-spawn-effect{position:absolute;width:100%;height:100%;background-color:transparent;z-index:1;animation:shadow-expansion-fade .4s ease-in-out}.mana-bubble-pop-effect{width:100%;height:100%;background-color:var(--mana-blue);border-radius:50%;opacity:.5;box-shadow:0 0 1rem 0 var(--mana-blue);animation:pulse-up-fade .7s ease-in-out}.moving-cell-effect{position:absolute;pointer-events:none;z-index:10;animation:move-cell .4s ease-out forwards}.projectile-effect{position:absolute;width:1vmin;height:1vmin;border-radius:50%;background-color:var(--primary-purple1)}.shockwave-effect{position:absolute;width:100%;height:100%;top:50%;left:50%;background-color:transparent;border-radius:50%;border:.1rem solid var(--pure-grey);z-index:1;transform:translate(-50%,-50%);animation:expansion-fade-out .4s ease-in-out}.spell-applied-effect{--border-angle: 0deg;--start-opacity: .5;width:100%;height:100%;border:.3rem solid transparent;position:absolute;background:linear-gradient(var(--primary-purple1),var(--primary-purple1)) padding-box,conic-gradient(from var(--border-angle),var(--primary-purple3) 0deg,var(--primary-pink1) 90deg,var(--primary-purple3) 180deg,var(--primary-pink1) 270deg,var(--primary-purple3) 360deg) border-box;animation:border-angle-rotate 1.8s infinite linear,fade-out 1.8s ease-in-out;box-sizing:border-box;pointer-events:none;z-index:0}@keyframes move-cell{0%{transform:translate(0);opacity:1}to{transform:translate(var(--target-x),var(--target-y));opacity:0}}@keyframes reflection{0%{transform:translate(-100%) rotate(45deg)}50%{transform:translate(300%) rotate(45deg)}to{transform:translate(300%) rotate(45deg)}}@keyframes spiral-animation{0%{transform:rotate(0) translate(var(--originX, 1rem)) scale(.7);opacity:1}30%{transform:rotate(720deg) translate(0) scale(.2);opacity:0}to{transform:rotate(720deg) translate(0) scale(.2);opacity:0}}.grid-outer{--z-index-action-spell-desc: 1;--z-index-turn-swap-image: 2;--z-index-blur-overlay: 1000;--z-index-countdown-number: 1001;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:fit-content;height:fit-content;border:.1rem solid var(--primary-grey2);background-color:#fff;margin:var(--spacing-medium2) auto var(--spacing-medium2) auto;box-shadow:#00000040 0 .3125rem .9375rem}.grid-inner{display:grid;background-color:transparent;width:fit-content;height:fit-content}.row{display:contents}.blur-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:var(--z-index-blur-overlay);pointer-events:none;-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem)}.countdown-number-container{position:absolute;background-color:transparent;display:flex;justify-content:center;align-items:center;pointer-events:none;height:80%;width:80%;z-index:var(--z-index-countdown-number);opacity:0;animation:appear-growing-long .5s ease-in-out alternate infinite}.countdown-number{width:100%;height:100%;font-size:25vmin;text-align:center;pointer-events:none;text-shadow:0rem 0rem 1rem var(--primary-purple3)}.turn-swap-image-container{position:absolute;background-color:transparent;height:80%;width:80%;opacity:0;animation:appear-growing-long 1s ease-in-out 2 alternate;z-index:var(--z-index-turn-swap-image)}.turn-swap-image{width:100%;height:100%;object-fit:contain}.game-error{position:absolute;background-color:transparent;font-size:1.2rem;text-align:center;color:#ffebcd;-webkit-user-select:none;user-select:none;text-shadow:1px 1px 2px var(--primary-purple3);animation:fade-out 1.5s ease-in-out}#action-spell-description-outer{--animation-duration: 3.6s;position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;left:0;width:max(45%,150px);transition:all .3s ease-in-out;animation:fade-in-out var(--animation-duration) ease-out;transform:translate(-110%)}@media (max-width: 760px){#action-spell-description-outer{left:15%}}@media (max-width: 570px){#action-spell-description-outer{left:40%}}@media (max-width: 400px){#action-spell-description-outer{left:50%}}#action-spell-description-outer h3{text-shadow:var(--primary-purple3) 1px 0 10px;margin-top:0;margin-bottom:var(--spacing-small2)}#action-spell-description-inner{--end-opacity: .95;position:relative;height:fit-content;background-color:var(--deep-blue);padding:var(--spacing-small2);border-radius:.5rem;z-index:var(--z-index-action-spell-desc);animation:glow 1s ease-in-out infinite alternate}#fatigue-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:.5rem;width:max(45%,170px);padding:var(--spacing-small2);background-color:var(--deep-blue);text-align:center;animation:fade-in-out 2s ease-out,glow 1s ease-in-out infinite alternate}#intro-carousel-container{height:fit-content;width:fit-content;margin-bottom:var(--spacing-medium1)}#home-container{display:flex;flex-direction:column;place-items:center;margin-top:-10vh;overflow:hidden}#game-rules{width:var(--spacing-medium2);height:var(--spacing-medium2);position:absolute;cursor:pointer;top:50%;left:120%;transform:translateY(-50%)}#game-rules:hover svg{filter:drop-shadow(.1rem .2rem .1rem rgb(0 0 0 / .2))}#game-rules-list{text-align:left;max-height:60vh;overflow-y:auto}#game-rules-list li{margin-top:var(--spacing-small2);margin-right:var(--spacing-small2);padding:var(--spacing-small2);background-color:var(--primary-purple1);border-radius:.5rem}#logo-container{position:relative;display:flex;place-items:center;width:fit-content}#logo-container svg{filter:drop-shadow(.1rem .2rem .1rem rgb(0 0 0 / .2));width:50%;margin:auto}#logo-container h1{position:absolute;top:50%;left:0;width:100%;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;transform:translateY(-50%);text-shadow:.1rem .2rem .2rem var(--primary-purple3);z-index:2}#home-buttons-container,#opponent-search-container{display:flex;flex-direction:column;align-items:center;gap:max(10px,1vmin);width:fit-content}#play-button,#play-ai-button{font-size:1rem;min-width:200px;height:2.8rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.home-error-container{display:flex;justify-content:center;align-items:center;gap:max(1vmin,10px);background-color:#6b59e3;border-radius:5px;padding:max(1vmin,10px);margin-top:max(2vh,10px);color:#fff}.home-top-message-container{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:max(1vmin,10px);background-color:#5d5397;border-radius:5px;padding:max(1vmin,10px);margin-top:max(2vh,10px);color:#fff;box-shadow:.5vmin .5vmin .5vmin .25vmin #0003;min-width:25vmin;max-width:50vmin}.home-top-message-header{display:flex;align-items:center;justify-content:space-between;width:100%}.home-top-message-text{padding:max(1vmin,10px)}#play-button-wrapper{position:relative}#play-ai-button{margin-top:var(--spacing-small2)}.play{color:#fff}.play:hover{border:1px solid white;color:#fff}.skeleton{background:linear-gradient(90deg,var(--primary-purple1) 25%,var(--primary-purple2) 50%,var(--primary-purple1) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;color:transparent!important;pointer-events:none;border:.16rem solid transparent!important;padding:.4rem 1rem!important;box-shadow:none!important;transition:none!important}.page-container{display:flex;flex-direction:column;width:fit-content;margin:auto}#main-outer-container{position:relative}#main-inner-container{position:relative;display:flex;flex-direction:column;background-color:var(--greyish-purple);padding:max(10px,4vmin);border-radius:1rem;box-shadow:0 0 3vmin .25vmin #0003}.initial-loading{width:max(30px,4vmin);height:max(30px,4vmin);margin:auto}#action-board-container{display:flex;justify-content:center;align-items:center;width:100%;height:fit-content;margin-top:max(15px,1vmin);gap:max(10px,1vmin);box-sizing:border-box}#spawn-button{display:flex;justify-content:center;align-items:center;gap:max(5px,.5vmin);background-color:var(--primary-purple2);box-shadow:0 0 .5rem .08rem #0000001a}#spell-toggle-button{display:flex;justify-content:center;align-items:center;gap:max(5px,.5vmin);background-color:var(--primary-purple3);box-shadow:0 0 .5rem .08rem #0000001a}#spell-toggle-button div{transition:transform .3s ease}.spell-deck{display:flex;justify-content:center;align-items:center;gap:var(--spacing-small2);margin-top:var(--spacing-medium1)}.spell-description svg{width:.9rem}@media (max-width: 660px){.spell-description svg{width:.7rem}}.spell-card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-small2);width:max(25px,4vmin);height:max(25px,4vmin);background-color:var(--deep-blue);box-shadow:0 0 .5rem .08rem #0000001a;white-space:nowrap;transition:width .2s ease-in-out}@media (max-width: 660px){.spell-card{font-size:.9rem}}.spell-card.greyed-out:enabled:hover{border:.16rem solid grey}.spell-card.greyed-out{color:gray}.spell-card.greyed-out svg{fill:gray}.spell-card:enabled:hover,.spell-card.touched{width:max(160px,22vmin);transition:width .2s ease-in-out}.spell-card:disabled .spell-mana-cost{background:none;background-color:var(--greyish-blue)}.spell-card:hovered .spell-mana-cost{border:.1rem solid white}.spell-card-content{min-width:0;display:flex;align-items:center;justify-content:center;gap:.2rem}.spell-card-name-and-count{animation:fade-in .3s ease-in-out}.spell-mana-cost{position:absolute;top:0;right:0;padding:var(--spacing-small1);border:.1rem solid transparent;border-radius:50%;background:linear-gradient(180deg,var(--mana-blue),var(--sky-blue1),var(--sky-blue2));display:flex;justify-content:center;align-items:center;width:var(--spacing-medium1);height:var(--spacing-medium1);-webkit-user-select:none;user-select:none;transform:translate(45%,-45%);transition:all .25s ease}.casted-spell-header{display:flex;justify-content:center;gap:max(1vmin,5px);margin-bottom:var(--spacing-small1)}#game-top-info-container{display:flex;justify-content:space-between;align-items:center;gap:max(15px,2vmin);margin-bottom:max(15px,2vmin)}#whose-turn-label{margin:0}.countdown-bar-outer{border-radius:1rem;border:.15rem solid white;width:40%;height:max(20px,3vmin);box-sizing:border-box;-webkit-user-select:none;user-select:none;overflow:hidden}.countdown-bar-inner{border:.15rem solid transparent;background-color:var(--primary-grey3);height:100%;box-sizing:border-box;transition:all .1s ease-in-out}#inactivity-warning{position:absolute;background-color:var(--deep-blue);border-radius:.5rem;padding:var(--spacing-small2);font-size:1rem;box-sizing:border-box;left:10%;right:10%;top:12%;pointer-events:none;animation:fade-in .5s ease-in-out,angle-shake 1.5s ease-in infinite}@media (max-width: 660px){#inactivity-warning{font-size:.9rem}}@property --rotation-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}#inactivity-warning svg{width:.9rem;height:.9rem}.player-resources-container{display:flex;justify-content:space-between;align-items:center;gap:max(4px,.8vmin)}.hp-container{display:flex;align-items:center;gap:max(4px,.8vmin)}.hp-circle-container-outer{width:max(25px,4vmin);height:max(25px,4vmin);border:max(.09rem,2px) solid white;border-radius:50%;overflow:hidden;box-sizing:border-box;rotate:180deg}.hp-circle-container-inner{--hp-bg: linear-gradient( 180deg, rgb(230, 66, 66) 0%, rgb(239, 50, 50) 50%, rgba(255, 0, 0, .642) 100% );width:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:var(--hp-bg);transition:height 1s ease-in-out,background-color .3s ease-in-out}@keyframes hp-bg-flash{0%{background:var(--hp-bg)}50%{background:#da00da}to{background:var(--hp-bg)}}.hp-circle-container-inner.hp-animate-bg{animation:hp-bg-flash 1s}.stamina-container{position:relative;display:flex;align-items:center;border-radius:1rem;border:.15rem solid white;height:max(15px,2vmin);box-sizing:border-box;transition:all .1s ease-in-out;width:30%;overflow:hidden;-webkit-user-select:none;user-select:none;background-color:var(--primary-grey2)}.stamina-container-inner{border:.15rem solid transparent;height:100%;box-sizing:border-box;background-color:var(--primary-purple3);transition:width .5s ease-in-out}.stamina-count{font-size:.8rem;position:absolute;left:50%;transform:translate(-50%)}.mp-container{display:flex;gap:max(4px,.8vmin);width:fit-content}.mp{width:max(12px,1.5vmin);height:max(12px,1.5vmin);border:0rem solid transparent;border-radius:50%;background-color:gray;-webkit-user-select:none;user-select:none;transition:background-color 1s ease-in-out}.active{background-color:var(--mana-blue)}#side-controls-container-outer{position:absolute;top:40%;left:100%;width:fit-content;height:fit-content}@media (max-width: 660px){#side-controls-container-outer{position:relative;top:0;left:0}}#side-controls-container-inner{display:flex;flex-direction:column;gap:var(--spacing-medium2);margin-left:var(--spacing-medium2);width:fit-content}@media (max-width: 660px){#side-controls-container-inner{flex-direction:row;margin-left:0;margin-bottom:var(--spacing-medium2)}}.end-turn{white-space:nowrap}@keyframes appear-growing{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes appear-growing-long{0%{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes pulse2{0%{width:100%;height:100%}50%{width:120%;height:120%}to{width:100%;height:100%}}@keyframes pulse-up-fade{0%{width:100%;height:100%;opacity:1}25%{width:112.5%;height:112.5%;opacity:.75}50%{width:125%;height:125%;opacity:.5}75%{width:137.5%;height:137.5%;opacity:.25}to{width:150%;height:150%;opacity:0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes angle-shake{0%{transform:rotate(0)}10%{transform:rotate(2.5deg)}15%{transform:rotate(0)}20%{transform:rotate(-2.5deg)}25%{transform:rotate(0)}30%{transform:rotate(2.5deg)}35%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes glow{0%{box-shadow:0 0 1vmin var(--primary-pink1)}50%{box-shadow:0 0 2vmin var(--primary-pink1)}to{box-shadow:0 0 3vmin var(--primary-pink1)}}@keyframes fade-in{0%{opacity:0}to{opacity:var(--end-opacity, 1)}}@keyframes half-fade-in{0%{opacity:.8}to{opacity:1}}@keyframes fade-out{0%{opacity:var(--start-opacity, 1)}to{opacity:0}}@keyframes fade-in-out{0%{opacity:0}25%{opacity:var(--end-opacity, 1)}50%{opacity:var(--end-opacity, 1)}75%{opacity:var(--end-opacity, 1)}to{opacity:0}}@keyframes shadow-expansion-fade{0%{box-shadow:0 0 0 var(--expansion-color)}50%{box-shadow:0 0 3rem .1rem var(--expansion-color)}to{box-shadow:0 0 4rem .2rem var(--expansion-color)}}@keyframes expansion-fade-out{0%{width:100%;height:100%;opacity:1}to{width:var(--fade-out-percent, 400%);height:var(--fade-out-percent, 400%);opacity:0}}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}.shake{animation:shake .5s ease-in-out}@keyframes shrink{0%{transform:scale(1)}to{transform:var(--shrink-transform, scale(.1))}}@keyframes slide-in{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.slide-in{animation:slide-in .5s ease}@keyframes color-blink{0%{color:var(--color1)}50%{color:var(--color2)}to{color:var(--color1)}}@keyframes fill-blink{0%{fill:var(--color1)}50%{fill:var(--color2)}to{fill:var(--color1)}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.color-blink{--color1: white;--color2: var(--pure-grey);--frequency: .5s;animation:color-blink var(--frequency, .5s) infinite}.fill-blink{--color1: white;--color2: var(--pure-grey);--frequency: .5s;animation:fill-blink var(--frequency, .5s) infinite}@keyframes border-angle-rotate{0%{--border-angle: 0deg}to{--border-angle: 360deg}}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}:root{--primary-purple1: rgba(97, 59, 154);--primary-purple2: rgba(103, 48, 185);--primary-purple3: rgba(98, 12, 226);--primary-pink1: rgb(188, 89, 227);--primary-grey1: rgb(200, 200, 200);--primary-grey2: rgb(150, 150, 150);--primary-grey3: rgb(193, 187, 235);--greyish-purple: rgb(93, 83, 151);--greyish-blue: rgb(106, 154, 175);--primary-black: rgb(26, 26, 26);--deep-blue: rgb(0, 60, 128);--mana-blue: aqua;--sky-blue1: rgb(87, 193, 231);--sky-blue2: rgb(136, 208, 240);--pure-grey: rgb(128, 128, 128);--spacing-small1: max(4px, .5vmin);--spacing-small2: max(8px, 1vmin);--spacing-medium1: max(12px, 1.5vmin);--spacing-medium2: max(16px, 2vmin);--spacing-medium3: max(24px, 3vmin);--spacing-medium4: max(30px, 3.5vmin);--screen-width-very-small: 400px;--screen-width-small1: 570px;--screen-width-small2: 660px;--screen-width-small3: 760px;--screen-width-medium: 1200px;--screen-width-large: 1900px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:max(16px,calc(.5rem + 1vmin));line-height:1.4;font-weight:400;color-scheme:light dark;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(180deg,var(--primary-purple1) 0%,var(--primary-purple2) 50%,var(--primary-purple3) 100%)}#root{width:100%;height:100%}a{text-decoration:none}h1{font-size:2rem;line-height:1.1}@media (max-width: 660px){h1{font-size:1.8rem}}h2{font-size:1.5rem;line-height:1.1}@media (max-width: 660px){h2{font-size:1.4rem}}h3{font-size:1.17rem;line-height:1.1}@media (max-width: 660px){h3{font-size:1rem}}h4{font-size:1rem;line-height:1.1}@media (max-width: 660px){h4{font-size:.85rem}}button,.button{border-radius:.5rem;border:.16rem solid transparent;padding:.4rem 1rem;font-size:1rem;font-weight:500;font-family:inherit;background-color:var(--primary-black);cursor:pointer;transition:all .25s ease}button:hover,.button:hover{border-color:#fff}button:focus,.button:focus button:focus-visible,.button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled,.button:disabled{border:.16rem solid transparent;-webkit-user-select:none;user-select:none;cursor:default}.button-secondary{border-radius:.5rem;border:.16rem solid transparent;padding:.4rem 1rem;font-size:1rem;font-weight:500;font-family:inherit;background-color:#fff;color:#000;cursor:pointer;transition:all .25s ease}@media (max-width: 660px){.button-secondary{font-size:.7rem}}.button-secondary:hover{color:#fff;background-color:var(--primary-black)}button:disabled svg,.button:disabled svg,.button-secondary svg{fill:gray}svg{fill:#fff}.separator{height:0;border-top:.1rem solid white}.tooltip{--end-opacity: .9;position:absolute;background-color:var(--deep-blue);padding:var(--spacing-small2);border-radius:.5rem;max-width:max(20vw,190px);animation:fade-in .3s ease-in-out forwards}.transparent{background-color:transparent}.no-border{border:none}.no-margin{margin:0}.fit-content{width:fit-content;height:fit-content;padding:0}.pulse{animation:pulse 1s ease infinite alternate}.box-shadow-glow{animation:glow 1s ease infinite alternate}.svg-container{display:flex;justify-content:center;align-items:center;width:max(25px,6vmin);height:max(25px,6vmin)}.centered-container{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}#modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}#modal-container{display:flex;flex-direction:column;background-color:var(--primary-purple2);padding:1rem;border-radius:.5rem;min-width:max(20vmin,120px);max-width:50vw;text-align:center;z-index:100}@media (max-width: 760px){#modal-container{max-width:70vw}}@media (max-width: 400px){#modal-container{max-width:80vw}}#modal-header{display:inline-flex;align-items:center;justify-content:space-between;gap:1em;margin-bottom:.5em}#modal-footer{display:inline-flex;align-items:center;justify-content:center;gap:1em;margin-top:1em}#pixi-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent;pointer-events:none;display:block;justify-content:center;align-items:center}#tooltip-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent;pointer-events:none;display:block}