.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-image:url(/ui/long_bar.png);background-repeat:no-repeat;background-size:100% 100%;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-image:url(/ui/tag_empty.png);background-repeat:no-repeat;background-size:100% 100%;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}.top{color:#fff;width:300px;height:60px;position:absolute;top:-48px;left:-43px}.top .type-tag{text-align:center;color:#fff;width:180px;height:60px;font-size:1.2em;position:absolute}.top .type-tag span{position:relative;right:0}.top .type-tag:before{content:"";z-index:-1;background-image:url(/ui/tag.png);background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0;transform:translateY(-20px)}.top .faction{color:#fff;width:250px;height:60px;margin-left:20px;font-family:serif;font-size:1.2em;position:absolute;left:140px}.top .faction span{position:relative;left:20px}.top .faction:before{content:"";z-index:-2;background-image:url(/ui/tag_empty.png);background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0;transform:translateY(-20px)translate(-34px)}.map-object-info-content{position:absolute;inset:8% 10% 10%}.map-object-info-content .header{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:0 0;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:before{content:"";opacity:.8;z-index:0;background-image:url(/ui/tag_empty.png);background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0;transform:translate(-34px)}.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:0 0;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:before{content:"";z-index:0;background-image:url(/ui/tag_empty.png);background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.action-button span{z-index:1;position:relative}.action-button:hover{color:#646464}.action-button:active{color:#323232}.sidebar{aspect-ratio:396/847;pointer-events:auto;z-index:-2;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:before{content:"";opacity:.9;z-index:-2;background-image:url(/ui/info_screen.png);background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.sidebar-toggle{width:100%;height:100%;position:absolute;top:20%}.sidebar-toggle .toggle-button{aspect-ratio:114/38;pointer-events:auto;cursor:pointer;background-color:#0000;background-image:url(/ui/button_active.png);background-size:cover;border:none;width:100px;padding:0;position:absolute;right:0}.sidebar-toggle .toggle-button:hover{background-image:url(/ui/button_hover.png)}.sidebar-toggle .toggle-button img{width:100%;height:auto;display:block}.sidebar-toggle .toggle-button span{color:#fff;font-family:serif;line-height:2;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}