@font-face{font-family:GoldDeco;src:url(/fonts/gold-deco.ttf)}:root{font-family:GoldDeco,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--gold: #d8b56b;--green: #16c516;--blue: #1e90ff}*,:after,:before{box-sizing:border-box;user-select:none;font-family:GoldDeco,sans-serif}a{font-weight:500;color:var(--gold);text-decoration:inherit}a:hover{color:var(--gold)}h1{font-size:3.2em;line-height:1.1}body{margin:0;padding:0;cursor:url(/cursors/default.png),auto}label{color:var(--gold)}input{color:var(--gold);background-color:#000;border:1px solid var(--gold);padding:.5rem;font-size:1rem;font-weight:500;line-height:1}input[type=text]{width:100%;height:50px}input:focus{outline:none;border-color:var(--gold)}input::placeholder{color:var(--gold)}canvas{image-rendering:crisp-edges;image-rendering:pixelated}.button{display:block;padding:.825rem 1.5rem;width:15rem;border:none;background:url(/ui/button.png) no-repeat center center/100% 100%;color:var(--gold);font-size:1.35rem;font-weight:500;line-height:1;text-align:center;text-decoration:none;cursor:url(/cursors/select.png),auto;transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out;margin-bottom:1rem}.button:hover,.button:active,.button:focus,.button:focus-visible{outline:none;background:url(/ui/button-hover.png) no-repeat center center/100% 100%;color:#242424}.answer{color:var(--gold);padding:0 2rem;margin:0;margin-bottom:.25rem;cursor:url(/cursors/select.png),auto}.answer:hover{transform:scale(1.1)}.question{margin:0}.button:disabled,.button.disabled{background-color:#242424;color:var(--gold);opacity:.5;pointer-events:none;cursor:url(/cursors/not-allowed.png),auto}label{display:block;margin-bottom:1rem}li{text-align:left;list-style-type:" * "}.divider{background:url(/ui/divider.png),no-repeat center center/100% 100%;width:178px;height:14px;min-height:14px;margin:1rem auto}@keyframes loading{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.main-menu{display:flex;flex-direction:column;align-items:center;max-width:1280px;min-height:100vh;margin:0 auto;padding:6rem 2rem 2rem;text-align:center}.map-contaner{position:relative;height:100%;width:100%;max-width:240px;max-height:600px;margin:0 auto 2em}.map-block{height:100%;width:100%;border:1px solid var(--gold);color:var(--gold);background-color:#242424;font-size:1em;line-height:1;text-align:center;text-decoration:none;padding:.5em 1em;margin-bottom:4px;cursor:url(/cursors/select.png),auto}.map-block.active{background-color:var(--gold);color:#242424}.player-block{position:relative;display:flex;justify-content:flex-end;align-items:center;margin-bottom:.5rem;padding:.5rem 1rem}.player-block .player-name{flex:1;text-align:left}.skirmish-options{display:flex;width:800px}.player-list{margin-bottom:2rem}.player-list select{margin:.75rem .5rem;padding:.75rem 1.5rem .75rem .5rem;border:1px solid var(--gold);background-color:#242424;color:var(--gold);font-size:1rem;font-weight:500;line-height:1;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);background-position:calc(100% - 13px) calc(1rem + 2px),calc(100% - 8px) calc(1rem + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}.loader-container{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}.loader{font-size:3em}.loader:after{content:"Loading";animation:loading 1s infinite;display:inline-block;width:0}.option-list{width:100%;max-width:300px;min-height:300px;margin-bottom:32px;text-align:left}.option-list input,.option-list label{cursor:url(/cursors/select.png),auto}.option-list label{display:flex;justify-content:space-between}.splash-screen{position:fixed;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:#242424;z-index:9999}.load-game .saved-games{width:100%;max-width:400px;height:500px;padding:1rem 3rem 1rem 5rem;margin-bottom:2rem;border:1px solid var(--gold);overflow:auto}.load-game .saved-games::-webkit-scrollbar{width:5px;height:8px;background-color:transparent}.load-game .saved-games::-webkit-scrollbar-thumb{background-color:var(--gold)}.load-game .saved-games .load-row{display:flex}.load-game .saved-games .button{font-family:Arial,Helvetica,sans-serif;font-size:1rem;height:3rem;min-width:auto;padding:.5rem 1rem;margin-bottom:.5rem}.load-game .saved-games .button.load-button{flex:1}.load-game .saved-games .button.delete-load-button{font-family:GoldDeco,sans-serif;width:32px;max-width:32px;padding:1rem .25rem;background-image:none}.load-game .saved-games .button.delete-load-button:hover{color:var(--gold)}.load-game .saved-games .button:last-child{margin-bottom:0}.multiplayer-lobby{display:flex;flex-direction:column;align-items:center}.multiplayer-lobby .game-list{flex:1;width:100%;margin-bottom:1rem;overflow:auto;border:1px solid var(--gold)}.multiplayer-lobby .game-list .join-game-row{width:100%}.multiplayer-lobby .game-list .join-game-row .button{margin:.5rem auto}.game-container{position:fixed;width:100vw;height:100vh;overflow:hidden}.game-corner{position:absolute;cursor:pointer}.game-corner__top,.game-corner__bottom{left:0;width:100%;height:30px}.game-corner__top{top:0}.game-corner__bottom{bottom:0}.game-corner__left,.game-corner__right{top:0;width:30px;height:100%}.game-corner__left{left:0}.game-corner__right{right:0}.game-interface{position:absolute;right:0;top:0;max-width:316px;width:20%;height:100vh;padding:0 8px;background:rgba(0,0,0,.5);overflow-y:auto}.game-interface__resources-block{color:var(--gold);text-shadow:1px 1px 1px black;font-size:1.5rem}.game-interface__map-container{position:relative;border:1px solid var(--gold);margin-bottom:16px;overflow:hidden}.game-interface__map,.game-interface__fog-of-war{width:100%}.game-interface__map{position:relative;background-color:#90ee90}.game-interface__map__row{display:flex;width:100%}.game-interface__map__cell{flex:1;aspect-ratio:1/1;background-color:#fff;border:none;padding:0;cursor:url(/cursors/select.png),auto}.game-interface__map__frame{position:absolute;border:2px solid var(--gold);pointer-events:none;z-index:10}.game-interface__fog-of-war{position:absolute;top:0;pointer-events:none}.game-interface__fog-of-war__cell{background-color:#000}.game-interface__info-block{display:flex;flex-wrap:wrap;width:100%;margin-bottom:16px;gap:1.25%;overflow-y:auto}.game-interface__info-block__unit-icon{position:relative;display:inline-block;width:19%;aspect-ratio:1/1;margin-bottom:1.25%;font-size:21px;text-align:center;color:var(--gold);background-color:transparent;padding:8px 0;border:1px solid var(--gold);cursor:url(/cursors/select.png),auto}.game-interface__info-block__unit-icon:active{background-color:var(--gold)}.game-interface__info-block__unit-icon img{width:100%;height:auto}.game-interface__info-block__unit-icon:has(img){padding:0}.game-interface__info-block--single-unit .game-interface__info-block__unit-icon{width:30%;font-size:32px;padding:16px 0;margin-bottom:12px}.game-interface__info-block .training-queue{display:flex;flex-wrap:wrap;width:100%;margin-bottom:8px}.game-interface__info-block .training-queue .training-unit{width:32px;height:32px;text-align:center;padding:8px 0;margin:0 2px 8px;background-color:transparent;border:1px solid var(--gold);color:var(--gold);font-size:16px;line-height:1;cursor:url(/cursors/select.png),auto}.game-interface__info-block .loading-bar{width:0;height:20px;margin-bottom:16px;background-color:var(--gold)}.game-interface__actions-block{display:flex;flex-wrap:wrap;width:100%;margin-bottom:16px;gap:1.25%}.game-interface__actions-block button{width:19%;aspect-ratio:1/1;margin-bottom:1.25%;color:var(--gold);border:1px solid var(--gold);background-color:transparent;cursor:url(/cursors/select.png),auto}.game-interface__actions-block button:hover,.game-interface__actions-block button:active{color:#000;background-color:var(--gold)}.game-interface__actions-block button.delete{float:right}.game-interface__health-bar,.game-interface__mana-bar{position:absolute;left:0;height:.25rem}.game-interface__health-bar{top:0;background-color:var(--green)}.game-interface__mana-bar{top:.25rem;background-color:var(--blue)}.game-interface__mobile-controls{position:absolute;display:flex;flex-direction:column;justify-content:space-between;height:100vh;left:0;top:0;padding:2rem;pointer-events:none}.game-interface__mobile-controls>div{display:flex;flex-direction:column}.game-interface__mobile-controls button{border:1px solid var(--gold);background:rgba(0,0,0,.5);color:var(--gold);padding:1rem .5rem;text-transform:uppercase;pointer-events:all;margin:.25rem 0}.popup-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:100}.dialog-menu,.popup-menu{background-color:#00000080;border:1px solid var(--gold);padding:16px;z-index:101;display:flex;flex-direction:column;align-items:center;justify-content:center}.dialog-menu__title,.popup-menu__title{color:var(--gold);font-size:32px;margin-bottom:16px}.connection-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:calc(100vw - 32px);padding:16px;background-color:#000;border:1px solid var(--gold);color:var(--gold);font-size:24px;z-index:101;display:flex;flex-direction:column;align-items:center;gap:16px}.waiting-for-players{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:calc(100vw - 32px);color:var(--gold);font-size:24px;white-space:nowrap;z-index:101}.waiting-for-players__dots{display:inline-block;width:1.5em;text-align:left}.player-notices{position:absolute;top:16px;left:50%;transform:translate(-50%);max-width:calc(100vw - 32px);color:var(--gold);font-size:18px;text-align:center;pointer-events:none;z-index:100}.popup-menu{position:absolute;inset:0;margin:auto;width:400px;height:500px;background-color:#000}.popup-menu-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:85%}.popup-menu-content .saved-games{position:relative;flex:1;overflow:auto;padding:1rem 0 1rem 1rem;margin-bottom:2rem;border:1px solid var(--gold)}.popup-menu-content .saved-games::-webkit-scrollbar{width:5px;height:8px;background-color:transparent}.popup-menu-content .saved-games::-webkit-scrollbar-thumb{background-color:var(--gold)}.popup-menu-content .saved-games .load-row{display:flex}.popup-menu-content .saved-games .button{font-family:Arial,Helvetica,sans-serif;font-size:.85rem;height:3rem;min-width:auto;padding:1em 2em;margin-bottom:.5rem}.popup-menu-content .saved-games .button.load-button{flex:1}.popup-menu-content .saved-games .button.delete-load-button{font-family:GoldDeco,sans-serif;width:32px;max-width:32px;padding:1rem .25rem;background-image:none}.popup-menu-content .saved-games .button.delete-load-button:hover{color:var(--gold)}.popup-menu-content .saved-games .button:last-child{margin-bottom:0}.popup-menu-content .save-game-input{margin-bottom:1rem}.dialog-menu{position:absolute;width:80%;height:200px;left:0;bottom:0;font-size:1.25rem}.menu-button{margin:.25em auto}.mobile h1{font-size:2.4em;line-height:.9}.mobile .button{padding:.825rem 1.5rem;width:10rem;font-size:1rem;line-height:.8;margin-bottom:.5rem}.mobile .main-menu{padding:0 1rem 1rem}.mobile .popup-menu{width:300px;height:300px}.mobile .game-interface__resources-block{font-size:1rem}.mobile .game-interface__info-block__unit-icon,.mobile .game-interface__actions-block button{width:2rem;height:2rem;font-size:.8rem}.mobile .divider{transform:scale(.5);margin:0 auto .5rem;transform-origin:50% 50%}