.avatar-selection-container{background-color:var(--color-glass-bg);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:16px 0;font-family:Arial,sans-serif;display:flex}.avatar-selection-null-state{background:var(--color-surface);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex}.avatar-selection-null-icon{opacity:.3;margin-bottom:20px;font-size:48px}.avatar-selection-null-title{color:var(--color-text-muted);margin-bottom:16px;font-size:24px;font-weight:700}.avatar-selection-null-description{color:var(--color-text-muted);max-width:400px;margin-bottom:24px;font-size:16px;line-height:1.5}.avatar-selection-null-button{background:var(--color-primary);color:var(--color-background);cursor:pointer;box-shadow:0 4px 12px var(--color-box-shadow);border:none;border-radius:.5rem;padding:12px 24px;font-size:16px;font-weight:700;transition:transform .2s,background .2s}.avatar-selection-null-button:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.avatar-selection-null-button:not(:hover){transform:translateY(0)}.avatar-selection-character-panel{flex-direction:column;flex:1;gap:20px;display:flex}.team-roster-container{flex-direction:column;display:flex}.team-roster-inner-container{background:var(--color-glass-bg);width:200px;height:100%;padding:16px;overflow-y:auto}.team-roster-title{color:var(--color-text-light);margin:0 0 16px}.team-roster-character{background:var(--color-surface-dark);cursor:pointer;margin-bottom:12px;padding:12px;transition:all .2s}.team-roster-character.selected{background:var(--color-glass-bg);border:2px solid var(--color-primary)}.team-roster-character-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.team-roster-character-name{color:var(--color-text-light);font-size:14px;font-weight:700}.team-roster-character-info{color:var(--color-text-muted);font-size:12px}.team-roster-character-stats{color:var(--color-text-muted);font-size:11px}.team-roster-avatar-container{border-radius:50%;flex-shrink:0;width:40px;height:80px;position:relative;overflow:hidden}.team-roster-avatar-container .avatar-layers{width:auto;height:100%;left:50%;transform:translate(-50%)}.character-equipment-avatar-wrapper{flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-height:250px;display:flex}.character-equipment-preview{gap:20px;display:flex}.character-equipment-avatar-section{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;width:200px;min-height:100%;display:flex}.character-equipment-character-name{color:var(--color-text-light);margin:0 0 16px}.character-equipment-avatar-container{aspect-ratio:1024/1536;flex-shrink:0;width:160px;margin:0 auto 20px;position:relative;overflow:hidden}.avatar-layers{aspect-ratio:1024/1536;width:100%;position:absolute;top:0;left:0}.avatar-layer{object-fit:contain;width:100%;height:100%;position:absolute;top:0;left:0}.character-equipment-avatar-container.profile-pic{aspect-ratio:1;border-radius:50%}.character-equipment-avatar-container.profile-pic .avatar-layers{transform-origin:top;transform:scale(1.35)}.character-equipment-stats-section{flex:1}.character-equipment-stats-badges{flex-wrap:wrap;justify-content:left;gap:15px;margin:35px 0;padding:10px;display:flex}.stat-badge{background:var(--color-glass-bg);color:var(--color-text-light);text-align:center;border-radius:9999px;justify-content:center;align-items:center;gap:4px;min-width:120px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #0003}.stat-icon-label,.stat-value{white-space:nowrap}.character-equipment-stats-container{background:var(--color-surface-dark);margin-bottom:20px;padding:12px}.character-equipment-stats-title{color:var(--color-text-light);margin:0 0 8px}.character-equipment-stat-row{justify-content:space-between;margin-bottom:2px;font-size:12px;display:flex}.character-equipment-stat-name{text-transform:capitalize;color:var(--color-text-muted)}.character-equipment-stat-value{color:var(--color-text-light);font-weight:700}.character-equipment-slots-title{color:var(--color-text-light);margin:0 0 12px}.character-equipment-slots-container{gap:12px;display:flex}.character-equipment-slot{background:var(--color-surface-dark);justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.character-equipment-slot-image{object-fit:cover;box-sizing:border-box;border-radius:6px;width:100%;height:100%;padding:0 4px}.character-equipment-slot-image.top{object-fit:contain;object-position:center top;transform:scale(1.5)translateY(2.5px)}.character-equipment-slot-image.bottoms{object-fit:contain;object-position:center center;transform:scale(1.5)translateY(-25px)}.character-equipment-slot-image.shoes{object-fit:contain;object-position:center bottom;transform:scale(2)translateY(-45px)}.inventory-item-image.top{object-fit:contain;object-position:center top;transform:scale(1.5)translateY(-1px)}.inventory-item-image.bottoms{object-fit:contain;object-position:center center;transform:scale(1.5)translateY(-8px)}.inventory-item-image.shoes{object-fit:contain;object-position:center bottom;transform:scale(2)translateY(-20px)}.character-equipment-slot-unequip{background:var(--color-secondary);width:20px;height:20px;color:var(--color-background);cursor:pointer;z-index:100;border:none;border-radius:50%;padding:2px;font-size:12px;transition:background .2s;position:absolute;top:-6px;right:-6px}.character-equipment-slot-unequip:hover{background:var(--color-primary)}.character-equipment-slot-label{color:var(--color-text-muted);text-transform:capitalize;font-size:12px}.inventory-items-container{gap:16px;max-height:80vh;display:flex;overflow-y:auto}.inventory-category-container{flex:1}.inventory-category-title{text-transform:capitalize;color:var(--color-text-light);margin:0 0 8px;font-size:16px;font-weight:700}.inventory-category-grid{background:var(--color-glass-bg);grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;max-height:200px;padding:8px;display:grid;overflow-y:auto}.inventory-item{cursor:pointer;background:var(--color-surface-dark);border:2px solid #0000;border-radius:1.5rem;padding:4px 12px;transition:all .2s;position:relative}.inventory-item:hover{border-color:var(--color-primary);background:var(--color-glass-bg)}.inventory-item.equipped{border:2px solid var(--color-secondary);opacity:.5;filter:grayscale(80%);pointer-events:none}.inventory-image-crop-container{border-radius:4px;justify-content:center;align-items:flex-start;width:100%;height:65px;display:flex;position:relative;overflow:hidden}.inventory-item-image{object-fit:cover;border-radius:4px;width:100%;height:65px}.inventory-image-crop-container .inventory-item-image.top{transform-origin:top;object-fit:cover;object-position:center top;height:80px;transform:scale(1.4)translateY(-1px)}.inventory-item-name{text-align:center;color:var(--color-text-light);margin-top:4px;font-size:10px;font-weight:700}.inventory-item-equipped-indicator{background:var(--color-secondary);width:12px;height:12px;color:var(--color-background);border-radius:50%;justify-content:center;align-items:center;font-size:8px;display:flex;position:absolute;top:2px;right:2px}.avatar-tool-btn{min-width:32px;max-width:32px;min-height:32px;max-height:32px;margin:4px;padding:4px}@media (max-width:900px){.character-equipment-stats-badges{justify-content:center}.inventory-item-image.top{object-fit:contain;object-position:center top;transform:scale(1.3)translateY(-1px)}.inventory-item-image.bottoms{object-fit:contain;object-position:center center;transform:scale(1.5)translateY(-8px)}.inventory-item-image.shoes{object-fit:contain;object-position:center bottom;transform:scale(2)translateY(-20px)}.avatar-selection-container{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:16px;height:auto;padding:16px}.avatar-selection-null-state{box-sizing:border-box;width:100%;height:auto;min-height:300px;padding:24px 16px}.avatar-selection-null-icon{margin-bottom:16px;font-size:36px}.avatar-selection-null-title{margin-bottom:12px;font-size:20px}.avatar-selection-null-description{max-width:100%;margin-bottom:20px;font-size:14px}.avatar-selection-null-button{width:100%;max-width:200px;padding:10px 20px;font-size:14px}.avatar-selection-character-panel{align-items:stretch;gap:16px;width:100%}.team-roster-inner-container{box-sizing:border-box;width:100%;margin:0;padding:12px}.team-roster-title{margin-bottom:12px;font-size:16px}.character-equipment-container{box-sizing:border-box;width:100%;margin:0;padding:16px}.character-equipment-preview{flex-direction:column;align-items:center;gap:16px;margin-bottom:16px}.character-equipment-avatar-section{text-align:center;width:100%}.character-equipment-character-name{margin-bottom:12px;font-size:18px}.character-equipment-avatar-container{width:140px;margin:0 auto 16px}.character-equipment-stats-section{box-sizing:border-box;width:100%}.character-equipment-stats-container{margin-bottom:16px;padding:10px}.character-equipment-stats-title{margin-bottom:6px;font-size:14px}.character-equipment-stat-row{margin-bottom:3px;font-size:11px}.character-equipment-slots-title{margin-bottom:10px;font-size:14px}.character-equipment-slots-container{grid-template-columns:repeat(2,1fr);justify-items:center;gap:35px;margin:0 35px;display:grid}.character-equipment-slot{width:120px;height:120px}.character-equipment-slot-unequip{width:18px;height:18px;padding:4px;font-size:10px;top:-5px;right:-5px}.character-equipment-slot-image{box-sizing:border-box;padding:0 8px}.character-equipment-slot-label{font-size:10px}.inventory-items-container{box-sizing:border-box;flex-direction:column;gap:12px;width:100%}.inventory-category-container{box-sizing:border-box;width:100%;margin-bottom:12px}.inventory-category-title{margin-bottom:6px;font-size:14px}.inventory-category-grid{box-sizing:border-box;grid-template-columns:repeat(4,1fr);gap:6px;width:100%;max-height:150px;padding:6px}.inventory-item{padding:4px 8px}.inventory-item-image{padding:8px 0}.inventory-image-crop-container{height:55px}.inventory-image-crop-container .inventory-item-image.top{transform-origin:top;object-fit:cover;object-position:center top;height:70px;transform:scale(1.3)translateY(-1px)}.inventory-item-name{margin-top:3px;font-size:9px}.inventory-item-equipped-indicator{width:10px;height:10px;font-size:7px;top:1px;right:1px}}@media (max-width:480px){.avatar-selection-container{gap:12px;padding:12px}.character-equipment-avatar-container{width:120px}.character-equipment-slots-container{grid-template-columns:repeat(2,1fr);gap:6px;margin:0 4px}.inventory-category-grid{grid-template-columns:repeat(3,1fr);gap:4px}.team-roster-character{margin-bottom:8px;padding:8px}.team-roster-avatar-container{width:32px;height:32px}.team-roster-avatar-container .avatar-layers{width:100%;height:auto;left:0;transform:none}.team-roster-character-name{font-size:12px}.team-roster-character-info{font-size:10px}.team-roster-character-stats{font-size:9px}}.dialog-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-content{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e1e5e9);border-radius:12px;width:90%;max-width:400px;padding:24px;box-shadow:0 10px 25px #0003}.dialog-content h3{color:var(--color-text,#333);margin:0 0 16px;font-size:18px;font-weight:600}.dialog-content p{color:var(--color-text-muted,#666);margin:0 0 24px;font-size:14px;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:12px;display:flex}.dialog-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.dialog-btn-primary{background:var(--color-primary,#007bff);color:#fff}.dialog-btn-primary:hover{background:var(--color-primary-hover,#0056b3)}.dialog-btn-secondary{background:var(--color-warning,#ffc107);color:#212529}.dialog-btn-secondary:hover{background:var(--color-warning-hover,#e0a800)}.dialog-btn-cancel{background:var(--color-surface-secondary,#f8f9fa);color:var(--color-text,#333);border:1px solid var(--color-border,#e1e5e9)}.dialog-btn-cancel:hover{background:var(--color-surface-hover,#e9ecef)}.unsaved-changes-indicator{background:var(--color-warning,#fff3cd);color:var(--color-warning-text,#856404);border:1px solid var(--color-warning-border,#ffeaa7);text-align:center;border-radius:6px;margin-bottom:16px;padding:8px 12px;font-size:13px;font-weight:500}.demo-mode{opacity:.8;pointer-events:none;position:relative}.demo-overlay{color:#fff;z-index:10;background:#ffa500e6;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:5px;right:5px}.demo-label{text-transform:uppercase;letter-spacing:.5px}.demo-overlay-main{color:#fff;z-index:20;background:#ffa500f2;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:700;position:absolute;top:10px;right:10px;box-shadow:0 4px 12px #ffa5004d}.demo-label-main{text-transform:uppercase;letter-spacing:1px}.demo-equipment-slot{opacity:.7;border:2px dashed var(--color-border)!important}.demo-onboarding-panel{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:12px;margin-top:20px;padding:20px 24px;box-shadow:0 4px 20px #0000001a}.demo-onboarding-content{justify-content:space-between;align-items:center;gap:24px;display:flex}.demo-text-content{text-align:left;flex:1}.demo-text-content h3{color:var(--color-text-light);margin-bottom:8px;font-size:1.3rem;font-weight:700}.demo-text-content p{color:var(--color-text-muted);margin-bottom:0;font-size:.95rem;line-height:1.4}.demo-features-section{align-items:center;gap:20px;display:flex}.demo-features-list{text-align:left;flex-direction:column;gap:4px;min-width:250px;margin:0;padding:0;list-style:none;display:flex}.demo-features-list li{color:var(--color-text-muted);padding:2px 0;font-size:13px}.demo-cta-button{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;cursor:pointer;box-shadow:0 4px 12px var(--color-box-shadow);white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;padding:12px 20px;font-size:14px;font-weight:700;transition:all .3s}.demo-cta-button:hover{box-shadow:0 6px 20px var(--color-box-shadow);transform:translateY(-2px)}.demo-cta-button:active{transform:translateY(0)}.avatar-tool-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.demo-onboarding-panel{margin-top:16px;padding:16px 20px}.demo-onboarding-content{text-align:center;flex-direction:column;gap:16px}.demo-text-content{text-align:center}.demo-text-content h3{font-size:1.2rem}.demo-text-content p{font-size:.9rem}.demo-features-section{flex-direction:column;gap:16px}.demo-features-list{text-align:center;min-width:auto}.demo-overlay-main{padding:4px 8px;font-size:12px;top:5px;right:5px}}.filter-rail{padding:.75rem .75rem 0}.filter-rail-header{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-rail-search{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;color:var(--color-text-light);border-radius:999px;flex:12rem;padding:.4rem .7rem;font-size:.85rem}.filter-rail-search:focus-visible,.filter-rail-find:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.filter-rail-toggle{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:.45em;padding:.4rem .8rem;font-size:.85rem;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.filter-rail-toggle:hover,.filter-rail-toggle.open{background:var(--color-glass-bg);border-color:var(--color-primary);color:var(--color-text-light)}.filter-rail-caret{font-size:.7em;transition:transform .25s}.filter-rail-toggle.open .filter-rail-caret{transform:rotate(180deg)}.filter-rail-clear{color:var(--color-primary);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:.85rem}.filter-rail-panel{visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .25s,visibility 0s linear .25s;display:grid}.filter-rail-panel.open{visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .25s,visibility}.filter-rail-panel>*{overflow:hidden}@media (prefers-reduced-motion:reduce){.filter-rail-panel,.filter-rail-panel.open,.filter-rail-caret{transition:none}}.filter-rail-groups{border:1px solid var(--color-border);background:var(--color-glass-bg);border-radius:.6rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;margin-top:.75rem;padding:.75rem;display:grid}.filter-rail-group-label{color:var(--color-text-light);margin:0 0 .4rem;font-size:.8rem;font-weight:600}.filter-rail-find{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text-light);border-radius:.35rem;margin-bottom:.4rem;padding:.25rem .5rem;font-size:.8rem}.filter-rail-options{max-height:13rem;overflow-y:auto}.filter-rail-option{color:var(--color-text-muted);cursor:pointer;border-radius:.3rem;align-items:center;gap:.5rem;padding:.25rem .3rem;font-size:.82rem;display:flex}.filter-rail-option:hover{background:var(--color-glass-bg-hover);color:var(--color-text-light)}.filter-rail-option input{cursor:pointer}.filter-rail-option-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.filter-rail-empty{color:var(--color-text-muted);margin:0;padding:.25rem .3rem;font-size:.8rem}.filter-rail-count{background:var(--color-border);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;min-width:1.5em;padding:0 .4em;font-size:.75em}.filter-rail-chips{flex-wrap:wrap;gap:.4rem;margin-top:.6rem;display:flex}.filter-rail-chip{border:1px solid var(--color-primary);background:var(--color-glass-bg);color:var(--color-text-light);cursor:pointer;border-radius:999px;align-items:center;gap:.4em;padding:.25rem .6rem;font-size:.8rem;display:inline-flex}.filter-rail-chip:hover{background:var(--color-glass-bg-hover)}@media (max-width:480px){.filter-rail{padding:.5rem .5rem 0}.filter-rail-groups{gap:.75rem;padding:.6rem}}.staged-changes-bar{background:var(--color-warning,#fff3cd);color:var(--color-warning-text,#856404);border:1px solid var(--color-warning-border,#ffeaa7);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0 0;padding:10px 14px;display:flex}.staged-changes-count{white-space:nowrap;font-weight:600}.staged-changes-hint{opacity:.85;font-size:13px}.staged-changes-actions{gap:8px;margin-left:auto;display:flex}.staged-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.staged-btn-primary{background:var(--color-primary,#007bff);color:#fff}.staged-btn-primary:hover{background:var(--color-primary-hover,#0056b3)}.staged-btn-secondary{background:var(--color-surface-secondary,#f8f9fa);color:var(--color-text,#333);border:1px solid var(--color-border,#e1e5e9)}.staged-btn-secondary:hover{background:var(--color-surface-hover,#e9ecef)}@media (max-width:768px){.staged-changes-hint{display:none}.staged-changes-actions{width:100%;margin-left:0}.staged-btn{flex:1}}.item-table-demo-badge{margin:8px auto;padding:4px 10px;font-size:12px;display:table;position:static}