.app-root{background-color:#00f;width:100%;height:100%;position:relative}.app-overlay{z-index:100;flex-direction:column;justify-content:center;align-items:center;width:100%;height:20%;display:flex;position:absolute}.app-canvas-container{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.custom-input{color:#505050;text-align:center;border-style:solid;border-width:4px;margin-bottom:8px;font-family:serif;font-size:1.5em;display:block}.custom-input::placeholder{font-family:sans-serif;font-style:italic}.gui-wrapper-base{color:#fff;z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.overhead{opacity:1;pointer-events:auto;opacity:.9;background-color:#b9b8da80;width:120%;height:15%;position:absolute;top:-50px;left:-5%}.overhead-content{position:absolute;inset:10%;overflow-y:auto}.map-action-menu-content{pointer-events:none;position:absolute;inset:8% 10% 10%}.map-action-menu-title{color:#d2ff8f;margin-bottom:25px;font-family:serif;font-size:2em}.map-action-menu-buttons{flex-direction:column;gap:8px;display:flex}.map-action-button{color:#fff;text-align:center;cursor:pointer;pointer-events:auto;background:0 0;border:none;width:100%;height:50px;padding:0;font-family:serif;font-size:1.2em;transition:color .15s;position:relative}.map-action-button:before{content:"";z-index:0;background-color:#729c8ef7;position:absolute;inset:0}.map-action-button span{z-index:1;position:relative}.map-action-button:hover{color:#646464}.map-action-button:active{color:#323232}.header{color:#fff;width:300px;height:60px;position:absolute}.header .type-tag{text-align:center;color:#fff;width:180px;height:60px;font-size:1.2em;position:absolute}.header .type-tag span{position:relative}.header .type-tag:before{content:"";background-color:#b9b8da80;position:absolute;inset:0}.header .faction{color:#fff;width:250px;height:60px;font-family:serif;font-size:1.2em;position:absolute}.header .faction span{position:relative}.header .faction:before{content:"";background-color:#b9b8da80;position:absolute;inset:0}.map-object-info-content{position:absolute;inset:8% 10% 10%}.map-object-info-content .title{color:#d2ff8f;font-family:serif;font-size:2em;position:relative}.map-object-info-content .info{color:#fff;font-size:1.2em}.factions-present{width:100%;margin-top:10px}.factions-present-title{color:#d2ff8f;font-family:serif;font-size:1.2em}.faction-row{color:#fff;text-align:left;cursor:pointer;pointer-events:auto;background-color:#825d00f7;border:none;width:200px;height:60px;margin:4px 0;padding:0 20px;font-family:serif;font-size:1.1em;transition:color .15s;display:block;position:relative;left:20px}.faction-row span{z-index:1;position:relative;right:10px}.faction-row:hover{color:#646464}.faction-row:active{color:#323232}.action-button{color:#fff;cursor:pointer;pointer-events:auto;background:#bbf2e0f7;border:none;width:100%;height:50px;padding:0;font-family:serif;font-size:1.2em;transition:color .15s;position:absolute;bottom:0;left:0}.action-button span{z-index:1;position:relative}.action-button:hover{color:#646464}.action-button:active{color:#323232}.sidebar{pointer-events:auto;z-index:-2;opacity:.9;box-sizing:border-box;background-color:#00f;border:2px solid #fff;border-top-left-radius:40px;border-bottom-left-radius:40px;width:400px;height:80%;transition:transform .3s ease-in-out;position:absolute;top:20%;right:0}.sidebar.open{pointer-events:auto;transform:translate(0)}.sidebar.closed{pointer-events:none;transform:translate(100%)}.sidebar-toggle{box-sizing:border-box;width:100px;height:40px;padding:0;position:absolute;top:calc(20% - 40px);right:0}.sidebar-toggle .toggle-button{pointer-events:auto;cursor:pointer;opacity:.9;background-color:#6661ff;background-size:cover;border:3px solid red;border-top-left-radius:10px;border-bottom-left-radius:10px;width:100%;height:100%;padding:0}.sidebar-toggle .toggle-button:hover{background-color:#b9b8da}.sidebar-toggle .toggle-button:active{background-color:#5e59e6}.sidebar-toggle .toggle-button span{color:#fff;font-family:serif}