@charset "UTF-8";.container{max-width:1400px;margin:16px auto 0;padding:24px;box-sizing:border-box;background-color:#011010d6;border-radius:16px;box-shadow:0 20px 60px #0009;border:1px solid var(--color-bg-dark);overflow:hidden;min-height:calc(100vh - 32px);color:var(--color-text-main)}@media(max-width:768px){.container{padding:4px;border:none}}.stats-grid{max-height:740px;display:flex;flex-direction:column;gap:8px;background-color:var(--color-bg-darker);border:1px solid var(--color-bg-dark);border-radius:12px;padding:16px}.stat-card{width:120px;display:flex;flex-direction:column;align-items:center;background-color:var(--color-bg-dark);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0003;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.stat-card__title{margin:0;padding:12px 0 4px;font-family:sans-serif;font-size:.6rem;font-weight:800;color:var(--color-text-main);text-transform:uppercase;letter-spacing:.5px}.stat-card__display{position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding:10px 0 16px}.stat-card__icon{position:absolute;width:48px;height:48px;color:var(--color-red);opacity:.8;z-index:0}.stat-card__icon svg{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.stat-card__modifier{position:relative;z-index:1;font-family:sans-serif;font-size:1.8rem;font-weight:700;color:var(--color-text-main);text-shadow:0 2px 4px rgba(0,0,0,.5)}.stat-card__footer{width:100%;background-color:var(--color-bg-darker);padding:5px 0;text-align:center;border-top:1px solid rgba(255,255,255,.05)}.stat-card__score{font-family:monospace;font-size:1.1rem;color:var(--color-text-dim);font-weight:600}.stat-card__input-edit{width:50px;background:transparent;border:none;color:var(--color-text-dim);font-family:monospace;font-size:1.1rem;text-align:center;outline:none;-moz-appearance:textfield;appearance:textfield}.stat-card__input-edit::-webkit-inner-spin-button,.stat-card__input-edit::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease-out}.modal-container{background-color:var(--color-bg-darker);border:1px solid var(--color-bg-dark);border-radius:12px;box-shadow:0 24px 48px #0009;width:100%;max-height:85vh;display:flex;flex-direction:column;position:relative;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.05);background-color:var(--color-bg-dark);border-top-left-radius:12px;border-top-right-radius:12px}.modal-title{margin:0;font-size:16px;color:var(--color-text-main);text-transform:uppercase;letter-spacing:1px}.modal-close{background:transparent;border:none;color:var(--color-text-dim);cursor:pointer;font-size:1.1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background-color:#ffffff0d;color:var(--color-red)}.modal-content{flex-grow:1;overflow-y:auto;padding:20px;color:var(--color-text-main)}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background-color:var(--color-bg-dark);border-radius:3px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.char-identity{position:relative;background-color:var(--color-bg-darker);border:1px solid var(--color-bg-dark);border-radius:12px;padding:16px;box-shadow:0 4px 12px #0003}.char-identity__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.char-identity__title{font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-orange);font-weight:600}.char-identity__title span{color:var(--color-text-dim)}.char-identity__edit-btn{background:none;border:none;color:var(--color-orange);font-size:1.1rem;cursor:pointer;opacity:.7;transition:opacity .2s;padding:2px}.char-identity__edit-btn:hover{opacity:1}.char-identity__body{display:flex;gap:20px;align-items:flex-start}.char-identity__content{flex:1;min-width:0;display:flex;gap:20px}.char-identity__name{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:600;color:var(--color-text-main);word-break:break-word}.char-identity__name-icon{color:var(--color-orange);flex-shrink:0;font-size:.95rem}.char-identity__fields{display:flex;flex-direction:column;gap:32px}.char-identity__info-fields,.char-identity__bio-fields{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;min-width:0}.char-identity__bio-fields{grid-column:2;gap:14px;padding-top:2px}.char-identity__bio-fields .ci-field__label{font-size:.68rem}.char-identity__bio-fields .ci-field__value{font-size:.82rem}.char-avatar{width:100px;height:100px;border-radius:12px;background-color:var(--color-bg-dark);border:2px solid var(--color-teal);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.char-avatar__img{width:100%;height:100%;object-fit:cover}.char-avatar__edit-btn{position:absolute;bottom:0;right:0;background:var(--color-orange);border:none;color:#fff;width:24px;height:24px;cursor:pointer;font-size:12px;border-top-left-radius:6px;display:flex;align-items:center;justify-content:center}.char-avatar__edit-btn:hover{background:#f7be91}.level-die{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.level-die__label{font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-dim)}.level-die__body{position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center}.level-die__svg{width:100%;height:100%;color:var(--color-orange);position:absolute;inset:0}.level-die__value{position:relative;z-index:1;font-size:1.25rem;font-weight:800;color:var(--color-text-main);line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.6)}.level-die__controls{display:flex;gap:4px}.level-die__btn{width:22px;height:18px;background:var(--color-bg-dark);border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--color-text-dim);font-size:.9rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s}.level-die__btn:hover{border-color:var(--color-orange);color:var(--color-orange)}.level-die__btn:active{background:#f4a2611a}.ci-field{display:flex;flex-direction:column;gap:4px;min-width:100px}.ci-field__label{display:flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--color-teal);white-space:nowrap}.ci-field__icon{font-size:.8rem;color:var(--color-orange);display:flex}.ci-field__value{font-size:.9rem;color:var(--color-text-main);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}@media(max-width:720px){.char-identity__fields{grid-template-columns:1fr}.char-identity__bio-fields{grid-column:auto}}.char-creator{display:flex;gap:12px;background-color:var(--color-bg-darker);border-radius:12px;min-height:600px;font-family:Roboto,sans-serif;color:var(--color-text-main);box-sizing:border-box}.char-creator__inputs{display:flex;flex-direction:column;gap:8px;background:var(--color-bg-dark);border-radius:8px;padding:16px;position:relative;box-shadow:0 4px 12px #0003}.char-creator__bio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.char-creator__selectors{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0}@media(max-width:768px){.char-creator__selectors{flex-direction:column-reverse}}.char-creator__tabs-container{display:flex;gap:8px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}.char-creator__tab{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--color-text-dim);padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.8rem;text-transform:uppercase;transition:all .2s}.char-creator__tab:hover{border-color:var(--color-teal);color:#fff}.char-creator__tab.active{background:#5bcab21a;border-color:var(--color-teal);color:var(--color-teal)}.char-creator__grid-container{flex:1;overflow-y:auto;padding-right:4px}.char-creator__grid-container::-webkit-scrollbar{width:6px}.char-creator__grid-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.char-creator__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.char-creator__race-panel{display:flex;flex-direction:column;gap:14px}.char-creator__subhead{color:var(--color-teal);font-size:.76rem;font-weight:800;letter-spacing:1px;text-transform:uppercase}.char-creator__heritages{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px dashed rgba(91,202,178,.22)}.char-creator__heritage-list{display:grid;gap:8px}.char-creator__heritage{display:grid;gap:5px;padding:10px 12px;border:1px solid rgba(91,202,178,.22);border-radius:6px;background:var(--color-bg-dark);color:var(--color-text-main);cursor:pointer;font:inherit;text-align:left;transition:all .2s}.char-creator__heritage:hover{border-color:var(--color-orange);background:#5bcab20f}.char-creator__heritage--active{border-color:var(--color-orange);background:#f4a2611f}.char-creator__heritage-name{font-size:.9rem;font-weight:800}.char-creator__heritage-desc{color:var(--color-text-dim);font-size:.78rem;line-height:1.35}.char-creator__heritage-trait{color:var(--color-yellow);font-size:.76rem;line-height:1.35}.char-creator__item{background:var(--color-bg-dark);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:12px 8px;color:var(--color-text-main);font-size:.9rem;cursor:pointer;transition:all .2s;text-align:center;min-height:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-teal)}.char-creator__item:hover{border-color:var(--color-red, #ff4d4d);background:#5bcab20d}.char-creator__item--active{border-color:var(--color-red, #ff4d4d);background:#5bcab226;font-weight:700}.char-creator__preview{width:340px;min-width:340px;height:fit-content}.feature-preview{display:flex;flex-direction:column;gap:12px;width:100%;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.feature-preview__section{background:var(--color-bg-dark);border-radius:8px;padding:16px;position:relative;box-shadow:0 4px 12px #0003}.feature-preview__section-title{font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--color-text-dim);margin-bottom:10px;border-bottom:1px dashed rgba(255,255,255,.1);padding-bottom:4px}.feature-preview__top-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.feature-preview__subtitle{font-size:.7rem;color:var(--color-teal);font-weight:800;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:4px}.feature-preview__title{margin:0;font-size:1rem;line-height:1.1;text-transform:uppercase;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.feature-preview__desc{margin:0;font-size:.85rem;line-height:1.5;color:var(--color-text-dim);font-style:italic}.feature-preview__empty{text-align:center;padding:40px 20px;color:var(--color-text-dim);border:1px dashed rgba(255,255,255,.1);border-radius:8px;font-style:italic;background:#0003}.feature-preview__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.feature-preview__slot{display:flex;align-items:center;gap:10px;padding:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:6px}.feature-preview__slot--boost{border-color:#5bcab266;background:#5bcab20d}.feature-preview__slot--flaw{border-color:#f4433666;background:#f443360d}.feature-preview__slot-icon{width:28px;height:28px;border-radius:50%;background:#0000004d;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--color-text-dim);flex-shrink:0}.feature-preview__slot-icon--green{color:var(--color-green)}.feature-preview__slot-icon--red{color:var(--color-red)}.feature-preview__slot-icon--yellow{color:var(--color-yellow)}.feature-preview__slot-content{display:flex;flex-direction:column;overflow:hidden}.feature-preview__slot-label{font-size:.65rem;text-transform:uppercase;color:var(--color-text-dim);margin-bottom:2px}.feature-preview__slot-value{font-size:.9rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-preview__slot-value--green{color:var(--color-green)}.feature-preview__slot-value--red{color:var(--color-red)}.feature-preview__list{display:flex;flex-direction:column;gap:6px}.feature-preview__item{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.feature-preview__item:last-child{border-bottom:none;padding-bottom:0}.feature-preview__item:first-child{padding-top:0}.feature-preview__item-head{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:#fff;margin-bottom:4px}.feature-preview__item-head svg{color:var(--color-teal)}.feature-preview__item-desc{font-size:.8rem;color:var(--color-text-dim);line-height:1.4;padding-left:20px}.feature-preview__skill{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#ffffff08;border-radius:4px}.feature-preview__skill-name{font-size:.9rem}.feature-preview__skill-rank{font-size:.7rem;text-transform:uppercase;color:var(--color-yellow);background:#0006;padding:2px 6px;border-radius:4px}.feature-preview__skill-extra{display:flex;justify-content:space-between;align-items:center;padding:6px 10px}.feature-preview__skill-extra span:first-child{font-size:.85rem;color:var(--color-text-dim);font-style:italic}.feature-preview__skill-extra span:last-child{font-size:.75rem;background:var(--color-teal);color:#000;padding:2px 8px;border-radius:12px;font-weight:800}@media(max-width:768px){.char-creator{flex-direction:column-reverse;padding:12px;gap:12px;min-height:auto}.char-creator__tabs-container{order:1;overflow-x:auto;white-space:nowrap;padding-bottom:8px;margin-bottom:0}.char-creator__tabs-container::-webkit-scrollbar{height:0}.char-creator__tab{padding:6px 12px;font-size:.8rem}.char-creator__preview{order:2;width:100%;min-width:0;position:static}.char-creator__item{font-size:.85rem;padding:8px 4px;min-height:40px}.char-creator__bio-grid{grid-template-columns:1fr}.feature-preview{gap:8px}.feature-preview__title{font-size:1.2rem}.feature-preview__section{padding:12px}}.char-field{display:flex;flex-direction:column;gap:6px}.char-field__label{font-size:.75rem;color:var(--color-teal);font-weight:500;display:flex;align-items:center;gap:6px}.char-field__icon{color:var(--color-orange);font-size:.9rem}.char-field__input,.char-field__select{width:100%;min-width:0;box-sizing:border-box;border:none;background-color:#2e5564;padding:8px 12px;font-size:.95rem;border-radius:4px;color:var(--color-text-main);transition:all .2s ease;outline:none}.char-field__input:disabled,.char-field__select:disabled{opacity:.2}.char-field__select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235bcab2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:32px}.char-gender-selector{display:grid;grid-template-columns:repeat(2,38px);gap:8px}.char-gender-selector__btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(91,202,178,.35);border-radius:6px;background:var(--color-bg-darker);color:var(--color-text-dim);cursor:pointer;transition:border-color .16s,color .16s,background .16s}.char-gender-selector__btn:hover{border-color:var(--color-orange);color:var(--color-text-main);background:#5bcab214}.char-gender-selector__btn--active{border-color:var(--color-orange);color:var(--color-orange);background:#f4a2611f}.char-gender-selector__icon{display:flex;font-size:1rem}.skills-panel{max-height:740px;position:relative;background-color:var(--color-bg-darker);border:1px solid var(--color-bg-dark);border-radius:12px;padding:16px;max-width:400px;font-family:sans-serif;color:var(--color-text-main)}.skills-panel__button{position:absolute;top:8px;right:8px;background-color:transparent;border:none;font-size:20px;cursor:pointer;color:var(--color-orange)}.skills-panel__title{margin:0 0 12px;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-dim);font-weight:600;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:8px}.skills-list{display:flex;flex-direction:column;gap:12px}.skill-group{display:flex;align-items:stretch}.skill-group__stat{width:40px;flex-shrink:0;display:flex;justify-content:center;padding-top:4px;border-right:2px solid rgba(91,202,178,.2)}.skill-group__stat-label{font-size:.75rem;font-weight:700;color:var(--color-text-dim);text-transform:uppercase}.skill-group__items{flex-grow:1;padding-left:12px;display:flex;flex-direction:column;gap:4px}.skill-row{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;border-radius:4px;transition:background .2s;cursor:default}.skill-row__name{font-size:.9rem;color:var(--color-text-main)}.skill-row__value{font-family:monospace;font-size:1rem;font-weight:600;color:var(--color-text-main);min-width:24px;text-align:right}.skill-row--trained .skill-row__value{background-color:var(--color-red);color:#fff;padding:0 6px;border-radius:4px;font-size:.85rem;line-height:1.4}.skill-row--trained .skill-row__name{font-weight:500;color:#fff}.skills-manager{background-color:var(--color-bg-darker);border:1px solid var(--color-bg-dark);border-radius:12px;display:flex;flex-direction:column;height:100%;max-height:600px;overflow:hidden}.skills-manager__header{padding:12px 16px;background-color:var(--color-bg-dark);border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.skills-manager__title{margin:0;font-size:.95rem;color:var(--color-text-dim);text-transform:uppercase}.skills-manager__add-btn{background:transparent;border:1px solid var(--color-teal);color:var(--color-teal);width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.skills-manager__add-btn:hover{background:var(--color-teal);color:#fff}.skills-add-form{padding:10px;background-color:#5bcab20d;display:flex;gap:8px;border-bottom:1px solid var(--color-bg-dark)}.skills-add-form__input,.skills-add-form__select{background:var(--color-bg-dark);border:1px solid rgba(255,255,255,.1);color:var(--color-text-main);padding:6px;border-radius:4px}.skills-add-form__input{flex-grow:1}.skills-add-form__submit{background:var(--color-teal);border:none;color:#fff;padding:0 12px;border-radius:4px;cursor:pointer;font-weight:700}.skills-list-scroll{overflow-y:auto;padding:12px;flex-grow:1;display:flex;flex-direction:column;gap:16px}.skills-list-scroll::-webkit-scrollbar{width:6px}.skills-list-scroll::-webkit-scrollbar-thumb{background:var(--color-bg-dark);border-radius:3px}.skill-group-edit{display:flex;gap:12px}.skill-group-edit__label-col{width:40px;flex-shrink:0;padding-top:8px;border-right:2px solid rgba(91,202,178,.15);color:var(--color-text-dim);font-weight:800;font-size:.8rem;text-align:center}.skill-group-edit__items{flex-grow:1;display:flex;flex-direction:column;gap:6px}.skill-row-edit{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#ffffff05;border-radius:6px}.skill-row-edit:hover{background:#ffffff0a}.skill-row-edit__name{flex:1;font-size:.9rem;color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.skill-row-edit__val{width:30px;text-align:right;font-family:monospace;font-weight:700;color:var(--color-text-dim)}.skill-row-edit__custom-name{flex:1;display:flex;flex-direction:column}.skill-row-edit__custom-name span:first-child{font-size:.9rem}.skill-row-edit__stat-badge{font-size:.65rem;color:var(--color-text-dim);text-transform:uppercase}.skill-row-edit__del{background:transparent;border:none;color:var(--color-red);opacity:.5;cursor:pointer;margin-left:8px}.skill-row-edit__del:hover{opacity:1}.skill-ranks{display:flex;gap:2px;background:var(--color-bg-dark);padding:2px;border-radius:4px}.skill-rank-btn{background:transparent;border:none;color:var(--color-text-dim);font-size:.7rem;width:20px;height:20px;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700}.skill-rank-btn:hover{color:#fff;background:#ffffff1a}.skill-rank-btn.active{background:var(--color-orange);color:#fff;box-shadow:0 1px 3px #0000004d}.combat-stats-container{display:flex;flex-direction:column;gap:16px}.stats-header-group{display:grid;grid-template-columns:1fr 2fr;gap:16px}@media(max-width:600px){.stats-header-group{grid-template-columns:1fr}}.hero-points-card{background:var(--color-bg-dark);border:1px solid var(--color-yellow);border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 10px #e9c46a1a}.hero-points-card__label{font-size:.75rem;text-transform:uppercase;color:var(--color-yellow);margin-bottom:8px;font-weight:700}.hero-points-card__dots{display:flex;gap:8px}.hero-point-dot{background:transparent;border:none;padding:0;font-size:1.2rem;color:#ffffff1a;cursor:pointer;transition:all .2s}.hero-point-dot.active{color:var(--color-yellow);filter:drop-shadow(0 0 5px var(--color-yellow))}.hero-point-dot:hover{transform:scale(1.1)}.saves-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.save-mini{background:var(--color-bg-dark);border-radius:8px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.05);position:relative}.save-mini__val{font-size:1.4rem;font-weight:700;color:#fff}.save-mini__label{font-size:.7rem;color:#fff9;font-weight:600}.save-mini--fort{border-bottom:3px solid var(--color-orange)}.save-mini--ref{border-bottom:3px solid var(--color-teal)}.save-mini--will{border-bottom:3px solid #4d66e8}.params-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15%,1fr));gap:12px}@media(max-width:768px){.params-grid{grid-template-columns:repeat(auto-fill,minmax(35%,1fr))}}.param-card{position:relative;background-color:var(--color-bg-dark);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:10px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;transition:background .2s}.param-card__button{position:absolute;top:4px;right:4px;background-color:transparent;border:none;font-size:1.2em;cursor:pointer;color:var(--color-orange);opacity:.5;transition:.1s}.param-card__button:hover{opacity:1}.param-card__icon{font-size:1.2rem;color:var(--color-teal);opacity:.8}.param-card__icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.7))}.param-card__value{font-size:1.4rem;font-weight:700;color:var(--color-text-main)}.param-card__label{font-family:sans-serif;font-size:.6rem;font-weight:800;color:var(--color-text-main);text-transform:uppercase;letter-spacing:.5px}.health-status-panel{background-color:var(--color-bg-darker);border:1px solid var(--color-bg-dark);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:20px;-webkit-user-select:none;user-select:none}.hp-container{margin-top:12px;display:flex;align-items:center;gap:16px;height:50px}.hp-heart-wrapper{position:relative;width:100px;height:100px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-right:2px;transform:scale(.8)}.hp-heart-bg{color:#ffffff1a;font-size:6rem;position:absolute}.hp-heart-fill-mask{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;transition:none}.hp-heart-fill{color:var(--color-red);font-size:6rem;position:absolute;bottom:0}.hp-heart-text{position:absolute;font-size:1.5rem;font-weight:800;color:#fff;z-index:2;text-shadow:0 2px 4px #000}.hp-slider-track{flex-grow:1;height:44px;position:relative;cursor:pointer}.hp-bar{position:absolute;top:0;bottom:0;border-radius:8px;overflow:hidden;display:flex;align-items:center;box-sizing:border-box}.hp-bar--current{left:0;background-color:var(--color-teal);justify-content:center}.hp-bar--empty{background-color:var(--color-red);border:1px solid rgba(255,255,255,.05);justify-content:center}.hp-text-overlay{color:#fff;font-weight:700;font-size:1.2rem;white-space:nowrap;text-shadow:0 2px 4px #000}.hp-text-right{color:var(--color-text-dim)}.hp-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;height:50px;background:#fff;border-radius:4px;z-index:10;display:flex;align-items:center;justify-content:center;color:#888;font-size:8px;box-shadow:0 2px 5px #0000004d;pointer-events:none}.hp-temp-badge{position:absolute;right:-8px;top:-8px;background:var(--color-yellow);color:#000;font-size:.75rem;font-weight:700;padding:2px 6px;border-radius:10px;box-shadow:0 2px 4px #0000004d;z-index:15}.status-effects-section{border-top:1px solid rgba(255,255,255,.05);padding-top:12px}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.status-title{margin:0;font-size:.9rem;color:var(--color-text-dim);text-transform:uppercase}.status-add-btn{background:transparent;border:1px solid var(--color-orange);color:var(--color-orange);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.status-add-btn:hover{border-color:var(--color-teal);color:var(--color-teal)}.status-list{display:flex;flex-wrap:wrap;gap:8px}.status-tag{background-color:var(--color-red);border:1px solid var(--color-red);color:#fff;padding:4px 8px;border-radius:4px;font-size:.7rem;display:flex;align-items:center;gap:8px}.status-tag.buff{background-color:var(--color-teal);border:1px solid var(--color-teal)}.status-tag__title{font-size:.8rem}.status-remove-btn{background:transparent;border:none;color:inherit;cursor:pointer;display:flex}.status-remove-btn:hover{opacity:.7}.status-selector{margin-top:8px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;background:var(--color-bg-dark);padding:8px;border-radius:8px;max-height:200px;overflow-y:auto}.status-option{background:#ffffff0d;border:none;color:var(--color-text-main);padding:6px;border-radius:4px;cursor:pointer;text-align:left}.status-option:hover{background:#ffffff1a}.status-option__desc{background:#0003;padding:6px 8px;border-radius:6px;margin-top:4px;font-size:.7em}.heart-wrapper{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center}.heart-svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 4px 5px rgba(0,0,0,.5))}.waves-container{transition:transform .5s cubic-bezier(.4,0,.2,1)}.wave-front{fill:#e76f51;opacity:.95;animation:wave-slide 7s linear infinite}.wave-back{fill:#bd4b30;opacity:.7;animation:wave-slide 3s linear infinite;transform:translate(-20px)}@keyframes wave-slide{0%{transform:translate(0)}to{transform:translate(-100px)}}.heart-percent{position:absolute;z-index:5;color:#fff;font-weight:800;font-size:1.1rem;text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none}.status-effects{margin-top:12px;background:var(--color-bg-darker);border:1px solid var(--color-bg-dark);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.status-effects__header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:8px}.status-effects__title{margin:0;font-size:.85rem;color:var(--color-text-dim);font-weight:600;letter-spacing:1px}.status-effects__add-btn{background:transparent;border:1px solid var(--color-teal);color:var(--color-teal);width:24px;height:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.status-effects__add-btn:hover{background:var(--color-teal);color:#000}.status-effects__list{display:flex;flex-direction:column;gap:8px}.status-effects__empty{text-align:center;color:var(--color-text-dim);font-size:.8rem;font-style:italic;padding:12px;background:#ffffff05;border-radius:6px}.status-card{background:var(--color-bg-dark);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:6px;position:relative}.status-card--status{border-left:3px solid var(--color-yellow)}.status-card--death{border-left:3px solid var(--color-red)}.status-card--senses{border-left:3px solid var(--color-teal)}.status-card__header{display:flex;align-items:center;gap:8px}.status-card__icon{color:var(--color-text-dim);font-size:.9rem;display:flex}.status-card__name{font-weight:600;font-size:.9rem;color:var(--color-text-main);flex:1}.status-card__remove{background:transparent;border:none;color:var(--color-text-dim);cursor:pointer;opacity:.5}.status-card__remove:hover{opacity:1;color:var(--color-red)}.status-card__value-control{display:flex;align-items:center;gap:8px;background:#0003;padding:2px 6px;border-radius:4px;align-self:flex-start;font-size:.9rem;font-weight:700}.status-card__value-control button{background:#ffffff1a;border:none;color:#fff;width:18px;height:18px;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center}.status-card__value-control button:disabled{opacity:.3;cursor:default}.status-card__value-control button:hover:not(:disabled){background:var(--color-teal)}.status-card__desc{font-size:.75rem;color:var(--color-text-dim);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.condition-selector{display:flex;flex-direction:column;height:400px}.condition-selector__search{background:var(--color-bg-darker);border:1px solid rgba(255,255,255,.1);padding:10px;color:#fff;border-radius:6px;margin-bottom:12px;outline:none}.condition-selector__search:focus{border-color:var(--color-teal)}.condition-selector__grid{display:flex;flex-direction:column;gap:4px;overflow-y:auto;padding-right:4px}.condition-selector__grid::-webkit-scrollbar{width:6px}.condition-selector__grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.condition-item{padding:8px 12px;border-radius:6px;cursor:pointer;border:1px solid transparent}.condition-item:hover{background:#5bcab21a;border-color:#5bcab24d}.condition-item__name{font-weight:600;font-size:.9rem;color:var(--color-text-main)}.condition-item__desc{font-size:.8rem;color:var(--color-text-dim);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weapon-tag{background:#ffffff0d;color:var(--color-text-dim);font-size:.7rem;padding:2px 8px;text-transform:capitalize;border:none;cursor:pointer;transition:background .15s,color .15s}.weapon-tag:hover{background:#5bcab22e;color:var(--color-teal)}.weapon-card{position:relative}.trait-tooltip{position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(0,0,0,.45),transparent);display:flex;align-items:flex-start;justify-content:flex-start;pointer-events:none}.trait-tooltip__inner{pointer-events:auto;margin:40px 16px 0;max-width:260px;background:#0f2028;border-radius:10px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px #00000080;padding:8px 10px 10px;font-size:.8rem;animation:trait-pop .14s ease-out;z-index:5}.trait-tooltip__header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}.trait-tooltip__title{font-weight:700;font-size:.8rem;text-transform:capitalize}.trait-tooltip__close{border:none;background:transparent;color:var(--color-text-dim);font-size:.9rem;cursor:pointer;padding:0 2px}.trait-tooltip__close:hover{color:#fff}.trait-tooltip__body{color:var(--color-text-main);font-size:.78rem;line-height:1.3}@keyframes trait-pop{0%{transform:translateY(4px);opacity:0}to{transform:translateY(0);opacity:1}}.weapons-panel{position:relative;background-color:var(--color-bg-darker);border:1px solid var(--color-bg-dark);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.weapons-panel__button{position:absolute;right:18px;top:12px;background:transparent;border:1px solid var(--color-orange);color:var(--color-orange);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.9;transition:.1s}.weapons-panel__button:hover{opacity:1}.weapons-title{margin:0;font-size:.95rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:1px}.weapons-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:500px){.weapons-grid{grid-template-columns:1fr}}.weapon-card{background-color:var(--color-bg-dark);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;position:relative;transition:all .2s;overflow:hidden}.weapon-card:hover{border-color:var(--color-teal);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.weapon-type-badge{position:absolute;top:8px;right:8px;font-size:1.2rem;color:#ffffff1a;pointer-events:none}.weapon-header{display:flex;flex-direction:column;padding-right:24px}.weapon-name{font-size:.95rem;font-weight:700;color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weapon-group{margin-top:6px;font-size:.7rem;color:var(--color-text-dim);text-transform:uppercase}.weapon-stats{display:flex;align-items:center;justify-content:space-between;background:#0003;padding:6px 8px;border-radius:6px;margin-top:4px}.weapon-stat-row{display:flex;align-items:center;gap:6px}.dice-icon{font-size:1.4rem;color:var(--color-orange);display:flex;align-items:center}.damage-text{font-family:monospace;font-size:1rem;font-weight:700;color:#fff}.weapon-attack-mod{display:flex;align-items:center;gap:4px;font-size:.9rem;color:var(--color-teal);font-weight:600}.weapon-attack-mod .attack-icon{font-size:.8rem}.weapon-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.weapon-tag{background:#ffffff0d;color:var(--color-text-dim);font-size:.65rem;padding:2px 6px;border-radius:4px;text-transform:capitalize}.mode-tag{background:#5bcab21a;color:var(--color-teal);border:1px solid rgba(91,202,178,.2)}.crit-spec-block{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#fff;background:var(--color-red);padding:4px 8px;border-radius:4px;margin-top:4px}.crit-spec-label{display:flex;align-items:center;gap:4px}.abilities-panel{background-color:var(--color-bg-darker);border:1px solid var(--color-bg-dark);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.abilities-panel__title{margin:0;font-size:.95rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:1px}.abilities-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:500px){.abilities-grid{grid-template-columns:1fr}}.ability-card{background-color:var(--color-bg-dark);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s}.ability-card:hover{border-color:#ffffff26}.ability-card--empty{opacity:.6;border-style:dashed}.ability-card--empty .charges-progress-fill{background-color:var(--color-text-dim)!important}.ability-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.ability-card__name{font-size:.9rem;font-weight:700;color:var(--color-text-main);line-height:1.2}.ability-card__desc{background:#0003;padding:6px 8px;border-radius:6px;font-size:.7em}.ability-card__reset{flex-shrink:0;font-size:.65rem;color:var(--color-text-dim);display:flex;align-items:center;gap:4px;background:#ffffff08;padding:2px 6px;border-radius:4px;text-transform:uppercase}.ability-card__reset .reset-icon{font-size:.6rem}.ability-card__controls{display:flex;align-items:center;gap:10px;margin-top:auto}.charges-bar-container{flex-grow:1;display:flex;flex-direction:column;gap:4px}.charges-info{font-size:.8rem;font-family:monospace;display:flex;align-items:baseline}.charges-info .charges-val{color:#fff;font-weight:700;font-size:.95rem}.charges-info .charges-sep{color:var(--color-text-dim);margin:0 2px}.charges-info .charges-max{color:var(--color-text-dim)}.charges-progress{height:4px;background:#0000004d;border-radius:2px;overflow:hidden;width:100%}.charges-progress-fill{height:100%;background-color:var(--color-orange);transition:width .3s ease}.manual-ability-note{flex-grow:1;color:var(--color-text-dim);font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.use-ability-btn{background:transparent;border:1px solid var(--color-teal);color:var(--color-teal);padding:6px 10px;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;border-color:var(--color-text-dim)}.use-ability-btn:hover:not(:disabled){background:var(--color-teal);color:#111}.use-ability-btn:disabled{color:var(--color-text-dim);cursor:not-allowed;background:transparent}.abilities-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.rest-menu-container{position:relative}.rest-menu-btn{background:transparent;border:none;color:var(--color-orange);width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.rest-menu-btn:hover{transform:rotate(180deg)}.rest-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background-color:var(--color-bg-dark);border:1px solid var(--color-teal);border-radius:8px;padding:4px;min-width:140px;z-index:100;box-shadow:0 4px 12px #00000080;display:flex;flex-direction:column;gap:2px}.rest-dropdown button{background:transparent;border:none;color:var(--color-text-main);padding:8px 12px;text-align:left;font-size:.85rem;cursor:pointer;border-radius:4px;display:flex;align-items:center;gap:8px}.rest-dropdown button:hover{background-color:#5bcab226;color:#fff}.rest-dropdown button svg{color:var(--color-teal)}.wm-add-separator{color:var(--color-text-dim);font-size:.8rem;padding:0 8px}.wm-preset-wrapper{position:relative;flex-grow:1}.wm-preset-btn{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-main);padding:10px;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;transition:all .2s}.wm-preset-btn:hover{border-color:var(--color-teal);background:#0006}.wm-preset-btn .arrow{transition:transform .2s}.wm-preset-btn .arrow.open{transform:rotate(180deg)}.wm-preset-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#1a1a1a;border:1px solid var(--color-teal);border-radius:8px;box-shadow:0 4px 20px #00000080;z-index:100;overflow:hidden;display:flex;flex-direction:column}.wm-preset-search{padding:8px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:8px;color:var(--color-text-dim)}.wm-preset-search input{background:transparent;border:none;color:#fff;width:100%;font-size:.9rem}.wm-preset-search input:focus{outline:none}.wm-preset-list{max-height:300px;overflow-y:auto}.wm-preset-list::-webkit-scrollbar{width:6px}.wm-preset-list::-webkit-scrollbar-track{background:transparent}.wm-preset-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.wm-preset-item{padding:10px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .2s;display:flex;flex-direction:column;gap:4px}.wm-preset-item:hover{background:#5bcab226}.wm-preset-item:last-child{border-bottom:none}.preset-header{display:flex;justify-content:space-between;align-items:center}.preset-name{font-weight:700;color:#fff;font-size:.95rem}.preset-dmg{font-family:monospace;color:var(--color-orange);font-weight:600}.preset-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-dim)}.preset-type{text-transform:capitalize}.preset-crit{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#aaa;margin-top:2px;font-style:italic}.preset-crit .crit-label{color:var(--color-teal);font-weight:700;font-style:normal;margin-right:4px}.wm-preset-empty{padding:16px;text-align:center;color:var(--color-text-dim);font-size:.9rem}.weapons-manager{display:flex;flex-direction:column;gap:16px}.wm-header{display:flex;justify-content:space-between;align-items:center}.wm-title{font-size:1rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:1px}.wm-add-menu{background:var(--color-bg-dark);padding:12px;border-radius:8px;animation:slideDown .2s ease}.wm-add-menu .wm-add-types{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.wm-add-menu button{background:#5bcab21a;color:var(--color-teal);border:1px solid rgba(91,202,178,.2);padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px}.wm-add-menu button:hover{background:#5bcab233}.wm-add-menu .wm-preset-select{background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px;border-radius:6px;flex-grow:1;max-width:300px}.wm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:16px}.wm-card{background-color:var(--color-bg-dark);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.wm-card:hover{border-color:#5bcab233;box-shadow:0 4px 12px #0003}.wm-card-header{display:flex;align-items:center;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.wm-info-note{padding:8px 10px;border-radius:6px;background:#0000002e;border:1px solid rgba(91,202,178,.12);color:var(--color-text-dim);font-size:.76rem;line-height:1.35}.wm-info-note strong{color:var(--color-text-main)}.wm-type-icon{font-size:1.4rem;color:var(--color-text-dim)}.wm-name-input{flex-grow:1;background:transparent;border:none;color:var(--color-text-main);font-weight:700;font-size:1rem}.wm-name-input:focus{outline:none}.wm-remove-btn{background:transparent;border:none;color:var(--color-text-dim);cursor:pointer}.wm-remove-btn:hover{color:#ef4444}.wm-row-cols{display:flex;gap:12px;flex-wrap:wrap}.wm-col{flex:1;min-width:100px;display:flex;flex-direction:column;gap:4px}.wm-col label{font-size:.7rem;color:var(--color-text-dim);text-transform:uppercase}.wm-controls-group{display:flex;gap:4px;align-items:center}.wm-select,.wm-num-input{background:#0003;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:4px;padding:6px;font-size:.85rem;width:100%}.wm-select:focus,.wm-num-input:focus{border-color:var(--color-teal);outline:none}.wm-select--tiny{width:auto;padding:2px 4px;font-size:.75rem}.wm-select--full{width:100%}.wm-input-wrapper{position:relative;width:64px;min-width:64px;flex-shrink:0}.wm-num-input{width:100%;color:#fff;border-radius:4px;padding:6px 6px 6px 20px;font-size:.9rem;text-align:center;box-sizing:border-box;-moz-appearance:textfield}.wm-num-input:focus{outline:none;border-color:var(--color-teal)}.wm-num-input::-webkit-outer-spin-button,.wm-num-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wm-input-prefix{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--color-text-dim);font-size:.8rem;pointer-events:none}.wm-badge-result{background:#5bcab21a;color:var(--color-teal);padding:6px 8px;border-radius:4px;font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:4px;white-space:nowrap}.wm-section-divider{font-size:.75rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:2px;margin-top:4px}.wm-effects-list{display:flex;flex-direction:column;gap:6px}.wm-effect-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#ffffff08;padding:4px 8px;border-radius:4px}.wm-effect-row .wm-effect-icon{font-size:1rem}.wm-effect-row .wm-effect-name{flex-grow:1;font-size:.85rem;color:#ddd}.wm-effect-row .wm-remove-mini{background:transparent;border:none;color:#666;cursor:pointer;font-size:1.1rem}.wm-effect-row .wm-remove-mini:hover{color:#ef4444}.wm-effect-row .wm-effect-desc{flex-basis:100%;color:var(--color-text-dim);font-size:.72rem;line-height:1.35;padding-left:28px}.wm-footer{margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center}.wm-dmg-preview{display:flex;align-items:center;gap:12px}.wm-dmg-preview .dice-visuals{display:flex;margin-right:4px}.wm-dmg-preview .wm-dice-preview-icon{color:var(--color-orange);font-size:1.5rem;filter:drop-shadow(0 0 5px rgba(255,165,0,.3))}.wm-dmg-preview .wm-dice-preview-icon:not(:first-child){margin-left:-10px;position:relative}.wm-dmg-preview .dmg-value{font-family:monospace;font-size:1.4rem;font-weight:700;color:#fff}.wm-add-btn{background:#5bcab21a;border:1px solid var(--color-teal);color:var(--color-teal);padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.wm-add-btn svg{font-size:.8rem}.wm-add-btn:hover{background:var(--color-teal);color:#111;box-shadow:0 0 8px #5bcab266}.wm-add-btn:active{transform:translateY(1px)}.wm-actions{display:flex;align-items:center}.armor-panel{position:relative;display:flex;flex-direction:column;gap:12px}.armor-panel__button{position:absolute;right:18px;top:12px;background:transparent;border:1px solid var(--color-teal);color:var(--color-teal);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:.8}.armor-title{font-size:.95rem;color:var(--color-text-dim);text-transform:uppercase}.armor-card{display:flex;flex-direction:column;gap:10px}.armor-header{display:flex;justify-content:space-between}.armor-name{font-weight:700;color:var(--color-text-main)}.armor-type{font-size:.7rem;color:var(--color-text-dim);text-transform:uppercase}.armor-controls{display:grid;grid-template-columns:1fr 1fr 80px;gap:8px}.armor-controls input,.armor-controls select{background:var(--color-bg-darker);border:1px solid var(--color-bg-dark);color:var(--color-text-main);border-radius:6px;padding:6px}.armor-stats{background:#0003;border-radius:6px;padding:12px;display:flex;justify-content:space-between;align-items:center}.armor-ac{font-weight:700;color:var(--color-teal)}.armor-breakdown{font-size:.7rem;color:var(--color-text-dim)}.armor-modules{display:flex;flex-direction:column;gap:8px}.armor-modules__list{display:flex;flex-direction:column;gap:8px;background:#0003;border-radius:6px;padding:8px}.armor-modules__select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%235bcab2%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpolyline points=%276 9 12 15 18 9%27%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;background-color:var(--color-bg-dark);border:1px solid transparent;border-radius:6px;padding:8px 12px;font-size:.95rem;color:var(--color-text-main);transition:all .2s ease;outline:none}.armor-modules__add{display:flex;gap:6px}.armor-modules__add button{display:flex;justify-content:center;align-items:center;background:transparent;border:1px solid var(--color-orange);color:var(--color-orange);border-radius:6px;padding:4px 8px}.armor-module{display:flex;justify-content:space-between;background:#ffffff0d;padding:6px 8px;border-radius:6px}.armor-module__name{font-size:.8rem;color:#fff}.armor-module__effect{margin-top:3px;font-size:.68rem;color:var(--color-yellow);font-weight:700}.armor-module__desc{margin-top:4px;font-size:.65rem;color:var(--color-text-dim)}.armor-module button{background:transparent;border:none;color:var(--color-red)}.armor-equip{margin-top:6px;background:var(--color-teal);color:#fff;border:none;border-radius:6px;padding:8px;font-weight:700;cursor:pointer}.finance-block{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;background-color:var(--color-bg-darker);border:1px solid var(--color-bg-dark);border-radius:12px;padding:12px}.finance-item{max-width:184px;display:flex;align-items:center;gap:12px;padding:8px 12px;background:#ffffff08;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.finance-item:hover{background:#ffffff12;border-color:#ffffff1a}.finance-item:hover .edit-hint{opacity:1}.finance-icon{font-size:1.4rem;color:var(--color-orange, #5bcab2);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}.finance-content{display:flex;flex-direction:column;flex:1}.finance-label{font-size:.75rem;text-transform:uppercase;color:var(--color-text-dim, #8899a6);letter-spacing:.5px;margin-bottom:2px}.finance-value{font-size:1.1rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:6px;font-family:monospace}.edit-hint{font-size:.8rem;color:var(--color-teal, #5bcab2);opacity:0;transition:opacity .2s}.finance-input{background:transparent;border:none;color:#fff;font-size:1.1rem;font-weight:700;width:100%;padding:0;margin:0;font-family:monospace;outline:none}.finance-input::selection{background:#5bcab24d}.class-progression{max-height:774px;width:413px;overflow-y:auto;background-color:var(--color-bg-darker);border:1px solid var(--color-bg-dark);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.class-progression::-webkit-scrollbar{width:14px}.class-progression::-webkit-scrollbar-thumb{background-color:#41597f;border-radius:6px;border:4px solid transparent;background-clip:content-box}.class-progression::-webkit-scrollbar-track,.class-progression::-webkit-scrollbar-corner{background:transparent}.cp-level{background:var(--color-bg-dark);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:12px;position:relative}.cp-level--locked{opacity:.6;filter:grayscale(.8);pointer-events:none}.cp-level__header{margin-bottom:12px;font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--color-text-dim)}.cp-level__slots,.cp-level__list{display:flex;flex-direction:column;gap:8px}.cp-level__list{margin-top:15px;padding-top:10px;border-top:1px dashed var(--color-green-alt)}.cp-level__item-title{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--color-text-main)}.cp-level__item-title svg{color:var(--color-yellow)}.cp-level__item-desc{font-size:.8rem;margin-top:4px;color:var(--color-text-dim)}.cp-slot{position:relative;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:.5rem;padding:8px;border-radius:6px;cursor:pointer;transition:border-color .2s;border:1px dashed var(--color-red, #ff4d4d)}.cp-slot:hover{border-color:#5bcab24d}.cp-slot--selected{border:1px solid var(--color-teal)}.cp-slot--locked{opacity:.5;pointer-events:none;background:#0003;border-color:transparent;cursor:not-allowed}.cp-slot--static{border:1px solid rgba(255,255,255,.1);cursor:default}.cp-slot--static:hover{border-color:#ffffff1a}.cp-slot__icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--color-orange)}.cp-slot__info{display:flex;flex-direction:column;padding-left:10px;min-width:0}.cp-slot__title{font-size:.85rem;font-weight:600;text-transform:uppercase;color:var(--color-text-main)}.cp-slot__desc{margin-top:2px;font-size:.95rem;color:var(--color-text-dim);line-height:1.25}.cp-slot__desc--selected{color:var(--color-text-main);font-weight:500}.cp-slot__tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.cp-slot__tag{max-width:100%;padding:2px 6px;border-radius:4px;background:#5bcab21f;border:1px solid rgba(91,202,178,.22);color:var(--color-teal);font-size:.7rem;line-height:1.2}.cp-slot__feat-desc{margin-top:6px;color:var(--color-text-dim);font-size:.78rem;line-height:1.3}.cp-slot__feat-condition{margin-top:4px;color:var(--color-yellow);font-size:.74rem;line-height:1.3}.cp-slot__action{display:none}.cp-popup-backdrop{position:fixed;inset:0;z-index:99}.cp-popup{position:absolute;inset-inline:0;top:100%;z-index:100;margin-top:4px;background:var(--color-bg-dark);border:1px solid var(--color-teal);border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #000000b3;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.cp-popup__header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.9rem;font-weight:700;color:var(--color-teal);background:#5bcab21a}.cp-popup__header button{background:none;border:none;font-size:1.2rem;color:var(--color-text-dim);cursor:pointer}.cp-popup__header button:hover{color:#fff}.cp-popup__content{max-height:300px;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.cp-popup__content::-webkit-scrollbar{width:6px}.cp-popup__content::-webkit-scrollbar-thumb{background:var(--color-bg-darker)}.cp-popup__empty{padding:16px;text-align:center;font-style:italic;color:var(--color-text-dim)}.cp-feat-item{padding:10px 12px;border-radius:8px;background:#ffffff08;cursor:pointer;transition:background .2s;position:relative}.cp-feat-item:hover{background:#5bcab21a}.cp-feat-item--active{background:#5bcab226}.cp-feat-item__head{display:flex;justify-content:space-between;gap:12px;margin-bottom:4px}.cp-feat-item__name{font-size:.95rem;font-weight:600;color:var(--color-text-main);min-width:0}.cp-feat-item__lvl{font-size:.75rem;color:var(--color-yellow);background:#0000004d;padding:2px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0}.cp-feat-item__tags{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 6px}.cp-feat-item__tag{max-width:100%;padding:2px 6px;border-radius:4px;background:#5bcab21f;border:1px solid rgba(91,202,178,.22);color:var(--color-teal);font-size:.7rem;line-height:1.2;white-space:normal}.cp-feat-item__desc{font-size:.85rem;line-height:1.3;color:var(--color-text-dim)}.cp-feat-item__condition{margin-top:6px;font-size:.78rem;line-height:1.3;color:var(--color-yellow)}.cp-feat-item__check{position:absolute;right:10px;bottom:10px;color:var(--color-teal)}.cp-skill-item{width:100%;padding:8px 12px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .15s;box-sizing:border-box;border-radius:4px}.cp-skill-item:hover{background:#5bcab21f}.cp-skill-item--active{background:#5bcab233}.cp-skill-item__name{font-size:.9rem;color:var(--color-text-main)}.cp-skill-item__rank{font-size:.8rem;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:#0000004d;color:var(--color-yellow)}.main-screen__row{display:flex;align-items:flex-start;gap:8px}.main-screen__input-title{color:#8a8aa0;font-size:.85em;margin-bottom:8px;font-weight:600}.main-screen__character{display:flex;align-items:top;gap:8px}.race-box,.class-box,.backstory-box{color:#fff;padding:10px;border-radius:8px;margin-top:10px}.race-name,.class-name{font-size:1.2em;font-weight:700;margin-bottom:6px}.race-trait,.class-trait{font-size:.85em;line-height:1.4;margin-bottom:4px}.race-desc,.class-desc{background:#0000002e;padding:8px;border-radius:6px;font-size:.85em;margin-top:6px}.stat-box{width:20%;background-color:#1e1e28;border-radius:8px;padding:20px;box-shadow:0 10px 30px #0003;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:transform .2s ease,box-shadow .2s ease}.stat-box:hover{box-shadow:0 15px 40px #17aa774d;background-color:#252530}.stat-box label{font-size:.9em;font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;text-align:center;width:100%;z-index:2;pointer-events:none}.stat-value-container{position:relative;width:100%;height:60px;display:flex;align-items:center;justify-content:center;gap:6px;flex-direction:column}.stat-box label{color:#6c6c80;font-size:.8em;font-weight:600;margin-bottom:10px;margin-top:15px;display:block}.stat-value-display{font-size:2.8em;font-weight:700;color:#fff;text-shadow:none}.stat-input-overlay{position:absolute;top:0;width:100%;height:100%;font-family:inherit;font-size:2.2em;font-weight:800;text-align:center;color:#fff;opacity:0;background:transparent;border:none;border-radius:6px;z-index:10;cursor:text;outline:none;transition:all .2s ease;padding:0;margin:0}.stat-input-overlay:focus{opacity:1;background:#0000;font-size:2.8em;text-shadow:none;border:none}.stat-input-overlay:focus+.stat-value-display{opacity:0}.stat-input-overlay::-webkit-outer-spin-button,.stat-input-overlay::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stat-input-overlay[type=number]{-moz-appearance:textfield}.stat-mod-display{margin-top:12px;color:#38ef7d;font-weight:600;background:#38ef7d1a;padding:4px 12px;border-radius:8px;font-size:.9em}.main-screen{max-width:1400px;margin:0 auto}.main-screen__layout-row{display:flex;gap:16px;flex-wrap:wrap}.main-screen__left-column{display:flex;flex-direction:column;gap:16px}.main-screen__left-column-row{display:flex;gap:16px}.main-screen__right-column{flex:1.5;min-width:350px;display:flex;flex-direction:column;gap:16px}.main-screen__inputs-column{display:flex;flex-direction:column;gap:8px}.main-screen__input-field select,.main-screen__input-field input{width:100%;padding:.75rem;border-radius:6px;border:1px solid #333;background:#252530;color:#fff}.main-screen__previews-column{display:flex;flex-direction:column;gap:px}.preview-box{color:#fff}.race-box{background:linear-gradient(280deg,#f093fb,#f5576c)}.class-box{background:linear-gradient(135deg,#667eea,#764ba2)}.backstory-box{background:linear-gradient(280deg,#a8e6cf,#88d8a3)}.stats-block{position:relative;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.stats-block__icon{position:absolute;top:5px;left:26px;transform:translate(-50%);opacity:.1;font-size:40px}.basic-info{display:flex;gap:1.5rem;align-items:flex-start;padding:1.5rem;background:#1e1e28cc;border-radius:8px}.basic-info__avatar{flex-shrink:0;width:120px;height:120px;position:relative;border-radius:8px;overflow:hidden}.basic-info__avatar img{width:100%;height:100%;object-fit:cover}.basic-info__avatar input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.basic-info__summary{flex:1}.basic-info__summary h3{margin:0 0 .5rem;font-size:1.4em}.basic-info__summary p{margin:.25rem 0;color:#8a8aa0}@media(max-width:1024px){.main-screen__layout-row{flex-direction:column}.main-screen__right-column{order:-1}}@media(max-width:768px){.stats-block{justify-content:center}.stat-box{flex:1 1 80px}}.nav-tabs__container{background-color:#152930;padding:6px;border-radius:12px;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.nav-tabs__container::-webkit-scrollbar{display:none}.nav-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;border:none;background:transparent;color:var(--color-text-dim);font-family:inherit;font-size:.7rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.nav-tab__icon{font-size:1.1rem;display:flex;opacity:.7;transition:opacity .2s}.nav-tab:hover:not(.nav-tab--active){background-color:#ffffff08;color:var(--color-text-main)}.nav-tab:hover:not(.nav-tab--active) .nav-tab__icon{opacity:1}.nav-tab--active{background-color:var(--color-bg-dark);color:var(--color-text-main);box-shadow:0 2px 8px #0003}.nav-tab--active .nav-tab__icon{opacity:1}@media(max-width:600px){.nav-tab{padding:10px 14px}.nav-tab .nav-tab__label{display:none}.nav-tab .nav-tab__icon{font-size:1.2rem;margin:0}}.drone-panel{width:413px;background-color:var(--color-bg-darker);border:1px solid var(--color-bg-dark);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.drone-panel__header{border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:8px}.drone-panel__title{margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-dim);font-weight:600}.drone-panel__empty{background:#0003;border:1px dashed rgba(91,202,178,.28);border-radius:8px;padding:14px}.drone-panel__empty-title{color:var(--color-yellow);font-weight:700;font-size:.9rem;margin-bottom:6px}.drone-panel__empty-text{color:var(--color-text-dim);font-size:.82rem;line-height:1.4}.drone-panel__chassis-selector{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px}.drone-panel__chassis-selector::-webkit-scrollbar{height:3px}.drone-panel__chassis-selector::-webkit-scrollbar-thumb{background:var(--color-teal);border-radius:2px}.drone-panel__chassis-btn{flex:0 0 71px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px;background:var(--color-bg-dark);border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s;color:var(--color-text-dim)}.drone-panel__chassis-btn:hover{background:#ffffff0d}.drone-panel__chassis-btn--active{background:#0006;border-color:currentColor}.drone-panel__chassis-icon{font-size:1.2rem;margin-bottom:2px}.drone-panel__chassis-label{font-size:.6rem;text-transform:uppercase}.drone-panel__chassis-desc{font-size:.75rem;color:var(--color-text-dim);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drone-panel__stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.drone-panel .drone-stat{background:var(--color-bg-darker);border-radius:4px;padding:6px 8px;display:flex;align-items:center;gap:6px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.drone-panel .drone-stat--hp{grid-column:span 1;cursor:pointer}.drone-panel .drone-stat--hp:hover{border-color:#fff3}.drone-panel .drone-stat__bg-bar{position:absolute;inset:0;z-index:1}.drone-panel .drone-stat__fill{height:100%;background:linear-gradient(90deg,#e76f5133,#e76f511a);transition:width .3s}.drone-panel .drone-stat__content{position:relative;z-index:2;display:flex;align-items:center;gap:6px;width:100%}.drone-panel .drone-stat__icon{font-size:1rem;color:var(--color-text-dim);flex-shrink:0}.drone-panel .drone-stat__icon--hp{color:var(--color-red)}.drone-panel .drone-stat__icon--ac{color:var(--color-teal)}.drone-panel .drone-stat__icon--atk{color:var(--color-orange)}.drone-panel .drone-stat__values{display:flex;flex-direction:column;flex:1}.drone-panel .drone-stat__label{font-size:.55rem;color:var(--color-text-dim);font-weight:700}.drone-panel .drone-stat__value{font-size:.95rem;font-weight:700;line-height:1}.drone-panel .drone-stat__value--sm{font-size:.8rem;white-space:nowrap}.drone-panel .drone-stat__max{font-size:.7rem;color:#fff6}.drone-panel .drone-stat__input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--color-teal);color:#fff;font-size:.95rem;font-weight:700;padding:0;outline:none}.drone-panel__attrs{display:flex;justify-content:space-between;background:#0003;padding:8px;border-radius:4px}.drone-panel .drone-attr{text-align:center}.drone-panel .drone-attr .l{display:block;font-size:.55rem;color:var(--color-text-dim)}.drone-panel .drone-attr .v{display:block;font-size:.8rem;font-weight:700}.drone-panel__section{background:#0003;padding:8px;border-radius:6px}.drone-panel__section-title{font-size:.75rem;color:var(--color-yellow);font-weight:700;margin-bottom:6px;text-transform:uppercase}.drone-panel__abilities{display:flex;flex-direction:column;gap:6px}.drone-panel .drone-ability{background:var(--color-bg-darker);border-radius:4px;padding:6px 8px;border:1px solid transparent}.drone-panel .drone-ability--locked{opacity:.5;border:1px dashed #444}.drone-panel .drone-ability--unlocked{border-left:2px solid var(--color-teal)}.drone-panel .drone-ability__header{display:flex;align-items:center;gap:4px;margin-bottom:3px}.drone-panel .drone-ability__header .name{font-size:.85rem;font-weight:700;color:var(--color-text-main)}.drone-panel .drone-ability__header .lvl{font-size:.65rem;background:var(--color-teal);color:var(--color-text-main);padding:2px 4px;border-radius:3px;font-weight:700}.drone-panel .drone-ability__header .lock{margin-left:auto;font-size:.7rem;color:#555}.drone-panel .drone-ability__desc{font-size:.75rem;color:var(--color-text-dim);line-height:1.3}.drone-panel__modules{display:flex;flex-direction:column;gap:4px}.drone-panel .drone-mod{display:flex;align-items:center;gap:8px;background:var(--color-bg-darker);padding:6px;border-radius:3px;border-left:2px solid #555}.drone-panel .drone-mod__icon{font-size:1rem;display:flex;align-items:center}.drone-panel .drone-mod__info{flex:1;overflow:hidden}.drone-panel .drone-mod .title{font-size:.8rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drone-panel .drone-mod .effect{font-size:.65rem;color:var(--color-green-alt)}.drone-panel .drone-mod__del{background:none;border:none;color:#444;cursor:pointer;padding:2px}.drone-panel .drone-mod__del:hover{color:var(--color-red)}.drone-panel .drone-add-mod{position:relative;margin-top:8px}.drone-panel .drone-add-mod__trigger{width:100%;background:var(--color-bg-darker);border:1px solid var(--color-teal);color:var(--color-teal);padding:8px 12px;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:700}.drone-panel .drone-add-mod__trigger:hover{background:#5bcab21a}.drone-panel .drone-add-mod__trigger .arrow.open{transform:rotate(180deg)}.drone-panel .drone-add-mod__dropdown{position:absolute;bottom:100%;left:0;right:0;max-height:250px;overflow-y:auto;background:#1a1a1a;border:1px solid var(--color-teal);border-radius:4px;box-shadow:0 0 15px #000c;z-index:100;margin-bottom:5px}.drone-panel .drone-add-mod__dropdown::-webkit-scrollbar{width:4px}.drone-panel .drone-add-mod__dropdown::-webkit-scrollbar-thumb{background:var(--color-teal)}.drone-panel .mod-option{display:flex;gap:10px;padding:8px;border-bottom:1px solid #333;cursor:pointer}.drone-panel .mod-option:last-child{border-bottom:none}.drone-panel .mod-option:hover:not(.drone-panel .mod-option--disabled){background:#ffffff0d}.drone-panel .mod-option--disabled{opacity:.5;cursor:default;background:#0003}.drone-panel .mod-option__icon{font-size:1.2rem;margin-top:2px}.drone-panel .mod-option__content{flex:1}.drone-panel .mod-option .name{font-size:.85rem;font-weight:700;color:#fff;margin-bottom:2px}.drone-panel .mod-option .type{font-size:.6rem;background:#333;padding:1px 4px;border-radius:2px;color:#aaa;margin-left:5px;font-weight:400}.drone-panel .mod-option .desc{font-size:.7rem;color:#888}.drone-panel .mod-option .effect{font-size:.7rem;color:var(--color-green-alt);font-weight:700}.drone-panel .mod-option__badge{font-size:.6rem;color:var(--color-yellow);align-self:center}.app-header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-height:30px;margin-bottom:18px;padding:4px 16px;box-sizing:border-box;background-color:#011010d6;border-radius:16px;box-shadow:0 20px 60px #0009;border:1px solid var(--color-bg-dark);color:var(--color-text-main)}.app-header__brand{display:inline-flex;align-items:baseline;gap:7px;min-width:max-content;color:var(--color-text-main);text-decoration:none;text-transform:uppercase;letter-spacing:0}.app-header__brand-main{font-size:1.08rem;font-weight:900;line-height:1;text-shadow:0 0 18px rgba(91,202,178,.22)}.app-header__brand-mark{color:var(--color-yellow);font-size:1.05rem;font-weight:900}.app-header__nav{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}.app-header__nav::-webkit-scrollbar{display:none}.app-header__nav-link{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:1px solid transparent;border-radius:8px;color:var(--color-text-dim);font-size:.82rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease}.app-header__nav-link:hover{border-color:#5bcab22e;background:#ffffff09;color:var(--color-text-main)}.app-header__nav-link--active{border-color:#5bcab257;background:#5bcab21f;color:var(--color-teal)}.app-header__nav-icon{display:inline-flex;font-size:.95rem}.app-header__user{position:relative;justify-self:end}.app-header__user:focus-within .app-header__user-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.app-header__user-trigger{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 10px;border:none;border-radius:8px;background:transparent;color:var(--color-text-main);cursor:pointer;font:inherit}.app-header__user-icon{color:var(--color-teal);font-size:1.1rem}.app-header__user-name{max-width:130px;overflow:hidden;font-size:.82rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.app-header__user-caret{color:var(--color-text-dim);font-size:.65rem}.app-header__user-menu{position:absolute;top:calc(100% + 8px);right:0;display:grid;min-width:168px;padding:6px;border:1px solid rgba(91,202,178,.24);border-radius:8px;background:#152930fa;box-shadow:0 16px 32px #00000057;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease}.app-header__user-menu-item{width:100%;padding:9px 10px;border:0;border-radius:6px;background:transparent;color:var(--color-text-dim);cursor:pointer;font:inherit;font-size:.84rem;font-weight:650;text-align:left;text-decoration:none;box-sizing:border-box}.app-header__user-menu-item:hover{background:#5bcab21a;color:var(--color-text-main)}@media(max-width:820px){.app-header{grid-template-columns:1fr auto;gap:10px}.app-header__nav{grid-column:1/-1;order:3}}@media(max-width:520px){.app-header{margin-bottom:12px;padding:8px}.app-header__brand-main{font-size:.94rem}.app-header__nav-link{padding:0 10px}.app-header__user-name{display:none}}:root{--color-bg-dark: #264653;--color-bg-darker: #1a323c;--color-teal: #5bcab2;--color-green-alt: #5c8e80;--color-yellow: #e9c46a;--color-orange: #f4a261;--color-red: #e76f51;--color-text-main: #edf6f9;--color-text-dim: #8ab0b0}body{background-attachment:fixed;color:var(--color-text-main);background-color:#0a1f29}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:gray;border-radius:4px}::-webkit-scrollbar-track{background:transparent}body{font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:20px}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.spaceship{--cell-size: 60px;--cell-gap: 2px;box-sizing:border-box;height:calc(100dvh - 98px);min-height:0;padding:20px;display:flex;gap:20px;overflow:hidden}.spaceship__main{display:flex;flex-direction:column;gap:20px;width:320px;height:100%;overflow-y:auto;overflow-x:hidden}.spaceship__main::-webkit-scrollbar{width:12px}.spaceship__main::-webkit-scrollbar-thumb{background-color:var(--color-green-alt);border-radius:6px;border:3px solid transparent;background-clip:content-box}.spaceship__main::-webkit-scrollbar-track{background:transparent}.ship-stats{background-color:var(--color-bg-darker);border:1px solid var(--color-bg-dark);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:16px;flex-shrink:0}.ship-stats__name-input{width:100%;padding:12px;background:var(--color-bg-dark);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--color-teal);font-size:1.1rem;font-weight:700;text-align:center;outline:none;transition:border-color .2s;box-sizing:border-box}.ship-stats__name-input:focus{border-color:var(--color-teal)}.ship-stats__name-input::placeholder{color:var(--color-text-dim);opacity:.5}.ship-stats__selectors{display:flex;flex-direction:column;gap:12px}.ship-stats__selector{display:flex;flex-direction:column;gap:6px}.ship-stats__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-dim)}.ship-stats__select{width:100%;padding:10px;background:var(--color-bg-dark);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--color-text-main);font-size:.9rem;cursor:pointer;outline:none;transition:border-color .2s}.ship-stats__select:hover{border-color:#5bcab24d}.ship-stats__select:focus{border-color:var(--color-teal)}.ship-stats__resources{display:flex;flex-direction:column;gap:8px;padding:12px;background:#5bcab20d;border:1px solid rgba(91,202,178,.15);border-radius:8px}.ship-stats__resource{display:flex;align-items:center;gap:8px;font-size:.85rem}.ship-stats__resource svg{font-size:1rem;color:var(--color-teal)}.ship-stats__resource-label{flex:1;color:var(--color-text-dim)}.ship-stats__resource-value{font-weight:700;color:var(--color-text-main)}.ship-stats__power{padding:12px;background:#e9c46a1a;border:1px solid rgba(233,196,106,.2);border-radius:8px}.ship-stats__power-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;font-weight:700;color:var(--color-yellow)}.ship-stats__power-header svg{font-size:1rem}.ship-stats__power-bar{height:12px;background:#0000004d;border-radius:6px;overflow:hidden;margin-bottom:6px}.ship-stats__power-fill{height:100%;transition:width .3s,background-color .3s}.ship-stats__power-text{font-size:.8rem;text-align:center;color:var(--color-text-main)}.ship-stats__power-warning{color:var(--color-red);font-weight:700;animation:blink 1s infinite}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.4}}.ship-stats__shields{padding:12px;background:#06a77d1a;border:1px solid rgba(6,167,125,.2);border-radius:8px}.ship-stats__shields .ship-stats__power-header{color:var(--color-shield)}.ship-stats__shields .ship-stats__power-fill{background:var(--color-shield)!important}.ship-stats__params{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.ship-stats__param{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff08;border-radius:6px;transition:background .2s}.ship-stats__param:hover{background:#ffffff0d}.ship-stats__param-label{font-size:.8rem;color:var(--color-text-dim)}.ship-stats__param-value{font-size:.95rem;font-weight:700;color:var(--color-teal)}.spaceship__toolbar{flex:1;background-color:var(--color-bg-darker);border:1px solid var(--color-bg-dark);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:16px;flex-shrink:0}.spaceship__header{display:flex;flex-direction:column;gap:12px}.spaceship__title{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--color-text-dim)}.spaceship__cancel-btn{width:100%;padding:12px;background:#e76f5133;border:1px solid var(--color-red);border-radius:8px;color:var(--color-text-main);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:8px}.spaceship__cancel-btn:hover{background:#e76f514d}.spaceship__cancel-btn svg{font-size:1.2rem}.spaceship__room-selector{display:flex;flex-direction:column;gap:12px}.room-selector{background:var(--color-bg-dark);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:12px}.room-selector__header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.room-selector__icon{font-size:1.4rem;color:var(--color-teal)}.room-selector__name{font-size:.9rem;font-weight:600;color:var(--color-text-main);flex:1}.room-selector__stats{display:flex;gap:8px;margin-bottom:6px;flex-wrap:wrap}.room-selector__hp{font-size:.75rem;font-weight:700;color:var(--color-orange);background:#f4a26126;padding:3px 8px;border-radius:4px}.room-selector__power{font-size:.75rem;font-weight:700;color:var(--color-yellow);background:#e9c46a26;padding:3px 8px;border-radius:4px}.room-selector__description{font-size:.75rem;color:var(--color-text-dim);line-height:1.3;margin-bottom:8px;font-style:italic}.room-selector__sizes{display:flex;gap:4px;flex-wrap:wrap}.room-selector__custom-size{display:flex;gap:8px;align-items:center;margin-top:8px}.room-selector__size-stepper{min-width:0;display:flex;height:32px;overflow:hidden;background:var(--color-bg-darker);border:1px solid rgba(91,202,178,.35);border-radius:8px}.room-selector__size-stepper input{min-width:0;flex:1;height:100%;padding:0 6px 0 10px;background:transparent;border:0;color:var(--color-text-main);appearance:textfield;font-weight:700;font-size:1rem;text-align:center;outline:none}.room-selector__size-stepper input::-webkit-outer-spin-button,.room-selector__size-stepper input::-webkit-inner-spin-button{margin:0;appearance:none}.room-selector__size-stepper input:focus{color:var(--color-teal)}.room-selector__stepper-buttons{display:flex;flex-direction:column;width:24px;border-left:1px solid rgba(91,202,178,.28)}.room-selector__stepper-btn{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:0;border:0;background:#5bcab21f;color:var(--color-text-dim);cursor:pointer;transition:background .15s ease,color .15s ease}.room-selector__stepper-btn+.room-selector__stepper-btn{border-top:1px solid rgba(91,202,178,.18)}.room-selector__stepper-btn:hover{background:#5bcab23d;color:var(--color-teal)}.room-selector__stepper-btn svg{width:9px;height:9px}.room-selector__custom-size span{color:var(--color-text-dim);font-weight:800}.room-selector__btn--custom{min-width:72px}.room-selector__btn{flex:0 0 auto;min-width:48px;padding:6px 8px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--color-text-dim);font-size:.8rem;cursor:pointer;transition:all .2s}.room-selector__btn:hover{background:#5bcab21a;border-color:var(--color-teal);color:var(--color-text-main)}.room-selector__btn--active{background:#5bcab233;border-color:var(--color-teal);color:var(--color-teal)}.spaceship__container{flex:1;display:flex;justify-content:center;align-items:center;background-color:var(--color-bg-darker);border:1px solid var(--color-bg-dark);border-radius:12px;padding:20px;overflow:auto;height:100%;position:relative}.spaceship__viewport-tools{position:absolute;top:14px;right:14px;z-index:20;display:flex;align-items:center;gap:6px;padding:6px;background:#183540e6;border:1px solid rgba(91,202,178,.35);border-radius:8px;box-shadow:0 10px 24px #00000040}.spaceship__viewport-tools button{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:32px;padding:0 10px;background:#5bcab21f;border:1px solid rgba(91,202,178,.3);border-radius:6px;color:var(--color-text-main);cursor:pointer}.spaceship__viewport-tools button:hover{background:#5bcab238}.spaceship__viewport-tools span{min-width:48px;color:var(--color-text-main);font-weight:800;text-align:center}.spaceship__board{width:100%;height:100%;min-height:520px;position:relative;overflow:hidden;touch-action:none;cursor:grab}.spaceship__board:active,.spaceship__board--dragging{cursor:grabbing}.spaceship__grid{display:grid;gap:var(--cell-gap);background:#ffffff05;padding:var(--cell-gap);border-radius:8px;position:relative;transition:box-shadow .3s;transform-origin:0 0}.spaceship__grid--dragging{cursor:grabbing}.spaceship__grid--shielded{box-shadow:0 0 15px 1px #7fffd4;animation:shieldPulse 2s infinite}@keyframes shieldPulse{0%,to{box-shadow:0 0 15px 1px #7fffd4}50%{box-shadow:0 0 25px 3px #7fffd4}}.spaceship__cell{position:relative;width:var(--cell-size);height:var(--cell-size);background:var(--color-bg-dark);border:1px solid rgba(255,255,255,.05);border-radius:4px;cursor:pointer;transition:all .15s}.spaceship__cell--placement-mode{cursor:crosshair}.spaceship__cell--hover-valid{background:#5bcab233;border-color:var(--color-teal)}.spaceship__cell--hover-invalid{background:#e76f5133;border-color:var(--color-red)}.spaceship__cell--filled{background:transparent;border:none;pointer-events:auto}.spaceship__cell--selected{z-index:5}.spaceship__cell--dragging{opacity:.3!important}.spaceship__cell--dragging .spaceship__room{opacity:.3!important;visibility:hidden}.spaceship__rooms-layer{position:absolute;inset:0;pointer-events:none}.spaceship__room{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(0,0,0,.3);border-radius:6px;cursor:grab;transition:transform .2s,box-shadow .2s;overflow:hidden;pointer-events:auto!important;-webkit-user-select:none;user-select:none}.spaceship__room:active{cursor:grabbing}.spaceship__room[data-width="1"][data-height="1"]{width:56px;height:56px}.spaceship__room[data-width="2"][data-height="1"]{width:118px;height:56px}.spaceship__room[data-width="1"][data-height="2"]{width:56px;height:118px}.spaceship__room[data-width="2"][data-height="2"]{width:118px;height:118px}.spaceship__room[data-width="3"][data-height="1"]{width:180px;height:56px}.spaceship__room[data-width="1"][data-height="3"]{width:56px;height:180px}.spaceship__room[data-width="3"][data-height="2"]{width:180px;height:118px}.spaceship__room[data-width="2"][data-height="3"]{width:118px;height:180px}.spaceship__room[data-width="3"][data-height="3"]{width:180px;height:180px}.spaceship__room-hp-bar{position:absolute;top:0;left:0;right:0;height:3px;background:#00000080;z-index:1}.spaceship__room-hp-fill{height:100%;transition:width .3s,background-color .3s}.spaceship__room-upgrade-badge{position:absolute;top:4px;left:4px;background:#e9c46ae6;color:#1a323c;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px;z-index:10}.spaceship__room-crew-badge{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#fff;z-index:10}.spaceship__room--selected{box-shadow:0 0 0 3px var(--color-teal);z-index:10}.spaceship__room--dragging{opacity:.35}.spaceship__room:hover{transform:scale(1.01);box-shadow:0 4px 20px #0006;z-index:15}.spaceship__room-icon{margin-bottom:4px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));color:#fffffff2;pointer-events:none;z-index:2}.spaceship__room-name{font-size:.68rem;font-weight:600;color:var(--color-text-main);text-shadow:0 1px 3px rgba(0,0,0,.8);text-align:center;padding:0 8px;pointer-events:none;z-index:2}.spaceship__room-drag-hint{position:absolute;top:6px;right:6px;font-size:1.2rem;color:#ffffff80;opacity:0;transition:opacity .2s;pointer-events:none;z-index:10}.spaceship__room:hover .spaceship__room-drag-hint{opacity:1}.spaceship__room[data-width="1"][data-height="1"] .spaceship__room-icon{font-size:1.35rem}.spaceship__room[data-width="2"] .spaceship__room-icon,.spaceship__room[data-height="2"] .spaceship__room-icon{font-size:1.5rem}.spaceship__room[data-width="3"] .spaceship__room-icon,.spaceship__room[data-height="3"] .spaceship__room-icon{font-size:1.875rem}.spaceship__room[data-width="4"] .spaceship__room-icon,.spaceship__room[data-height="4"] .spaceship__room-icon,.spaceship__room[data-width="5"] .spaceship__room-icon,.spaceship__room[data-height="5"] .spaceship__room-icon,.spaceship__room[data-width="6"] .spaceship__room-icon,.spaceship__room[data-height="6"] .spaceship__room-icon{font-size:2.1rem}.spaceship-menu-backdrop{position:fixed;inset:0;z-index:99;background:#00000080}.spaceship-menu{position:fixed;transform:translate(-50%,-50%);z-index:100;background:var(--color-bg-dark);border:1px solid var(--color-teal);border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #000000b3;min-width:300px;max-width:400px;animation:menuFadeIn .15s ease-out}@keyframes menuFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.spaceship-menu__header{display:flex;align-items:center;padding:12px 16px;font-size:1rem;font-weight:700;color:var(--color-teal);background:#5bcab21a;gap:10px}.spaceship-menu__icon{font-size:1.4rem}.spaceship-menu__title{flex:1}.spaceship-menu__close{background:none;border:none;font-size:1.4rem;color:var(--color-text-dim);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s;line-height:1}.spaceship-menu__close:hover{color:var(--color-text-main)}.spaceship-menu__stats{padding:12px 16px;display:grid;grid-template-columns:1fr 1fr;gap:8px;border-bottom:1px solid rgba(255,255,255,.05);background:#0003}.spaceship-menu__stat{display:flex;flex-direction:column;gap:2px;font-size:.8rem}.spaceship-menu__stat span:first-child{color:var(--color-text-dim);font-size:.7rem}.spaceship-menu__stat span:last-child{color:var(--color-text-main);font-weight:700}.spaceship-menu__content{padding:12px;display:flex;flex-direction:column;gap:12px}.spaceship-menu__section{display:flex;flex-direction:column;gap:8px}.spaceship-menu__section-title{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:var(--color-teal);text-transform:uppercase}.spaceship-menu__upgrades{display:flex;gap:6px}.spaceship-menu__upgrade-btn{flex:1;padding:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--color-text-main);font-size:.75rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:4px}.spaceship-menu__upgrade-btn:hover:not(:disabled){background:#5bcab21a;border-color:var(--color-teal)}.spaceship-menu__upgrade-btn:disabled{opacity:.4;cursor:not-allowed}.spaceship-menu__upgrade-btn--active{background:#5bcab233;border-color:var(--color-teal);color:var(--color-teal)}.spaceship-menu__crew-select,.spaceship-menu__status-select{width:100%;padding:8px;background:var(--color-bg-darker);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--color-text-main);font-size:.85rem;cursor:pointer;outline:none}.spaceship-menu__crew-select:hover,.spaceship-menu__status-select:hover{border-color:var(--color-teal)}.spaceship-menu__action{width:100%;padding:10px 12px;background:#ffffff08;border:none;border-radius:6px;color:var(--color-text-main);font-size:.9rem;text-align:left;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:8px}.spaceship-menu__action svg{font-size:1.1rem}.spaceship-menu__action:hover:not(:disabled){background:#5bcab21f}.spaceship-menu__action:disabled{opacity:.4;cursor:not-allowed}.spaceship-menu__action--danger{color:var(--color-red);border-top:1px solid rgba(255,255,255,.05);margin-top:4px;padding-top:12px}.spaceship-menu__action--danger:hover{background:#e76f511f}.spaceship-menu__equipment-description{font-size:.75rem;color:var(--color-text-dim);margin-top:4px}.spaceship-page{min-height:0}.combat{background-color:var(--color-bg-darker);color:var(--color-text-main);font-family:sans-serif;min-height:100vh;padding:20px;display:flex;flex-direction:column;gap:24px}.combat__tracker{display:flex;gap:10px;overflow-x:auto;padding:16px;background-color:var(--color-bg-dark);border:1px solid rgba(255,255,255,.05);border-radius:6px}.combat__tracker--empty{color:var(--color-text-dim);font-size:.9rem;padding:8px}.combat__section{display:flex;flex-direction:column;gap:16px}.combat__section-title{color:var(--color-teal);border-bottom:1px dashed var(--color-green-alt);padding-bottom:8px;font-size:1.1rem}.combat__section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.combat__section-header{display:flex;align-items:center;justify-content:space-between}.combat__section-add-btn{background-color:transparent;color:var(--color-teal);border:1px dashed var(--color-teal);padding:6px 14px;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:700;transition:background-color .2s,color .2s}.combat__section-add-btn:hover:not(:disabled){background-color:var(--color-teal);color:var(--color-bg-darker)}.combat__section-add-btn:disabled{opacity:.3;cursor:not-allowed}.init-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100px;padding:10px 8px;border-radius:6px;background-color:var(--color-bg-darker);border:1px solid var(--color-teal);flex-shrink:0}.init-card--elite{box-shadow:0 0 8px #e9c46a66}.init-card__elite-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.init-card--enemy{border-color:var(--color-red)}.init-card__icon{color:var(--color-teal);margin-bottom:4px;display:flex;align-items:center;justify-content:center}.init-card--enemy .init-card__icon{color:var(--color-red)}.init-card__value{font-size:1.3rem;font-weight:700;color:var(--color-orange)}.init-card__name{font-size:.78rem;text-align:center;color:var(--color-text-dim);margin-top:4px;word-break:break-word}.pc-card{background-color:var(--color-bg-dark);border:1px dashed var(--color-green-alt);padding:16px;border-radius:6px;display:flex;flex-direction:column;gap:10px}.pc-card__field{display:flex;flex-direction:column;gap:4px}.pc-card__field-label{font-size:.82rem;color:var(--color-text-dim)}.pc-card__field-input{background-color:var(--color-bg-darker);color:var(--color-text-main);border:1px solid rgba(255,255,255,.1);padding:7px 10px;border-radius:4px;outline:none;width:100%}.pc-card__field-input:focus{border-color:var(--color-teal)}.pc-card__icon-row{display:flex;align-items:flex-start;gap:12px}.pc-card__icon-preview{color:var(--color-teal);display:flex;align-items:center;justify-content:center;min-width:40px;padding-top:4px}.pc-card__icon-picker{display:flex;flex-wrap:wrap;gap:4px}.pc-card__icon-btn{background-color:var(--color-bg-darker);color:var(--color-text-dim);border:1px solid rgba(255,255,255,.08);padding:5px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s}.pc-card__icon-btn:hover{border-color:var(--color-teal);color:var(--color-teal)}.pc-card__icon-btn--active{border-color:var(--color-teal);color:var(--color-teal);background-color:#5bcab21f}.pc-card__remove-btn{background-color:transparent;color:var(--color-red);border:1px dashed var(--color-red);padding:6px;border-radius:4px;cursor:pointer;font-size:.8rem;margin-top:4px;transition:background-color .2s,color .2s}.pc-card__remove-btn:hover:not(:disabled){background-color:var(--color-red);color:#fff}.pc-card__remove-btn:disabled{opacity:.25;cursor:not-allowed}.generator{background-color:var(--color-bg-dark);border:1px dashed var(--color-green-alt);padding:16px;border-radius:6px;display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.generator__btn-group{display:flex;flex-wrap:wrap;gap:5px}.generator__toggle-btn{background-color:var(--color-bg-darker);color:var(--color-text-dim);border:1px solid rgba(255,255,255,.1);padding:5px 9px;border-radius:4px;cursor:pointer;font-size:.78rem;display:flex;align-items:center;transition:all .15s}.generator__toggle-btn:hover{border-color:var(--btn-color, var(--color-teal));color:var(--btn-color, var(--color-teal))}.generator__toggle-btn--active{border-color:var(--btn-color, var(--color-teal));color:var(--btn-color, var(--color-teal));background-color:color-mix(in srgb,var(--btn-color, var(--color-teal)) 15%,transparent);font-weight:700}.generator__toggle-btn--teal{--btn-color: var(--color-teal)}.generator__checkbox{display:flex;align-items:center;gap:7px;cursor:pointer;color:var(--color-yellow);font-size:.85rem;-webkit-user-select:none;user-select:none;padding:6px 10px;border:1px dashed rgba(233,196,106,.4);border-radius:4px;transition:background-color .15s}.generator__checkbox input[type=checkbox]{accent-color:var(--color-yellow);width:14px;height:14px;cursor:pointer}.generator__checkbox:hover{background-color:#e9c46a12}.generator__field{display:flex;flex-direction:column;gap:6px}.generator__field-label{font-size:.82rem;color:var(--color-text-dim)}.generator__field-input{background-color:var(--color-bg-darker);color:var(--color-text-main);border:1px solid rgba(255,255,255,.1);padding:7px 10px;border-radius:4px;outline:none;width:90px}.generator__field-input:focus{border-color:var(--color-teal)}.generator__field--wide{flex:1;min-width:240px}.generator__field--difficulty{flex:1;min-width:200px}.generator__difficulty{display:flex;gap:6px;flex-wrap:wrap}.generator__difficulty-btn{background-color:var(--color-bg-darker);color:var(--color-text-dim);border:1px solid rgba(255,255,255,.1);padding:6px 10px;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s}.generator__difficulty-btn:hover{border-color:var(--diff-color, var(--color-teal));color:var(--diff-color, var(--color-teal))}.generator__difficulty-btn--active{border-color:var(--diff-color, var(--color-teal));color:var(--diff-color, var(--color-teal));background-color:color-mix(in srgb,var(--diff-color, var(--color-teal)) 15%,transparent);font-weight:700}.generator__btn{background-color:var(--color-teal);color:var(--color-bg-darker);border:none;padding:9px 18px;border-radius:4px;cursor:pointer;font-weight:700;white-space:nowrap;transition:opacity .2s}.generator__btn:hover{opacity:.8}.enemy-card{background-color:var(--color-bg-dark);border:1px solid var(--enemy-diff-color, rgba(255, 255, 255, .05));padding:16px;border-radius:6px;display:flex;flex-direction:column;gap:10px}.enemy-card__header{display:flex;gap:8px;align-items:center}.enemy-card__elite-badge{font-size:.7rem;font-weight:700;border:1px solid;padding:2px 6px;border-radius:3px;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.enemy-card__difficulty-badge{font-size:.7rem;font-weight:700;border:1px solid;padding:2px 6px;border-radius:3px;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;opacity:.9}.enemy-card__name-input{flex:1;background-color:var(--color-bg-darker);color:var(--color-text-main);border:1px solid rgba(255,255,255,.1);padding:7px 10px;border-radius:4px;outline:none;font-weight:700;font-size:1rem}.enemy-card__name-input:focus{border-color:var(--color-orange)}.enemy-card__delete-btn{background-color:transparent;color:var(--color-red);border:1px solid var(--color-red);border-radius:4px;width:32px;height:32px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .2s,color .2s}.enemy-card__delete-btn:hover{background-color:var(--color-red);color:#fff}.enemy-card__field{display:flex;flex-direction:column;gap:4px}.enemy-card__field-label{font-size:.82rem;color:var(--color-text-dim)}.enemy-card__field-input{background-color:var(--color-bg-darker);color:var(--color-text-main);border:1px solid rgba(255,255,255,.1);padding:7px 10px;border-radius:4px;outline:none;width:100%}.enemy-card__field-input:focus{border-color:var(--color-teal)}.enemy-card__hp-bar{height:20px;border-radius:4px;background-color:var(--color-bg-darker);overflow:hidden;position:relative}.enemy-card__hp-bar-fill{height:100%;transition:width .3s ease,background-color .3s ease}.enemy-card__hp-bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;text-shadow:1px 1px 2px #000}.enemy-card__hp-controls{display:flex;gap:8px;align-items:center}.enemy-card__hp-controls-input{background-color:var(--color-bg-darker);color:var(--color-text-main);border:1px solid rgba(255,255,255,.1);padding:7px 10px;border-radius:4px;outline:none;width:70px}.enemy-card__hp-controls-input:focus{border-color:var(--color-teal)}.enemy-card__hp-controls-btn{border:none;padding:7px 12px;border-radius:4px;cursor:pointer;font-weight:700;font-size:.85rem;transition:opacity .2s}.enemy-card__hp-controls-btn:hover{opacity:.8}.enemy-card__hp-controls-btn--damage{background-color:var(--color-red);color:#fff}.enemy-card__hp-controls-btn--heal{background-color:var(--color-green-alt);color:#fff}.enemy-card__stats{display:flex;flex-direction:column;gap:8px}.enemy-card__stats-combat{display:grid;grid-template-columns:1fr 1fr;display:flex;flex-direction:column;gap:8px}.enemy-card__stats-combat-item{background-color:var(--color-bg-darker);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid rgba(255,255,255,.05)}.enemy-card__stats-combat-item--ac{border-top:2px solid var(--color-teal);flex-direction:row;justify-content:space-between;align-items:center;padding:8px 12px}.enemy-card__stats-combat-item--dmg{border-top:2px solid var(--color-red)}.enemy-card__stats-combat-item-label{font-size:.72rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.06em}.enemy-card__stats-combat-item-value{font-size:1.1rem;font-weight:700;color:var(--color-yellow)}.enemy-card__stats-combat-attacks{background-color:var(--color-bg-darker);border:1px solid rgba(255,255,255,.05);border-top:2px solid var(--color-red);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:5px}.enemy-card__stats-combat-attacks-title{font-size:.7rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.enemy-card__stats-combat-attacks-row{display:flex;align-items:center;gap:7px;font-size:.83rem}.enemy-card__stats-combat-attacks-row--penalized{opacity:.75}.enemy-card__stats-combat-attacks-row-icon{color:var(--color-text-dim);flex-shrink:0}.enemy-card__stats-combat-attacks-row-bonus{color:var(--color-orange);font-weight:700;min-width:28px}.enemy-card__stats-combat-attacks-row-penalty{font-size:.72rem;color:var(--color-red);font-weight:400}.enemy-card__stats-combat-attacks-row-dmg{color:var(--color-yellow);flex:1}.enemy-card__stats-combat-attacks-row-range{font-size:.7rem;color:var(--color-teal);white-space:nowrap}.enemy-card__stats-saves{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.enemy-card__stats-saves-item{background-color:var(--color-bg-darker);border:1px dashed var(--color-green-alt);border-radius:4px;padding:6px 8px;display:flex;flex-direction:column;align-items:center;gap:3px}.enemy-card__stats-saves-item-icon{color:var(--color-teal)}.enemy-card__stats-saves-item-label{font-size:.7rem;color:var(--color-text-dim);text-transform:uppercase}.enemy-card__stats-saves-item-value{font-size:.95rem;font-weight:700;color:var(--color-orange)}.enemy-card__stats-group{background-color:var(--color-bg-darker);border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.enemy-card__stats-group-title{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.06em}.enemy-card__stats-group-grid{display:flex;gap:6px;flex-wrap:wrap}.enemy-card__stats-group-grid-item{display:flex;flex-direction:column;align-items:center;flex:1;min-width:44px;background-color:var(--color-bg-dark);border-radius:4px;padding:5px 4px;gap:1px}.enemy-card__stats-group-grid-item-key{font-size:.68rem;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em}.enemy-card__stats-group-grid-item-score{font-size:.95rem;font-weight:700;color:var(--color-text-main)}.enemy-card__stats-group-grid-item-mod{font-size:.75rem;color:var(--color-yellow)}.home-hero{position:relative;min-height:calc(100dvh - 210px);overflow:hidden;border-radius:16px;background:radial-gradient(circle at 50% 18%,rgba(91,202,178,.16),transparent 34%),linear-gradient(180deg,#07161b,#020708);border:1px solid rgba(91,202,178,.18);isolation:isolate}.home-hero__map{position:absolute;inset:0;z-index:0;opacity:.62;pointer-events:none;-webkit-user-select:none;user-select:none}.home-hero__map:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,#0207081f,#0207089e 72%),linear-gradient(180deg,#02070829,#020708bd);pointer-events:none}.home-hero__map-canvas{width:100%;height:100%;min-height:100%;pointer-events:none;filter:saturate(.96) contrast(1.08)}.home-hero__map-canvas canvas{pointer-events:none}.home-hero__brand{position:relative;z-index:1;min-height:calc(100dvh - 210px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--color-text-main);pointer-events:none}.home-hero__mark{font-size:clamp(5rem,16vw,13rem);line-height:.82;font-weight:900;letter-spacing:0;color:#edf6f9f0;text-shadow:0 0 26px rgba(91,202,178,.45),0 10px 46px rgba(0,0,0,.75)}.home-hero__title{margin:18px 0 0;font-size:clamp(1.55rem,4vw,3.2rem);line-height:1.05;font-weight:800;letter-spacing:0;color:var(--color-orange);text-shadow:0 0 22px rgba(244,162,97,.24)}.home-hero__subtitle{width:min(620px,100%);margin:14px 0 0;color:#edf6f9c2;font-size:clamp(.92rem,2vw,1.08rem);line-height:1.55}@media(max-width:768px){.home-hero,.home-hero__brand{min-height:calc(100dvh - 72px)}.home-hero{border-radius:10px}.home-hero__brand{padding:36px 16px}}.knowledge-page{min-height:calc(100vh - 120px);padding:22px;color:var(--color-text-main);background:radial-gradient(circle at 20% 0%,rgba(91,202,178,.08),transparent 32%),var(--color-bg-darker)}.knowledge-page__hero,.knowledge-page__section,.knowledge-page__details{border:1px solid rgba(91,202,178,.22);background:#264653d6;box-shadow:0 16px 36px #00000038}.knowledge-page__hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;max-width:1480px;margin:0 auto 18px;padding:22px;border-radius:10px}.knowledge-page__eyebrow{color:var(--color-yellow);font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.knowledge-page__title{margin:6px 0 0;color:var(--color-text-main);font-size:2rem;line-height:1.05}.knowledge-page__hero-stats,.knowledge-page__mechanics,.knowledge-page__catalog,.knowledge-page__summary-grid,.knowledge-page__rules-grid,.knowledge-page__progression,.knowledge-page__feature-list,.knowledge-page__specializations,.knowledge-page__tricks,.knowledge-page__feat-list,.knowledge-page__note-list,.knowledge-page__tags,.knowledge-page__trait-list{display:flex;flex-wrap:wrap;gap:8px}.knowledge-page__hero-stats{justify-content:flex-end}.knowledge-page__hero-stat{padding:8px 10px;border:1px solid rgba(233,196,106,.35);border-radius:6px;background:#0a1f2985;color:var(--color-yellow);font-size:.82rem;font-weight:800}.knowledge-page__section{max-width:1480px;margin:0 auto 18px;padding:18px;border-radius:10px}.knowledge-page__section-title,.knowledge-page__sub-title{margin:0;color:var(--color-text-main);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.knowledge-page__section-title{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px dashed rgba(145,190,194,.28);font-size:1rem}.knowledge-page__sub-title{margin-top:18px;margin-bottom:10px;padding:0 16px;box-sizing:border-box;color:var(--color-teal);font-size:.86rem}.knowledge-page__mechanics,.knowledge-page__catalog{margin-top:14px}.knowledge-page__mechanic,.knowledge-page__feat,.knowledge-page__feature,.knowledge-page__specialization,.knowledge-page__trick,.knowledge-page__note{border:1px solid rgba(91,202,178,.16);border-radius:8px;background:#0a1f2975}.knowledge-page__mechanic{flex:1 1 260px;min-width:240px;padding:14px}.knowledge-page__mechanic-title{margin:8px 0;color:var(--color-yellow);font-size:.95rem}.knowledge-page__mechanic-text{margin:0;color:var(--color-text-dim);line-height:1.45}.knowledge-page__card-icon,.knowledge-page__summary-icon{color:var(--color-teal)}.knowledge-page__card-icon{font-size:1.2rem}.knowledge-page__catalog{flex-direction:column}.knowledge-page__details{width:100%;margin-top:12px;border-radius:8px;overflow:hidden}.knowledge-page__details--open{border-color:#5bcab26b}.knowledge-page__summary{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;cursor:pointer;list-style:none}.knowledge-page__summary::-webkit-details-marker{display:none}.knowledge-page__summary:after{content:"+";display:inline-flex;width:24px;height:24px;margin-left:auto;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid rgba(91,202,178,.35);border-radius:5px;color:var(--color-teal);font-weight:900}.knowledge-page__details[open] .knowledge-page__summary:after{content:"-"}.knowledge-page__summary-icon{display:inline-flex;width:42px;height:42px;flex:0 0 42px;align-items:center;justify-content:center;border:1px solid rgba(91,202,178,.32);border-radius:8px;background:#5bcab214;font-size:1.15rem}.knowledge-page__summary-main{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:6px}.knowledge-page__summary-title{color:var(--color-text-main);font-size:1.08rem;font-weight:900;line-height:1.2}.knowledge-page__summary-text{color:var(--color-text-dim);line-height:1.45}.knowledge-page__summary-grid,.knowledge-page__rules-grid,.knowledge-page__progression,.knowledge-page__feature-list,.knowledge-page__specializations,.knowledge-page__tricks,.knowledge-page__feat-list,.knowledge-page__note-list{padding:0 16px 14px}.knowledge-page__metric{display:flex;min-width:170px;flex:1 1 190px;flex-direction:column;gap:4px;padding:10px;border:1px solid rgba(145,190,194,.16);border-radius:7px;background:#08171f47}.knowledge-page__metric--wide{flex-basis:230px}.knowledge-page__metric-label{color:var(--color-text-dim);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.knowledge-page__metric-value{color:var(--color-text-main);line-height:1.35}.knowledge-page__progression{flex-direction:column}.knowledge-page__progression-row{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:6px;background:#0a1f296b}.knowledge-page__progression-level{width:34px;flex:0 0 34px;color:var(--color-yellow)}.knowledge-page__progression-tags{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:6px}.knowledge-page__progression-tag,.knowledge-page__tag{padding:4px 7px;border:1px solid rgba(91,202,178,.28);border-radius:5px;background:#5bcab214;color:var(--color-teal);font-size:.72rem;font-style:normal;font-weight:800;line-height:1.2}.knowledge-page__feature,.knowledge-page__specialization,.knowledge-page__trick,.knowledge-page__feat,.knowledge-page__note{flex:1 1 280px;min-width:260px;padding:12px}.knowledge-page__card-head,.knowledge-page__feat-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:baseline}.knowledge-page__card-title{color:var(--color-text-main);font-size:.98rem;line-height:1.25}.knowledge-page__card-meta,.knowledge-page__card-note{color:var(--color-yellow);font-size:.76rem;font-weight:800}.knowledge-page__card-text{margin:7px 0 0;color:var(--color-text-dim);line-height:1.45}.knowledge-page__feature-list{flex-direction:column}.knowledge-page__feature{flex-basis:auto;min-width:0}.knowledge-page__spec-features{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed rgba(145,190,194,.22)}.knowledge-page__spec-level{color:var(--color-teal);font-size:.78rem;text-transform:uppercase}.knowledge-page__tags{justify-content:flex-start;margin-top:10px}.knowledge-page__trait-list{justify-content:flex-start;padding:0 16px 14px}.knowledge-page__trait{padding:8px 10px;border:1px solid rgba(233,196,106,.24);border-radius:7px;background:#e9c46a14;color:var(--color-yellow);line-height:1.35}.knowledge-page__empty{width:100%;padding:14px;border:1px dashed rgba(145,190,194,.24);border-radius:8px;color:var(--color-text-dim)}@media(max-width:760px){.knowledge-page{padding:12px}.knowledge-page__hero{flex-direction:column;align-items:flex-start;padding:16px}.knowledge-page__hero-stats{justify-content:flex-start}.knowledge-page__title{font-size:1.55rem}.knowledge-page__section{padding:12px}.knowledge-page__summary{gap:10px;padding:12px}.knowledge-page__summary-icon{width:36px;height:36px;flex-basis:36px}.knowledge-page__summary-grid,.knowledge-page__rules-grid,.knowledge-page__feature-list,.knowledge-page__specializations,.knowledge-page__tricks,.knowledge-page__feat-list,.knowledge-page__note-list,.knowledge-page__trait-list,.knowledge-page__progression{padding-right:12px;padding-left:12px}.knowledge-page__mechanic,.knowledge-page__feature,.knowledge-page__specialization,.knowledge-page__trick,.knowledge-page__feat{min-width:100%}}.profile-page{min-height:calc(100vh - 120px);color:var(--color-text-main)}.profile-page__panel{display:flex;align-items:center;gap:16px;max-width:560px;padding:20px;border:1px solid rgba(91,202,178,.22);border-radius:10px;background:linear-gradient(180deg,#264653e0,#152930f5)}.profile-page__icon{flex-shrink:0;color:var(--color-teal);font-size:2.4rem}.profile-page__eyebrow{color:var(--color-yellow);font-size:.76rem;font-weight:800;text-transform:uppercase}.profile-page__title{margin:4px 0;font-size:1.35rem}.profile-page__email{margin:0;color:var(--color-text-dim)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}