.top-panel,.top-panel *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.btnF{margin:0 0 4px}.btnN{margin:0 0 4px;padding:1px 7px 1px 6px}.top-tooltip-container{position:relative;display:inline-flex;align-items:center}.top-tooltip-box{visibility:hidden;opacity:0;background-color:#141414e6;color:#fff;text-align:left;border-radius:4px;padding:6px 8px;font-size:12px;min-width:120px;white-space:nowrap;position:absolute;bottom:135%;left:50%;transform:translate(-50%);z-index:100;transition:opacity .2s ease-in-out;pointer-events:none}.top-tooltip-box:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:rgba(20,20,20,.9) transparent transparent transparent}.top-tooltip-container:hover .top-tooltip-box{visibility:visible;opacity:1}.right-panel,.right-panel *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.tooltip-container{position:relative;display:inline-block}.tooltip-box{visibility:hidden;opacity:0;background-color:#141414e6;color:#fff;text-align:center;border-radius:4px;padding:6px;font-size:12px;min-width:180px;max-width:260px;white-space:normal;position:absolute;bottom:125%;left:50%;transform:translate(-50%);z-index:100;transition:opacity .2s ease-in-out;transition-delay:0s}.tooltip-box:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:rgba(20,20,20,.9) transparent transparent transparent}.tooltip-container:hover .tooltip-box{visibility:visible;opacity:1;transition-delay:.5s}.piece-button-grid{display:flex;flex-wrap:wrap;margin:2px;justify-content:flex-start}.piece-button{width:99px;height:80px;background-color:#54463c;border:none;border-radius:8px;padding:4px;margin:2px;color:#fff;display:flex;flex-direction:column;align-items:center;font-family:sans-serif;cursor:pointer;transition:transform .1s ease-in-out}.piece-button:hover{transform:scale(1.05);background-color:#5e4f43}.piece-button--disabled{opacity:.4;filter:grayscale(100%);cursor:default}.piece-button--disabled:hover{transform:none;background-color:#54463c}.piece-button-image-container{width:100%;height:40px;margin-top:0;margin-bottom:0;justify-content:center;align-items:center}.piece-button-image{max-width:100%;max-height:100%;object-fit:contain}.piece-button-name{font-size:14px;margin-top:-10px;margin-bottom:-2px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.piece-button-cost-container{display:flex;flex-wrap:wrap;margin-top:4px;justify-content:center;gap:4px}.piece-button-cost-item{display:flex;flex-direction:column;align-items:center;font-size:10px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.piece-button-cost-item--missing{border:1px solid #ff4d4d;border-radius:4px;padding:1px 3px;color:#ffb3b3;background:#78141459}.piece-button-cost-item img{width:auto;height:12px;object-fit:contain}.left-panel,.left-panel *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.left-tab-header{display:flex;background-color:#2f221a;border-top-right-radius:8px;padding:5px 5px 0 10px}.left-tab-button{background-color:#3b271f;border:none;color:#c1b39d;padding:5px 10px 0;cursor:pointer;font-size:16px;border-top-left-radius:8px;border-top-right-radius:8px}.left-tab-button.active{background-color:#45322b;color:#c1b39d}.left-tab-content{display:none;padding:0 0 0 5px}.left-tab-content.active{display:block}#lp-location-info{width:315px;top:-44px;position:absolute}#lp-map-form{margin-top:5px;height:178px}#in-safe-zone{background-color:green;text-align:left;border-radius:0;width:290px;margin:0}#load-save-button{background-color:#000;border-radius:0 8px 0 0;width:25px;margin:0 0 0 -5px}#empire-info{text-align:left;background-color:#3379ff;border-radius:0 0 8px;width:314px;margin:0}#x{margin:0 0 5px;width:29%}#y{margin:0 0 5px;width:28%}#goToLocation{margin:0 0 5px;width:10%}#stopMoveToLocation{margin:0 0 5px;width:20%}#locationName{margin:0 0 5px;width:47%}#order{margin:0 0 5px;width:10%}#saveCurrentLocation{margin:0 0 5px;width:32%}#mini-map-container{position:absolute;width:100%;height:100%;overflow:hidden}.mini-map-frame{position:relative;width:100%;height:100%;overflow:hidden}#mini-map-display{position:absolute;width:800px;height:800px;border:solid black;transition:transform .25s ease-out}#camera-position{position:absolute;top:35px;left:10px;color:#fff}.mini-map-btn{position:absolute;padding:0;margin:0;height:18px;width:20px}#zoom-in{top:5px;right:6px}#zoom-out{top:5px;right:32px}.alert-panel{position:fixed;left:347px;right:347px;bottom:230px;z-index:1005;display:flex;flex-direction:column;gap:8px;pointer-events:none;cursor:none}.alert-item{background:#2a1f19eb;color:#e6d6bf;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 6px 14px #00000059;border-radius:10px;opacity:1;transform:translateY(0);transition:opacity .25s ease,transform .25s ease;pointer-events:auto;cursor:none}.alert-item.combat{border-color:#c8503cb3}.alert-item.closing{opacity:0;transform:translateY(6px)}.alert-title{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.alert-message{font-size:13px;color:#d6c4a8}.alert-actions{display:flex;gap:8px}.alert-btn{background:#2d221b;border:1px solid #3a2416;color:#e6d6bf;padding:4px 10px;font-size:12px;border-radius:6px;cursor:none}.alert-btn.primary{background:#b0503c;border-color:#b0503c;color:#fff}.alert-btn:hover{filter:brightness(1.1)}@media (max-width: 1024px){.alert-panel{left:32px;right:32px;bottom:230px}}.bottom-tab-content{display:none;padding:0 0 0 15px}.bottom-container{overflow-y:auto;height:212px;width:100%}.bottom-left-panel{height:174px;min-width:125px;float:left;margin-top:33px}.bottom-middle-panel{height:212px;width:411px;float:left}.bottom-right-panel{overflow-y:auto;height:212px;min-width:190px}.panel-content{padding:10px}.profile{width:125px;height:80px}.bar-container{height:5px;background-color:#000}.health-text{height:12px;color:#f1666a}.stamina-text{height:12px;color:#e28f26}.mana-text{height:12px;color:#4a78ba}.separator{float:end}.middle-left{float:left;width:40%}.middle-right{float:left;width:60%}.small-btn{width:80px;font-size:11px}.small-image{width:75px;height:25px}.small-name{height:20px;line-height:10px}.small-font{font-size:12px}.piece-button-grid-inventory{display:flex;flex-wrap:wrap;margin:2px;justify-content:flex-start}.piece-button-inventory{width:90px;height:76px;background-color:#54463c;border:none;border-radius:8px;padding:4px;margin:2px;color:#beb4a4;display:flex;flex-direction:column;align-items:center;font-family:sans-serif;cursor:pointer;transition:transform .1s ease-in-out}.piece-button-inventory:hover{transform:scale(1.05);background-color:#5e4f43}.piece-button-image-container-inventory{width:100%;height:40px;margin-top:0;margin-bottom:0;justify-content:center;align-items:center}.piece-button-image-inventory{max-width:70%;max-height:70%;object-fit:contain}.piece-button-name-inventory{font-size:14px;margin-top:-15px;margin-bottom:-2px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.piece-button-cost-container-inventory{display:flex;flex-wrap:wrap;margin-top:4px;justify-content:center;gap:4px}.piece-button-cost-item-inventory{display:flex;flex-direction:column;align-items:center;font-size:11px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.piece-button-cost-item-inventory img{width:auto;height:14px;object-fit:contain}.bottom-tab-header{display:flex;padding:5px 5px 0}.bottom-tab-content{display:none;padding:0}.group{display:flex;margin:0}.group-container{margin-top:0}.bottom-tab-header{display:flex;margin-top:-28px;padding:5px 5px 0}.bottom-tab-button{background-color:#45322b;border:none;color:#c1b39d;padding:5px 10px 0;cursor:pointer;font-size:16px;border-top-left-radius:8px;border-top-right-radius:8px}.bottom-tab-button.active{background-color:#2f221a;color:#c1b39d}.bottom-tab-content{display:none;padding:5px 0 0 5px}.bottom-tab-content.active{display:block}.group{display:flex;margin:0 0 0 5px}.group-container{margin-top:4px}.type-container{width:95px;flex-shrink:0}.type{width:90px;padding:0;height:70px}.fontSmall{font-size:small}.font8{font-size:8pt}.piece-container{flex-grow:1;display:flex;flex-wrap:wrap;align-items:flex-start}.piece{float:left;padding:0;margin-bottom:3px;height:32px}.unit_image_container{width:32px;height:32px;padding:0;margin:0;float:left}.bars{float:left;width:58px}.bar-container{width:90%;margin:4px 0 3px 2px;height:5px;background-color:#000}.bar-inner{height:5px;float:left}.health-bar{width:80%;background-color:#f1666a}.stamina-bar{width:40%;background-color:#e28f26}.mana-bar{width:60%;background-color:#4a78ba}