:root{font-family:system-ui,Avenir,Helvetica,Arial,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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{background:url(/img/home_bg.e9720be.png) no-repeat center center;background-size:cover;overflow:hidden;position:relative;width:100vw;height:100vh;margin:0}.home_logo{position:absolute;left:50%;top:20px;transform:translate(-50%);-webkit-user-select:none;user-select:none}#overlay{position:absolute;width:300px;top:50%;left:50%;transform:translate(-50%,-50%);background:#1c4a7b;color:#fff;padding:15px;border-radius:20px;box-shadow:0 0 10px #000;border:2px solid white;z-index:1000;font-weight:300}#modal h2{margin-top:0;font-weight:700;font-size:1.8rem;color:#82b0d9;text-align:center}#modal p{margin:10px 0;font-size:1rem;text-align:center}#idForm{display:flex;flex-direction:column;gap:10px;margin-top:10px}#modalPlayerId{padding:10px;font-size:1rem;border-radius:8px;border:none;outline:none;box-shadow:inset 0 0 5px #0000004d;font-family:Rowdies,sans-serif;font-weight:300}#idForm button{background-color:#007fff;border:none;padding:10px;font-size:1rem;color:#fff;border-radius:8px;cursor:pointer;font-family:Rowdies,sans-serif;font-weight:700;transition:background-color .3s ease}#idForm button:hover{background-color:#005bb5}#modalError{color:red;text-align:center;margin-top:5px;display:none;font-weight:700;font-size:.9rem}.lang-menu{position:relative;display:inline-block;font-family:Rowdies,sans-serif;z-index:100;grid-area:1 / 3 / 2 / 4}#languageButton{position:relative;font-size:30px;z-index:100}#languageButton>img{position:absolute;right:30px;bottom:20px;height:10px;width:16px;z-index:100}.lang-trigger{background:#1c4a7b;border:2px solid white;color:#fff;font-weight:700;border-radius:12px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:1rem}.lang-arrow{font-size:.8rem}.lang-dropdown{position:absolute;top:100%;left:0;background:#1c4a7b;border:2px solid white;border-radius:12px;box-shadow:0 0 10px #0003;margin-top:5px;list-style:none;padding:0;width:200px}.lang-option{display:flex;align-items:center;gap:10px;padding:10px;cursor:pointer;color:#fff;font-weight:400;font-size:1rem}.lang-option:hover{background-color:#005bb5}.lang-flag{width:30px;height:20px;border-radius:4px;box-shadow:0 0 3px #0000004d}#Head{display:grid;grid-template-columns:5fr 10fr repeat(2,1fr) 3fr;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px}#User{display:flex;background:#0c3867;border-radius:16px;padding:1px;z-index:100;grid-area:1 / 5 / 2 / 6;line-height:1.2;height:60px}#logoutButton{grid-area:1 / 4 / 2 / 5;font-size:30px;z-index:100}.user-form{background:#1c4a7b;padding:20px;border-radius:8px;max-width:320px;margin:10px auto;box-shadow:0 2px 8px #0003;font-family:Rowdies,sans-serif;color:#fff}.user-form label{display:flex;flex-direction:column;margin-bottom:12px;font-weight:500;font-size:.95rem}.user-form input{margin-top:6px;padding:8px;border:none;border-radius:4px;font-size:1rem;font-family:inherit}.user-form input:focus{outline:2px solid #3992ef}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.form-actions button{background:#3992ef;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s ease}.form-actions button:hover{background:#337ecc}.form-actions button[type=button]{background:transparent;color:#f88}.form-actions button[type=button]:hover{background:#f880801a}#Users{padding:16px}.user-panel-toolbar{display:flex;gap:8px;margin-bottom:12px}.user-panel-toolbar button{padding:8px 16px;background:#3992ef;color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:Rowdies,sans-serif;transition:background .2s}.user-panel-toolbar button:hover{background:#337ecc}#AlliancePanel{display:flex;flex-direction:column;gap:12px;max-width:320px;margin:0 auto;font-family:Rowdies,sans-serif;font-weight:300;color:#fff}.alliance{display:flex;margin-bottom:15px;width:250px;height:80px;padding:0;background:#3992ef;color:#fff;font-family:Rowdies,sans-serif;font-weight:300;font-style:normal;border-bottom:solid 2px #337ecc;box-shadow:0 1px 2px #000}.alliance:hover{background-color:#337ecc}.alliance-color-box{display:flex;justify-content:center;align-items:center;margin-left:10px;border-radius:5px;height:85px;width:60px;border-top:solid 2px white;filter:drop-shadow(0px 0px 4px black)}.alliance-info{flex:right;margin-left:10px}.alliance-name{margin:0;font-size:1.1rem;font-weight:600}.alliance-acronym{font-size:.9rem;opacity:.8}.Form{display:flex;flex-direction:column;gap:5px;width:auto;margin:0 auto}.input-group{display:flex;flex-direction:column}.input-group label{font-weight:700}.flex-row{display:flex;justify-content:space-between;gap:10px}.flex-row .input-group{flex:1}input[type=text],input[type=number],select{border:1px solid #ccc;border-radius:4px;width:90%}.flex-row .input-group input,.flex-row .input-group select{width:50%}.form-actions{display:flex;gap:10px;margin-top:10px}.form-actions button{padding:5px 15px;border:none;border-radius:5px;cursor:pointer;color:#fff}.form-actions button[type=submit]{background-color:#007bff}.form-actions .closeFormButton{background:none;position:absolute;color:red;right:5px;top:5px;font-size:13px;border:none;text-shadow:2px 0 #fff,-2px 0 #fff,0 2px #fff,0 -2px #fff,2px 2px #fff,-2px -2px #fff,2px -2px #fff,-2px 2px #fff;cursor:pointer}.avatar{width:60px;height:60px;margin-right:12px;border:none;border-radius:16px;box-sizing:border-box;border:5px solid #fff}.roleInfo{font-size:16px;color:#82b0d9;display:flex;align-items:center;font-weight:700;margin:inherit}.roleInfo>p{margin:0}.name{color:#fff;font-weight:800}canvas{position:absolute;top:0}#Cell{z-index:1;position:absolute;left:10px;top:50px;background:#fff;border-radius:16px;align-items:center;padding:5px;box-shadow:#0000003d 0 3px 8px}#coordinates{color:#fff;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000,1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;font-size:10px;position:absolute;top:25px;left:8px}#coordinates>p{display:inline-block}#Cell>p{color:#0c3867;text-align:center;margin:0}#img-cell{height:50px;width:60px;object-fit:cover;position:absolute;left:47px}#banner{background:radial-gradient(circle,#fff 30%,#007fff);width:150px;border-radius:16px;height:50px;overflow:hidden}#addBuildingBtn{position:absolute;right:30px;top:0;font-size:9px;line-height:20px;height:17px;width:15px;background:green;text-align:center;color:#fff;cursor:pointer;box-shadow:#0000003d 0 3px 8px}#addBuildingBtn:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid green}#editBuildingBtn{position:absolute;right:10px;top:0;font-size:9px;line-height:20px;height:17px;width:15px;background:#00f;text-align:center;color:#fff;cursor:pointer;box-shadow:#0000003d 0 3px 8px}#editBuildingBtn:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid blue}#deleteBuildingBtn{position:absolute;left:10px;top:0;font-size:9px;line-height:20px;height:17px;width:15px;background:red;text-align:center;color:#fff;cursor:pointer;box-shadow:#0000003d 0 3px 8px}#deleteBuildingBtn:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid red}.Building{background:radial-gradient(circle,#fff 30%,#007fff);border-radius:16px;width:80px;height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;display:inline-flex;cursor:pointer;margin:15px auto 10px 15px;transition:all .1s ease-in-out}.Building>img{width:60px;transition:all .1s ease-in-out;object-fit:contain}.Building>p{text-align:center;color:#0c3867;margin:0}.common{background:radial-gradient(circle,#fff 30%,#007fff)}.legendary{background:radial-gradient(circle,#fff 30%,#eabc25)}.mythic{background:radial-gradient(circle,#fff 30%,#53277e)}.Building.selected{box-shadow:0 0 12px 4px #ffffffe6,0 3px 8px #000c;border:2px solid #fff;border-radius:4px}.Building.selected>img{transform:scale(1.15);transition:transform .2s ease,box-shadow .2s ease}#toggleButton{position:absolute;background:transparent;background:none;border:none;font-size:15px;cursor:pointer;outline:none;color:#82b0d9;top:25px;left:15px;text-shadow:1px 0 #fff,-1px 0 #fff,0 1px #fff,0 -1px #fff,1px 1px #fff,-1px -1px #fff,1px -1px #fff,-1px 1px #fff}#toggleButton:active{transform:scale(.95)}button{color:#fff;background:none;border:none;text-shadow:1px 0 #3773a7,-1px 0 #3773a7,0 1px #3773a7,0 -1px #3773a7,1px 1px #3773a7,-1px -1px #3773a7,1px -1px #3773a7,-1px 1px #3773a7;cursor:pointer}.form{display:none}.activeform{display:flex}#triangle{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid white;position:absolute;transform:rotate(180deg)}#Furnace-Placed{z-index:1;align-items:center;box-shadow:#0000003d 0 3px 8px;overflow:hidden;height:100%}#Buildings{z-index:1;align-items:center;box-shadow:#0000003d 0 3px 8px;overflow:scroll;height:100%;width:200px}.building-card{margin:10px;font-size:15px;padding:5px;background:#3992ef;color:#fff;font-family:Rowdies,sans-serif;font-weight:300;border-top:2px solid rgb(204,204,204);border-radius:8px;border-bottom:solid 2px #337ecc;box-shadow:0 1px 2px #000;font-style:normal;width:250px}.Form{z-index:999;position:absolute;display:flex;background:#1c4a7b;border:10px solid #103f72;top:50%;right:50%;padding:5px;border-radius:5px;transform:translate(50%,-50%)}#Menu{position:absolute;left:1px;top:200px;height:50%;margin:0;display:flex}#InsideMenu{z-index:95;position:relative}#InsideMenu>div{transform:translate(-250px);transition:transform .2s ease,opacity .2s ease;opacity:0;visibility:hidden;position:absolute;background:#1c4a7b;height:calc(100% - 20px);border-radius:0% 5% 5% 0%;border:10px solid #103f72;overflow-x:scroll}#InsideMenu>div.visible{transform:translate(0);opacity:1;visibility:visible}#SideMenu{z-index:10;width:50px;background:none;display:flex;flex-direction:column;align-items:center;padding-top:10px;background:#103f72;z-index:100;position:relative}#SideMenu button{background-color:transparent;border:none;height:50px;width:50px;margin:10px 0;cursor:pointer;padding:0}#SideMenu p{position:relative;color:#fff;font-family:Rowdies,sans-serif;font-weight:300;font-style:normal;background:transparent;font-size:10px;margin:0}#SideMenu button:after{content:"";background:#0d3560;height:2px;width:60%;margin:10px auto auto;display:block;border-bottom:rgba(19,91,170,.81) 1.5px solid}#SideMenu img{height:40px;border-radius:5px;transition:transform .3s ease,opacity .3s ease;filter:brightness(0) invert(1)}#SideMenu img:hover{transform:scale(1.1);filter:brightness(1) invert(0)}#overlay{position:absolute;width:300px;top:50%;left:50%;transform:translate(-50%,-50%);background:#1c4a7b;color:#fff;padding:15px;border-radius:20px;box-shadow:0 0 10px #000;border:solid white 2px}#language-buttons{display:flex;position:absolute;right:5px;top:60px;justify-content:center;gap:10px;margin:20px 0}#language-buttons button{display:flex;flex-direction:column;align-items:center;cursor:pointer;background:none;border:none;transition:background-color .3s ease}#language-buttons button:hover{background-color:#103f72}#language-buttons img{width:25px;height:15px;margin-bottom:5px}#language-buttons p{margin:0;font-size:9px;color:#fff;font-weight:700}#Users{overflow:scroll}.user-card{display:flex;margin-bottom:15px;width:250px;height:110px;padding:0;background:#3992ef;color:#fff;font-family:Rowdies,sans-serif;font-weight:300;font-style:normal;border-bottom:solid 2px #337ecc;box-shadow:0 1px 2px #000}.user-avatar{display:flex;justify-content:center;align-items:center;margin-left:10px;background:radial-gradient(110% 15% at bottom,transparent 50%,#89c3ff 51%);border-radius:5px;height:85px;width:60px;border-top:solid 2px white;filter:drop-shadow(0px 0px 4px black)}.user-avatar img{width:50px;height:50px;border-radius:5px;border:solid white 2px}.user-name{margin:0}.user-card-info{flex:right;margin-left:10px}.user-card-info>div>*{display:inline}.user-card-info>div>img{width:15px;height:15px}.user-lvl-content{width:25px!important;height:25px!important}#loading{display:block}#loading-bar{width:0%;height:10px;background:#68bfff;border-radius:3px;margin-top:10px;z-index:100}#loading-status{display:grid;justify-content:center}#loading-status>p{margin:0;color:#fff;font-size:12px}#edituser{color:#82b0d9;font-size:12px;text-shadow:1px 0 #fff,-1px 0 #fff,0 1px #fff,0 -1px #fff,1px 1px #fff,-1px -1px #fff,1px -1px #fff,-1px 1px #fff;cursor:pointer}.building-location{cursor:pointer;color:#00f;text-decoration:underline}#search-bar{width:100%;padding:6px;margin-bottom:10px;border-radius:4px;border:1px solid #ccc}.spinner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000}.spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:Rowdies,sans-serif;font-weight:300;font-style:normal}body{font-family:Rowdies,sans-serif;font-weight:300;font-style:normal}#root{height:100vh;width:100vw;overflow:hidden}