@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{padding:0;box-sizing:border-box;margin:0;font-family:"Press Start 2P"}.swal2-container h2,.swal2-container div,.swal2-container button{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif}.pixelated-border{display:block;color:#000;border-top:10px solid black;border-bottom:10px solid black;position:relative;display:inline-block;text-align:center;box-shadow:8px 5px #000000e6;transition:.4s all ease;font-size:12px}.pixelated-border:before,.pixelated-border:after{content:"";position:absolute;top:0;width:10px;height:100%;background-color:#000;transition:.4s all ease}.pixelated-border:before{left:-10px}.pixelated-border:after{right:-10px}.pixelated-border-effect:hover:before{background-color:#110a78}.pixelated-border-effect:hover:after{background-color:#110a78}.pixelated-border-effect:hover{cursor:pointer;transform:translateY(-7px);color:#110a78;border-top:10px solid #110a78;border-bottom:10px solid #110a78}.lobby{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100vw;height:100dvh;background-image:url(/assets/bg-7b8860a9.jpg);background-repeat:no-repeat;background-size:cover;background-color:#ff8c27;overflow:hidden}.logoPokemon{max-width:400px;margin-bottom:40px}.button-lobby{width:200px;padding:20px;margin:10px 25px 0;background-color:#fff;box-shadow:inset 3px 3px #cfcfcf,inset -3px -3px #828282}.pikachu-gif{position:absolute;bottom:10dvh}.right-pikachu-position{right:2vw}.left-pikachu-position{left:2vw;transform:scaleX(-1)}.notification{position:absolute;right:5px;top:5px;font-size:10px}.button-draw{width:100px;padding:10px;margin:30px 25px 0;background-color:#fff983}.top-icon-right{position:absolute;top:3dvh;right:3vw;z-index:1}.top-icon-left{position:absolute;top:3dvh;left:3vw;z-index:1}.back{padding:5px;color:#fff;background-color:#f67e42;box-shadow:2px 2px #000000b3;border-radius:5px;cursor:pointer}@keyframes outer-glow{0%{box-shadow:0 0 #ff4040b3}50%{box-shadow:0 0 7px 3px #ff0000b3}to{box-shadow:0 0 #ff4040b3}}.html-text{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:#f66}.logout{padding:5px;color:#fff;background-color:#f6424b;box-shadow:2px 2px #000000b3,inset -2px -2px #00000080,inset 2px 2px #0003;border-radius:5px;cursor:pointer}.navbar{padding:5px;box-shadow:2px 2px #000000b3,inset -2px -2px #00000080,inset 2px 2px #0003;border-radius:5px;cursor:pointer;font-weight:700;color:#000;width:40px;background-color:#fff}.navbar:active{transform:translate(2px,2px);box-shadow:0 0 #000000b3}.music-icon{color:#fff;border:3px solid white;background-color:transparent;cursor:pointer;margin-right:20px;padding:5px}.music-active{background-color:#fff;color:#79caf9}.logout:active{box-shadow:0 0 #000000b3,inset -2px -2px #be1922,inset 2px 2px #be1922;transform:translate(2px,2px)}.back:active{box-shadow:0 0 #000000b3,inset -2px -2px #d25f25,inset 2px 2px #d25f25;transform:translate(2px,2px)}.nav-opt{position:absolute;top:0;left:0;width:100vw;height:100dvh;z-index:2;display:flex;justify-content:center;align-items:center}.nav-opt button{position:relative}.nav-content{display:flex;flex-direction:column;align-items:center;gap:10px;background-color:#fff;position:relative;padding:40px}.nav-content p{text-align:left;margin-bottom:15px}.copyright{color:gray;line-height:1.5;font-size:10px;right:10px}.nav-bg{background-color:#00000070;backdrop-filter:blur(4px);width:100%;height:100%;position:absolute}.lower-button{display:flex;gap:10px;margin-top:10px}.lower-button .music-icon{border:3px solid rgb(48,48,48);color:#303030;display:flex;gap:10px;justify-content:center;align-items:center}.lower-button .music-active{background-color:#303030;color:#fff}.lower-button .music-icon{width:30px;height:30px}.credit{background-color:#6e6e6e}.credit:active{box-shadow:none}@media only screen and (max-width: 934px){.pikachu-gif{display:none}}@media only screen and (max-width: 500px){.button-lobby-ctrl{display:flex;justify-content:center;flex-direction:column}.button-lobby{margin-bottom:20px}.logoPokemon{max-width:250px;margin-bottom:20px}}.credit-bottom{display:flex;justify-content:center;width:100vw;position:absolute;bottom:20px;cursor:pointer;color:#1f1f1f}.credit-bottom:hover{text-decoration:underline}.login-ctrl{width:100vw;height:100dvh;display:flex;justify-content:center;align-items:center;background-image:url(/assets/pokemon-in-the-wild-a6bfd654.png);background-repeat:no-repeat;background-size:cover;padding:50px}.login-container{display:flex;flex-direction:column;align-items:center;width:330px;padding:30px;background-color:#fff;box-shadow:inset 3px 3px #cfcfcf,inset -3px -3px #828282}.user-login{display:flex;flex-direction:row;align-items:center;font-size:20px;margin:20px 0}.Typewriter{margin-left:10px}.blinking-cursor{animation:blink-caret .7s step-end infinite}@keyframes blink-caret{0%,to{opacity:0}50%{opacity:1}}.login-container input{border:3px solid black;margin:3px 0;padding:5px 10px;width:100%;height:40px}.button-login-ctrl{display:flex;justify-content:space-between;width:100%}.button-login-ctrl button{width:48%;padding:7px;height:40px;font-size:11px;border:3px solid black;margin-top:3px;color:#fff;cursor:pointer}.button-login-ctrl button:nth-child(1){background-color:#54e554;box-shadow:inset 3px 3px #88fa88,inset -3px -3px #23bb23}.button-login-ctrl button:nth-child(2){background-color:#5353e3;box-shadow:inset 3px 3px #8787fa,inset -3px -3px #3232c7}.button-login-ctrl button:nth-child(1):active{box-shadow:inset 3px 3px #23bb23,inset -3px -3px #23bb23}.button-login-ctrl button:nth-child(2):active{box-shadow:inset 3px 3px #3232c7,inset -3px -3px #3232c7}@media only screen and (max-width: 400px){.button-login-ctrl button{font-size:8px}.login-container input{font-size:10px}.user-login{font-size:14px}}.collection-title h1{color:#fff;font-weight:700;font-stretch:ultra-condensed;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:black;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;animation:title-collection 1.5s;position:relative}.difficulty{font-size:10px}.paging{width:85%;margin-top:10px;display:flex;align-items:center;justify-content:center;column-gap:30px;animation-name:title-collection;animation-duration:1.7s;position:relative}.paging .logout{background-color:#b241f4}.paging .logout:active{box-shadow:none}.paging span{color:#fff;font-size:20px;text-shadow:2px 2px 0 rgb(0,0,0),-2px -2px 0 rgb(0,0,0),-2px 2px 0 rgb(0,0,0),2px -2px 0 rgb(0,0,0)}.collection-title{width:85vw;height:30px;display:flex;justify-content:center;position:relative}.collection-title span{position:absolute;left:0;bottom:0;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;animation-name:title-collection;animation-duration:1.5s}.collection-title .logout{position:absolute;right:0;bottom:0}.collection-title .logout:active{right:0;bottom:0;box-shadow:none}@media only screen and (max-width: 780px){.collection-title span{bottom:20px;left:20px;font-size:13px}.collection-title .logout{bottom:20px;right:20px;width:100px}.collection-title .logout:active{box-shadow:none;bottom:20px;right:20px}.collection-title{position:static}}@keyframes title-collection{0%{opacity:0%;transform:translateY(200px)}to{opacity:100%;transform:translateY(0)}}.box-collection{margin-top:15px;background-color:#dfdfdf;width:92vw;height:300px;overflow:auto;border:5px solid black;border-style:double;box-shadow:2px 2px 5px #000000b3;display:flex;flex-wrap:wrap;align-content:flex-start;animation:title-collection 1.5s;position:relative}.item-collection{min-width:70px;height:70px;border:1px solid rgb(73,73,73);box-shadow:inset 0 -3px #0000004d;margin:5px;cursor:pointer;position:relative;overflow:hidden;animation:title-collection 1.5s;display:flex;justify-content:center;align-items:center}.item-collection img{max-width:47px;max-height:47px}.shining-animation{width:100%;height:100%;position:absolute;background:rgb(255,255,255);background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);animation-name:shining;animation-duration:4s;animation-delay:4s;animation-iteration-count:infinite}.detail-collection{width:100vw;height:100dvh;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center}@keyframes shining{0%{transform:translate(-100px)}to{transform:translate(100px)}}@keyframes glow{0%{box-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000}50%{box-shadow:-1px -1px 6px #fff,1px -1px 6px #fff,-1px 1px 6px #fff,1px 1px 6px #fff}to{box-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000}}@media only screen and (max-width: 768px){.collection-title h1{font-size:20px}}.draw-container{display:flex;flex-direction:row;align-items:center;column-gap:30px}.pokeball{background-color:#fff;width:100px;height:490px;border-radius:10px;box-shadow:0 4px 10px #00000080;display:flex;flex-direction:column;align-items:center}.pokeball button{width:70px;margin-top:20px;border-radius:10px;padding:10px;cursor:pointer;box-shadow:0 2px 3px #000c;background-color:#fff;position:relative}.pokeball button:active{transform:translateY(4px);box-shadow:inset -2px -2px #505050,inset 2px 2px #505050}.pokeball button h3{position:absolute;left:100px;text-align:center;background-color:#fff;padding:10px;width:150px;border-radius:10px;font-size:12px;top:0;box-shadow:0 2px 5px #0006;display:none;color:#464646}.pokeball button:hover h3{display:block}.pokeball img{max-width:40px;pointer-events:none}.pokeball span{color:#464646;margin-top:10px}.skip{margin-top:20px;background-color:#b5008b;height:70px;width:100px}.skip:active{box-shadow:none}.draw-title{font-size:70px;writing-mode:vertical-rl;text-orientation:upright;color:#ff0;-webkit-text-stroke:2px #110a78;text-shadow:-7px 7px 0 #2854bd;position:absolute;left:15vw}@media only screen and (max-width: 740px){.pokeball button h3{left:-30px;top:-45px;font-size:8px;width:100px;padding:7px}}@media only screen and (max-width: 1000px){.draw-container{column-gap:15px}.draw-container .pokeball{width:70px;height:360px}.draw-container .pokeball img{max-width:27px}.draw-container .pokeball button{width:50px;margin-top:10px;padding:10px}.draw-container .pokeball span{font-size:12px}.draw-container .skip{width:70px;font-size:12px}}@media only screen and (max-width: 740px){.draw-title{font-size:30px;writing-mode:inherit;text-align:center;position:absolute;bottom:20px;width:100vw;left:0}}@media only screen and (max-width: 310px){.draw-container .pokeball,.draw-container .skip{width:60px}}:root{--border-card: white;--alt-font: Verdana, Geneva, Tahoma, sans-serif;--gray: #D9D9D9;--stat: 100%;--outer: #FFFFFF;--inner: #FFFFFF}.card-wrapper{transform-style:preserve-3d;transform:perspective(1000px)}.card-detail{width:400px;height:580px;position:relative;box-shadow:0 4px 10px #00000080;transform-style:preserve-3d;transform:perspective(2000px);border-radius:10px}.front-card,.back-card{width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;transform-style:preserve-3d;transform:perspective(2000px);position:absolute;border-radius:10px}.front-card{background-color:#fff;padding:20px}.back-card{transform:rotateY(180deg);background-color:var(--border-card);overflow:hidden;justify-content:center}.back-content{background-color:#fff;width:90%;height:80%;border-radius:10px;padding:min(3vw,15px) 10px;display:flex;flex-direction:column;gap:min(2vw,15px);position:relative}.back-content p{font-family:var(--alt-font)}.back-content .power{width:100%;display:flex;flex-direction:column;align-items:center;gap:min(1vw,5px);margin-bottom:10px}.back-content .power span{font-family:var(--alt-font)}.back-content .power img{width:clamp(25px,4vw,40px);height:40px;object-fit:contain}.back-content .bottom{position:absolute;bottom:15px;left:10px;width:calc(100% - 20px);display:flex;align-items:center;justify-content:space-between}.mobile.bottom{flex-direction:column}.mobile.bottom .star{width:100%;justify-content:center;align-items:center}.mobile.bottom i:first-child{font-family:var(--alt-font);font-size:min(2.5vw,10px);color:gray;margin-bottom:7px}.mobile.bottom .star+button{background-color:orange;width:50%;position:absolute;bottom:-45px;display:block}.bottom .star+button{display:none}.mobile.bottom .star+button:hover{box-shadow:none}.bottom .star{display:flex;gap:min(1vw,8px);flex-wrap:wrap;width:50%}.bottom .star img{width:min(6vw,25px);height:25px;object-fit:contain}.bottom .evolve{display:flex;flex-direction:column;width:min(40vw,160px);gap:5px;align-items:center}.bottom .evolve .deactive{background-color:var(--gray);font-family:var(--alt-font);padding:5px 15px;width:100%;border-radius:10px;font-size:18px;border:none;color:#969696;pointer-events:none}.mobile.bottom .star+.deactive{background-color:var(--gray);font-family:var(--alt-font);border-radius:10px;font-size:18px;border:none;color:#969696;pointer-events:none}.back-content .bottom .evolve .logout{background-color:orange;width:80%}.back-content .bottom .evolve .logout:hover{box-shadow:none}.back-content .bottom .evolve i{font-family:var(--alt-font);font-size:min(2.5vw,10px);color:gray}.back-card .back-detail{font-family:var(--alt-font);text-align:right;cursor:pointer;color:#fff;transition:.2s;position:absolute;right:7px;top:10px}.rotate,.evolving.rotate{transform:rotateY(180deg)}.transition{transition:transform 1.3s;pointer-events:none}.color-rank{position:absolute;width:100%;height:34%;top:0;left:0;border-top-left-radius:7px;border-top-right-radius:7px;z-index:9;padding:10px}.color-rank p{font-family:var(--alt-font);text-align:right;cursor:pointer;color:#fff;transition:.2s;font-size:15px}.pokemon-img{margin-top:89px;width:160px;height:160px;background-color:#fff;z-index:10;border-radius:12px;padding:10px;box-shadow:0 3px 4px #0006;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;transform:translateZ(20px);position:relative}.role{border-radius:50%;width:40px;height:40px;position:absolute;bottom:-15px;right:-15px;display:flex;justify-content:center;align-items:center;background-color:var(--inner);border:2px solid var(--outer);padding:5px;cursor:pointer}.role span{background-color:#fff;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border:2px solid white;border-radius:50%}.role span img{height:15px;width:15px;object-fit:contain}.pokemon-img img{width:130%;transform:translateZ(20px);height:130%;object-fit:contain;pointer-events:none}.card-detail h2,.card-detail h3{z-index:10;font-family:var(--alt-font)}.card-detail h2{color:#3b3b3b}.card-detail h3{font-size:.9em;margin-top:15px}.card-detail .summary{font-family:var(--alt-font);text-align:center;margin-top:20px;color:#383838;font-size:15px;height:90px;overflow:auto;word-break:break-word}.type{position:absolute;bottom:15px;width:100%;display:flex;justify-content:center;column-gap:20px;transform:translateZ(20px);backface-visibility:hidden;flex-wrap:wrap;gap:5px}.type span,.weakness span{border:3px solid black;font-size:10px;padding:7px;width:100px;text-align:center;color:#fff;text-shadow:1px 1px 0 rgb(0,0,0),-1px -1px 0 rgb(0,0,0),1px -1px 0 rgb(0,0,0),-1px 1px 0 rgb(0,0,0);border-radius:5px}.stat{width:100%;height:15px;display:flex;gap:5px;align-items:center}.stat-group{display:flex;flex-direction:column;gap:10px;margin-bottom:5%}.stat p:nth-child(2){width:23%;font-size:clamp(11px,2vw,16px);word-break:keep-all}.stat span{width:60%;height:100%;background-color:var(--gray);margin-right:4px;display:flex}.stat span:before{content:"";width:var(--stat);height:100%;background-color:#73cdb2}.stat img{width:15px;height:15px;object-fit:contain}.stat-group+p{font-size:clamp(11px,3vw,15px)}.weakness{display:flex;flex-wrap:wrap;gap:2px 5px;align-items:center;font-size:clamp(11px,3vw,15px)}.weakness span{padding:clamp(0px,1vw,7px);width:min(100%,10vw);max-width:100px;min-width:75px;font-size:clamp(8px,2vw,10px)}.star-off{opacity:.6;filter:grayscale(100%)}.evolving{animation:evolving 5s ease-in-out;animation-fill-mode:both}.evolving:before,.evolving:after{content:"";background-color:#fff;width:100%;height:100%;border-radius:10px;position:absolute;top:0;left:0;z-index:10;animation:evolve-shine 4s ease-in;animation-fill-mode:both;box-shadow:0 0 5px #00b3ff,0 0 15px #00b3ff,0 0 40px #00b3ff}.evolving:before{transform:translateZ(21px)}@keyframes evolve-shine{0%{opacity:0}75%{opacity:1}to{opacity:0;pointer-events:none}}@keyframes evolving{0%{transform:rotateY(0)}to{transform:rotateY(4320deg)}}@media only screen and (max-height: 635px){.card-detail{height:550px}}@media only screen and (max-width: 500px){.card-detail{width:300px;height:580px}}@media only screen and (max-width: 340px){.card-detail{width:90vw;height:70dvh;max-width:290px}.card-detail .pokemon-img{width:120px;height:120px;margin-top:10dvh}.card-detail h2{font-size:18px}}@media only screen and (max-width: 1000px){.card-ctrl{width:250px;height:450px}.card-ctrl .pokemon-img{width:120px;height:120px;margin-top:70px}.card-ctrl h2{font-size:18px}.card-ctrl h3{font-size:12px}}::-webkit-scrollbar{background-color:transparent;width:5px}::-webkit-scrollbar-thumb{background-color:#7a7a7a44;border-radius:5px}@media only screen and (max-width: 360px){.draw-container{column-gap:7px}.card-ctrl{width:200px;height:450px}.card-ctrl .type{gap:10px}.card-ctrl .type span{max-width:80px}}:root{--delay: 0;--yellow1: #f7e901;--brown1: #7e5701}.loading h1{margin-top:40px;color:var(--yellow1);-webkit-text-stroke:1px var(--brown1);font-size:40px;font-weight:bolder}.loading.find svg{margin-top:10px}#dot1,#dot2,#dot3{transform:translate(-100%);animation:loading 2s ease-in-out forwards infinite;animation-delay:calc(var(--delay) * 90ms)}@keyframes loading{0%{scale:1;transform:translate(-100%)}50%{scale:1;transform:translate(0)}to{scale:1;transform:translate(100%)}}@media only screen and (max-width:500px){.loading img{max-width:270px}.loading h1{font-size:20px}}.sort-box{animation:title-collection 1.5s;margin-top:10px;position:absolute;right:0}@media only screen and (max-width: 540px){.sort-box{right:auto;bottom:-28px}}.deck-box{height:90px}.select-detail{position:absolute;height:100dvh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.paging+.logout:active,.select-detail button:active{box-shadow:none}.select-detail button{margin-top:20px;z-index:2}.bg-select{position:absolute;width:100%;height:100%;background-color:#000000b4}.battle{position:absolute;bottom:30px;background-color:#303030;transition:.1s all ease;padding:10px}.battle:hover{box-shadow:2px 4px #000000b3,inset -2px -2px #00000080,inset 2px 2px #0003;bottom:32px;filter:brightness(1.2)}.battle:active{box-shadow:2px 0 #000000b3,inset -2px -2px #00000080,inset 2px 2px #0003;bottom:30px}.battle p{font-size:20px}p.ready{font-family:var(--alt-font);font-size:10px;color:#29c94f;position:absolute;right:20px;bottom:0}.title-deck{color:#fff;font-weight:700;font-stretch:ultra-condensed;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:black;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;animation:title-collection 1.5s;position:relative;font-size:20px;text-align:center}@media only screen and (max-width:420px){.title-deck{font-size:15px;text-shadow:-.5px -.5px 0 #000,.5px -.5px 0 #000,-.5px .5px 0 #000,.5px .5px 0 #000;-webkit-text-stroke-width:.5px}.deck-box+.box-collection{max-height:30dvh}.box-collection{margin-top:8px}.battle{max-width:500px}.battle img{max-width:25px}.battle p{font-size:15px}}@media only screen and (max-width: 540px){.logout.ready{bottom:10px;right:10px}}:root{--delay: 0}.play-bg{background-color:#daf0ce;height:100dvh;width:100vw;position:relative;padding-top:60px;display:flex;flex-direction:column;align-items:center}.play-bg-stripes{display:flex;position:absolute;z-index:0;top:0;left:0;width:100vw;justify-content:space-between;flex-direction:column}.play-bg-stripes div{display:flex;flex-direction:column;width:100%;height:50%;gap:6px}.play-bg-stripes div:nth-child(2){flex-direction:column-reverse}.play-bg-stripes div span{background-color:#c4e1bf;width:100%}.pokemon-place{max-width:1090px;width:100vw;height:24dvh;padding:0 3vw;position:relative}.shadow{width:80%;height:100%;max-width:638px;object-fit:contain}.enemy{display:flex;justify-content:flex-end}.pokemon-char{position:absolute;max-width:638px;width:80%;height:20dvh;bottom:15%;flex-direction:row;display:flex;justify-content:center}.pokemon-img-ctrl{width:33%;height:80%;display:flex;justify-content:center;align-items:center;position:relative}.pokemon-img-ctrl .name{font-size:12px;color:#e4e4e4;text-shadow:1.5px 1.5px 0 rgba(0,0,0,.9),-1.5px -1.5px 0 rgba(19,19,19,.9),-1.5px 1.5px 0 rgba(19,19,19,.9),1.5px -1.5px 0 rgba(19,19,19,.9);position:absolute;bottom:0;text-align:center}.hp-bar{position:absolute;top:0;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.9);font-size:10px;min-width:40px;width:70%;display:flex}.hp-bar p{font-size:8px}@media only screen and (max-width: 400px){.hp-bar p{display:none}}@media only screen and (max-width: 300px){.pokemon-img-ctrl span{font-size:7px;text-shadow:1px 1px 0 rgba(0,0,0,.9)}}.pokemon-img-ctrl h5{position:absolute;color:#fff;right:0;text-shadow:1.5px 1.5px 0 rgba(0,0,0,.9),-1.5px -1.5px 0 rgba(19,19,19,.9),-1.5px 1.5px 0 rgba(19,19,19,.9),1.5px -1.5px 0 rgba(19,19,19,.9);font-size:10px;min-width:40px;width:50%;text-align:center;animation:damage .8s linear 0s;animation-fill-mode:both}@keyframes damage{0%{opacity:1;top:50%}to{opacity:0;top:-10px}}.hp{transition:.5s all ease;content:"";width:100%;height:10px;border:2px solid black;display:flex}.hp span{transition:.3s ease-in}.hp span:nth-child(1){content:"";display:flex;background-color:red;height:100%}.hp span:nth-child(2){content:"";display:flex;background-color:#2d4edf;height:100%;position:absolute;top:15%;height:65%}.pokemon-img-ctrl:nth-child(odd) img:first-child{animation:moveLeft 1s linear 0s infinite}.pokemon-img-ctrl:nth-child(even) img:first-child{animation:moveRight 1s linear 0s infinite}.pokemon-img-ctrl img:nth-child(1){width:100%;height:100%;object-fit:contain;position:relative}.pokemon-img-ctrl .target{width:100%;height:100%;object-fit:contain;position:absolute;animation:rotate 3s linear 0s infinite;opacity:.5;cursor:pointer}.pokemon-img-ctrl .triangle{position:absolute;top:-23px;animation:select .7s linear infinite alternate}@keyframes select{0%{opacity:.4;transform:translateY(0)}to{opacity:1;transform:translateY(15%)}}@keyframes rotate{0%{rotate:0deg}50%{rotate:30deg}}@keyframes shake{0%{top:0}50%{top:4px}to{top:0}}@keyframes hitEffect{0%{filter:hue-rotate(0deg)}25%{filter:hue-rotate(90deg)}51%{filter:hue-rotate(0deg)}to{filter:hue-rotate(90deg)}}@keyframes shake1{0%{top:0}5%{top:4px}10%{top:0}15%{top:4px}20%{top:0}to{top:0}}@keyframes hitEffect1{0%{filter:hue-rotate(0deg)}12.5%{filter:hue-rotate(90deg)}25%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(90deg)}51%{filter:hue-rotate(0deg)}0%{filter:hue-rotate(0deg)}}@keyframes moveLeft{0%{left:0}50%{left:8px}to{left:0}}@keyframes moveRight{0%{right:0}50%{right:2px}to{right:0}}.dialogue-container{width:100vw;height:40dvh;background-color:#313131;position:absolute;bottom:0;padding:10px}.dialogue-border{background-color:#585151;width:100%;height:100%;border-radius:10px;padding:10px}.dialogue-border1{background-color:#f6dd85;width:100%;height:100%;border-radius:10px;padding:2px}.dialogue-border2{background-color:#717178;width:100%;height:100%;border-radius:10px;padding:6px}.dialogue-border3{background-color:#fff;width:100%;height:100%;border-radius:10px;padding:10px;overflow-y:auto;position:relative;display:flex;flex-direction:column}.dialogue-border3 p{color:#464646;text-shadow:-2px 2px 0px rgba(0,0,0,.1)}.turn-opt.menu{flex-direction:row;flex-wrap:wrap;max-width:320px}.turn-opt{display:flex;color:#979393;flex-direction:column;gap:10px;margin-top:30px}.turn-opt.menu span{width:150px}.turn-opt span:hover{color:#464646;cursor:pointer}.book{width:70px;height:70px;cursor:pointer;margin-left:auto;margin-top:auto}.book img{width:100%;height:100%;object-fit:contain}.roar{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:absolute}.roar div{border-radius:50%;animation:roaring 1s ease-out;animation-fill-mode:forwards;animation-delay:calc(var(--delay) * .2s);position:absolute}.passive-skill{pointer-events:none}@keyframes roaring{0%{width:0px;height:0px;border:0px solid black}to{width:100%;height:100%;border:5px solid rgb(112,112,112);opacity:0}}@media only screen and (max-width: 475px){.dialogue-border3 p,.dialogue-border3 span{font-size:12px}.pokemon-img-ctrl .name{display:none}.pokemon-img-ctrl img:hover~div{display:flex}.book{width:35px;height:35px}}.pokemon-img-ctrl svg{position:absolute}#heal,#buff{transform:translateY(100%)}#heal path{animation:healing 1.5s ease-out calc(var(--delay) * .2s)}#buff path{animation:buff 1.5s ease-out calc(var(--delay) * .2s);animation-iteration-count:infinite}@keyframes buff{0%{opacity:1}60%{opacity:1}to{opacity:0;transform:translateY(-100%)}}@keyframes healing{0%{opacity:1}70%{opacity:1}to{transform:translateY(-100%);opacity:0}}.black-bg{position:absolute;top:0;left:0;z-index:3;width:100vw;height:100dvh;background-color:#333;display:flex;justify-content:center;align-items:center;flex-direction:column}.black-bg h1{color:#fff;text-shadow:3px 3px 0 rgb(0,0,0);font-size:50px;animation:fade 5s linear;animation-fill-mode:both;text-align:center}.black-bg button{background-color:#964545;padding:30px;font-size:30px}.black-bg p{text-align:center;text-shadow:2px 2px 0 rgb(0,0,0);color:#fff;width:70vw;margin-bottom:30px}.black-bg button:active{box-shadow:none}@keyframes fade{0%{opacity:0;transform:translateY(200px)}60%{opacity:1;transform:translateY(0)}61%{opacity:0;transform:translateY(0)}68%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(0)}84%{opacity:1;transform:translateY(0)}88%{opacity:0;transform:translateY(0)}92%{opacity:1;transform:translateY(0)}96%{opacity:0;transform:translateY(0)}99%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0);display:none}}.win-content{background-color:#fff;padding:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;width:80vw}.win-content h2{margin-bottom:10px}.win-content p{color:#2e2e2e;text-shadow:none;line-height:1.2}.reward-control{display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex-wrap:wrap;gap:28px}.ball-reward{width:60px;height:60px}.ball-reward img{height:100%;width:100%;object-fit:contain;margin-bottom:5px}.win-content+button{margin-top:15px;background-color:#42e442;color:#fff}