body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}label{display:block}.card-container.card{max-width:350px!important;padding:40px}.card{background-color:#f7f7f7;border-radius:2px;box-shadow:0 2px 2px #0000004d;margin:50px auto 25px;padding:20px 25px 30px}.centered-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh}body,html{height:100%;margin:0}:root{--main-color:#1f5ec3;--main-some-light-color:#6a85d4;--main-light-color:#33b27b;--main-light-background-color:#ffffffec}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#555}scrollbar{background-color:#f1f1f1;width:12px}scrollbar-thumb{background-color:#888;border-radius:20px}scrollbar-thumb:hover{background-color:#555}.inventory-form-container,.spells-container{box-sizing:border-box;width:min(calc(100% - 32px),1400px)}.form-container{background-color:#d4d4d4;border:1px solid #000;border-radius:20px;box-shadow:0 2px 4px #0000001a;margin:20px auto 0;min-height:100%;padding:20px}.page-load-state{align-items:center;background:#f7f7f7;border:1px solid #888;border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;justify-content:center;margin:20px auto;min-height:180px;padding:28px;text-align:center;width:min(calc(100% - 32px),1400px)}.page-load-state p{color:#444;margin:0}.page-load-state--loading p:before{animation:page-state-spin .8s linear infinite;border:2px solid #aaa;border-radius:50%;border-top-color:#222;content:"";display:inline-block;height:14px;margin-right:10px;vertical-align:-2px;width:14px}.page-load-state--error{background:#fff5f5;border-color:#b66}.page-load-state button{background:#fff;border:1px solid #777;border-radius:6px;cursor:pointer;padding:7px 14px}@keyframes page-state-spin{to{transform:rotate(1turn)}}.container{grid-gap:10px;display:grid}.character-info-container{grid-gap:2vw;display:grid;grid-template-columns:2fr 5fr}.quarter{display:flex;justify-content:center}.custom-input,.damage-input{background-color:#f0f0f0;border:2px solid #333;border-radius:15px;font-size:20px;outline:none;padding:5px 10px}.custom-input{width:200px}.name-input{border-radius:15px;font-size:30px;height:75px;outline:none;padding:5px 10px;width:auto}.custom-input:focus,.custom-input:hover,.damage-input:focus,.damage-input:hover,.name-input:focus,.name-input:hover,.stat-block .stat-input:focus,.stat-block .stat-input:hover{border:2px solid var(--main-light-color)}.name-input label:hover{color:var(--main-light-color)}.class-manager-trigger{-webkit-appearance:none;appearance:none;background:#0000;border:0;color:inherit;cursor:pointer;font:inherit;padding:0;text-decoration:none}.class-manager-trigger:focus-visible,.class-manager-trigger:hover{color:inherit;text-decoration:none}.character-class-field{align-items:center;display:flex;gap:6px}.multiclass-count{background:#fff;border:1px solid #777;border-radius:15px;cursor:pointer;font-weight:700;height:30px;min-width:34px;padding:0 7px}.class-manager-modal{box-sizing:border-box;width:min(540px,calc(100vw - 40px))}.class-manager-toggle{align-items:center;display:flex;font-weight:700;gap:10px;margin:14px 0 18px}.class-manager-modal .class-manager-toggle input{margin:0;padding:0;width:auto}.class-manager-list{display:flex;flex-direction:column;gap:12px}.class-manager-row{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) 100px 34px}.class-manager-row label{display:flex;flex-direction:column;font-weight:700;gap:5px}.class-manager-modal .class-manager-level input,.class-manager-row select{background:#fff;border:1px solid #999;border-radius:8px;box-sizing:border-box;height:36px;margin:0;padding:5px 8px;width:100%}.class-manager-modal .class-manager-add,.class-manager-modal .class-manager-remove{background:#f7f7f7;border:1px solid #999;color:#111;margin:0}.class-manager-modal .class-manager-remove{font-size:20px;height:36px;padding:0;width:34px}.class-manager-modal .class-manager-remove:hover{background:#f5dddd;border-color:#b66}.class-manager-modal .class-manager-add{margin-top:14px;padding:7px 12px}.class-manager-modal .class-manager-add:hover{background:#e9e9e9}.items-container{align-items:flex-start;box-sizing:border-box;display:flex;gap:20px;justify-content:center;padding:10px;width:100%}.armor-table,.weapon-table{background-color:#fff;border:2px solid #000;border-radius:20px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;height:430px;margin:0;overflow-x:hidden;overflow-y:auto;padding:20px}.armor-table{width:35%}.weapon-column{display:flex;flex-direction:column;gap:20px;width:60%}.armor-table h2,.weapon-table h2{margin-bottom:20px;text-align:center}.armor-type,.weapon-type{font-weight:700;margin-bottom:10px;margin-top:20px}table{border-collapse:collapse;width:100%}table td,table th{padding:5px 10px;text-align:center}.active-item{border-bottom:1px solid #ccc}.section-name{padding:10px;text-align:center}.armor-values{align-items:center;display:flex;gap:20px;justify-content:center;margin:0 auto 18px;width:100%}.armor-values label{align-items:center;display:flex;font-weight:700;gap:8px;white-space:nowrap}.armor-values input{border:1px solid #ddd;border-radius:20px;box-sizing:border-box;font-size:16px;padding:3px;text-align:center;width:52px}.armor-slot-name{font-weight:700;text-align:left;white-space:nowrap;width:90px}.armor-equipment-table td:last-child,.armor-equipment-table th:last-child{padding-left:2px;padding-right:2px;width:38px}.armor-manage-label{color:#666;font-size:.9rem}.armor-picker-wrapper{display:inline-block;position:relative}.armor-picker-button,.armor-remove-button{background:#f7f7f7;border:1px solid #aaa;border-radius:6px;cursor:pointer;font-size:18px;height:26px;line-height:1;padding:0;width:30px}.armor-picker-button:hover,.armor-remove-button:hover{background:#e9e9e9}.armor-picker-menu{background:#fff;border:1px solid #999;border-radius:10px;box-shadow:0 5px 14px #0003;display:flex;flex-direction:column;gap:4px;min-width:210px;padding:10px;position:absolute;right:0;top:calc(100% + 5px);z-index:20}.armor-picker-menu strong{margin-bottom:4px;text-align:left}.armor-picker-menu button{background:#0000;border:0;border-radius:5px;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:6px 8px;text-align:left}.armor-picker-menu button.selected,.armor-picker-menu button:hover{background:#ececec}.armor-picker-menu small{color:#666;padding:6px 8px;text-align:left}.weapon-table{height:350px;width:100%}.weapon-equipment-table td:last-child,.weapon-equipment-table th:last-child{padding-left:2px;padding-right:2px;width:38px}.weapon-manage-label{color:#666;font-size:.9rem}.weapon-ammunition-cell{min-width:130px}.weapon-ammunition-selector{align-items:center;display:flex;gap:6px;justify-content:center}.weapon-ammunition-selector>span{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weapon-attack-row{cursor:pointer}.weapon-attack-row:hover{background:#f5f5f5}.weapon-critical-cell,.weapon-damage-cell{cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-underline-offset:3px}.weapon-critical-cell:hover,.weapon-damage-cell:hover{background:#e9f3ff}.combat-maneuvers{align-items:center;background-color:#fff;border:2px solid #000;border-radius:20px;box-sizing:border-box;display:flex;gap:20px;padding:14px 20px;width:100%}.combat-maneuvers h2{font-size:1.1rem;min-width:-webkit-max-content;min-width:max-content}.combat-maneuver-modifiers,.combat-maneuver-modifiers label,.combat-maneuver-results,.combat-maneuver-results>div{align-items:center;display:flex}.combat-maneuver-results{gap:12px}.combat-maneuver-results>div{gap:6px}.combat-maneuver-results output{border:1px solid #ddd;border-radius:20px;min-width:38px;padding:3px 6px;text-align:center}.combat-maneuver-modifiers{flex:1 1;gap:12px;justify-content:flex-end}.combat-maneuver-modifiers label{font-weight:700;gap:6px;white-space:nowrap}.combat-maneuver-modifiers input{border:1px solid #ddd;border-radius:20px;box-sizing:border-box;padding:3px;text-align:center;width:48px}@media (max-width:1050px){.items-container{flex-direction:column}.armor-table,.weapon-column{width:100%}.combat-maneuvers{flex-wrap:wrap}}.modal-overlay{align-items:center;background-color:initial;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-content{background-color:#fff;border:2px solid #333;border-radius:5px;box-shadow:0 4px 6px #0000001a;padding:5px 20px 20px;position:fixed;z-index:2001}.modal-header{align-items:center;cursor:move;display:flex;justify-content:flex-end}.close-button{background:none;border:none;cursor:pointer;font-size:24px}.modal-content input,.modal-content textarea{border:1px solid #ccc;border-radius:4px;margin-top:10px;padding:10px;width:95%}.modal-content textarea{resize:vertical}.modal-content button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.modal-content button:hover{background-color:#0056b3}.modal-overlay{animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-header-text{font-weight:700;margin-right:auto}.skills-container{align-items:flex-start;display:flex;gap:20px;justify-content:center;padding:10px;width:100%}.skills-list{background-color:#fff;border:2px solid #333;border-radius:20px;display:flex;flex-direction:column;flex-grow:1;gap:10px;height:665px;overflow-y:auto;padding:20px}.passive-skills,.skills-list{display:flex;flex:1 1;flex-direction:column;gap:10px}.skill-header,.skill-name{font-weight:700}.skill,.skill-header{align-items:center;display:grid;grid-template-columns:minmax(190px,2fr) minmax(100px,1fr) minmax(90px,1fr) auto;padding:5px 0}.skill{border-bottom:1px solid #ccc}.skill-header>span,.skill>span{text-align:center}.skill-header>span:first-child,.skill>span:first-child{text-align:left}.skill-header>span:last-child,.skill>span:last-child{text-align:right}.passive{justify-content:space-between}.passive:last-child,.skill:last-child{border-bottom:none}.item-header,.skill-name{font-weight:700}.skill-modifier{flex-grow:1;padding-left:10px}.skill-bonus{padding-right:10px}.character-passive-skills{background-color:#fff;border:2px solid #333;border-radius:10px;display:flex;flex:1 1 300px;flex-direction:column;max-width:700px;padding:20px}.passive-skills{display:flex;flex-direction:column;gap:20px}.passive-skills-row{display:flex;flex-direction:row;gap:20px}.character-passive-skills h2,.skills-list h2{margin-bottom:20px;text-align:center}.passive:last-child{border-bottom:none}h2{margin:0;padding:0}.passive-name{flex-basis:15%;font-weight:700}.passive-description{flex-grow:1;padding-left:10px}.passive{border-bottom:1px solid #ccc;display:flex;padding:5px 0}.character-passive-skills{max-height:300px;overflow-y:auto}.skills-header{align-items:flex-start;display:flex;justify-content:space-between}.skill-form-hint{color:#555;margin:0 0 12px}.skill-form-field{display:flex;flex-direction:column;font-weight:700;gap:4px;margin-bottom:10px}.skill-form-field input{font-weight:400}.skill-form-checkbox{align-items:center;display:flex;gap:8px;margin:8px 0 14px}.feat-search{font-weight:700;gap:4px;margin-bottom:10px}.feat-catalog-list,.feat-search{display:flex;flex-direction:column}.feat-catalog-list{gap:6px;max-height:360px;overflow-y:auto}.feat-catalog-item{grid-gap:4px 10px;display:grid;gap:4px 10px;grid-template-columns:1fr auto;padding:8px;text-align:left}.feat-catalog-item small{grid-column:1/-1}.remove-feat-button,.skill-edit-button{background:#f7f7f7;border:1px solid #aaa;border-radius:6px;cursor:pointer;font-size:16px;height:26px;line-height:1;padding:0;width:30px}.remove-feat-button:hover,.skill-edit-button:hover{background:#e9e9e9}.remove-feat-button{align-self:flex-start;font-size:20px;margin-left:10px}.characteristics-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.avatar{align-items:center;background-color:#fff;border:2px solid #333;border-radius:20px;display:flex;height:250px;justify-content:center;margin:10px;min-width:200px}.characteristics{display:flex;flex-direction:column;width:100%}.lower-characteristics,.upper-characteristics{display:flex;flex-wrap:wrap;justify-content:space-around;margin-bottom:10px}.characteristic,.stat-block{align-items:center;background-color:#fff;border:2px solid #000;border-radius:20px;display:flex;flex-direction:column;justify-content:center;margin:5px;padding:10px}.characteristic{height:100px;width:100px}.stat-block{height:90px;width:90px}.characteristic label,.stat-block label{font-weight:700;margin-bottom:5px;text-align:center}.characteristic .modifier{font-size:1.75em;margin-bottom:5px}.characteristic .dice-value{border:1px solid #ccc;border-radius:20px;margin-top:5px;padding:5px;width:30%}.stat-block .stat-input{border:1px solid #fff;font-size:1.75em;margin-top:5px;padding:5px;text-align:center;width:90%}.hit-points-container{align-items:center;background-color:#fff;border:2px solid #000;border-radius:20px;display:flex;gap:20px;justify-content:space-between;margin:5px;padding:5px 20px 5px 5px}.hit-points-actions,.hit-points-display{align-items:center;display:flex;flex-direction:column}.hit-points-actions{flex:1 1}.hit-points-display{flex:1 1;text-align:center}.damage-button,.heal-button{border:none;border-radius:20px;color:#fff;cursor:pointer;margin:5px;padding:5px 10px;width:70px}.damage-input{text-align:center;width:80px}.heal-button{background-color:#4caf50}.damage-button{background-color:#f44336}.current-hp{font-size:1.5em}.hp-display-column label{font-weight:700}.buttons-input-column,.hp-display-column{align-items:center;display:flex;flex-direction:column;justify-content:center}.saving-throws{align-items:stretch;background-color:#fff;border:2px solid #333;border-radius:20px;display:flex;flex-direction:column;gap:8px;margin:5px;min-width:170px;padding:12px}.saving-throws strong{text-align:center}.saving-throw{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between}.saving-throw label{font-weight:700}.saving-throw input{font-size:16px}.throw-value{border:1px solid #ddd;border-radius:20px;text-align:center;width:36px}.roll-modal{font-size:18px;min-width:180px;text-align:center}.roll-modal>*{margin:8px 0}.roll-total{font-size:24px;font-weight:700}.save-toast{background:#ecfff0;border:1px solid #2d7a3e;border-radius:10px;bottom:24px;box-shadow:0 6px 20px #0000002e;color:#1b5e2b;max-width:min(360px,calc(100vw - 48px));padding:12px 16px;position:fixed;right:24px;z-index:1000}.save-toast--error{background:#fff0f0;border-color:#b52a2a;color:#8b1e1e}.characters-page{background:#d4d4d4;border:1px solid #222;border-radius:20px;box-sizing:border-box;margin:16px auto;min-height:calc(100vh - 92px);padding:24px;width:min(calc(100% - 32px),1400px)}.characters-page-header{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;padding:8px 4px 22px}.characters-page-header p{color:#555;font-size:13px;letter-spacing:.08em;margin:0 0 3px;text-transform:uppercase}.characters-page-header h1{font-size:34px;margin:0 0 6px}.characters-page-header>div>span{color:#555;font-size:14px}.characters-search{color:#444;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:5px;width:min(330px,100%)}.characters-search input{background:#fff;border:1px solid #999;border-radius:8px;box-sizing:border-box;font:inherit;font-size:14px;padding:9px 12px;width:100%}.characters-search input:focus{border-color:var(--main-color);box-shadow:0 0 0 2px #1f5ec326;outline:none}.character-card-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.character-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 3px 8px #00000021;color:#111;cursor:pointer;display:flex;flex-direction:column;min-height:330px;min-width:0;overflow:hidden;padding:0;text-align:left;transition:border-color .2s,box-shadow .2s,transform .2s}.character-card:focus-visible,.character-card:hover{border-color:var(--main-color);box-shadow:0 8px 18px #0000002e;outline:none;transform:translateY(-3px)}.character-card--active{border-color:var(--main-color)}.character-card-avatar{background:linear-gradient(135deg,#dfe9f8,#f3f5f9);color:var(--main-color);display:grid;font-size:54px;font-weight:700;height:145px;overflow:hidden;place-items:center}.character-card-avatar img{height:100%;object-fit:cover;width:100%}.character-card-body{min-width:0;padding:16px 17px 10px}.character-card-title{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.character-card-title h2{font-size:20px;margin:0;overflow-wrap:anywhere}.character-card-title span{background:#e5efff;border-radius:999px;color:var(--main-color);font-size:11px;font-weight:700;padding:3px 7px;text-transform:uppercase}.character-card-class{color:#555;font-size:13px;margin:6px 0 10px}.character-card-details{display:flex;flex-wrap:wrap;gap:6px}.character-card-details span{border:1px solid #ccc;border-radius:999px;color:#555;font-size:11px;padding:3px 7px}.character-card-background{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#555;display:-webkit-box;font-size:13px;line-height:1.35;margin:12px 0 0;overflow:hidden}.character-card-open{border-top:1px solid #ddd;color:var(--main-color);font-size:13px;font-weight:700;margin-top:auto;padding:12px 17px}.characters-no-results{background:#ffffff8c;border:1px dashed #999;border-radius:14px;color:#666;display:grid;min-height:240px;place-items:center;text-align:center}@media (max-width:720px){.characters-page{border-radius:14px;padding:16px;width:min(calc(100% - 16px),1400px)}.characters-page-header{align-items:stretch;flex-direction:column}.characters-search{width:100%}}.characters-page-actions{align-items:flex-end;display:flex;gap:10px;justify-content:flex-end;min-width:min(460px,100%)}.character-create-button,.characters-empty-catalog button{background:var(--main-color);border:1px solid var(--main-color);border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:9px 14px;white-space:nowrap}.character-create-button:hover,.characters-empty-catalog button:hover{background:var(--main-some-light-color)}.characters-empty-catalog{align-items:center;background:#ffffff9e;border:1px dashed #888;border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:360px;padding:30px;text-align:center}.characters-empty-icon{border:2px solid var(--main-color);border-radius:50%;color:var(--main-color);display:grid;font-size:38px;font-weight:300;height:64px;place-items:center;width:64px}.characters-empty-catalog h2{margin:16px 0 6px}.characters-empty-catalog p{color:#555;line-height:1.45;margin:0 0 20px;max-width:460px}.character-create-overlay{background:#00000059;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:1000}.character-create-dialog{background:#fff;border:1px solid #333;border-radius:14px;box-shadow:0 14px 38px #00000042;box-sizing:border-box;padding:22px;width:min(460px,100%)}.character-create-dialog>header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.character-create-dialog header p{color:#666;font-size:12px;letter-spacing:.08em;margin:0 0 3px;text-transform:uppercase}.character-create-dialog h2{margin:0}.character-create-dialog header button{background:#0000;border:0;cursor:pointer;font-size:25px;padding:0}.character-create-description{color:#555;font-size:14px;line-height:1.4;margin:14px 0 18px}.character-create-dialog label{color:#333;display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:6px}.character-create-dialog input{border:1px solid #999;border-radius:8px;box-sizing:border-box;font:inherit;font-weight:400;padding:10px 12px;width:100%}.character-create-dialog input:focus{border-color:var(--main-color);box-shadow:0 0 0 2px #1f5ec326;outline:none}.character-create-error{color:#a22;font-size:13px;margin:10px 0 0}.character-create-dialog footer{display:flex;gap:9px;justify-content:flex-end;margin-top:20px}.character-create-dialog footer button{background:#f4f4f4;border:1px solid #999;border-radius:8px;cursor:pointer;padding:9px 13px}.character-create-dialog footer .character-create-submit{background:var(--main-color);border-color:var(--main-color);color:#fff}.character-create-dialog button:disabled{cursor:default;opacity:.6}@media (max-width:720px){.characters-page-actions{align-items:stretch;flex-direction:column;min-width:0}.character-create-button{align-self:flex-start}}.inventory-form-container{background-color:#d4d4d4;box-shadow:0 2px 4px #0000001a;height:100%;margin:20px auto 0}.inventory-container,.inventory-form-container{border:1px solid #000;border-radius:20px;padding:20px}.inventory-container{background-color:#fff;height:500px;overflow-y:auto}.inventory-search-container{display:flex;justify-content:center;margin-bottom:20px}.inventory-search-input{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;padding:10px;width:70%}.add-skill-button{padding:5px 10px}.inventory-header,.item{align-items:center;display:grid;grid-template-columns:minmax(150px,22%) minmax(90px,11%) minmax(70px,9%) minmax(70px,10%) minmax(70px,10%) minmax(180px,1fr) 38px;padding:5px 0}.item-header,.item-name{font-weight:700}.item{border-bottom:1px solid #ccc}.inventory-header>span,.item>span{text-align:center}.inventory-header>span:first-child,.inventory-header>span:last-child,.item>span:first-child,.item>span:last-child{text-align:left}.weight-info{border-radius:4px;display:flex;gap:2vw;justify-content:flex-end;margin-top:20px;padding:8px 12px}.weight-info span{color:#333;font-size:1em;font-weight:700}@media (max-width:600px){.weight-info{align-items:center;flex-direction:column}.weight-info span{margin-bottom:8px}}.money-input-container{justify-content:flex-start}.money-input-container,.money-input-group{align-items:center;display:flex}.money-input-group span{background:#eee;border:1px solid #ccc;border-radius:20px 0 0 20px;display:inline-block;padding:5px 12px}.money-input-group input{border:1px solid #ccc;border-left:none;border-radius:0 20px 20px 0;margin:0;padding:5px;text-align:right;width:60px}.money-input-group:not(:last-child){margin-right:10px}.money-header{font-size:2em;font-weight:700;margin:20px}.inventory-form-field{display:flex;flex-direction:column;font-weight:700;gap:4px;margin-bottom:10px}.inventory-form-field input,.inventory-form-field select,.inventory-form-field textarea{font-weight:400}.inventory-form-field textarea{min-height:72px;resize:vertical}.inventory-form-error{color:#b52a2a}.money-section{margin-top:20px}.weapon-formulas-row{align-items:flex-start;display:flex;gap:18px;margin-bottom:10px}.dice-formula-field{border:0;flex:0 0 auto;margin:0;padding:0}.dice-formula-field legend{font-weight:700;margin-bottom:4px}.dice-formula-input{grid-gap:4px;align-items:center;display:grid;gap:4px;grid-template-columns:44px auto 44px auto 44px}.dice-formula-input input{box-sizing:border-box;padding:5px 3px;text-align:center;width:44px}.dice-formula-input span{font-size:16px;font-weight:700}.inventory-form-field select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:linear-gradient(45deg,#0000 50%,#555 0),linear-gradient(135deg,#555 50%,#0000 0);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:1px solid #b8b8b8;border-radius:8px;cursor:pointer;min-height:36px;padding:7px 36px 7px 10px}.inventory-form-field select:hover{border-color:#777}.inventory-form-field select:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d229;outline:none}.item-notes{min-width:0;overflow-wrap:anywhere;padding:0 8px;white-space:normal;word-break:break-word}.inventory-delete-button{background:#f7f7f7;border:1px solid #aaa;border-radius:6px;cursor:pointer;font-size:20px;height:26px;line-height:1;padding:0;width:30px}.inventory-delete-button:hover{background:#f5dddd;border-color:#b66}.inventory-empty-state{color:#666;display:grid;min-height:180px;place-items:center;text-align:center}.journal-container{background:#d4d4d4;border:1px solid #222;border-radius:20px;box-sizing:border-box;margin:16px auto;padding:18px;width:min(calc(100% - 32px),1400px)}.journal-hero{align-items:center;background:#fff;border:1px solid #777;border-radius:16px;box-sizing:border-box;display:flex;gap:20px;min-height:120px;padding:18px 22px}.journal-avatar{background:#edf3fc;border:1px solid #888;border-radius:50%;color:var(--main-color);display:grid;flex:0 0 86px;font-size:36px;font-weight:700;height:86px;overflow:hidden;place-items:center;width:86px}.journal-avatar img{height:100%;object-fit:cover;width:100%}.journal-identity{min-width:0}.journal-identity>p{color:#666;font-size:13px;letter-spacing:.08em;margin:0 0 2px;text-transform:uppercase}.journal-identity h1{font-size:30px;margin:0 0 10px;overflow-wrap:anywhere}.journal-summary{display:flex;flex-wrap:wrap;gap:7px}.journal-summary span{background:#f7f7f7;border:1px solid #bbb;border-radius:999px;color:#444;font-size:13px;padding:4px 9px}.journal-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);margin-top:14px}.journal-section{background:#fff;border:1px solid #777;border-radius:16px;box-sizing:border-box;min-width:0;padding:18px}.journal-section-heading{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.journal-section-heading h2{font-size:21px;margin:0}.journal-section-heading p{color:#666;font-size:13px;margin:4px 0 0}.appearance-grid,.story-section{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-section .journal-section-heading,.story-section .journal-section-heading{grid-column:1/-1}.journal-section label{color:#333;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:5px;min-width:0}.journal-section input,.journal-section select,.journal-section textarea{background:#fff;border:1px solid #aaa;border-radius:7px;box-sizing:border-box;color:#111;font:inherit;font-weight:400;padding:8px 10px;width:100%}.journal-section textarea{line-height:1.4;min-height:130px;resize:vertical}.journal-section input:focus,.journal-section select:focus,.journal-section textarea:focus{border-color:var(--main-color);box-shadow:0 0 0 2px #1f5ec326;outline:none}.journal-wide-field{grid-column:1/-1}.journal-notes-section textarea{min-height:190px}.task-board-section{margin-top:14px}.task-board{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.task-column{background:#f1f1f1;border:1px solid #bbb;border-radius:12px;min-height:310px;min-width:0;padding:10px}.task-column>header{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto auto;margin-bottom:10px}.task-column>header h3{font-size:16px;margin:0}.task-column>header span{background:#ddd;border-radius:999px;font-size:12px;min-width:24px;padding:2px 5px;text-align:center}.task-column>header button,.task-note>button{background:#fff;border:1px solid #aaa;border-radius:6px;cursor:pointer;font-size:19px;height:28px;line-height:1;padding:0;width:30px}.task-column-notes{max-height:420px;overflow-y:auto;padding-right:3px}.task-column-empty{color:#888;font-size:13px;margin:36px 0;text-align:center}.task-note{grid-gap:8px;background:#fff3a8;border:1px solid #c9b96d;border-radius:4px 10px 10px 10px;box-shadow:0 2px 4px #0000001a;cursor:grab;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:9px;padding:12px}.task-column--inProgress .task-note{background:#dcedff;border-color:#8cb7dc}.task-column--done .task-note{background:#e0f4df;border-color:#91c298}.task-note:active{cursor:grabbing}.task-note h4{font-size:15px;margin:0;overflow-wrap:anywhere}.task-note p{-webkit-box-orient:vertical;-webkit-line-clamp:4;color:#444;display:-webkit-box;font-size:13px;line-height:1.35;margin:7px 0 0;overflow:hidden;overflow-wrap:anywhere}.task-editor-overlay{background:#0000004d;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:1000}.task-editor{background:#fff;border:1px solid #333;border-radius:12px;box-shadow:0 12px 32px #00000040;box-sizing:border-box;padding:18px;width:min(460px,100%)}.task-editor>header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.task-editor h3{margin:0}.task-editor>header button{background:#0000;border:0;cursor:pointer;font-size:24px;padding:0}.task-editor label{margin-top:12px}.task-editor footer{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.task-editor footer button{background:#f5f5f5;border:1px solid #999;border-radius:7px;cursor:pointer;padding:8px 13px}.task-editor footer .task-save-button{background:var(--main-color);border-color:var(--main-color);color:#fff}.task-editor footer .task-delete-button{border-color:#b66;color:#922;margin-right:auto}@media (max-width:900px){.journal-grid,.task-board{grid-template-columns:1fr}.task-column{min-height:180px}.task-column-notes{max-height:300px}}@media (max-width:560px){.journal-container{border-radius:14px;padding:10px;width:min(calc(100% - 16px),1400px)}.journal-hero{align-items:flex-start;padding:14px}.journal-avatar{flex-basis:58px;font-size:26px;height:58px;width:58px}.journal-identity h1{font-size:23px}.appearance-grid,.story-section{grid-template-columns:1fr}.appearance-section .journal-section-heading,.journal-wide-field,.story-section .journal-section-heading{grid-column:auto}.task-editor footer{flex-wrap:wrap}}.button_box_btn__61QEh{background-color:var(--main-color);border:none;border-radius:10px;color:var(--main-light-background-color);font-size:20px;outline:none;padding:5px;transition:.3s}.button_box_btn__61QEh:hover{background-color:var(--main-some-light-color);transition:.3s}.input_box_inputBox__mYHMz{display:flex;flex-direction:column;justify-content:flex-start}.input_box_inputBox__mYHMz input{border-radius:15px;font-size:20px;outline:none;padding:5px 10px;width:100px}.input_box_inputBox__mYHMz label{color:var(--main-color);font-size:14px;padding-left:14px}.input_box_inputBox__mYHMz input:focus,.input_box_inputBox__mYHMz input:hover{border:2px solid var(--main-light-color)}.input_box_inputBox__mYHMz label:hover{color:var(--main-light-color)}.language_switcher_container__VIA2A{align-items:center;color:var(--main-light-background-color);display:flex;font-size:12px;gap:6px}.language_switcher_container__VIA2A select{background:#fff;border:0;border-radius:6px;color:#222;cursor:pointer;padding:4px 6px}@media (max-width:720px){.language_switcher_container__VIA2A>span{display:none}}.login_container__vW4b9{background:#fff;border:3px solid var(--main-color);border-radius:25px;box-sizing:border-box;display:flex;flex-direction:column;gap:18px;padding:28px 30px 24px;width:min(380px,calc(100vw - 32px))}.login_container__vW4b9 h2{color:var(--main-color);font-size:clamp(32px,8vw,40px);line-height:1.1;margin:0;padding:0;text-align:center}.login_fields__szyz1{display:flex;flex-direction:column;gap:12px;min-width:0}.login_input__S102o{box-sizing:border-box;min-width:0;width:100%!important}.login_links__V\+UhF{display:flex;flex-direction:column;gap:8px}.login_links__V\+UhF a{color:var(--main-color);font-size:18px;line-height:1.25;padding:0;text-decoration:none;transition:color .2s}.login_links__V\+UhF a:focus-visible,.login_links__V\+UhF a:hover{color:var(--main-light-color)}.login_submit__eD7CV{display:flex;justify-content:center}@media (max-width:420px){.login_container__vW4b9{border-radius:20px;padding:24px 20px 20px}}.login_language__Vki-0{display:flex;justify-content:flex-end}.login_language__Vki-0 label{color:var(--main-color)}.center_row__vrizf{display:flex;flex-direction:row;justify-content:center}.center_fullScreen__TcBbB{height:100vh;width:100vw}.center_column__DqgcY{display:flex;flex-direction:column;justify-content:center}.nav_bar_container__0M16v{align-items:center;background-color:var(--main-color);box-sizing:border-box;display:flex;flex-flow:row wrap;gap:8px 24px;justify-content:center;padding:10px 16px;width:100%}.nav_bar_link__2i56p{color:var(--main-light-background-color);font-family:inherit;font-size:22px;line-height:1.2;padding:2px 4px 5px;position:relative;text-decoration:none;transition:color .2s,transform .2s}.nav_bar_link__2i56p:after{background:#0000;bottom:0;content:"";height:2px;left:4px;position:absolute;right:4px;transform:scaleX(0);transition:background .2s,transform .2s}.nav_bar_link__2i56p:focus-visible,.nav_bar_link__2i56p:hover{color:#fff;transform:translateY(-1px)}.nav_bar_active__LEN2r{color:#fff}.nav_bar_active__LEN2r:after{background:#fff;transform:scaleX(1)}.nav_bar_action__3l44y{background:#0000;border:0;cursor:pointer}@media (max-width:720px){.nav_bar_container__0M16v{gap:6px 12px}.nav_bar_link__2i56p{font-size:17px}}.registration-card{background:#fff;border:3px solid var(--main-color);border-radius:24px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:28px 30px;width:min(390px,calc(100vw - 32px))}.registration-card h1{color:var(--main-color);font-size:32px;margin:0 0 4px;text-align:center}.registration-card label{color:var(--main-color);display:flex;flex-direction:column;font-size:16px;font-weight:600;gap:6px}.registration-card input{border:1px solid #bbb;border-radius:8px;box-sizing:border-box;font:inherit;padding:10px 12px;width:100%}.registration-card input:focus{border-color:var(--main-color);outline:2px solid color-mix(in srgb,var(--main-color) 25%,#0000)}.registration-card button{background:var(--main-color);border:0;border-radius:9px;color:#fff;cursor:pointer;font:inherit;font-weight:700;padding:11px 18px}.registration-card button:disabled{cursor:wait;opacity:.65}.registration-card a{color:var(--main-color);text-align:center}.registration-message{border-radius:8px;font-size:14px;margin:0;padding:10px 12px}.registration-message.error{background:#fde8e8;color:#9b1c1c}.registration-message.success{background:#def7ec;color:#03543f}@media (max-width:420px){.registration-card{padding:24px 20px}}.spells-container{background-color:#d4d4d4;border:1px solid #000;border-radius:20px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:min(calc(100vh - 32px),920px);margin:12px auto;min-height:620px;overflow:hidden;padding:20px}.spell-level-name{background-color:#eee;border-radius:20px;font-weight:700;height:50px;margin-top:40px;padding-top:20px;text-align:center;width:100%}.spell-container{background-color:#fff;border:1px solid #000;border-radius:20px;box-sizing:border-box;flex:1 1;height:auto;max-height:none;min-height:0;overflow-y:auto;padding:20px}.spell-search-container{display:flex;justify-content:center;margin-bottom:20px}.spell-search-input{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;padding:10px;width:70%}.spell,.spell-header{align-items:center;display:grid;grid-template-columns:28% 16% 16% 32% 8%;padding:5px 0}.spell-header,.spell-name{font-weight:700}.spell{border-bottom:1px solid #ccc}.spell-header>span,.spell>span{text-align:center}.spell-header>span:first-child,.spell-header>span:last-child,.spell-name,.spell>span:first-child,.spell>span:last-child{text-align:left}.add-skill-button{cursor:pointer;margin:5px 10px}.spell-picker-search{display:flex;flex-direction:column;font-weight:700;gap:4px;margin-bottom:10px}.spell-picker-list{display:flex;flex-direction:column;gap:6px;max-height:380px;overflow-y:auto}.spell-picker-item{display:flex;flex-direction:column;gap:3px;padding:8px;text-align:left}.spell-picker-modal{width:min(440px,calc(100vw - 40px))}.spell-picker-filters{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.spell-picker-filters label{display:flex;flex-direction:column;font-weight:700;gap:4px}.spell-picker-filters select{border:1px solid #ccc;border-radius:4px;padding:9px}.spell-picker-count{color:#555;margin:10px 0 6px}.spell-picker-list{max-height:460px}.spell-actions{text-align:right}.spell-remove-button{background:#f7f7f7;border:1px solid #aaa;border-radius:6px;cursor:pointer;font-size:20px;height:26px;line-height:1;padding:0;width:30px}.spell-remove-button:hover{background:#f5dddd;border-color:#b66}.spell-level-summary{background:#fff;border:2px solid #333;border-radius:20px;box-sizing:border-box;margin:0 auto 20px;padding:18px 22px;width:min(520px,100%)}.spell-level-summary h2{margin:0 0 14px;text-align:center}.spell-level-summary-grid{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:repeat(6,minmax(0,1fr));min-height:34px;text-align:center}.spell-level-summary-header{align-items:end;font-size:.72rem;font-weight:700;line-height:1.1;margin-bottom:6px;min-height:2.4em}.spell-level-summary-header span{-webkit-hyphens:auto;hyphens:auto;min-width:0;overflow-wrap:anywhere}.spell-level-summary-grid input{border:1px solid #aaa;border-radius:4px;box-sizing:border-box;justify-self:center;padding:4px;text-align:center;width:min(46px,100%)}.spell-level-summary-grid input:focus{border-color:var(--main-light-color);outline:none}@media (max-width:620px){.spell-level-summary{overflow-x:auto;padding:14px 10px}.spell-level-summary-grid{grid-template-columns:repeat(6,minmax(48px,1fr));min-width:340px}}.spell-page-layout{grid-gap:20px;align-items:stretch;display:grid;flex:1 1;gap:20px;grid-template-columns:minmax(0,2fr) minmax(380px,1fr);min-height:0}.spell-list-panel{overflow:hidden}.spell-list-panel,.spell-page-sidebar{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0}.spell-page-sidebar{gap:20px}.spell-page-sidebar .spell-level-summary{margin:0;width:100%}.spellcasting-items{background:#fff;border:2px solid #333;border-radius:20px;box-sizing:border-box;flex:1 1;min-height:0;overflow-y:auto;padding:18px 20px;position:relative}.spellcasting-items-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.spellcasting-items-header h2{margin:0;text-align:center}.spellcasting-items-list{display:flex;flex-direction:column;gap:8px}.spellcasting-item{grid-gap:6px;border-bottom:1px solid #ddd;display:grid;gap:6px;grid-template-columns:minmax(0,1fr) auto;padding:8px 0}.spellcasting-item>div{display:flex;flex-direction:column;min-width:0}.spellcasting-item small,.spellcasting-items-empty{color:#666}.spellcasting-item p{margin:4px 0 0;overflow-wrap:anywhere}.spellcasting-items-picker{border-top:1px solid #bbb;display:flex;flex-direction:column;gap:6px;margin-top:14px;padding-top:12px}.spellcasting-items-picker>button{background:#f3f3f3;border:0;border-radius:6px;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:7px 9px;text-align:left}.spellcasting-picker-item-info{display:flex;flex-direction:column;min-width:0}.spellcasting-picker-item-info small{color:#666;max-width:100%;overflow-wrap:anywhere}.spellcasting-items-picker>button.selected,.spellcasting-items-picker>button:hover{background:#e5e5e5}.spellcasting-items-picker>button:disabled{cursor:default;opacity:.65}@media (max-width:1050px){.spells-container{height:auto;min-height:calc(100vh - 24px);overflow:visible}.spell-page-layout{grid-template-columns:1fr}.spell-list-panel .spell-container{flex:none;height:70vh}.spell-page-sidebar{display:grid;grid-template-columns:1fr 1fr;height:auto}.spellcasting-items{flex:none;height:420px}}@media (max-width:720px){.spell-page-sidebar{display:flex}}.spell-empty-state{color:#666;display:grid;place-items:center;text-align:center}
/*# sourceMappingURL=main.2da4f26f.css.map*/