:root{--playerColor: rgb(108, 174, 7);--monsterColor: rgb(169, 75, 63);--grey: #ccc;--bg: rgb(224, 197, 180);--bg-dark: #c1aa9c;--border-dark: #382106;--border-light: #8c520f}*{box-sizing:border-box}html{font-family:sans-serif}body,ul,li,h1,h2,h3,h4{margin:0;padding:0}h2{margin-bottom:16px}body{background-color:#2b2b2c}li{list-style:none}p{line-height:26px}.button{font-size:15px;font-weight:700;height:50px;border-width:3px;border-radius:6px;cursor:pointer}.button.green{color:#273c09;border-color:var(--playerColor);box-shadow:inset 0 2px #a7ec40;background:linear-gradient(rgb(144,220,29),var(--playerColor));padding:0 20px}.button.green:hover{background:linear-gradient(rgb(121,185,24),var(--playerColor))}.button.brown{color:var(--bg);border-color:var(--border-dark);box-shadow:inset 0 2px #a76d2a;background:linear-gradient(var(--border-light),var(--border-dark));padding:0 10px}.button.brown:hover{background:linear-gradient(#693d0c,var(--border-dark))}.buttons{display:flex}.button-icon{flex-grow:1;background-color:none;border-radius:100px;border:none;background-color:var(--bg);cursor:pointer}.button-icon:hover:not(:disabled){background-color:var(--bg-dark)}.button-icon:not(:disabled){cursor:pointer}.g-dialog-content{border:14px ridge var(--border-dark);background-color:var(--bg)!important;padding:16px 20px}.g-dialog-content .headline h2{display:inline-block}.g-dialog-content .headline .button-icon{float:right}.highlight-el{font-weight:700;padding:5px 10px;background-color:var(--bg-dark);border-radius:100px}.margin-bottom{margin-bottom:20px}.material-symbols-outlined{padding-top:2px}header[data-v-ad85fafa]{width:100%;height:200px;padding:20px;display:flex;align-items:flex-start;justify-content:space-between;background:url(./monster-clash-BPyRxDEV.jpg) center no-repeat #000012;background-size:865px}.version-number[data-v-ad85fafa],.reset-btn[data-v-ad85fafa]{color:#324770;font-size:12px}.reset-btn[data-v-ad85fafa]{cursor:pointer;transition:.2s color ease}.reset-btn[data-v-ad85fafa]:hover{color:#5775b1}p[data-v-ad85fafa]{margin-bottom:20px}img[data-v-ad85fafa]{width:430px;border:4px ridge var(--border-dark)}.content-container[data-v-cf30f9b7]{border:14px ridge var(--border-dark);background-color:var(--bg);padding:16px 20px}#stats[data-v-2557f8a7]{display:flex;margin-bottom:20px}.stats--stat[data-v-2557f8a7]{flex-grow:1;display:flex;align-items:center;gap:10px}.stats--stat img[data-v-2557f8a7]{width:50px;border-radius:100px;border:4px ridge var(--border-dark)}button[data-v-2557f8a7]{text-align:center;border-radius:6px;cursor:pointer}.flex-container[data-v-ef814baf]{display:flex;gap:20px}.thumb[data-v-ef814baf]{width:120px}.thumb img[data-v-ef814baf]{width:inherit;border:4px ridge var(--border-dark);margin-bottom:8px}.items[data-v-ef814baf]{display:flex;gap:20px}.item[data-v-ef814baf]{width:120px;height:120px;border:4px ridge var(--border-dark);position:relative}.item img[data-v-ef814baf]{width:112px}.item .values[data-v-ef814baf]{margin-top:12px;font-size:14px;text-align:center}.skill[data-v-ef814baf]{display:flex;align-items:center;margin-bottom:10px;gap:10px}.skill img[data-v-ef814baf]{width:32px;border-radius:100px;border:4px ridge var(--border-dark)}.fields[data-v-ef814baf]{display:flex;gap:2px}.field[data-v-ef814baf],.button[data-v-ef814baf]{width:20px;height:20px;border-radius:4px}.field[data-v-ef814baf]{background-color:var(--playerColor);border-radius:4px}.button[data-v-ef814baf]{line-height:22px;text-align:center}.button[data-v-ef814baf]:hover{background-color:var(--bg-dark)}.button.disabled[data-v-ef814baf]{cursor:default;color:var(--bg-dark);background-color:var(--bg)}.field.inactive[data-v-ef814baf]{background-color:var(--bg-dark)}.skill-points[data-v-ef814baf]{font-size:14px;margin-top:6px}.stats[data-v-ef814baf]{font-size:14px;display:inline-flex;flex-direction:column;gap:3px;margin-top:6px}.icon[data-v-ef814baf]{display:inline-flex;gap:8px;margin-bottom:10px;padding:5px 16px 5px 12px;align-items:center}.icon img[data-v-ef814baf]{width:16px}.switch-tab[data-v-906621b9]{cursor:pointer;transition:all .2s ease}.switch-tab.inactive[data-v-906621b9]{opacity:.5}.switch-tab.inactive[data-v-906621b9]:hover{opacity:.6}.amount[data-v-906621b9]{font-size:14px}.divider[data-v-906621b9]{margin:0 10px 0 8px}.monsters[data-v-906621b9]{display:flex;flex-wrap:wrap;gap:20px}.monster[data-v-906621b9]{position:relative}.monster .monster--thumb[data-v-906621b9]{width:160px;aspect-ratio:1 / 1}#monsters-alive .monster:first-child .monster--thumb[data-v-906621b9]{border:8px ridge var(--monsterColor)}.skull[data-v-906621b9]{position:absolute;width:40px;z-index:1;right:10px;top:10px}.monster--dead[data-v-906621b9]{filter:grayscale(80%)}.skull[data-v-906621b9],.monster--dead[data-v-906621b9]{transition:all .2s ease-out;cursor:pointer}.monster.dead img[data-v-906621b9]:hover{filter:grayscale(0%)}.monster.dead:hover .skull[data-v-906621b9]{width:20px}.container[data-v-906621b9]{display:flex;gap:20px}.container img[data-v-906621b9]{width:240px;border:4px ridge var(--border-dark)}.container p[data-v-906621b9]{font-size:14px;margin-bottom:40px}.time[data-v-2e7ba129]{color:#7a777c;margin-right:10px;font-size:11px}span[data-v-2e7ba129]:not(.time){font-size:14px}li[data-v-2e7ba129]{margin-bottom:6px}.player[data-v-2e7ba129]{color:var(--playerColor);font-weight:700}li[data-v-2e7ba129]:has(.monster){margin-bottom:20px}.monster[data-v-2e7ba129]{color:var(--monsterColor);font-weight:700}.hp[data-v-2e7ba129]{color:#04a51c;font-weight:700}.xp[data-v-2e7ba129]{color:#128cc5;font-weight:700}.coins[data-v-2e7ba129]{color:#624604;font-weight:700}.dmg[data-v-2e7ba129]{color:#aa1707;font-weight:700}.battlefield.result[data-v-ec0434a1]{text-align:center}.loot-box[data-v-ec0434a1]{display:flex;justify-content:center;gap:20px;margin:30px}.loot[data-v-ec0434a1]{display:flex;align-items:center;flex-direction:column;gap:6px}.loot img[data-v-ec0434a1]{width:80px;border:4px ridge var(--border-dark);border-radius:10px}.lost img[data-v-ec0434a1]{width:80px;margin:30px}.container[data-v-32ea3085]{display:grid;grid-template-columns:320px 1fr 320px;column-gap:20px}.thumb[data-v-32ea3085]{border:14px ridge var(--playerColor)}.player[data-v-32ea3085]{position:relative;width:320px;height:320px}img[data-v-32ea3085]{width:inherit}.level-up[data-v-32ea3085]{position:absolute;top:38px;left:60px;width:200px;z-index:10;animation:myAnim-32ea3085 2s ease 0s 1 normal forwards}.overlay[data-v-32ea3085]{position:absolute;width:320px;height:320px;background-color:#000;opacity:.8}@keyframes myAnim-32ea3085{0%{animation-timing-function:ease-in;opacity:1;transform:translateY(45px)}24%{opacity:1}40%{animation-timing-function:ease-in;transform:translateY(24px)}65%{animation-timing-function:ease-in;transform:translateY(12px)}82%{animation-timing-function:ease-in;transform:translateY(6px)}93%{animation-timing-function:ease-in;transform:translateY(4px)}25%,55%,75%,87%{animation-timing-function:ease-out;transform:translateY(0)}to{animation-timing-function:ease-out;opacity:1;transform:translateY(0)}}.stats[data-v-32ea3085]{padding:60px 6px 6px;position:absolute;bottom:14px;left:14px;right:14px;background:linear-gradient(0deg,#000c,#0000)}.stats--attack[data-v-32ea3085],.stats--hp[data-v-32ea3085]{display:inline-block;padding:4px 8px;border-radius:4px;background-color:#000;color:#fff}.stats--hp[data-v-32ea3085]{float:right}.monster--thumb[data-v-46066f20]{border:14px ridge var(--monsterColor)}.monster[data-v-46066f20]{position:relative;width:320px;height:320px}img[data-v-46066f20]{width:inherit}.dead .monster--thumb[data-v-46066f20]{filter:opacity(.2)}.monster--dead[data-v-46066f20]{opacity:0;position:absolute;width:100px;z-index:1;left:35%;top:20%;transition:all .2s ease-in}.dead .monster--dead[data-v-46066f20]{opacity:1}.stats[data-v-46066f20]{padding:60px 6px 6px;position:absolute;bottom:14px;left:14px;right:14px;background:linear-gradient(0deg,#000c,#0000)}.stats--attack[data-v-46066f20],.stats--hp[data-v-46066f20]{display:inline-block;padding:4px 8px;border-radius:4px;background-color:#000;color:#fff}.stats--hp[data-v-46066f20]{float:right}.items[data-v-e7e1007e]{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0 40px}.items--item[data-v-e7e1007e]{width:120px;height:120px;border:4px ridge var(--border-dark);position:relative}.items--item img[data-v-e7e1007e]{width:112px}img.not-found[data-v-e7e1007e]{position:absolute;width:20px;z-index:1;right:10px;top:10px}.inactive[data-v-e7e1007e]{filter:grayscale(85%)}.items--shop[data-v-171e0c25]{flex-direction:column}.items--dialog[data-v-171e0c25]{flex-direction:row}.items[data-v-171e0c25]{display:flex;gap:20px;margin:20px 0 40px}.item[data-v-171e0c25]{display:flex;gap:20px}.item>.image[data-v-171e0c25]{width:120px;height:120px;border:4px ridge var(--border-dark)}.item .price[data-v-171e0c25]{text-align:center}.price[data-v-171e0c25]{display:flex;align-items:center;gap:10px;margin:18px 0 20px}.price .image[data-v-171e0c25]{width:20px}.achievements[data-v-064bf1fd]{display:flex;flex-wrap:wrap;gap:10px}.achievement[data-v-064bf1fd]{display:flex;gap:10px;justify-content:center;align-items:center}.image[data-v-064bf1fd]{width:80px;height:80px;border:4px ridge var(--border-dark);cursor:pointer;transition:.2s ease all}.image[data-v-064bf1fd]:hover{transform:scale(1.05)}.image.inactive[data-v-064bf1fd]{filter:grayscale(1);cursor:default}.image.inactive[data-v-064bf1fd]:hover{transform:scale(1)}.goal[data-v-064bf1fd]{font-size:14px;background-color:var(--bg-dark);border-radius:6px;padding:10px;line-height:20px}.goal.inactive[data-v-064bf1fd]{opacity:.6}.text[data-v-064bf1fd]{display:flex;gap:6px;align-items:center;font-size:14px;background-color:var(--bg-dark);border-radius:6px;padding:10px;margin-bottom:0;font-weight:700}.battlefield[data-v-60a46304]{flex-grow:1}.battlefield .hp[data-v-60a46304]{height:30px;background-color:beige;border-radius:6px}.battlefield .player--hp .hp--background[data-v-60a46304],.battlefield .monster--hp .hp--background[data-v-60a46304]{width:100%;height:30px;border-radius:inherit;transition:all .2s ease-out}.battlefield .player--hp .hp--background[data-v-60a46304]{background-color:var(--playerColor)}.battlefield .monster--hp .hp--background[data-v-60a46304]{background-color:var(--monsterColor);float:right}.battlefield .hp--numbers[data-v-60a46304]{display:flex;height:50px;align-items:center}.battlefield .hp--numbers .player--hp[data-v-60a46304],.battlefield .hp--numbers .monster--hp[data-v-60a46304]{width:50%;font-size:14px}.battlefield .monster--hp[data-v-60a46304]{text-align:right}@keyframes bg-60a46304{0%{background-color:#dccdc5}50%{background-color:#c1aa9c}to{background-color:#dccdc5}}.battlefield .info-box div[data-v-60a46304]{text-align:center;padding:6px;margin-top:10px;border-radius:8px;font-size:14px;font-weight:700;border:4px ridge var(--bg-dark);animation-name:bg-60a46304;animation-duration:2s;animation-iteration-count:infinite}.buttons[data-v-60a46304]{display:flex;gap:10px;margin-top:20px}.buttons button[data-v-60a46304]{cursor:pointer}.buttons button[data-v-60a46304]:disabled{filter:grayscale(100%)}.button--heal[data-v-60a46304],.button--magic-potion[data-v-60a46304],.button--attack[data-v-60a46304],.button--special-attack[data-v-60a46304]{width:80px;height:80px;border-radius:6px;background-size:cover;position:relative}.button--heal[data-v-60a46304]{background-image:url(../items/potion-heal.jpg)}.button--heal span[data-v-60a46304],.button--magic-potion span[data-v-60a46304]{position:absolute;top:4px;right:4px;padding:4px 8px;border-radius:4px;color:#fff;font-weight:700}.button--heal span[data-v-60a46304]{background-color:#f02121}.button--magic-potion span[data-v-60a46304]{background-color:#0e63d2}.button--magic-potion[data-v-60a46304]{background-image:url(../items/potion-magic.jpg)}.button--attack[data-v-60a46304]{background-image:url(../buttons/attack.jpg)}.button--special-attack[data-v-60a46304]{background-image:url(../buttons/special-attack.jpg)}main[data-v-56aa26d5]{max-width:1330px;padding:0 20px 20px;margin:0 auto}.grid-3-columns[data-v-56aa26d5]{display:grid;grid-template-columns:320px 1fr 320px;column-gap:20px}.grid-2-columns[data-v-56aa26d5]{display:grid;grid-template-columns:1fr 320px;column-gap:20px}html.overflow-y-hidden{overflow-y:hidden}.g-dialog-overlay{--overlay-bg: var(--g-dialog-overlay-bg, rgba(33, 33, 33, .46));position:fixed;left:0;top:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;pointer-events:none;background:var(--6eaca59a);z-index:200}.g-dialog-overlay--active{pointer-events:auto}.g-dialog-overlay--local{position:absolute}.fade-enter-active{transition:all .3s ease-out}.fade-leave-active{transition:all .2s cubic-bezier(1,.5,.8,1)}.fade-enter-from,.fade-leave-to{opacity:0}.g-dialog-content{--content-bg: var(--g-dialog-content-bg, #fff);--content-border-radius: var(--g-dialog-content-border-radius, 4px);--content-shadow: var( --g-dialog-content-shadow, 0 11px 15px -7px rgb(0 0 0 / 20%), 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%) );pointer-events:auto;overflow-y:auto;transition:.3s cubic-bezier(.25,.8,.25,1);width:100%;background:var(--889a571a);border-radius:var(--023a843a)}.g-dialog-content:not(.g-dialog-content--depressed):not(.g-dialog-content--fullscreen){box-shadow:var(--content-shadow)}.g-dialog-content:not(.g-dialog-content--fullscreen){max-height:90%;margin:24px}.g-dialog-content--scrollable{display:flex}.g-dialog-content--fullscreen{height:100%;border-radius:0}.g-dialog-frame{--frame-transition-duration: var(--g-dialog-transition-duration, .2s);align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition-duration:.2s;transition-timing-function:cubic-bezier(.25,.8,.25,1);width:100%;outline:none;pointer-events:none;z-index:201}.g-dialog-frame--local{position:absolute}.g-dialog-transition{opacity:0}.g-dialog-transition-enter-active,.g-dialog-transition-leave-active{transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-duration:var(--frame-transition-duration)}.g-dialog-transition-enter-from,.g-dialog-transition-leave-to{transform:scale(.5);opacity:0}