:root{--zn-primary: #ffb74d;--zn-primary-hover: #ff9800;--zn-primary-light: #ffc947;--zn-primary-dark: #f57c00;--zn-secondary: #00acc1;--zn-secondary-hover: #0097a7;--zn-secondary-light: #26c6da;--zn-accent: #00acc1;--zn-accent-hover: #0097a7;--zn-accent-light: #4dd0e1;--zn-bg-primary: #1a1a1a;--zn-bg-secondary: #2a2a2a;--zn-bg-tertiary: #3a3a3a;--zn-bg-card: #2d2d30;--zn-bg-hover: #404046;--zn-text-primary: #ffffff;--zn-text-secondary: #b3b3b3;--zn-text-tertiary: #999999;--zn-text-muted: #666666;--zn-border: #404040;--zn-border-light: #555555;--zn-border-dark: #2a2a2a;--zn-success: #10b981;--zn-warning: #f59e0b;--zn-error: #ef4444;--zn-info: #3b82f6;--zn-legendary: #ff6b35;--zn-epic: #ffb74d;--zn-rare: #06d6a0;--zn-common: #9ca3af;--zn-gradient-primary: linear-gradient(135deg, var(--zn-primary) 0%, var(--zn-accent) 100%);--zn-gradient-secondary: linear-gradient(135deg, var(--zn-secondary) 0%, var(--zn-primary) 100%);--zn-gradient-card: linear-gradient(135deg, var(--zn-bg-card) 0%, var(--zn-bg-secondary) 100%);--zn-shadow-sm: 0 1px 2px 0 rgba(255, 183, 77, .1);--zn-shadow-md: 0 4px 6px -1px rgba(255, 183, 77, .1), 0 2px 4px -1px rgba(255, 183, 77, .06);--zn-shadow-lg: 0 10px 15px -3px rgba(255, 183, 77, .1), 0 4px 6px -2px rgba(255, 183, 77, .05);--zn-shadow-glow: 0 0 20px rgba(255, 183, 77, .3);--zn-transition: all .2s ease-in-out;--zn-transition-slow: all .3s ease-in-out}.zn-card{background:var(--zn-gradient-card);border:1px solid var(--zn-border);border-radius:12px;box-shadow:var(--zn-shadow-md);transition:var(--zn-transition)}.zn-card:hover{border-color:var(--zn-primary);box-shadow:var(--zn-shadow-glow);transform:translateY(-2px)}.zn-button{background:var(--zn-gradient-primary);color:var(--zn-text-primary);border:none;border-radius:8px;padding:12px 24px;font-weight:500;cursor:pointer;transition:var(--zn-transition);box-shadow:var(--zn-shadow-sm)}.zn-button:hover{background:var(--zn-gradient-secondary);box-shadow:var(--zn-shadow-md);transform:translateY(-1px)}.zn-text-gradient{background:var(--zn-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.zn-rarity-legendary{color:var(--zn-legendary)}.zn-rarity-epic{color:var(--zn-epic)}.zn-rarity-rare{color:var(--zn-rare)}.zn-rarity-common{color:var(--zn-common)}.zn-bg-primary{background-color:var(--zn-bg-primary)}.zn-bg-secondary{background-color:var(--zn-bg-secondary)}.zn-bg-tertiary{background-color:var(--zn-bg-tertiary)}.zn-text-primary{color:var(--zn-text-primary)}.zn-text-secondary{color:var(--zn-text-secondary)}.zn-text-muted{color:var(--zn-text-muted)}.zn-border{border-color:var(--zn-border)}.zn-border-light{border-color:var(--zn-border-light)}.character-builds-page{background-color:var(--zn-bg-primary);color:var(--zn-text-primary);font-family:inherit;line-height:1.6}.builds-content-section{background-color:var(--zn-bg-secondary);border:1px solid var(--zn-border);border-radius:4px;padding:2rem;margin-bottom:1.5rem;width:100%}.builds-section-title{color:var(--zn-text-primary);font-size:1.8rem;font-weight:700;margin:0 0 1.5rem;text-align:left;text-transform:uppercase;letter-spacing:.05em;padding-left:.8rem;border-left:3px solid var(--zn-primary)}.character-builds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.character-build-card{background-color:var(--zn-bg-card);border:1px solid var(--zn-border-light);border-radius:4px;padding:1.5rem;text-decoration:none;color:inherit}.character-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.character-card-portrait{width:60px;height:60px;border-radius:4px;border:1px solid var(--zn-border-light);overflow:hidden;background-color:var(--zn-bg-tertiary)}.character-card-portrait img{width:100%;height:100%;object-fit:cover}.character-card-info{flex:1}.character-card-name{color:var(--zn-text-primary);font-size:1.2rem;font-weight:700;margin:0 0 .25rem}.character-card-class{color:var(--zn-text-secondary);font-size:.9rem;margin:0 0 .1rem}.character-card-faction{color:var(--zn-text-tertiary);font-size:.85rem;margin:0}.character-card-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.character-badge{padding:.25rem .5rem;border-radius:3px;font-size:.8rem;font-weight:600;border:1px solid}.character-badge.rarity-legendary{background-color:var(--zn-legendary);border-color:var(--zn-legendary);color:#fff}.character-badge.rarity-epic{background-color:var(--zn-epic);border-color:var(--zn-epic);color:#000}.character-badge.rarity-rare{background-color:var(--zn-rare);border-color:var(--zn-rare);color:#000}.character-badge.element-fire{background-color:#ef4444;border-color:#ef4444;color:#fff}.character-badge.element-water{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.character-badge.element-earth{background-color:#10b981;border-color:#10b981;color:#fff}.character-badge.element-light{background-color:#f59e0b;border-color:#f59e0b;color:#000}.character-badge.element-dark{background-color:#6b7280;border-color:#6b7280;color:#fff}.character-card-preview{color:var(--zn-text-secondary);font-size:.85rem;line-height:1.4}.character-card-preview strong{color:var(--zn-text-primary)}.build-overview{background-color:var(--zn-bg-card);border:1px solid var(--zn-border-light);border-radius:4px;padding:1.5rem;margin-bottom:2rem}.build-overview-header{display:flex;align-items:center;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.build-character-portrait{width:100px;height:100px;border-radius:4px;border:1px solid var(--zn-border-light);overflow:hidden;background-color:var(--zn-bg-tertiary)}.build-character-portrait img{width:100%;height:100%;object-fit:cover}.build-character-info h1{color:var(--zn-text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.build-character-class{color:var(--zn-primary);font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.build-character-faction{color:var(--zn-text-secondary);font-size:1rem;margin:0}.build-section{background-color:var(--zn-bg-card);border:1px solid var(--zn-border-light);border-radius:4px;padding:1.5rem;margin-bottom:1.5rem}.build-section h2{color:var(--zn-text-primary);font-size:1.4rem;font-weight:700;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--zn-primary)}.build-section h3{color:var(--zn-text-primary);font-size:1.1rem;font-weight:600;margin:1rem 0 .5rem}.memory-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.memory-card-item{background-color:var(--zn-bg-secondary);border:1px solid var(--zn-border);border-radius:4px;padding:1rem}.memory-card-item.character-specific{border:2px solid var(--zn-primary);background-color:var(--zn-bg-secondary)}.memory-card-horizontal{display:flex;gap:1rem;align-items:flex-start}.memory-card-image-container{flex-shrink:0}.memory-card-image-container img{border-radius:4px;border:1px solid var(--zn-border-light)}.memory-card-content{flex:1;min-width:0}.memory-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.memory-card-name{color:var(--zn-text-primary);font-weight:600;margin:0}.memory-card-exclusive{color:var(--zn-primary);font-size:.8rem;margin-left:.5rem}.memory-card-badge{flex-shrink:0;padding:.25rem .5rem;border-radius:3px;font-size:.75rem;white-space:nowrap}.memory-card-badge.highly-recommended{background-color:var(--zn-primary);color:#000;font-weight:600}.memory-card-badge.essential,.memory-card-badge.recommended{background-color:var(--zn-info);color:#fff}.memory-card-effect{color:var(--zn-text-secondary);font-size:.9rem;line-height:1.4;margin-bottom:.75rem}.memory-card-stats{font-size:.85rem;color:var(--zn-text-secondary);margin-bottom:.75rem}.memory-card-link-container{text-align:right}.memory-card-link{color:var(--zn-primary);text-decoration:none;font-size:.8rem;font-weight:500}.memory-card-name{color:var(--zn-text-primary);font-weight:600;margin:0 0 .5rem}.memory-card-effect{color:var(--zn-text-secondary);font-size:.9rem;line-height:1.4;margin:0}.memory-card-spending-note{background-color:#fef3c7;border-left:3px solid #f59e0b;border-radius:4px;padding:.75rem;margin:.75rem 0;font-size:.85rem;line-height:1.4}.memory-card-spending-note .note-title{color:#d97706;font-weight:600;margin-bottom:.25rem;display:block}.memory-card-spending-note .note-content{color:#92400e}.skill-priority-list{list-style:none;padding:0;margin:0}.skill-priority-item{background-color:var(--zn-bg-secondary);border:1px solid var(--zn-border);border-radius:4px;padding:1rem;margin-bottom:.5rem;display:flex;align-items:center;gap:1rem}.skill-priority-number{background-color:var(--zn-primary);color:#000;font-weight:700;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.skill-priority-info{flex:1}.skill-priority-name{color:var(--zn-text-primary);font-weight:600;margin:0 0 .25rem}.skill-priority-level{font-weight:500;font-size:.9rem;color:var(--zn-primary)}.equipment-list{list-style:none;padding:0;margin:0}.equipment-item{background-color:var(--zn-bg-secondary);border:1px solid var(--zn-border);border-radius:4px;padding:1rem;margin-bottom:.5rem}.equipment-name{color:var(--zn-text-primary);font-weight:600;margin:0 0 .25rem}.equipment-description{color:var(--zn-text-secondary);font-size:.9rem;margin:0}.team-synergy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.team-synergy-card{background-color:var(--zn-bg-secondary);border:1px solid var(--zn-border);border-radius:4px;padding:1rem}.team-synergy-title{color:var(--zn-text-primary);font-weight:600;margin:0 0 .75rem}.team-synergy-description{color:var(--zn-text-secondary);font-size:.9rem;line-height:1.4;margin:0}.synergy-character-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.synergy-character{background-color:var(--zn-bg-tertiary);border:1px solid var(--zn-border-light);border-radius:3px;padding:.25rem .5rem;font-size:.8rem;color:var(--zn-text-secondary)}.build-tips{background-color:var(--zn-bg-secondary);border:1px solid var(--zn-info);border-radius:4px;padding:1.5rem}.build-tips h3{color:var(--zn-info);margin:0 0 1rem}.build-tips-list{list-style:none;padding:0;margin:0}.build-tips-list li{color:var(--zn-text-primary);margin-bottom:.75rem;padding-left:1.5rem;position:relative}.build-tips-list li:last-child{margin-bottom:0}.build-tips-list li:before{content:"•";color:var(--zn-info);font-weight:700;position:absolute;left:0;top:0}@media (max-width: 768px){.builds-content-section{padding:1.5rem;margin-bottom:1rem}.builds-section-title{font-size:1.5rem;margin-bottom:1rem;padding-left:.5rem;border-left-width:2px}.character-builds-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.character-build-card{padding:1rem}.character-card-header{gap:.75rem}.character-card-portrait{width:50px;height:50px}.build-overview-header{gap:1rem}.build-character-portrait{width:80px;height:80px}.build-character-info h1{font-size:1.6rem}.memory-cards-grid,.main-stats-grid,.team-synergy-grid{grid-template-columns:1fr}.build-section{padding:1rem}.build-section h2{font-size:1.2rem}}@media (max-width: 480px){.builds-content-section{padding:1rem}.builds-section-title{font-size:1.3rem;margin-bottom:.75rem}.character-builds-grid{grid-template-columns:1fr}.character-card-header,.build-overview-header{flex-direction:column;text-align:center}.build-character-info h1{font-size:1.4rem}.skill-priority-item{flex-direction:column;text-align:center;gap:.5rem}}.main-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.main-stat-card{background-color:var(--zn-bg-secondary);border:1px solid var(--zn-border);border-radius:4px;padding:1rem}.main-stat-card h3{color:var(--zn-text-primary);margin-bottom:1rem;font-size:1rem}.main-stat-fixed{text-align:center;margin:1rem 0}.main-stat-fixed-value{background-color:var(--zn-primary);color:var(--zn-text-primary);padding:.75rem;border-radius:8px;font-weight:600}.main-stat-variable{margin:1rem 0}.main-stat-recommended{background-color:var(--zn-primary);color:var(--zn-text-primary);padding:.75rem;border-radius:8px;font-weight:600;text-align:center;margin-bottom:.75rem}.main-stat-options-label{color:var(--zn-text-secondary);font-size:.9rem;margin-bottom:.5rem}.main-stat-options-list{display:flex;flex-wrap:wrap;gap:.25rem}.main-stat-option{padding:.25rem .5rem;border-radius:4px;font-size:.8rem;border:1px solid var(--zn-border-light)}.main-stat-option.recommended{background-color:var(--zn-primary);color:#fff}.main-stat-option:not(.recommended){background-color:var(--zn-bg-tertiary);color:var(--zn-text-secondary)}.main-stat-description{color:var(--zn-text-secondary);font-style:italic;font-size:.85rem;margin-top:.75rem;margin-bottom:0}