#root,body,html{height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}#root,.app,body,html{background:#09090b;color:#fff;display:flex;font-family:Inter,Arial,sans-serif;height:100%;width:100%}.content{display:flex;flex-direction:column;overflow:auto;padding:15px;width:100%}.header{align-items:center;display:flex;justify-content:space-between;padding:10px}.button{background:#09090b;border:1px solid #ffffff30;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;height:-webkit-fit-content;height:fit-content;padding:5px 8px;-webkit-user-select:none;user-select:none;width:auto}.button:hover{background:#ffffff30}.grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;padding:10px}.panel{padding:5px 20px 20px}.character,.panel{border:1px solid #ffffff30;border-radius:10px}.character{margin-bottom:20px;padding:10px;-webkit-user-select:none;user-select:none}.character:hover{background:#ffffff30}.character.active{border:1px solid #eac24d}.section{border:1px solid #ffffff30;border-radius:10px;margin:10px 0;padding:10px}.section-header{align-items:center;display:flex;font-weight:700;justify-content:space-between}.health{color:red;font-weight:700}#styled-select{background-color:#09090b;border:1px solid #ffffff30;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;outline:none;padding:10px 12px;position:relative;width:200px}#styled-select option{background-color:#09090b;color:#fff;padding:10px}#styled-select option:hover{background-color:#333}#styled-select:focus{border-color:#ffffffa0;box-shadow:0 0 5px hsla(0,0%,100%,.3)}.underlined{border-bottom:1px solid #444;font-size:1.3rem;margin-bottom:1rem;padding-bottom:.5rem}@media (max-width:768px){.app{grid-template-columns:1fr}.grid{display:block}.content{margin-left:0}.app-container{grid-template-columns:repeat(1,1fr)}}.encounters{list-style:none;padding:0}.encounters li{border:1px solid #ffffff30;border-radius:6px;color:#ccc;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem}.status{font-weight:700;text-transform:capitalize}.status.upcoming{color:orange}.status.completed{color:#00ff7f}.status.in-progress{color:#1e90ff}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/Inter-Italic-VariableFont_opsz,wght.831252f8ba7e1b5b2432.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/Inter-VariableFont_opsz,wght.e05c5f3d1fa6a3893d84.ttf) format("truetype")}
/*# sourceMappingURL=main.c307add5.css.map*/