.char-article{position:relative}.char-hero{display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:2.5rem;position:relative;overflow:hidden;border-radius:1rem;padding:2rem;min-height:220px}.char-hero__bg-wrap{position:absolute;inset:0;z-index:0;pointer-events:none}.char-hero__bg{width:100%;height:100%;object-fit:cover;object-position:center right;opacity:.45}.char-hero__bg-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(15,15,22,.95) 0%,rgba(15,15,22,.7) 35%,rgba(15,15,22,.3) 60%,transparent 100%)}@media(max-width:639px){.char-hero{flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem}.char-hero__bg-overlay{background:linear-gradient(to top,rgba(15,15,22,.95) 0%,rgba(15,15,22,.5) 50%,transparent 100%)}}.char-hero__portrait{width:10rem;height:10rem;object-fit:cover;border-radius:1rem;border:3px solid;flex-shrink:0;position:relative;z-index:1}.char-hero__name{font-size:2rem;font-weight:800;margin-bottom:.25rem;position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,.6)}.char-hero>div:not(.char-hero__bg-wrap){position:relative;z-index:1}.char-hero__lore{font-style:italic;font-size:.85rem;color:var(--color-text-muted);opacity:.7;margin-bottom:.5rem}.char-hero__desc{color:var(--color-text-muted);line-height:1.6;margin-bottom:1rem;max-width:36rem;font-size:.9rem}.char-hero__seo-line{color:var(--color-text-muted);font-size:.78rem;letter-spacing:.02em;margin-bottom:.5rem}.char-hero__stats{display:flex;flex-wrap:wrap;gap:.5rem}.char-stat{padding:.5rem 1rem;border-radius:.5rem;background:var(--color-surface);border:1px solid var(--color-border);text-align:center}.char-stat__val{display:block;font-size:1.25rem;font-weight:700}.char-stat__label{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.quick-answer{margin-bottom:2rem;padding:1rem 1.25rem;border-radius:.75rem;border:1px solid rgba(124,58,237,.25);background:#7c3aed0d}.quick-answer__label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#a78bfacc;margin-bottom:.5rem}.quick-answer__text{font-size:.9rem;color:var(--color-text-muted);line-height:1.6}.char-section{margin-bottom:2.5rem}.char-section__title{display:flex;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;margin-bottom:1rem}.char-section__bar{width:3px;height:1.25rem;border-radius:2px}.char-section__box{padding:1rem;border-radius:.5rem;background:var(--color-surface);border:1px solid var(--color-border)}.char-section__sub{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:.75rem}.starting-relic-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#ffb43c0a;border:1px solid rgba(255,180,60,.12);border-left:4px solid rgba(255,180,60,.4);border-radius:12px;transition:background .2s,border-color .2s}.starting-relic-card:hover{background:#ffb43c14;border-color:#ffb43c40}.starting-relic-card__icon-wrap{flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:10px;padding:6px}.starting-relic-card__icon{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.7))}.starting-relic-card__icon--empty{width:48px;height:48px;background:#ffffff08;border-radius:8px;border:1px dashed rgba(255,255,255,.1)}.starting-relic-card__body{flex:1;min-width:0}.starting-relic-card__name{display:block;font-size:1.1rem;font-weight:700;color:#f0a848;line-height:1.2}.starting-relic-card__rarity{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-top:2px}.starting-relic-card__desc{font-size:.88rem;line-height:1.5;color:#fffc;margin:4px 0 0}.char-details{border-radius:.5rem;background:var(--color-surface);border:1px solid var(--color-border);overflow:hidden}.char-details__summary{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;user-select:none;font-weight:600;font-size:.9rem;transition:background .15s}.char-details__summary:hover{background:var(--color-surface-hover)}.char-details__chevron{width:1rem;height:1rem;color:var(--color-text-muted);transition:transform .2s;flex-shrink:0}.char-details[open] .char-details__chevron{transform:rotate(180deg)}.char-details__body{padding:0 1rem 1rem}.guide-block__heading{font-size:.9rem;font-weight:600;margin:0;color:var(--color-text)}.guide-para+.guide-para{margin-top:.65rem}.char-images{margin-bottom:1rem;border-radius:.5rem;overflow:hidden}.char-images__item{width:100%;border-radius:.5rem;border:1px solid var(--color-border)}.gameplay-subsection{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.06)}.gameplay-subsection:first-child{margin-top:0;padding-top:0;border-top:none}.gameplay-subsection__title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.75rem}.mechanics-grid{display:grid;gap:.75rem;grid-template-columns:1fr}@media(min-width:768px){.mechanics-grid{grid-template-columns:repeat(2,1fr)}}.mechanic-card{padding:1rem;border-radius:.5rem;background:var(--color-surface);border:1px solid var(--color-border)}.mechanic-card__name{font-size:.9rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.mechanic-card__text{font-size:.8rem;line-height:1.6;color:var(--color-text-muted)}.builds-list{display:flex;flex-direction:column;gap:.75rem}.build-card{padding:1rem 1.25rem;border-radius:.5rem;background:var(--color-surface);border:1px solid var(--color-border)}.build-card__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.build-card__num{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0}.build-card__name{font-size:.95rem;font-weight:700;color:var(--color-text)}.build-card__text{font-size:.8rem;line-height:1.6;color:var(--color-text-muted);margin-bottom:.75rem}.build-card__cards-section{margin-top:.25rem}.build-card__cards-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:1rem;display:block}.build-key-cards-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.build-card__card-tag{font-size:.7rem;padding:.2rem .5rem;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--color-text-muted);display:inline-block}.build-card__relics-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06)}.build-relic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.6rem;margin-top:.5rem}.build-relic-mini{display:flex;align-items:flex-start;gap:.65rem;background:#ffb43c0a;border:1px solid rgba(255,180,60,.12);border-radius:10px;padding:.6rem .75rem;transition:background .15s,border-color .15s,transform .2s}.build-relic-mini:hover{background:#ffb43c17;border-color:#ffb43c4d;transform:translateY(-1px)}.build-relic-mini__icon-wrap{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#00000040;border-radius:8px;padding:4px}.build-relic-mini__icon{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.build-relic-mini__icon--empty{background:#ffffff08;border:1px dashed rgba(255,255,255,.1);border-radius:6px}.build-relic-mini__body{flex:1;min-width:0}.build-relic-mini__name{display:block;font-size:.82rem;font-weight:700;color:#f0a848;line-height:1.2}.build-relic-mini__rarity{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-top:1px}.build-relic-mini__desc{font-size:.7rem;line-height:1.4;color:#ffffffb3;margin:3px 0 0}.sw-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:600px){.sw-grid{grid-template-columns:1fr}}.sw-col{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.2rem}.sw-col--strengths{border-color:#4ade8026;background:#4ade8008}.sw-col--weaknesses{border-color:#f8717126;background:#f8717108}.sw-col__title{font-size:.85rem;font-weight:700;margin-bottom:.75rem;letter-spacing:.03em}.sw-col__title--str{color:#4ade80}.sw-col__title--weak{color:#f87171}.sw-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.sw-list__item{font-size:.82rem;color:var(--color-text-muted);padding-left:1.2rem;position:relative;line-height:1.5}.sw-list__item:before{content:"";position:absolute;left:0;top:.45em;width:6px;height:6px;border-radius:50%}.sw-list__item--str:before{background:#4ade80}.sw-list__item--weak:before{background:#f87171}.top-cards-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.top-card-item{display:flex;flex-direction:column;gap:.5rem}.top-card-item__rank{font-size:1rem;font-weight:800;margin-bottom:.55rem;line-height:1}.top-card-item__body{width:100%}.top-card-item__tile{margin-bottom:.5rem}.top-card-item__name{font-size:.9rem;font-weight:700;color:var(--color-text);margin-bottom:.25rem}.top-card-item__reason{font-size:.78rem;line-height:1.5;color:var(--color-text-muted);padding-left:.25rem}.tips-list,.mistakes-list{display:flex;flex-direction:column;gap:.5rem}.tip-item,.mistake-item{display:flex;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;background:var(--color-surface);border:1px solid var(--color-border);align-items:flex-start}.tip-item__icon,.mistake-item__icon{font-size:1rem;flex-shrink:0;margin-top:.1rem}.tip-item__text,.mistake-item__text{font-size:.8rem;line-height:1.6;color:var(--color-text-muted)}.video-embed{position:relative;padding-bottom:56.25%;border-radius:.75rem;overflow:hidden;border:1px solid var(--color-border)}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-caption{margin-top:.5rem;font-size:.75rem;color:var(--color-text-muted);text-align:center}.cards-grid-compact{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.card-item{align-items:center;display:flex;flex-direction:column;gap:8px}.card-composite{aspect-ratio:598 / 844;container-type:inline-size;isolation:isolate;overflow:visible;position:relative;width:100%;--frame-hue: 0deg;--accent-hue: 0deg;--is-desat: 1;--brightness: 1}.pool-ironclad{--frame-hue: 9deg;--accent-hue: 180deg}.pool-silent{--frame-hue: 115deg;--accent-hue: -65deg}.pool-defect{--frame-hue: 198deg;--accent-hue: 18deg}.pool-necrobinder{--frame-hue: 347deg;--accent-hue: 167deg}.pool-regent{--frame-hue: 43deg;--accent-hue: 223deg}.pool-colorless,.pool-event,.pool-status,.pool-token{--frame-hue: 0deg;--accent-hue: 0deg;--is-desat: 0}.pool-curse{--frame-hue: 306deg;--accent-hue: 75deg;--is-desat: .05;--brightness: .55}.card-layer{height:100%;left:0;pointer-events:none;position:absolute;top:0;user-select:none;width:100%}.card-frame{filter:hue-rotate(var(--frame-hue)) saturate(var(--is-desat)) brightness(var(--brightness));z-index:1}.card-art{height:42%;left:10%;object-fit:cover;object-position:center top;pointer-events:none;position:absolute;top:12%;width:80%;z-index:0}.is-ancient .card-art{border-radius:7%;height:97%;left:1.5%;top:1.5%;width:97%}.card-border{height:49.8%;left:3.9%;object-fit:contain;top:12%;width:92.1%;z-index:3}.card-ancient-border{height:100%;object-fit:contain;width:100%;z-index:3}.card-ancient-textbg{height:42%;left:7.5%;object-fit:contain;top:58%;width:85%;z-index:0}.type-attack .card-ancient-textbg,.type-power .card-ancient-textbg{height:50%;left:5%;top:50%;width:90%}.card-orb{left:-5%;top:-5%;width:20%;height:auto;object-fit:contain;z-index:6}.card-banner{left:50%;top:4%;transform:translate(-50%);width:110%;height:auto;object-fit:contain;z-index:5}.is-ancient .card-banner{top:.5%}.rarity-basic .card-banner,.rarity-basic .card-border,.rarity-basic .card-type-plaque,.rarity-common .card-banner,.rarity-common .card-border,.rarity-common .card-type-plaque{filter:saturate(0) brightness(.85)}.rarity-rare .card-banner,.rarity-rare .card-border,.rarity-rare .card-type-plaque{filter:hue-rotate(210deg) saturate(1.7) brightness(1.1)}.rarity-curse .card-banner,.rarity-curse .card-border,.rarity-curse .card-type-plaque{filter:hue-rotate(var(--accent-hue)) saturate(1.2) brightness(.85)}.rarity-status .card-banner,.rarity-status .card-border,.rarity-status .card-type-plaque{filter:hue-rotate(-110deg) saturate(.4) brightness(.8)}.rarity-token .card-banner,.rarity-token .card-border,.rarity-token .card-type-plaque{filter:saturate(0) brightness(.8)}.card-cost{aspect-ratio:1;color:#f5ead8;font-family:Kreon,serif;font-size:10cqw;font-weight:700;left:-5%;position:absolute;top:-5%;width:20%;z-index:10;-webkit-text-stroke:2px #2a1a08;align-items:center;display:flex;justify-content:center;line-height:1;paint-order:stroke fill;text-shadow:0 1px 3px rgba(0,0,0,.6)}.card-name-overlay{left:50%;position:absolute;text-align:center;top:5.5%;transform:translate(-50%);width:70%;z-index:10}.is-ancient .card-name-overlay{top:2.2%}.card-name-text{color:#fff6e2;font-family:Kreon,serif;font-size:8cqw;-webkit-text-stroke:2.5px #6b4b00;display:block;font-weight:300;letter-spacing:.3cqw;line-height:1.15;overflow:hidden;paint-order:stroke fill;text-overflow:ellipsis;white-space:nowrap}.card-type-wrap{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%);width:25%;z-index:10}.card-type-plaque{height:auto;pointer-events:none;user-select:none;width:100%}.card-type-text{color:#1a1008;font-family:Kreon,serif;font-size:7.5cqw;position:absolute;text-shadow:0 0 2px hsla(0,0%,100%,.2);top:12%;white-space:nowrap}.card-desc-overlay{align-items:center;display:flex;height:34%;justify-content:center;left:50%;overflow:hidden;position:absolute;text-align:center;top:58%;transform:translate(-50%);width:85%;z-index:10}.card-desc-text{border:none;color:#fff6e2;font-family:Kreon,serif;font-size:6.8cqw;font-weight:300;letter-spacing:.3cqw;margin:0;padding:0;text-shadow:1px 1px 0 #000,2px 2px 8px rgba(0,0,0,.5);width:95%}.card-desc-text p{margin:0}.txt-gold{color:#efc851}.txt-purple{color:#c084fc}.txt-red{color:#f87171}.txt-blue{color:#74b9ff}.txt-green{color:#4ade80}.txt-keyword{color:#f8c440}.txt-upgraded{color:#7fff00}.inline-icon-group{align-items:center;display:inline-flex;gap:.5cqw;vertical-align:baseline}.inline-energy-icon,.inline-star-icon{display:inline-block;height:1.1em;vertical-align:-.15em;width:auto}.relics-grid-compact{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}@media(max-width:1100px){.relics-grid-compact{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.relics-grid-compact{grid-template-columns:1fr}}.char-link{display:inline-block;font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:.5rem;border:1px solid var(--color-border);color:var(--color-text-muted);transition:color .15s,border-color .15s}.char-link:hover{color:var(--color-text);border-color:var(--color-text-muted)}.db-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.db-link-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;text-decoration:none;transition:border-color .2s,background .2s}.db-link-card:hover{border-color:#fff3;background:#ffffff0f}.db-link-card__count{font-size:1.5rem;font-weight:700;line-height:1}.db-link-card__label{font-size:.85rem;color:var(--color-text-muted);flex:1}.db-link-card__arrow{font-size:1rem;color:var(--color-text-muted);opacity:.5;transition:opacity .2s}.db-link-card:hover .db-link-card__arrow{opacity:1}.char-nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;border:1px solid var(--color-border);font-size:.875rem;font-weight:500;transition:border-color .15s}.char-nav-link:hover{border-color:var(--color-text-muted)}.char-nav-link__img{width:1.5rem;height:1.5rem;border-radius:50%;object-fit:cover}