@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Lato:wght@400;700&display=swap";.ac-card{background-color:var(--color-surface);padding:1rem;border-radius:.75rem;border:2px solid rgba(139,92,246,.5);box-shadow:0 4px 6px -1px #0000001a;display:flex;align-items:center;justify-content:center;gap:1rem;flex:1;min-height:0}.ac-card .ac-content{text-align:center}.ac-card .ac-content .ac-label{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 .25rem}.ac-card .ac-content .ac-value-input{font-size:3rem;font-weight:700;margin:.25rem 0 0;color:var(--color-text);background:transparent;border:none;text-align:center;width:100%;padding:0}.ac-card .ac-content .ac-value-input:focus{outline:none}.ac-card .ac-separator{border-left:1px solid var(--color-border);height:4rem}.ac-card .ac-shield-button{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-muted);background:none;border:none;padding:.5rem;border-radius:.5rem;cursor:pointer;transition:all .2s}.ac-card .ac-shield-button:hover{color:var(--color-primary);background-color:var(--color-border)}.ac-card .ac-shield-button .shield-icon{font-size:2.25rem;font-variation-settings:"FILL" 0}.ac-card .ac-shield-button .shield-icon.inactive{font-variation-settings:"FILL" 0}.ac-card .ac-shield-button .ac-shield-text{font-size:.75rem;font-weight:700;margin-top:.25rem;opacity:.7}.ac-card .ac-shield-button:hover .ac-shield-text{opacity:1}@media (prefers-color-scheme: dark){.ac-card{background-color:var(--color-surface);border-color:#8b5cf6b3}.ac-card .ac-content .ac-label{color:var(--color-text-muted)}.ac-card .ac-content .ac-value-input{color:var(--color-text)}.ac-card .ac-separator{border-left-color:var(--color-border)}.ac-card .ac-shield-button{color:var(--color-text-muted)}.ac-card .ac-shield-button:hover{background-color:var(--color-border)}}.derived-value-card{background-color:var(--color-surface);padding:.75rem;border-radius:.75rem;border:1px solid var(--color-border);text-align:center}.derived-value-card .derived-value-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 .5rem}.derived-value-card .derived-value-number{font-size:1.5rem;font-weight:700;margin:0;color:var(--color-text)}.derived-value-card.spell-save-dc{grid-column:span 2}@media (prefers-color-scheme: dark){.derived-value-card{background-color:var(--color-surface);border-color:var(--color-border)}.derived-value-card .derived-value-label{color:var(--color-text-muted)}.derived-value-card .derived-value-number{color:var(--color-text)}}.saving-throws-section{background-color:var(--color-surface);padding:1rem;border-radius:.75rem;border:1px solid var(--color-border);width:100%;max-width:24rem}.saving-throws-section .saving-throws-title{font-family:Cinzel,serif;font-size:1.125rem;font-weight:700;margin:0 0 .75rem;text-align:center;color:var(--color-text)}.saving-throws-section .saving-throws-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;text-align:center}.saving-throws-section .saving-throw-item{display:flex;flex-direction:column;align-items:center;padding:.5rem;border-radius:.5rem;transition:background-color .2s}.saving-throws-section .saving-throw-item:hover{background-color:var(--color-background)}.saving-throws-section .saving-throw-item .saving-throw-content{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.saving-throws-section .saving-throw-item .saving-throw-content .saving-throw-checkbox{height:.875rem;width:.875rem;border-radius:.125rem;accent-color:var(--color-primary);cursor:pointer}.saving-throws-section .saving-throw-item .saving-throw-content .saving-throw-value{font-size:.875rem;font-weight:700;color:var(--color-text-muted)}.saving-throws-section .saving-throw-item .saving-throw-content .saving-throw-value.is-mastered{color:var(--color-primary)}.saving-throws-section .saving-throw-item .saving-throw-label{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}@media (prefers-color-scheme: dark){.saving-throws-section{background-color:var(--color-surface);border-color:var(--color-border)}.saving-throws-section .saving-throws-title{color:var(--color-text)}.saving-throws-section .saving-throw-item:hover{background-color:var(--color-background)}.saving-throws-section .saving-throw-item .saving-throw-content .saving-throw-value,.saving-throws-section .saving-throw-item .saving-throw-label{color:var(--color-text-muted)}}.derived-values-section{grid-column:span 5;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:1rem;gap:1rem}.derived-values-section .proficiency-card{display:flex;align-items:center;justify-content:center;padding:.75rem;border-radius:.5rem;border:2px solid rgba(139,92,246,.5);background-color:var(--color-surface);box-shadow:0 4px 6px -1px #0000001a;width:10rem}.derived-values-section .proficiency-card .proficiency-label{font-size:.875rem;font-weight:700;text-transform:uppercase;margin:0 1rem 0 0;color:var(--color-text)}.derived-values-section .proficiency-card .proficiency-value{font-size:1.875rem;font-weight:700;color:var(--color-primary);margin:0}.derived-values-section .derived-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;max-width:24rem}.derived-values-section .derived-values-grid .spell-save-dc{grid-column:span 2}@media (prefers-color-scheme: dark){.derived-values-section .proficiency-card{border-color:#8b5cf6b3;background-color:var(--color-surface)}.derived-values-section .proficiency-card .proficiency-label{color:var(--color-text)}.derived-values-section .proficiency-card .proficiency-value{color:var(--color-primary)}}.hp-card{position:relative;background-color:var(--color-surface);padding:1rem;border-radius:.75rem;border:2px solid rgba(139,92,246,.5);box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:0}.hp-card .hp-temp-badge{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;background-color:#3b82f61a;border-radius:9999px;padding:.125rem .5rem}.hp-card .hp-temp-badge .hp-temp-icon{font-size:.875rem;color:#3b82f6;margin-right:.25rem}.hp-card .hp-temp-badge .hp-temp-text{font-size:.875rem;font-weight:700;color:#1e40af}.hp-card .hp-label{text-align:center;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 .25rem}.hp-card .hp-values{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin:.25rem 0}.hp-card .hp-values .hp-current-input,.hp-card .hp-values .hp-max-input{background:transparent;border:none;text-align:center;font-weight:700;color:var(--color-text);padding:0;width:auto}.hp-card .hp-values .hp-current-input:focus,.hp-card .hp-values .hp-max-input:focus{outline:none}.hp-card .hp-values .hp-current-input{font-size:3rem;max-width:5rem}.hp-card .hp-values .hp-separator{color:var(--color-text-muted);font-size:1.5rem}.hp-card .hp-values .hp-max-input{font-size:1.5rem;color:var(--color-text-muted);max-width:3rem}.hp-card .hp-bar-container{width:100%;background-color:var(--color-border);border-radius:9999px;height:.5rem;margin-top:.5rem;overflow:hidden}.hp-card .hp-bar-container .hp-bar{width:100%;height:100%}.hp-card .hp-bar-container .hp-bar .hp-bar-fill{background-color:#ef4444;height:100%;border-radius:9999px;transition:width .3s ease}.hp-card .hp-temp-input{margin-top:.5rem;width:3rem;text-align:center;border:1px solid var(--color-border);border-radius:.25rem;padding:.25rem;background-color:transparent;color:var(--color-text)}@media (prefers-color-scheme: dark){.hp-card{background-color:var(--color-surface);border-color:#8b5cf6b3}.hp-card .hp-label{color:var(--color-text-muted)}.hp-card .hp-values .hp-current-input{color:var(--color-text)}.hp-card .hp-values .hp-separator,.hp-card .hp-values .hp-max-input{color:var(--color-text-muted)}.hp-card .hp-bar-container{background-color:var(--color-border)}.hp-card .hp-temp-input{border-color:var(--color-border);color:var(--color-text)}}.skill-item{display:flex;align-items:center;justify-content:space-between;padding:.25rem;border-radius:.375rem;transition:background-color .2s}.skill-item:hover{background-color:var(--color-background)}.skill-item .skill-left{display:flex;align-items:center}.skill-item .skill-left .skill-radio-button{width:1.25rem;height:1.25rem;margin-right:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.skill-item .skill-left .skill-radio-button img{width:100%;height:100%;object-fit:contain}.skill-item .skill-left .skill-name{margin-left:0;color:var(--color-text)}.skill-item .skill-left .skill-name .skill-attribute{font-size:.75rem;color:var(--color-text-muted)}.skill-item .skill-modifier{min-width:20px;font-weight:700;font-size:.875rem;background-color:var(--color-border);padding:.125rem .5rem;border-radius:.375rem;color:var(--color-text)}.skill-item .skill-modifier.is-proficient{color:var(--color-primary)}@media (prefers-color-scheme: dark){.skill-item:hover{background-color:var(--color-background)}.skill-item .skill-left .skill-name{color:var(--color-text)}.skill-item .skill-left .skill-name .skill-attribute{color:var(--color-text-muted)}.skill-item .skill-modifier{background-color:var(--color-border);color:var(--color-text)}}.skills-section{grid-column:span 4;background-color:var(--color-surface);padding:1rem;border-radius:.75rem;border:1px solid var(--color-border);flex-grow:1;overflow-y:auto}.skills-section .skills-title{font-family:Cinzel,serif;font-size:1.125rem;font-weight:700;margin:0 0 .75rem;color:var(--color-text)}.skills-section .skills-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.25rem 1rem;font-size:.875rem}@media (prefers-color-scheme: dark){.skills-section{background-color:var(--color-surface);border-color:var(--color-border)}}.stat-card{background-color:var(--color-surface);padding:.75rem;border-radius:.75rem;border:1px solid var(--color-border);text-align:center;display:flex;flex-direction:column;justify-content:center}.stat-card .stat-name{font-family:Cinzel,serif;font-weight:700;font-size:.875rem;margin:0 0 .5rem}.stat-card .stat-value-input{font-size:2.25rem;font-weight:700;margin:0;color:var(--color-text);background:transparent;border:none;text-align:center;width:100%;padding:0}.stat-card .stat-value-input:focus{outline:none}.stat-card .stat-modifier{font-size:.875rem;font-weight:700;color:var(--color-text-muted);margin:0}@media (prefers-color-scheme: dark){.stat-card{background-color:var(--color-surface);border-color:var(--color-border)}.stat-card .stat-modifier{color:var(--color-text-muted)}}.stats-page-new{display:flex;flex-direction:column;height:100%;overflow-y:auto;background-color:var(--color-background);color:var(--color-text);font-family:Lato,sans-serif;-webkit-font-smoothing:antialiased}.stats-page-new .stats-header{margin-bottom:1rem;flex-shrink:0}.stats-page-new .stats-header .stats-title{font-family:Cinzel,serif;font-size:1.875rem;font-weight:700;margin:0;color:var(--color-text)}.stats-page-new .stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;flex-shrink:0}.stats-page-new .stats-divider{border:none;border-top:1px solid var(--color-border);margin:1rem 0}.stats-page-new .stats-layout{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;flex:1;min-height:0}.stats-page-new .stats-layout .hp-ac-section{grid-column:span 3;display:flex;flex-direction:column;gap:1rem}@media (prefers-color-scheme: dark){.stats-page-new{background-color:var(--color-background);color:var(--color-text)}.stats-page-new .stats-header .stats-title{color:var(--color-text)}.stats-page-new .stats-header .stats-subtitle{color:var(--color-text-muted)}.stats-page-new .stats-divider{border-top-color:var(--color-border)}}#root{text-align:center}body{background-color:var(--color-background);color:var(--color-text);font-family:Roboto,sans-serif;overflow:hidden;transition:background-color .3s ease,color .3s ease}.App{height:100vh;width:100vw}.app-wrapper{display:flex;flex-direction:column;margin-left:8rem;width:calc(100% - 8rem);height:100vh}.app-wrapper .App-content{display:flex;flex-direction:row;flex:1}.app-wrapper .App-content .tab-component{margin:1.5rem;display:flex;justify-content:center;width:100%}.app-wrapper .App-footer{display:flex;justify-content:left;align-items:end;color:var(--color-text);height:10vh;background-color:transparent}.sidebar-new{position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center;width:6rem;height:100vh;background-color:var(--color-surface);padding:1rem;box-shadow:0 10px 15px -3px #0000001a;z-index:1000;overflow-y:auto;overflow-x:hidden;font-family:Lato,sans-serif}.sidebar-new .sidebar-title{font-family:Cinzel,serif;font-size:1.5rem;margin:0 0 3rem;color:var(--color-primary);font-weight:400}.sidebar-new .sidebar-nav{display:flex;flex-direction:column;gap:1rem;width:100%}.sidebar-new .sidebar-nav .sidebar-nav-item{display:flex;flex-direction:column;align-items:center;padding:.75rem;border-radius:.5rem;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;width:100%}.sidebar-new .sidebar-nav .sidebar-nav-item .material-icons{font-size:1.5rem}.sidebar-new .sidebar-nav .sidebar-nav-item .sidebar-nav-label{font-size:.75rem;margin-top:.25rem;font-weight:400}.sidebar-new .sidebar-nav .sidebar-nav-item:hover{background-color:var(--color-border);color:var(--color-text)}.sidebar-new .sidebar-nav .sidebar-nav-item.active{background-color:var(--color-border);color:var(--color-primary)}.sidebar-new .sidebar-nav .sidebar-nav-item.active .sidebar-nav-label{font-weight:700}@media (prefers-color-scheme: dark){.sidebar-new{background-color:var(--color-surface)}.sidebar-new .sidebar-nav .sidebar-nav-item{color:var(--color-text-muted)}.sidebar-new .sidebar-nav .sidebar-nav-item:hover{background-color:var(--color-border);color:var(--color-text)}.sidebar-new .sidebar-nav .sidebar-nav-item.active{background-color:var(--color-border);color:var(--color-text-inverse)}.sidebar-new .sidebar-nav .sidebar-nav-item.active .sidebar-nav-label{color:var(--color-text-inverse);font-weight:700}}.create-equipment-modal{position:fixed;top:0;left:0;width:100%;height:100%;padding:20px;background-color:#00000080;display:flex;justify-content:center;align-items:center}.create-equipment-modal .modal-content{background:#fff;padding:20px;border-radius:8px;width:400px;box-shadow:0 4px 8px #0003}.create-equipment-modal .modal-content h2{margin-bottom:20px}.create-equipment-modal .modal-content .div-input{margin-bottom:10px;display:flex;flex-direction:column;align-items:flex-start;font-weight:700}.create-equipment-modal .modal-content input,.create-equipment-modal .modal-content select{width:100%;margin-bottom:10px;padding:8px;border:1px solid #ccc;border-radius:4px}.create-equipment-modal .modal-content .modal-actions{display:flex;justify-content:space-between}.create-equipment-modal .modal-content .modal-actions button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.create-equipment-modal .modal-content .modal-actions .validate{background-color:#4caf50;color:#fff}.create-equipment-modal .modal-content .modal-actions .validate:hover{background-color:#45a049}.create-equipment-modal .modal-content .modal-actions .cancel{background-color:#635f5f;color:#fff}.create-equipment-modal .modal-content .modal-actions .cancel:hover{background-color:#635f5f}.equipment-table-container{position:relative;padding:20px;font-family:Arial,sans-serif;width:100%;background-color:var(--color-table-background);border-radius:18px}.equipment-table-container .table-header{margin-bottom:10px}.equipment-table-container .table-header .add-button{padding:8px 16px;background-color:var(--color-button-success);border:none;color:#fff;border-radius:4px;cursor:pointer}.equipment-table-container .table-header .add-button:hover{background-color:var(--color-button-success-hover)}.equipment-table-container table{width:100%;border-collapse:collapse}.equipment-table-container table th,.equipment-table-container table td{padding:8px;text-align:center}.equipment-table-container table th img,.equipment-table-container table td img{width:25px;height:25px}.equipment-table-container table th{background-color:var(--color-table-header-bg);height:40px;color:var(--color-text)}.equipment-table-container table tr:nth-child(odd){background-color:var(--color-table-row-odd)}.equipment-table-container table tr:nth-child(2n){background-color:var(--color-table-row-even)}.equipment-table-container table tr:hover{background-color:var(--color-table-row-hover)}.equipment-table-container table td{color:var(--color-text)}.equipment-table-container table button{margin:0 5px;padding:4px 8px;border:none;border-radius:4px;cursor:pointer}.equipment-table-container table button:first-child{background-color:var(--color-button-primary);color:#fff}.equipment-table-container table button:first-child:hover{background-color:var(--color-button-primary-hover)}.equipment-table-container table button:last-child{background-color:var(--color-button-danger);color:#fff}.equipment-table-container table button:last-child:hover{background-color:var(--color-button-danger-hover)}.inventory-page{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--color-background);color:var(--color-text)}.inventory-page h1{color:var(--color-text)}.inventory-page .inventory-content{display:flex;flex-direction:row;width:100%;height:100%}.add-known-character-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.add-known-character-modal .modal-content{background:#fff;padding:20px;border-radius:8px;width:400px;box-shadow:0 4px 8px #0003}.add-known-character-modal .modal-content h2{margin-bottom:20px}.add-known-character-modal .modal-content .horizontal-separator{width:100%;height:1px;background-color:#ccc;margin:10px 0}.add-known-character-modal .modal-content .div-input{margin-bottom:10px;display:flex;flex-direction:column;align-items:flex-start;font-weight:700}.add-known-character-modal .modal-content span{margin-left:5px;font-size:20px;color:#000}.add-known-character-modal .modal-content input{display:block;width:100%;margin-bottom:10px;padding:8px;border:1px solid #ccc;border-radius:4px}.add-known-character-modal .modal-content input:focus{border-color:#4caf50;outline:none}.add-known-character-modal .modal-content select{display:block;width:100%;margin-bottom:10px;padding:8px;border:1px solid #ccc;border-radius:4px}.add-known-character-modal .modal-content .modal-actions{display:flex;justify-content:space-between}.add-known-character-modal .modal-content .modal-actions button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.add-known-character-modal .modal-content .modal-actions .validate{background-color:#4caf50;color:#fff}.add-known-character-modal .modal-content .modal-actions .validate:hover{background-color:#45a049}.add-known-character-modal .modal-content .modal-actions .cancel{background-color:#635f5f;color:#fff}.add-known-character-modal .modal-content .modal-actions .cancel:hover{background-color:#635f5f}.add-known-character-modal .modal-content .checkbox-group{display:flex;flex-direction:row;margin-top:10px;gap:30px}.add-known-character-modal .modal-content .checkbox-group input{margin-right:5px;margin-top:10px}.known-character-table-container{position:relative;padding:20px;font-family:Arial,sans-serif;width:100%;background-color:transparent;border-radius:18px;box-shadow:inset 0 6px 10px #0003}.known-character-table-container .table-header{margin-bottom:10px}.known-character-table-container .table-header .add-button{padding:8px 16px;background-color:var(--color-button-success);border:none;color:#fff;border-radius:4px;cursor:pointer}.known-character-table-container .table-header .add-button:hover{background-color:var(--color-button-success-hover)}.known-character-table-container .known-character-table{width:100%;border-collapse:collapse}.known-character-table-container .known-character-table th,.known-character-table-container .known-character-table td{padding:8px;text-align:center}.known-character-table-container .known-character-table th img,.known-character-table-container .known-character-table td img{width:25px;height:25px}.known-character-table-container .known-character-table th{background-color:var(--color-table-header-bg);height:40px;color:var(--color-text)}.known-character-table-container .known-character-table tr:nth-child(odd){background-color:var(--color-table-row-odd)}.known-character-table-container .known-character-table tr:nth-child(2n){background-color:var(--color-table-row-even)}.known-character-table-container .known-character-table tr:hover{background-color:var(--color-table-row-hover)}.known-character-table-container .known-character-table td{color:var(--color-text)}.known-character-table-container .known-character-table button{margin:0 5px;padding:4px 8px;border:none;border-radius:4px;cursor:pointer}.known-character-table-container .known-character-table button:first-child{background-color:var(--color-button-primary);color:#fff}.known-character-table-container .known-character-table button:first-child:hover{background-color:var(--color-button-primary-hover)}.known-character-table-container .known-character-table button:last-child{background-color:var(--color-button-danger);color:#fff}.known-character-table-container .known-character-table button:last-child:hover{background-color:var(--color-button-danger-hover)}.player-note-page{display:flex;flex-direction:column;width:100%}.player-note-page h1{font-size:2.5rem;color:var(--color-text)}.player-note-page .infos-wrapper{display:flex;flex-direction:row;width:100%;height:100%}.player-note-page .infos-wrapper textarea{width:55%;resize:unset;padding:10px;font-size:1rem;border:1px solid var(--color-border);border-radius:5px;box-shadow:0 2px 4px #0000001a;background-color:var(--color-surface);color:var(--color-text);overflow-y:auto}.player-note-page .infos-wrapper textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 5px #8b5cf680}.player-note-page .infos-wrapper textarea::placeholder{color:var(--color-text-muted)}.player-note-page .infos-wrapper .secondary-infos{width:50%;display:flex;flex-direction:column;margin-left:20px}.player-note-page .infos-wrapper .secondary-infos .KnownCharacterTableBlock{height:100%;display:flex;overflow-y:auto}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.character-sheet{display:flex;flex-direction:row}.character-sheet .character-sheet__container{display:flex;flex-direction:column;gap:1rem}.character-sheet .character-sheet__header{display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding:1rem}.character-sheet__photo{width:150px;height:200px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface);text-align:center;border-radius:5px;border:3px solid var(--color-border)}.character-sheet__photo img{width:100%;height:auto;object-fit:cover}.character-sheet__photo span{font-size:.9rem;color:var(--color-text-muted);padding:.5rem}.character-sheet__level{display:flex;align-items:center;justify-content:center}.character-sheet__level-circle{width:150px;height:150px;border-radius:50%;background-color:var(--color-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.character-sheet__level-circle .CircularProgressbar{position:absolute;width:100%;height:100%}.character-sheet__level-circle p{margin:0}.character-sheet__level-arrow{font-size:1rem}.character-sheet__level .character-sheet__xp{font-size:.8rem;color:var(--color-text-muted)}.character-sheet__classes{display:flex;align-items:center;justify-content:center}.character-sheet__classes-circle{width:130px;height:130px;border-radius:50%;background-color:var(--color-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.character-sheet__classes-circle .character-sheet__classes-icon{font-size:2rem}.character-sheet__classes-circle .character-sheet__classes-name{font-size:1.2rem;color:var(--color-text-muted)}.character-sheet__classes-circle .character-sheet__classes-level{font-size:1.8rem;color:var(--color-text-muted)}.character-sheet .character-sheet-name-block{display:flex;height:4rem;align-items:center;justify-content:center;border-top:var(--color-border) solid 2px;margin:0 15px}.character-sheet .character-sheet-name-block p{font-size:2rem;font-weight:700;color:var(--color-text)}.character-sheet .character-infos__content{display:flex;width:100%}.character-sheet .character-infos__content .character-datas{display:flex;flex-direction:column;justify-content:space-around;gap:.5rem;margin-left:20px}.character-sheet .character-infos__content .character-datas .character-sheet__info-block{display:flex;flex-direction:row}.character-sheet .character-infos__content .character-datas .character-sheet__info-block .character-name{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.character-sheet .character-infos__content .character-datas .character-sheet__info-block img{width:30px;height:30px;margin-right:.5rem}.character-sheet .character-infos__content .character-datas .character-sheet__info-block label{font-weight:700;margin-bottom:.5rem;white-space:nowrap;padding-right:5px}.character-sheet .character-infos__content .character-datas .character-sheet__info-block p{margin:0;line-height:1.4;white-space:pre-line}.character-sheet .character-infos__content .character-datas .character-sheet__info-block .race,.character-sheet .character-infos__content .character-datas .character-sheet__info-block .variante,.character-sheet .character-infos__content .character-datas .character-sheet__info-block .archetype,.character-sheet .character-infos__content .character-datas .character-sheet__info-block .historical{display:flex;flex-direction:row;padding-right:30px}.character-sheet .character-infos__content .character-physical{display:grid;gap:.5rem;border-left:var(--color-border) solid 2px}.character-sheet .character-infos__content .character-physical .phsyical-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 1rem;min-width:400px}.character-sheet .character-infos__content .character-physical .phsyical-wrapper p{margin:0;line-height:1.4;white-space:pre-line;text-align:left;min-width:80px}.character-sheet .character-infos__content .character-physical .phsyical-wrapper img{width:30px;height:30px;margin-right:.5rem}.character-sheet .character-infos__content .character-physical .phsyical-wrapper div{display:flex;align-items:center}.checkbox-container{display:flex}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:1rem;font-weight:700;color:#000}.checkbox-input{width:1em;height:1em;text-align:center;line-height:1em;font-size:1em}.create-spell-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.create-spell-modal .modal-content{background:#fff;padding:20px;border-radius:8px;width:400px;box-shadow:0 4px 8px #0003}.create-spell-modal .modal-content h2{margin-bottom:20px}.create-spell-modal .modal-content .horizontal-separator{width:100%;height:1px;background-color:#ccc;margin:10px 0}.create-spell-modal .modal-content .div-input{margin-bottom:10px;display:flex;flex-direction:column;align-items:flex-start;font-weight:700}.create-spell-modal .modal-content span{margin-left:5px;font-size:20px;color:#000}.create-spell-modal .modal-content input{display:block;width:100%;margin-bottom:10px;padding:8px;border:1px solid #ccc;border-radius:4px}.create-spell-modal .modal-content input:focus{border-color:#4caf50;outline:none}.create-spell-modal .modal-content select{display:block;width:100%;margin-bottom:10px;padding:8px;border:1px solid #ccc;border-radius:4px}.create-spell-modal .modal-content .modal-actions{display:flex;justify-content:space-between}.create-spell-modal .modal-content .modal-actions button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.create-spell-modal .modal-content .modal-actions .validate{background-color:#4caf50;color:#fff}.create-spell-modal .modal-content .modal-actions .validate:hover{background-color:#45a049}.create-spell-modal .modal-content .modal-actions .cancel{background-color:#635f5f;color:#fff}.create-spell-modal .modal-content .modal-actions .cancel:hover{background-color:#635f5f}.create-spell-modal .modal-content .checkbox-group{display:flex;flex-direction:row;margin-top:10px;gap:30px}.create-spell-modal .modal-content .checkbox-group input{margin-right:5px;margin-top:10px}.floating-add-button{position:absolute;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background-color:var(--color-floating-button-bg);color:var(--color-floating-button-text);font-size:2rem;border:none;box-shadow:0 2px 8px #0000001f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;z-index:2;padding:0;line-height:1.5}.floating-add-button:hover{background-color:var(--color-floating-button-bg-hover);color:var(--color-floating-button-text)}.spell-table-container{font-weight:600;position:relative;padding:20px;font-family:Arial,sans-serif;width:100%;background-color:var(--color-table-background);border-radius:18px}.spell-table-container .table-header{margin-bottom:10px}.spell-table-container .table-header .add-button{padding:8px 16px;background-color:var(--color-button-dark);border:none;color:#fff;border-radius:4px;cursor:pointer}.spell-table-container .table-header .add-button:hover{background-color:var(--color-button-success-hover)}.spell-table-container table{width:100%;border-collapse:collapse}.spell-table-container table th,.spell-table-container table td{padding:8px;text-align:center}.spell-table-container table th img,.spell-table-container table td img{width:25px;height:25px}.spell-table-container table th{background-color:var(--color-table-header-bg);height:40px;color:var(--color-text)}.spell-table-container table tr:nth-child(odd){background-color:var(--color-table-row-odd)}.spell-table-container table tr:nth-child(2n){background-color:var(--color-table-row-even)}.spell-table-container table tr:hover{background-color:var(--color-table-row-hover)}.spell-table-container table td{color:var(--color-text)}.spell-table-container table button{margin:0 5px;padding:4px 8px;border:none;border-radius:4px;cursor:pointer}.spell-table-container table button:first-child{background-color:var(--color-button-primary);color:#fff}.spell-table-container table button:first-child:hover{background-color:var(--color-button-primary-hover)}.spell-table-container table button:last-child{background-color:var(--color-button-danger);color:#fff}.spell-table-container table button:last-child:hover{background-color:var(--color-button-danger-hover)}.spell-page{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--color-background);color:var(--color-text)}.spell-page h1{color:var(--color-text)}.spell-page .spell-content{display:flex;flex-direction:row;width:100%;height:100%}:root{font-family:Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #8b5cf6;--color-primary-hover: #7c3aed;--color-background: #fdfbf7;--color-surface: #f7f3ee;--color-border: #dcd7cf;--color-text: #3c3636;--color-text-muted: #7e7878;--color-text-inverse: #ffffff;--color-str: #dc2626;--color-dex: #f59e0b;--color-con: #16a34a;--color-int: #2563eb;--color-wis: #9333ea;--color-cha: #ec4899;--color-for: #c12a32;--color-sag: #902e8c;--color-proficiency-field: #b87333;--color-inspiration-field: #008705;--color-passive-perc-field: #dd07a4;--color-initiative-field: #f49740;--color-speed-field: #793b01;--color-dd-save-field: #920077;--color-table-background: #cbbfbf;--color-table-header-bg: #969696;--color-table-row-odd: #e1e1e1;--color-table-row-even: #c9c9c9;--color-table-row-hover: #a9a9a9;--color-button-primary: #2196f3;--color-button-primary-hover: #0b7dda;--color-button-danger: #f44336;--color-button-danger-hover: #da190b;--color-button-success: #4caf50;--color-button-success-hover: #45a049;--color-button-dark: #303030;--color-button-dark-hover: #616161;--color-floating-button-bg: #dfdfdf;--color-floating-button-bg-hover: #929292;--color-floating-button-text: #7a7773}@media (prefers-color-scheme: dark){:root{--color-background: #1f1d2b;--color-surface: #262837;--color-border: #393b4a;--color-text: #e0e0e0;--color-text-muted: #9a9a9a;--color-text-inverse: #3c3636;--color-table-background: #2a2a3a;--color-table-header-bg: #3a3a4a;--color-table-row-odd: #323242;--color-table-row-even: #2a2a3a;--color-table-row-hover: #3a3a4a;--color-button-dark: #4a4a5a;--color-button-dark-hover: #5a5a6a;--color-floating-button-bg: #3a3a4a;--color-floating-button-bg-hover: #4a4a5a;--color-floating-button-text: #b0b0b0}}@font-face{font-family:nunito;src:url(/assets/nunito-sans-DD6HJfH_.ttf)}*{font-family:nunito,sans-serif}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}@media (prefers-color-scheme: light){:root{color:var(--color-text);background-color:var(--color-background)}a:hover{color:var(--color-primary-hover)}button{background-color:var(--color-surface);color:var(--color-text)}}@media (prefers-color-scheme: dark){body{background-color:var(--color-background);color:var(--color-text)}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}@media (prefers-color-scheme: light){img[src$=".svg"],img[src*=".svg"],svg{opacity:1}}@media (prefers-color-scheme: dark){img[src$=".svg"],img[src*=".svg"],svg{filter:invert(1) brightness(1.2)}img[src$=".svg"][class*=no-invert],svg[class*=no-invert]{filter:none}}