.sab-body .comparison-page-intro h3,.sab-body .character-selector h2,.sab-body .comparison-table-container h2{background:linear-gradient(135deg,silver,#c26b6b)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;color:transparent!important}.sab-body .comparison-page-intro p,.sab-body .character-info h3,.sab-body .comparison-table td{color:silver!important}.sab-body .comparison-page-intro p{font-size:1.1rem!important;font-weight:500!important;line-height:1.6!important}.sab-body .character-info{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;flex:1!important}.sab-body .comparison-tips strong{color:#c26b6b!important}.sab-body .comparison-tips li{color:silver!important;font-size:1rem!important;line-height:1.5!important}.sab-body .comparison-tips h3{font-size:1.4rem!important;font-weight:600!important}.sab-body .character-name-cell,.sab-body .stat-name,.sab-body .comparison-table th,.sab-body .section-header td{color:silver!important}.sab-body .character-hp-cell,.sab-body .character-atk-cell,.sab-body .character-pdef-cell,.sab-body .character-mdef-cell,.sab-body .character-atkspd-cell,.sab-body .character-crit-cell,.sab-body .character-critdmg-cell{color:#c26b6b!important;font-weight:700!important}.sab-body .character-normal-cell strong,.sab-body .character-special-cell strong,.sab-body .character-passive-cell strong,.sab-body .character-ultimate-cell strong{color:#c26b6b!important}.sab-body .character-normal-cell small,.sab-body .character-special-cell small,.sab-body .character-passive-cell small,.sab-body .character-ultimate-cell small{color:gray!important}.sab-body .character-portrait{width:80px!important;height:80px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid #c0c0c0!important;flex-shrink:0!important;display:block!important;max-width:none!important;max-height:none!important;opacity:1!important;visibility:visible!important}.sab-body .comparison-portrait{width:60px!important;height:60px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid #c0c0c0!important;display:block!important;max-width:none!important;max-height:none!important;opacity:1!important;visibility:visible!important}.character-select-card img,.character-portrait-cell img{width:auto!important;height:auto!important;max-width:80px!important;max-height:80px!important;display:block!important;border-radius:50%!important;object-fit:cover!important;border:2px solid #c0c0c0!important}.comparison-page-intro{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:1px solid #3a3a3a;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 6px 20px #00000026}.comparison-page-intro p{margin-bottom:1rem;line-height:1.6;font-size:1.1rem;font-weight:500}.comparison-tips h3{margin-bottom:1rem;font-size:1.4rem;font-weight:600}.comparison-tips ul{list-style:none;padding:0}.comparison-tips li{margin-bottom:.5rem;padding-left:1rem;position:relative;color:silver;font-size:1rem;line-height:1.5}.comparison-tips li:before{content:"▶";position:absolute;left:0;color:#c26b6b;font-weight:700}.character-comparison-container{max-width:100%;margin:0 auto}.character-selector{margin-bottom:2rem}.character-selector h2{margin-bottom:1.5rem;font-size:1.8rem;font-weight:700;text-align:center;padding-bottom:.5rem;border-bottom:2px solid #c26b6b}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:2rem auto 1.5rem;flex-wrap:wrap;padding:0 1rem}.filter-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.filter-select{padding:.4rem .7rem;background:#2c2c2c;color:#e0e0e0;border-radius:8px;border:1px solid #4f4f4f;font-size:.8rem;cursor:pointer;font-family:Space Grotesk,sans-serif;transition:all .3s ease}.filter-select:hover{background:#3a3a3a;color:#fff;border-color:silver}.filter-select:focus{outline:none;background:#3a3a3a;color:#fff;border-color:silver}.sort-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.sort-btn{padding:.4rem .7rem;background:#2c2c2c;color:#e0e0e0;border-radius:8px;border:1px solid #4f4f4f;font-size:.8rem;cursor:pointer;font-family:Space Grotesk,sans-serif;transition:all .3s ease}.sort-btn:hover{background:#3a3a3a;color:#fff;border-color:silver}.sort-btn.active{background:#c26b6b;color:#fff;border-color:#c26b6b}.reset-btn{padding:.5rem 1rem;background:linear-gradient(135deg,silver,#a9a9a9);color:#1a1a1a;border-radius:10px;border:2px solid #c0c0c0;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #c0c0c04d;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;font-family:Space Grotesk,sans-serif}.reset-btn:hover{background:linear-gradient(135deg,#d3d3d3,#b0b0b0);transform:translateY(-1px);box-shadow:0 4px 12px #c0c0c066;border-color:#d3d3d3}.reset-btn:active{transform:translateY(0);box-shadow:0 2px 6px #c0c0c04d}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.character-select-card{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid #3a3a3a;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1rem}.character-select-card:hover{border-color:silver;transform:translateY(-2px);box-shadow:0 8px 25px #c0c0c01a}.character-select-card[data-selected=true]{border-color:#c26b6b;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);box-shadow:0 0 20px #dc35454d}.character-info{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem}.character-info h3{margin:0;font-size:1.2rem;font-weight:600;line-height:1.2}.character-badges{display:flex;gap:.5rem;flex-wrap:wrap}.character-badges .rarity-badge,.character-badges .class-badge{font-size:.8rem;padding:.3rem .6rem;border-radius:6px;font-weight:600;text-transform:uppercase}.comparison-table-container{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:1px solid #3a3a3a;border-radius:16px;padding:2rem;margin-top:2rem;box-shadow:0 6px 20px #00000026}.premium-comparison-container{background:radial-gradient(ellipse at top,#2a2a2a,#0a0a0a);border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff1a}.premium-character-headers{display:grid;grid-template-columns:200px repeat(4,1fr);background:linear-gradient(180deg,rgba(220,53,69,.1) 0%,transparent 100%);border-bottom:2px solid rgba(220,53,69,.3);padding:2rem 1rem;gap:1rem;align-items:center}.premium-character-column{display:none}.premium-character-column[data-character]{display:block}.premium-character-card{text-align:center;padding:1rem;background:linear-gradient(135deg,#c0c0c00d,#dc35450d);border-radius:16px;border:1px solid rgba(192,192,192,.2);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%}.premium-character-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #dc35454d;border-color:#dc354580}.character-portrait-container{position:relative;width:120px;height:120px;margin:0 auto 1rem}.premium-portrait{width:100%;height:100%;border-radius:50%;border:3px solid transparent;background:linear-gradient(#1a1a1a,#1a1a1a) padding-box,linear-gradient(135deg,silver,#c26b6b) border-box;object-fit:cover;position:relative;z-index:2}.portrait-glow{position:absolute;inset:-10px;background:radial-gradient(circle,rgba(220,53,69,.4) 0%,transparent 70%);border-radius:50%;filter:blur(20px);z-index:1;animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.premium-character-name{font-size:1.3rem!important;font-weight:700!important;background:linear-gradient(135deg,silver,#c26b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:.5rem 0!important;text-shadow:0 2px 10px rgba(220,53,69,.3)}.premium-badges{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.premium-stats-container{padding:2rem}.premium-section{margin-bottom:2.5rem;background:#ffffff05;border-radius:16px;padding:1.5rem;border:1px solid rgba(192,192,192,.1);box-shadow:0 4px 20px #0003}.premium-section-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(220,53,69,.3)}.section-icon{font-size:1.5rem;filter:sepia(1) saturate(2) hue-rotate(320deg)}.premium-section-header h4{margin:0!important;font-size:1.3rem!important;font-weight:600!important;background:linear-gradient(135deg,silver,#c26b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-stat-row{display:grid;grid-template-columns:200px repeat(4,1fr);gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(192,192,192,.1);align-items:center;transition:all .3s ease}.premium-stat-row:last-child{border-bottom:none}.premium-stat-row:hover{background:#dc35450d;padding-left:1rem;margin-left:-1rem;margin-right:-1rem;padding-right:1rem}.stat-label-premium{font-weight:600;color:silver;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.stat-label-premium:before{content:"▸";color:#c26b6b;font-weight:700}.stat-value-premium{text-align:center;font-size:1rem;color:#e0e0e0;padding:.5rem;background:#0000004d;border-radius:8px;border:1px solid rgba(192,192,192,.1);transition:all .3s ease}.stat-value-premium.numeric{font-weight:700;color:#fff;font-size:1.1rem;background:linear-gradient(135deg,#dc35451a,#0000004d);border-color:#dc35454d}.stat-value-premium:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc354533;border-color:#dc354580}.premium-character-column[data-character]:not(.active){display:none}.stat-value-premium:not(.active){display:none}.premium-character-column{height:100%}.premium-portrait{display:block!important;margin:0 auto!important}.comparison-table-container h2{margin-bottom:1.5rem;font-size:1.8rem;font-weight:700;text-align:center;padding-bottom:.5rem;border-bottom:2px solid #c26b6b}.comparison-controls{display:flex;gap:1rem;margin-bottom:1.5rem;justify-content:center}.clear-btn{background:linear-gradient(135deg,silver,gray);color:#000;border:none;padding:.7rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.clear-btn:hover{background:linear-gradient(135deg,#c26b6b,#a64d4d);color:#fff;transform:translateY(-1px)}.comparison-table-wrapper{overflow-x:auto;margin-top:1rem;border-radius:12px;border:1px solid #3a3a3a}.comparison-table{width:100%;border-collapse:collapse;background:#1a1a1a}.comparison-container{width:100%;margin:1rem 0;overflow-x:hidden}@media (min-width: 800px){.comparison-table{min-width:800px}}.comparison-table th,.comparison-table td{padding:1rem;text-align:left;border-bottom:1px solid #3a3a3a;border-right:1px solid #3a3a3a}.comparison-table th{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);font-weight:600;position:sticky;top:0;z-index:10}.stat-header{width:200px;background:linear-gradient(135deg,#3a3a3a,#2a2a2a)!important;font-weight:700}@media (min-width: 800px){.stat-header{min-width:200px}}.character-header{text-align:center;font-weight:700}@media (min-width: 800px){.character-header{min-width:200px}}.section-header td{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);font-weight:700;text-align:center;font-size:1.1rem;padding:1.5rem;text-transform:uppercase;letter-spacing:1px}.stat-name{font-weight:600;background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}@media (min-width: 800px){.stat-name{min-width:200px}}.comparison-table td{vertical-align:top}.character-portrait-cell{text-align:center;padding:1.5rem}.character-rarity-cell,.character-class-cell,.character-faction-cell,.character-equipment-cell,.character-moon-cell,.character-attack-cell{font-weight:500}.character-normal-cell,.character-special-cell,.character-passive-cell,.character-ultimate-cell{max-width:300px;font-size:.9rem;line-height:1.4;padding:1rem}.character-normal-cell strong,.character-special-cell strong,.character-passive-cell strong,.character-ultimate-cell strong{display:block;margin-bottom:.5rem;font-weight:600}.character-normal-cell small,.character-special-cell small,.character-passive-cell small,.character-ultimate-cell small{display:block;line-height:1.3;font-size:.85rem}.character-cards-view{display:none}.cards-section-title{color:silver!important;font-size:1.5rem!important;font-weight:600!important;margin-bottom:1.5rem!important;text-align:center!important;padding-bottom:.5rem!important;border-bottom:2px solid #c26b6b!important}.character-comparison-card{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:1px solid #3a3a3a;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #00000026}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #3a3a3a}.card-portrait{width:60px!important;height:60px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid #c0c0c0!important;flex-shrink:0!important}.card-info h3{margin:0 0 .5rem;color:silver;font-size:1.1rem;font-weight:600}.card-badges{display:flex;gap:.5rem;flex-wrap:wrap}.card-section{margin-bottom:1rem}.card-section h4{color:#c26b6b;margin:0 0 .5rem;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.card-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;font-size:.9rem}.card-stat{display:flex;justify-content:space-between;padding:.3rem 0;border-bottom:1px solid #3a3a3a}.card-stat .stat-label{color:silver;font-weight:500}.card-stat .stat-value{color:#c26b6b;font-weight:600}.card-skill{margin-bottom:.8rem;padding:.8rem;background:#3c3c3c4d;border-radius:8px;border-left:3px solid #c26b6b}.card-skill h5{color:#c26b6b;margin:0 0 .3rem;font-size:.9rem;font-weight:600}.card-skill p{color:silver;margin:0;font-size:.85rem;line-height:1.4}@media (max-width: 768px){.filter-bar{flex-direction:column;gap:.8rem}.filter-controls,.sort-controls{width:100%;justify-content:center}.character-grid{grid-template-columns:1fr}.character-select-card{flex-direction:column;text-align:center}.character-portrait{width:60px!important;height:60px!important}.comparison-table-wrapper{display:none!important}.character-cards-view{display:block!important}.comparison-page-intro,.comparison-table-container{padding:1rem}.comparison-controls{flex-direction:column;gap:.5rem}.clear-btn{width:100%}}@media (max-width: 480px){.comparison-page-intro,.comparison-table-container{padding:1rem}.comparison-controls{flex-direction:column}.clear-btn{width:100%}.comparison-table-wrapper{font-size:.8rem}.comparison-table th,.comparison-table td{padding:.4rem}.stat-header{min-width:100px;width:100px}.character-header{min-width:120px}}