.character-sheet{display:flex;flex-direction:column;gap:1rem;.skills{.skill{padding:.5rem;border:1px solid var(--color-border);summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;container-type:inline-size}.skill-favorite{flex-grow:0}.skill-rolls{justify-content:flex-end}.skill-actions,.skill-rolls{display:flex;gap:.5rem;@container (max-width: 800px){flex-direction:column}}.skill-details-data{margin-top:.5rem;display:flex;flex-direction:row;gap:1rem}}.skill:hover{border-color:var(--color-border-hover)}.skill[open]{border-color:var(--color-border-active)}}.character-resources{display:flex;flex-direction:row;gap:1rem;font-family:Arial,sans-serif}.resource{display:flex;flex-direction:column;gap:.5rem;flex-grow:1}.resource-bar{display:flex;align-items:center;gap:.5rem}.resource-bar>*{flex-grow:1}.resource-bar input{padding:.5rem;border-radius:.5rem;border:1px solid var(--foreground);background:var(--background);color:var(--foreground);font-size:1.25rem}.resource-bar .resource-max{font-size:1rem;color:var(--foreground);font-size:1.25rem}.progress-bar{position:relative;height:10px;background-color:var(--background-alt);border-radius:5px;overflow:hidden}.progress-bar .progress{height:100%;background-color:#4caf50;transition:width .3s ease}.resource:nth-child(2) .progress-bar .progress{background-color:#2196f3}}.toast-container{position:fixed;top:0;right:0;z-index:9999;padding:1rem;display:flex;flex-direction:column;align-items:flex-end}.toast{background-color:var(--color-background);color:var(--color-text);padding:1rem;border-radius:.5rem;box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:1rem;transition:opacity .3s ease-in-out;display:block}.toast-success{background-color:var(--color-success)}.toast-error{background-color:var(--color-danger)}.toast-info{background-color:var(--color-info)}.toast-persistent{cursor:pointer;font-size:1rem;border-color:transparent}