.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-2{bottom:-.5rem}.bottom-4{bottom:1rem}.left-1\/2{left:50%}.right-4{right:1rem}.top-8{top:2rem}.z-10{z-index:10}.m-0{margin:0}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-4{margin-bottom:1rem}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.block{display:block}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.size-5{width:1.25rem;height:1.25rem}.h-full{height:100%}.w-28{width:7rem}.w-full{width:100%}.min-w-4{min-width:1rem}.shrink{flex-shrink:1}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.self-end{align-self:flex-end}.rounded-lg{border-radius:.5rem}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-green-800{--tw-bg-opacity: 1;background-color:rgb(22 101 52 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-0{padding:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0;padding-bottom:0}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}html,body,#app,#app-container{width:100%;height:100%;height:100dvh;overflow:hidden;margin:0;padding:0;overscroll-behavior:none}#app{background-color:#120c07;background-image:radial-gradient(ellipse at 50% 28%,rgba(42,24,12,.28) 0%,transparent 55%),radial-gradient(ellipse at 50% 100%,rgba(8,5,2,.55) 0%,transparent 52%),linear-gradient(180deg,#120c076b,#0c080594 48%,#080502b8),url(main_bg_image.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}#canvas{display:block;width:100%;height:100%;touch-action:none}textarea{border:1px solid #7f9db9!important}.tg-link{background-image:url(tg_logo.svg);background-position:center;background-size:contain;background-repeat:no-repeat}.discord-link{background-image:url(discord_logo.svg);background-position:center;background-size:contain;background-repeat:no-repeat}.button-icon{position:relative;display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;padding:.25rem}.homm-config .button-icon{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.button-icon{min-width:auto;min-height:auto}.button-demo{position:relative;display:flex;width:6rem;height:6rem;align-items:center;justify-content:center;padding:.25rem}.homm-config .button-demo{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.button-demo{margin:auto}button{cursor:pointer}#keyboard{width:32px;height:32px;z-index:999;position:absolute;left:12px;top:12px;cursor:pointer;visibility:hidden}.simple-keyboard{display:none;min-height:-moz-fit-content;min-height:fit-content;flex-shrink:0}#save-toast{z-index:9999}.homm-launcher{position:relative;width:100%;height:100%;color:#f3e2b0;font-family:Cinzel,Palatino Linotype,Palatino,Times New Roman,serif;background:transparent}.homm-settings-wrap{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:2}.homm-gear{width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;color:#e4c56a;background:#120a048c;border:1px solid #8a6a28;box-shadow:inset 0 0 0 1px #3a2a10,0 2px 8px #00000073;cursor:pointer}.homm-gear:hover,.homm-gear[aria-expanded=true]{color:#ffe9a0;border-color:#d4af37}.homm-gear-icon{width:22px;height:22px}.homm-settings{position:absolute;top:calc(100% + 8px);right:0;width:min(260px,calc(100vw - 24px));padding:14px;background:#1a1108;border:1px solid #c9a227;box-shadow:inset 0 0 0 1px #3d2a10,0 8px 24px #0000008c}.homm-field{display:flex;flex-direction:column;gap:6px;margin:0 0 12px;font-size:13px;letter-spacing:.04em}.homm-field:last-child{margin-bottom:0}.homm-field small{color:#b9a06a;font-size:11px}.homm-settings select,.homm-config select,.homm-config textarea,.homm-config button{font-family:inherit;color:#f3e2b0;background:#120c07;border:1px solid #8a6a28;padding:8px 10px}.homm-config button{cursor:pointer}.homm-config button:hover,.homm-settings select:focus,.homm-config select:focus{border-color:#d4af37;outline:none}.homm-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:72px 24px 100px;box-sizing:border-box}.homm-logo{display:block;width:min(720px,92vw);height:auto;margin:0 0 28px;mix-blend-mode:screen;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.homm-status{width:min(420px,100%);margin-bottom:18px}.homm-files{list-style:none;margin:0 0 12px;padding:0;max-height:32vh;overflow-y:auto;font-size:12px;letter-spacing:.03em;color:#d7c48a}.homm-file{display:flex;justify-content:space-between;gap:12px;padding:2px 0}.homm-file-cached{color:#cbb56a}.homm-file-downloading{color:#ffe08a}.homm-file-pending{color:#8a7a58}.homm-progress{height:10px;background:#1a1208;border:1px solid #8a6a2a;box-shadow:inset 0 1px 3px #000}.homm-progress-fill{height:100%;width:0;background:linear-gradient(180deg,#f0d060,#b8860b);transition:width .16s linear}.homm-error{width:min(420px,100%);margin:0 0 16px;text-align:center;color:#e07050;font-size:13px}.homm-play{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-width:min(280px,100%);padding:15px 52px 17px;font-family:Cinzel,Palatino Linotype,Palatino,Times New Roman,serif;font-size:clamp(1.75rem,5vw,2.55rem);font-weight:700;letter-spacing:.22em;line-height:1;text-transform:uppercase;color:#e8c48a;text-shadow:0 1px 0 rgba(255,220,160,.45),0 2px 0 #a04018,0 3px 0 #4a1008,0 0 8px rgba(180,40,8,.28);background:radial-gradient(ellipse 88% 110% at 50% 38%,#d49040,#c45a18 22%,#b0380c 48%,#8a220c 70%,#5c1408 88%,#301008);border:1px solid #2a0804;border-radius:3px;box-shadow:inset 0 2px #ffbe7847,inset 0 -3px #3206009e,inset 2px 0 #c85a1e29,inset -2px 0 #32060073,0 0 0 2px #a04014,0 0 0 3px #3a0c08,0 0 16px #a01c0661,0 8px 22px #0000008c;cursor:pointer;transition:background .16s ease,box-shadow .16s ease,color .16s ease,filter .16s ease}.homm-play:hover:not(:disabled){color:#f0d4a0;background:radial-gradient(ellipse 92% 120% at 50% 38%,#e8a848,#d46820 20%,#c04010 46%,#9a280c 70%,#6a1808 88%,#381008);box-shadow:inset 0 2px #ffc88259,inset 0 -3px #3206008c,inset 2px 0 #dc642833,inset -2px 0 #32060066,0 0 0 2px #c05018,0 0 0 3px #3a0c08,0 0 22px #c8280873,0 8px 22px #0000008c}.homm-play:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 -1px #ffb46447,inset 0 3px 6px #3204008c,0 0 0 2px #d45818,0 0 0 3px #3a0c08,0 4px 12px #00000080}.homm-play:disabled{opacity:.65;cursor:default}.garden-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#1d1d1d;color:#f5f5f5;font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif}.garden-stack{display:flex;flex-direction:column;align-items:center;align-self:stretch;justify-content:center;padding-bottom:10vh;text-align:center}.door{display:flex;justify-content:center;width:100%;margin:0 0 24px}.door img{width:70%;height:auto;mix-blend-mode:screen;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.garden-title{margin:0;font-size:15px;font-weight:600;letter-spacing:.34em;text-transform:uppercase}.garden-sub{margin:10px 0 22px;font-size:15px;font-weight:300;color:#ffffffb8}.garden-key{display:block;width:41px;height:auto;margin:0 0 22px;mix-blend-mode:screen;image-rendering:pixelated;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.garden-form{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.garden-input,.garden-enter{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:min(260px,100%);height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.88);background:#111;color:#fff;font-family:inherit;font-size:12px;letter-spacing:.16em;text-align:center}.garden-enter{text-transform:uppercase;cursor:pointer}.garden-input::-moz-placeholder{color:#ffffff6b;text-transform:none;opacity:1}.garden-input::placeholder{color:#ffffff6b;text-transform:none;opacity:1}.garden-input:focus,.garden-enter:hover:not(:disabled){outline:none;border-color:#fff;background:#171717}.garden-enter:disabled{opacity:.55;cursor:default}.garden-error{margin:0;font-size:13px;color:#d07060}.garden-dots{display:flex;gap:7px;margin-top:28px}.garden-dots span{width:5px;height:5px;border-radius:50%;background:#fff;opacity:.9}.homm-config{width:min(420px,100%);max-height:min(70vh,560px);overflow-y:auto;padding:16px;background:#120c07b8;border:1px solid #c9a227}.homm-config .field-row-stacked,.homm-config .flex{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.homm-config .flex-row{flex-direction:row;flex-wrap:wrap}/*!
 * 
 *   simple-keyboard v3.1.11
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit;outline:0}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px #0000004d;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:#05194687;color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;max-width:272px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;-moz-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:#00000008;cursor:pointer}li.hg-candidate-box-list-item:active{background:#0000001a}.hg-candidate-box-prev:before{content:"◄"}.hg-candidate-box-next:before{content:"►"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;background:#d0d0d0;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}@media (min-width: 768px){.md\:w-96{width:24rem}}