:root{color-scheme:dark;--bg: #12160f;--panel: #1b2218;--ink: #e8efe3;--muted: #9aab93;--accent: #c4a35a;--hp-ally: #3d9e5c;--hp-enemy: #b4453a;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top,#243022 0%,transparent 55%),linear-gradient(180deg,#0e120c,var(--bg));color:var(--ink)}a{color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}input{background:#0f140e;border:1px solid #3d4a3a;color:var(--ink);border-radius:8;padding:.55rem .75rem;width:100%}.shell{max-width:1100px;margin:0 auto;padding:1.25rem}.nav{display:flex;gap:1rem;align-items:center;margin-bottom:1.25rem}.nav strong{letter-spacing:.04em;color:var(--accent)}.locale-switcher{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem}.locale-switcher select{background:#121a14;color:inherit;border:1px solid #2f3b2c;border-radius:8px;padding:.2rem .35rem}.panel{background:color-mix(in srgb,var(--panel) 92%,black);border:1px solid #2f3b2c;border-radius:14px;padding:1rem}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.muted{color:var(--muted)}.skill-panel{margin-top:.75rem;padding:.75rem;border:1px solid #2f3b2c;border-radius:12px;background:#141b12}.skill-panel__who{display:flex;gap:.75rem;align-items:baseline;margin-bottom:.6rem}.skill-panel__row{display:flex;gap:.65rem;flex-wrap:wrap}.skill-slot{width:84px;text-align:center;border:1px solid #3d4a3a;border-radius:10px;padding:.35rem;background:#0f140e}.skill-slot img{width:64px;height:64px;object-fit:cover;border-radius:8px;display:block;margin:0 auto .25rem}.skill-slot small{color:var(--muted);font-size:.75rem}.skill-slot--active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.roster-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;margin:.75rem 0 1rem}.roster-filters select,.roster-filters input{width:100%}.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.hero-card{display:flex;flex-direction:column;gap:.4rem;text-align:left;padding:.5rem;border-radius:12px;border:1px solid #3d4a3a;background:#12180f;color:inherit;cursor:pointer}.hero-card--selected{border-color:var(--accent)}.hero-card__art{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#1a2218}.hero-card__art--empty{min-height:120px}.hero-card__meta{display:flex;flex-direction:column;gap:.15rem;font-size:.85rem}.hero-card__tags{color:var(--muted);text-transform:capitalize;font-size:.75rem}.rank-legendary{border-color:#c4782a}.rank-epic{border-color:#8a5bb5}.rank-rare{border-color:#3a6db5}.rank-mythic{border-color:#b4453a}.hero-detail{margin-top:1rem;padding:1rem;border-radius:12px;border:1px solid #3d4a3a;background:#10160e}.hero-detail__head{display:grid;grid-template-columns:120px 1fr auto;gap:1rem;align-items:start;margin-bottom:1rem}.hero-detail__head img{width:120px;height:120px;object-fit:cover;border-radius:10px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.5rem;margin-bottom:1rem}.stat-cell{border:1px solid #2f3b2c;border-radius:8px;padding:.45rem .55rem;display:flex;flex-direction:column;gap:.15rem}.skill-list{margin:0 0 1rem;padding-left:1.1rem}.citadel-tile{border:1px solid #3d4a3a;border-radius:12px;padding:1.25rem;min-height:110px;color:inherit;text-decoration:none;background:#141b12}.citadel-tile--soon{border-style:dashed;opacity:.75}a.citadel-tile:hover{border-color:var(--accent)}.text-link{color:var(--accent);text-decoration:none}.factions-hub,.faction-heroes,.hero-screen{background:radial-gradient(ellipse at top,#1a3a3a 0%,transparent 50%),linear-gradient(180deg,#0b1414,#0a0f0c 60%);border:1px solid #1e3333;border-radius:14px;padding:1rem 1.1rem 1.5rem}.factions-hub__title h1{margin:0 0 .35rem;letter-spacing:.04em}.arc-switch{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.arc-switch__btn{flex:1 1 8rem;padding:.55rem .85rem;border-radius:10px;border:1px solid #335465;background:#0c1c24;color:var(--muted);cursor:pointer;font:inherit;letter-spacing:.04em}.arc-switch__btn:hover{border-color:#4a7a7a;color:var(--ink)}.arc-switch__btn.is-active{border-color:var(--accent);color:#fff8e8;background:linear-gradient(180deg,#2a2418,#1a1810);box-shadow:0 0 0 1px #c4a35a44 inset}.arc-section{margin-top:1.5rem}.arc-section__note{margin:-.25rem 0 1rem;font-size:.9rem}.arc-section__head,.rank-section__head{display:grid;grid-template-columns:1fr auto auto 1fr;gap:.75rem;align-items:center;margin-bottom:1rem}.arc-section__head h2,.rank-section__head h2{margin:0;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.arc-section__count{color:#9fd0c8;font-size:.9rem;white-space:nowrap}.arc-section__line,.rank-section__line{height:1px;background:linear-gradient(90deg,transparent,#c4a35a88,transparent)}.arc-locked{border:1px dashed #335465;border-radius:12px;padding:1.25rem;color:var(--muted);text-align:center}.faction-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.faction-tile{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.55rem;padding:0;border:none;background:transparent;color:inherit;cursor:pointer}.faction-tile__count{position:absolute;top:.35rem;left:.35rem;z-index:2;background:#0d3a3acc;color:#d7fff8;font-size:.75rem;padding:.15rem .4rem;border-radius:6px}.faction-tile__crest{border-radius:10px;overflow:hidden;aspect-ratio:3 / 4;border:1px solid #2f5a5a;box-shadow:0 8px 24px #0006}.faction-tile__crest img,.faction-tile__banner{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;padding:.35rem .35rem 0}.faction-tile__crest-empty{width:100%;height:100%;min-height:160px;background:#1a2820}.faction-tile__name{display:block;text-align:center;padding:.45rem .35rem;border-radius:8px;border:1px solid #3ec7c7;background:#0c1c24;font-size:.85rem;color:#e8f7f5}.faction-tile:hover .faction-tile__name{border-color:#7dfff0;color:#fff}.faction-heroes__bar{display:flex;align-items:baseline;gap:1rem;margin-bottom:1rem}.faction-heroes__bar h1{margin:0;flex:1;font-size:1.35rem}.rank-section{margin-top:1.25rem}.champ-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.85rem}.champ-card--locked{opacity:.55;filter:grayscale(.35);cursor:default}.champ-card{border:none;background:transparent;color:inherit;cursor:pointer;padding:0;text-align:center}.champ-card__frame{position:relative;border-radius:8px;overflow:hidden;border:2px solid #8a93a0;aspect-ratio:3 / 4;background:#101820}.champ-card.rank-legendary .champ-card__frame{border-color:#d4a017}.champ-card.rank-epic .champ-card__frame{border-color:#9b59b6}.champ-card.rank-rare .champ-card__frame{border-color:#3498db}.champ-card.rank-mythic .champ-card__frame{border-color:#e74c3c}.champ-card__frame img{width:100%;height:100%;object-fit:cover;display:block}.affinity-dot{position:absolute;left:.3rem;bottom:.3rem;width:14px;height:14px;border-radius:50%;border:1px solid #fff8}.affinity-fang{background:#c0392b}.affinity-spirit{background:#27ae60}.affinity-element{background:#2980b9}.affinity-rift{background:#8e44ad}.role-badge{position:absolute;top:.3rem;right:.3rem;font-size:.65rem;background:#000a;padding:.1rem .3rem;border-radius:4px}.champ-card__role{margin-top:.35rem;font-size:.72rem;color:#b7c9a8}.champ-card__name{margin-top:.15rem;font-size:.9rem;color:#e8d48a;font-weight:600}.champ-card__sub{font-size:.7rem}.hero-screen__top{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.hero-screen__top h1{margin:.2rem 0;font-size:1.5rem}.hero-screen__stars{color:#e74c3c;letter-spacing:.08em}.icon-close{width:40px;height:40px;border-radius:8px;border:1px solid #3d4a3a;background:#152018;color:var(--ink);cursor:pointer;font-size:1.1rem}.hero-screen__body{display:grid;grid-template-columns:180px 1fr 280px;gap:1rem;align-items:start}@media(max-width:900px){.hero-screen__body{grid-template-columns:1fr}}.hero-screen__left{display:flex;flex-direction:column;gap:.75rem}.hero-screen__faction{border:1px solid #c4a35a66;border-radius:10px;padding:.75rem;background:#12180fcc;display:flex;flex-direction:column;align-items:center;gap:.45rem;text-align:center}.hero-screen__faction-banner{width:72px;height:auto;max-height:110px;object-fit:contain}.hero-screen__stage{display:grid;grid-template-columns:48px 1fr 48px;gap:.5rem;align-items:center;min-height:320px}.hero-screen__portrait-wrap{border-radius:16px;overflow:hidden;border:2px solid #c4a35a88;background:radial-gradient(circle at 50% 20%,#2a4a55,#0d1412 70%);aspect-ratio:3 / 4;max-height:420px;margin:0 auto;width:min(100%,320px)}.hero-screen__portrait-wrap img{width:100%;height:100%;object-fit:cover;display:block}.hero-screen__portrait-empty{width:100%;height:100%;min-height:280px}.hero-nav{height:64px;border-radius:12px;border:1px solid #c4a35a66;background:#1a2218aa;color:var(--accent);font-size:1.8rem;cursor:pointer}.hero-screen__right{border:1px solid #c4a35a55;border-radius:12px;padding:.85rem;background:#0f1612ee}.hero-screen__tags{display:flex;gap:.5rem;align-items:center;margin-bottom:.75rem}.rarity-pill{padding:.2rem .55rem;border-radius:6px;font-size:.8rem;background:#3a2a10;color:#f0c56d}.hero-tabs{display:flex;gap:.35rem;margin-bottom:.85rem}.hero-tabs button{flex:1;border:1px solid #2f6a6a;background:#102028;color:#cfe;border-radius:8px;padding:.4rem;cursor:pointer}.hero-tabs button.on{background:#1a4a55;border-color:#4fd0c8;color:#fff}.hero-skills{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1rem}.hero-skill{display:grid;grid-template-columns:48px 1fr;gap:.55rem;align-items:center}.hero-skill img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid #c4a35a66}.hero-stats{display:flex;flex-direction:column;gap:.3rem}.hero-stats__row{display:flex;justify-content:space-between;border-bottom:1px solid #243028;padding:.25rem 0;font-size:.92rem}.hero-lore{line-height:1.45}.text-tab{border:none;background:transparent;color:var(--muted);text-align:left;cursor:pointer;padding:0}.text-tab--on,.text-tab:hover{color:var(--accent)}.hero-screen__affinity{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.85rem}.hero-screen__affinity .affinity-dot{position:static}.raid-hero{display:flex;flex-direction:column;gap:.75rem;min-height:70vh}.raid-hero__top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.raid-hero__top h1{margin:.2rem 0;font-size:1.45rem}.raid-hero__top-right{display:flex;align-items:center;gap:.75rem}.raid-hero__silver{color:var(--accent);font-weight:600;white-space:nowrap}.raid-hero__error{color:#e07a6d;margin:0}.raid-hero__flash{color:#7dcea0;margin:0;font-size:.9rem}.raid-hero__body{display:grid;grid-template-columns:minmax(200px,260px) minmax(240px,1fr) minmax(260px,340px);gap:1rem;align-items:start}@media(max-width:1100px){.raid-hero__body{grid-template-columns:minmax(180px,220px) minmax(220px,1fr)}.raid-hero__panel{grid-column:1 / -1}}@media(max-width:720px){.raid-hero__body{grid-template-columns:1fr}.raid-hero__stage{order:-1}}.raid-hero__roster{background:var(--panel);border:1px solid rgba(196,163,90,.25);border-radius:10px;padding:.65rem;display:flex;flex-direction:column;gap:.6rem;height:min(70vh,640px);max-height:min(70vh,640px);min-height:0;overflow:hidden}.raid-hero__roster-head{font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.raid-hero__roster-grid{display:flex;flex-direction:column;gap:.55rem;overflow-x:hidden;overflow-y:auto;flex:1 1 auto;min-height:0;padding-right:.15rem}.raid-roster-card{position:relative;display:block;width:100%;aspect-ratio:3 / 2;min-height:110px;border:2px solid rgba(255,255,255,.12);border-radius:8px;overflow:hidden;padding:0;margin:0;cursor:pointer;background:#1a1714;flex:0 0 auto}.raid-roster-card img,.raid-roster-card .empty{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.raid-roster-card .empty{background:#2a241c}.raid-roster-card .lvl{position:absolute;right:3px;bottom:2px;font-size:.7rem;font-weight:700;text-shadow:0 1px 2px #000}.raid-roster-card .affinity-dot{position:absolute;left:3px;top:3px;width:10px;height:10px}.raid-roster-card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.raid-roster-card.rank-legendary{border-color:#c9a227}.raid-roster-card.rank-epic{border-color:#8e44ad}.raid-roster-card.rank-rare{border-color:#2980b9}.raid-roster-card.rank-mythic{border-color:#e74c3c}.raid-hero__stage{--rank-color: #8a93a0;--affinity-glow: #7ec8e3;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.75rem .75rem 1rem;border-radius:14px;border:1px solid color-mix(in srgb,var(--rank-color) 55%,transparent);box-shadow:inset 0 0 60px #0000008c,0 0 22px color-mix(in srgb,var(--rank-color) 22%,transparent);background:#0c110d}.raid-hero__stage.rank-uncommon{--rank-color: #3fae5a}.raid-hero__stage.rank-rare{--rank-color: #3498db}.raid-hero__stage.rank-epic{--rank-color: #9b59b6}.raid-hero__stage.rank-legendary{--rank-color: #e0902a}.raid-hero__stage.rank-mythic{--rank-color: #e74c3c}.raid-hero__stage[data-affinity=fang]{--affinity-glow: #e0684f}.raid-hero__stage[data-affinity=spirit]{--affinity-glow: #62d98c}.raid-hero__stage[data-affinity=element]{--affinity-glow: #5db4e8}.raid-hero__stage[data-affinity=rift]{--affinity-glow: #b07ce8}.raid-stage__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-size:cover;background-position:center 30%;transform:scale(1.08);filter:saturate(1.05) brightness(.9);animation:raid-bg-drift 36s ease-in-out infinite alternate}.raid-stage__veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse at 50% 42%,transparent 30%,rgba(5,8,6,.82) 100%),linear-gradient(180deg,rgba(5,8,6,.55) 0%,transparent 30%,transparent 62%,rgba(5,8,6,.9) 100%)}.raid-stage__head{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.raid-hero__faction{color:var(--accent);text-shadow:0 1px 3px #000}.raid-plaque{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}.raid-plaque__rank{padding:.18rem .65rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#14100a;background:linear-gradient(180deg,color-mix(in srgb,var(--rank-color) 80%,white),var(--rank-color));clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);text-shadow:0 1px 0 rgba(255,255,255,.25)}.raid-plaque__role{font-size:.75rem;color:var(--ink);text-shadow:0 1px 3px #000}.raid-stage__hero{position:relative;width:min(100%,400px)}.raid-stage__ring{position:absolute;left:50%;top:34%;width:62%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--affinity-glow) 0deg 5deg,transparent 5deg 16deg);-webkit-mask:radial-gradient(circle,transparent 62%,#000 64%,#000 74%,transparent 76%);mask:radial-gradient(circle,transparent 62%,#000 64%,#000 74%,transparent 76%);mix-blend-mode:screen;opacity:.5;z-index:1;pointer-events:none;animation:raid-ring-spin 24s linear infinite,raid-ring-pulse 4.5s ease-in-out infinite}.raid-stage__sparks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;border-radius:12px;pointer-events:none}.raid-stage__sparks span{position:absolute;bottom:-6px;width:4px;height:4px;border-radius:50%;background:var(--affinity-glow);box-shadow:0 0 6px var(--affinity-glow);opacity:0;animation:raid-spark-rise 6s linear infinite}.raid-stage__sparks span:nth-child(1){left:12%;animation-delay:0s}.raid-stage__sparks span:nth-child(2){left:30%;animation-delay:2.1s;animation-duration:7.5s}.raid-stage__sparks span:nth-child(3){left:48%;animation-delay:.9s;animation-duration:5.4s}.raid-stage__sparks span:nth-child(4){left:63%;animation-delay:3.4s}.raid-stage__sparks span:nth-child(5){left:78%;animation-delay:1.6s;animation-duration:8s}.raid-stage__sparks span:nth-child(6){left:90%;animation-delay:4.2s;animation-duration:6.6s}.raid-hero__portrait{width:100%;aspect-ratio:3 / 2;border-radius:12px;overflow:hidden;border:2px solid var(--rank-color);box-shadow:0 0 18px color-mix(in srgb,var(--rank-color) 45%,transparent),inset 0 -40px 50px #00000080;background:#14110e}.raid-hero__portrait img{width:100%;height:100%;object-fit:cover;object-position:top center;transform-origin:50% 22%;animation:raid-hero-breathe 6.5s ease-in-out infinite}.raid-stage__level{position:absolute;left:10px;bottom:10px;z-index:2;display:flex;align-items:baseline;gap:.1rem;padding:.2rem .55rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--rank-color) 70%,transparent);background:#080a08d1;text-shadow:0 1px 2px #000}.raid-stage__level strong{font-size:1.05rem;color:#f0e6c8}.raid-stage__level span{font-size:.72rem;color:var(--muted)}.raid-stage__meta{margin:0;font-size:.8rem;color:var(--muted);text-shadow:0 1px 2px #000}@keyframes raid-bg-drift{0%{transform:scale(1.08) translate(-1.5%)}to{transform:scale(1.08) translate(1.5%)}}@keyframes raid-hero-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes raid-ring-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes raid-ring-pulse{0%,to{opacity:.35}50%{opacity:.6}}@keyframes raid-spark-rise{0%{opacity:0;transform:translateY(0)}12%{opacity:.9}80%{opacity:.5}to{opacity:0;transform:translateY(-320px)}}@media(prefers-reduced-motion:reduce){.raid-stage__bg,.raid-stage__ring,.raid-stage__sparks span,.raid-hero__portrait img{animation:none}}.raid-hero__stage-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.raid-hero__panel{background:var(--panel);border:1px solid rgba(196,163,90,.25);border-radius:10px;padding:.75rem;display:flex;flex-direction:column;gap:.65rem;max-height:75vh;overflow:auto}.equip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.equip-slot{position:relative;aspect-ratio:1;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#1a1714;padding:0;cursor:pointer;overflow:hidden}.equip-slot img{width:100%;height:100%;object-fit:cover}.equip-slot__label{position:absolute;left:3px;top:2px;font-size:.58rem;color:var(--muted);text-transform:uppercase;z-index:1}.equip-slot__empty{display:grid;place-items:center;height:100%;color:var(--muted);font-size:1.2rem}.equip-slot__lvl{position:absolute;right:3px;bottom:2px;font-size:.68rem;font-weight:700;color:#f0e6c8;text-shadow:0 1px 2px #000}.equip-slot.selected,.bag-item.selected{outline:2px solid var(--accent)}.equip-slot.rarity-legendary,.bag-item.rarity-legendary{border-color:#c9a227}.equip-slot.rarity-epic,.bag-item.rarity-epic{border-color:#8e44ad}.equip-slot.rarity-faction,.bag-item.rarity-faction{border-color:#27ae60}.equip-slot.rarity-relic,.bag-item.rarity-relic{border-color:#e67e22}.set-bonuses{display:flex;flex-direction:column;gap:.35rem}.set-bonuses h4,.raid-hero__panel h3,.raid-hero__panel h4{margin:.25rem 0 0;font-size:.95rem}.set-bonuses__row{display:flex;flex-direction:column;gap:.1rem;font-size:.8rem;padding:.35rem .45rem;border-radius:6px;background:#c4a35a14}.stat-bonus{color:#7dcea0;font-weight:600}.bag-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}.bag-item{position:relative;aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#1a1714;padding:0;cursor:pointer;overflow:hidden}.bag-item img{width:100%;height:100%;object-fit:cover}.art-tooltip{border-top:1px solid rgba(196,163,90,.25);padding-top:.6rem;display:flex;flex-direction:column;gap:.35rem;font-size:.85rem}.art-tooltip__head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.art-tooltip ul{margin:0;padding-left:1.1rem}.art-tooltip__actions{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.art-tooltip__slot{background:#1a1714;color:var(--ink);border:1px solid rgba(196,163,90,.35);border-radius:6px;padding:.35rem .5rem}.rarity-pill.rarity-minor{background:#555}.rarity-pill.rarity-major{background:#2980b9}.rarity-pill.rarity-relic{background:#e67e22}.rarity-pill.rarity-epic{background:#8e44ad}.rarity-pill.rarity-legendary{background:#c9a227;color:#1a1408}.rarity-pill.rarity-faction{background:#27ae60}.shell--citadel{max-width:none;padding:0;min-height:100vh}.citadel-hub{position:relative;min-height:100vh;overflow:hidden;isolation:isolate}.citadel-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:#0b1210}.citadel-scene__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;pointer-events:none;-webkit-user-select:none;user-select:none;transform:scale(1.04);animation:citadel-art-in 1.4s ease-out both}.citadel-scene__veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,transparent 35%,#060a08cc 100%),linear-gradient(180deg,#0a100e66 0%,transparent 22%,transparent 72%,#060a08ee 100%)}.citadel-scene__mist{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 14% 34%,#3d9e5c33 0%,transparent 18%),radial-gradient(circle at 48% 80%,#e05a3a2e 0%,transparent 16%),radial-gradient(circle at 82% 78%,#8e44ad2a 0%,transparent 14%);animation:citadel-pulse 7s ease-in-out infinite alternate}@keyframes citadel-pulse{0%{opacity:.55}to{opacity:1}}@keyframes citadel-art-in{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1.04)}}.citadel-building-wrap{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.citadel-building-art{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 12px 20px #000b);transform-origin:center bottom;animation:citadel-prop-in .75s cubic-bezier(.22,1,.36,1) both,citadel-idle 3.8s ease-in-out .9s infinite;animation-delay:var(--citadel-delay, 0ms),calc(var(--citadel-delay, 0ms) + .75s)}.citadel-building-lift{display:block;width:100%;height:100%;transform-origin:center bottom;transition:transform .2s ease,filter .2s ease}.citadel-building-hit:hover .citadel-building-lift,.citadel-building-hit:focus-visible .citadel-building-lift{transform:translateY(-7%) scale(1.07);filter:brightness(1.1)}.citadel-building-hit:hover .citadel-building-art,.citadel-building-hit:focus-visible .citadel-building-art{animation-play-state:running,paused}.citadel-building-wrap.is-pressed .citadel-building-lift{animation:citadel-press .28s ease both}.citadel-building-hit{position:absolute;transform:translate(-50%,-50%);border:none;padding:0;margin:0;background:transparent;cursor:pointer;border-radius:14%;pointer-events:auto;transition:box-shadow .2s ease,background .2s ease}.citadel-building-hit--art{background:transparent;border-radius:12%}.citadel-building-hit:hover,.citadel-building-hit:focus-visible{outline:none;background:#ffffff08;box-shadow:0 0 0 2px #c4a35a66,0 0 32px #c4a35a40}.citadel-building-hit.glow-green:hover,.citadel-building-hit.glow-green:focus-visible{box-shadow:0 0 0 2px #3d9e5c88,0 0 32px #3d9e5c55}.citadel-building-hit.glow-red:hover,.citadel-building-hit.glow-red:focus-visible{box-shadow:0 0 0 2px #e05a3a88,0 0 32px #e05a3a55}.citadel-building-hit.glow-violet:hover,.citadel-building-hit.glow-violet:focus-visible{box-shadow:0 0 0 2px #8e44ad88,0 0 32px #8e44ad55}.citadel-building-hit.glow-blue:hover,.citadel-building-hit.glow-blue:focus-visible{box-shadow:0 0 0 2px #3ec7ff88,0 0 32px #3ec7ff55}@keyframes citadel-prop-in{0%{opacity:0;transform:translateY(18%) scale(.86);filter:drop-shadow(0 2px 6px #0006) brightness(.85)}to{opacity:1;transform:translateY(0) scale(1);filter:drop-shadow(0 12px 20px #000b) brightness(1)}}@keyframes citadel-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5%)}}@keyframes citadel-press{0%{transform:translateY(-7%) scale(1.07)}45%{transform:translateY(2%) scale(.94)}to{transform:translateY(-4%) scale(1.02)}}.citadel-hotspot{position:absolute;transform:translate(-50%,-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.2rem;border:none;background:transparent;color:#f2f6f0;cursor:pointer;padding:0;font:inherit;pointer-events:auto}@keyframes citadel-label-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.citadel-hotspot__label{padding:.28rem .7rem;border-radius:999px;background:#0a100ccc;border:1px solid #ffffff22;white-space:nowrap;font-size:.92rem;letter-spacing:.02em;transition:transform .18s ease,border-color .18s ease,color .18s ease;animation:citadel-label-in .55s ease-out both;animation-delay:var(--citadel-delay, 0ms)}.citadel-building-wrap:hover .citadel-hotspot__label,.citadel-hotspot:hover .citadel-hotspot__label{transform:translateY(-2px)}.citadel-hotspot--live .citadel-hotspot__label{border-color:#c4a35a99;box-shadow:0 0 12px #c4a35a44}.citadel-hotspot:hover .citadel-hotspot__label{border-color:#7dfff0;color:#fff}.citadel-hotspot__badge{position:absolute;top:-.45rem;right:-.55rem;min-width:1.25rem;height:1.25rem;padding:0 .3rem;border-radius:999px;background:#c0392b;color:#fff;font-size:.72rem;display:grid;place-items:center;border:1px solid #fff6}.citadel-hotspot__soon{font-size:.68rem;color:#9aab93;text-transform:uppercase;letter-spacing:.08em}.citadel-hud-top,.citadel-hud-bottom,.citadel-events{position:absolute;z-index:5;pointer-events:none}.citadel-hud-top,.citadel-hud-bottom,.citadel-events a,.citadel-hud-top>*,.citadel-hud-bottom>*{pointer-events:auto}.citadel-hud-top{top:0;left:0;right:0;display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;padding:.65rem .85rem;background:linear-gradient(180deg,#0a100eee,transparent)}.citadel-profile{display:flex;gap:.55rem;align-items:center;text-decoration:none;color:inherit;min-width:0}.citadel-profile__avatar{width:48px;height:48px;border-radius:50%;border:2px solid var(--accent);background:#243022;display:grid;place-items:center;font-weight:700;color:var(--accent);flex-shrink:0}.citadel-profile__meta{display:flex;flex-direction:column;min-width:0}.citadel-profile__meta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.citadel-resources{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.citadel-res{display:flex;align-items:center;gap:.45rem;padding:.3rem .8rem .3rem .4rem;border-radius:999px;background:#0d1410cc;border:1px solid #3d4a3a;font-size:1.05rem;font-weight:600}.citadel-res__icon{width:28px;height:28px;flex:none;display:inline-block;background:center / contain no-repeat;filter:drop-shadow(0 1px 2px #000a)}.citadel-res--energy .citadel-res__icon{background-image:url(/citadel/resources/energy.svg)}.citadel-res--silver .citadel-res__icon{background-image:url(/citadel/resources/silver.png)}.citadel-res--crystals .citadel-res__icon{background-image:url(/citadel/resources/crystals.svg)}.citadel-res--arena .citadel-res__icon{background-image:url(/citadel/resources/arena.svg)}.citadel-res__stack{display:flex;flex-direction:column;line-height:1.15}.citadel-res__hint{font-size:.7rem;color:var(--muted);font-weight:400}.citadel-hud-bottom{left:0;right:0;bottom:0;display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:end;padding:.75rem .85rem 1rem;background:linear-gradient(0deg,#0a100ef2 30%,transparent)}.citadel-shop{display:grid;place-items:center;min-width:88px;height:64px;border-radius:12px;text-decoration:none;color:#e8f4ff;background:linear-gradient(180deg,#2a5a7a,#122430);border:1px solid #5aa0c8;font-weight:700}.citadel-dock{display:flex;justify-content:center;gap:.45rem;flex-wrap:wrap}.citadel-dock__item{display:flex;flex-direction:column;align-items:center;gap:.2rem;width:72px;text-decoration:none;color:#dce8d6;font-size:.72rem}.citadel-dock__glyph{width:48px;height:48px;border-radius:50%;border:2px solid #c4a35a88;background:radial-gradient(circle at 40% 30%,#3a4530,#12180f)}.citadel-dock__item.is-live .citadel-dock__glyph{border-color:#7dfff0;box-shadow:0 0 12px #3ec7c766}.citadel-battle-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:120px;height:72px;border-radius:14px;text-decoration:none;color:#fff8f0;background:linear-gradient(180deg,#c0392b,#6a1510);border:2px solid #f0c56d;box-shadow:0 8px 24px #c0392b55}.citadel-battle-cta__sub{font-size:.68rem;opacity:.85}.citadel-battle-cta__title{font-size:1.35rem;font-weight:800;letter-spacing:.12em}.citadel-events{top:5.5rem;right:.75rem;display:flex;flex-direction:column;gap:.45rem}.citadel-event{width:72px;padding:.45rem .35rem;border-radius:12px;background:#10160fcc;border:1px solid #c4a35a55;text-align:center;font-size:.72rem;display:flex;flex-direction:column;gap:.15rem;color:inherit;text-decoration:none;transition:border-color .16s ease,transform .16s ease}.citadel-event:hover{border-color:#7dfff0;transform:translateY(-1px)}.citadel-event small{color:var(--muted)}.coming-soon{max-width:560px}.portal{display:flex;flex-direction:column;gap:.85rem}.portal__head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.portal__flash{margin:0;color:#7dcea0;font-size:.92rem}.portal__body{display:grid;grid-template-columns:minmax(260px,340px) minmax(280px,1fr);gap:1rem;align-items:stretch;min-height:520px}@media(max-width:800px){.portal__body{grid-template-columns:1fr}}.portal__list{display:flex;flex-direction:column;gap:.45rem;background:var(--panel);border:1px solid rgba(196,163,90,.28);border-radius:12px;padding:.55rem;overflow:auto;max-height:min(70vh,640px)}.portal-heart{display:grid;grid-template-columns:64px 1fr;gap:.65rem;align-items:center;text-align:left;padding:.45rem .55rem;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#0000002e;cursor:pointer;color:inherit}.portal-heart.is-active{border-color:var(--heart-color, var(--accent));box-shadow:0 0 0 1px var(--heart-color, var(--accent));background:color-mix(in srgb,var(--heart-color, #3b7dd8) 16%,transparent)}.portal-heart__icon{position:relative;width:64px;height:64px;border-radius:10px;overflow:hidden;background:#141210}.portal-heart__icon img{width:100%;height:100%;object-fit:contain;display:block}.portal-heart__qty{position:absolute;right:3px;bottom:2px;font-size:.72rem;font-weight:700;text-shadow:0 1px 2px #000}.portal-heart__meta{display:flex;flex-direction:column;gap:.3rem;min-width:0}.portal-heart__name{font-weight:650;font-size:.95rem}.portal-heart__ranks{display:flex;flex-wrap:wrap;gap:.25rem}.rank-chip{font-size:.68rem;padding:.1rem .35rem;border-radius:999px;background:#ffffff14}.rank-chip--peasant{color:#cfcfcf}.rank-chip--soldier{color:#6fcf7a}.rank-chip--commander{color:#5dade2}.rank-chip--general{color:#bb8fce}.rank-chip--ruler{color:#f0c35a}.portal__stage{position:relative;border-radius:14px;border:1px solid rgba(196,163,90,.28);background:#0b120e;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;padding:1.25rem 1rem 1.1rem;min-height:480px}.portal__vortex{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--heart-color, #3b7dd8) 45%,transparent),transparent 55%),conic-gradient(from 180deg at 50% 50%,#0a100c,#122018,#0a100c,#1a1020,#0a100c);opacity:.85;animation:portal-spin 28s linear infinite;pointer-events:none}@keyframes portal-spin{to{transform:rotate(360deg)}}.portal__hero-icon{position:relative;z-index:1;width:min(280px,58vw);aspect-ratio:1;filter:drop-shadow(0 12px 28px rgba(0,0,0,.55))}.portal__hero-icon img{width:100%;height:100%;object-fit:contain;display:block}.portal__hero-icon-empty{width:100%;height:100%;border-radius:50%;background:#1a1714}.portal__info{position:relative;z-index:1;text-align:center;max-width:420px}.portal__info h2{margin:0 0 .35rem;font-size:1.45rem}.portal__info p{margin:.25rem 0}.portal__price-card{margin-top:.75rem;display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.portal__price-card>div{display:flex;flex-direction:column;gap:.15rem;padding:.55rem .7rem;border-radius:10px;background:#00000059;border:1px solid rgba(255,255,255,.08)}.portal__price-card strong{color:var(--accent);font-size:1.05rem}.portal__owned{margin-top:.55rem!important}.portal__actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;margin-top:.35rem}.portal__btn{min-width:150px;display:inline-flex!important;flex-direction:column;align-items:center;gap:.15rem;padding:.65rem 1.1rem!important}.portal__cost{font-weight:700;color:var(--accent);font-size:.95rem}.portal__btn--x10{outline:1px solid color-mix(in srgb,var(--heart-color, #3b7dd8) 55%,transparent)}.portal__odds-btn{border:none;background:transparent;color:var(--accent);cursor:pointer;font:inherit;font-weight:700;padding:0 .2rem}.portal__pity{margin:.4rem 0 0;font-size:.85rem;color:#c4a35a}.portal__results{list-style:none;margin:.85rem 0 0;padding:0;display:grid;gap:.45rem;width:min(100%,28rem);position:relative;z-index:1}.portal__results li{display:flex;align-items:center;gap:.65rem;padding:.4rem .55rem;border-radius:10px;background:#00000059;border:1px solid #335465}.portal__results img,.portal__results-empty{width:54px;height:36px;object-fit:cover;border-radius:6px;background:#1a2a24;flex-shrink:0}.portal__modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:40;padding:1rem}.portal__modal{width:min(100%,22rem);background:#122018;border:1px solid #3a5a48;border-radius:14px;padding:1rem 1.1rem;box-shadow:0 16px 40px #00000073}.portal__modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.portal__modal header button{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:1.1rem}.portal__modal ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.portal__modal li{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0;border-bottom:1px solid #243528}.campaign{display:grid;gap:.85rem;padding:.25rem 0 1.5rem}.campaign__head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.campaign__tabs{display:flex;flex-wrap:wrap;gap:.45rem}.campaign__tab{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.5rem .75rem;border-radius:10px;border:1px solid #335465;background:#0c1c24;color:var(--muted);cursor:pointer;font:inherit}.campaign__tab.is-active{border-color:var(--accent);color:#fff8e8;background:linear-gradient(180deg,#2a2418,#1a1810)}.campaign__tab:disabled{opacity:.45;cursor:not-allowed}.campaign__stages{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.campaign__stages li{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .8rem;border-radius:10px;border:1px solid #335465;background:#0c1c24}.campaign__stages li.is-locked{opacity:.45}.campaign__battle{margin-top:.5rem;border:1px solid #335465;border-radius:12px;padding:.65rem;background:#0a1614}.vn-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:end center;padding:1rem;background:#0000008c}.vn-modal{width:min(100%,40rem);margin-bottom:1.25rem;padding:.9rem 1rem;border-radius:14px;border:1px solid #4a6a58;background:linear-gradient(180deg,#1a2a22,#101a16);box-shadow:0 18px 48px #00000080}.vn-modal__body{display:flex;gap:.85rem;align-items:flex-start}.vn-modal__portrait{width:88px;height:88px;object-fit:cover;border-radius:10px;border:1px solid #3a5a48;background:#0c1814;flex-shrink:0}.vn-modal__portrait--empty{background:repeating-linear-gradient(-45deg,#142018,#142018 6px,#1a2820 6px,#1a2820 12px)}.vn-modal__text{min-width:0;flex:1}.vn-modal__speaker{display:block;margin-bottom:.35rem;color:var(--accent, #c4a35a)}.vn-modal__text p{margin:0;line-height:1.45;color:#f2efe6}.vn-modal__actions{display:flex;justify-content:flex-end;gap:.55rem;margin-top:.85rem}.onboard{display:grid;gap:.9rem;padding:.25rem 0 1.5rem}.onboard__head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.onboard__card{border:1px solid #335465;border-radius:12px;padding:.9rem 1rem;background:#0c1c24}.onboard__starters{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.65rem;margin-top:.75rem}.onboard__starter{display:grid;gap:.35rem;text-align:left;padding:.55rem;border-radius:10px;border:1px solid #335465;background:#122018;color:inherit;cursor:pointer;font:inherit}.onboard__starter:hover{border-color:var(--accent)}.onboard__starter img,.onboard__starter-empty{width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:8px;background:#1a2a24}.onboard__starter em{font-size:.82rem;color:#c4a35a}.onboard__days{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.45rem}.onboard__days li{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .65rem;border-radius:8px;background:#00000040;border:1px solid #243528}@media(max-width:720px){.citadel-hud-bottom{grid-template-columns:1fr;justify-items:center}.citadel-resources{max-width:55%}.citadel-res{font-size:.9rem;padding:.2rem .6rem .2rem .3rem}.citadel-res__icon{width:22px;height:22px}.citadel-profile__meta span{display:none}}.hub-page{display:grid;gap:.85rem;padding:.25rem 0 1.5rem}.hub-page__head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.tavern__body{display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:.85rem;align-items:start}@media(max-width:800px){.tavern__body{grid-template-columns:1fr}}.tavern__list{display:grid;gap:.4rem;max-height:70vh;overflow:auto;padding:.35rem;border-radius:12px;background:var(--panel);border:1px solid #2f3b2c}.tavern-hero{display:flex;gap:.55rem;align-items:center;text-align:left;padding:.4rem .5rem;border-radius:10px;border:1px solid transparent;background:#122018;color:inherit;cursor:pointer;font:inherit}.tavern-hero.is-active,.tavern-hero:hover{border-color:var(--accent)}.tavern-hero__portrait{position:relative;width:48px;height:48px;flex-shrink:0}.tavern-hero__portrait img,.tavern-hero__portrait .empty{width:48px;height:48px;object-fit:cover;border-radius:8px;background:#1a2a24;display:block}.tavern-hero__portrait .lvl{position:absolute;right:-2px;bottom:-2px;font-size:.7rem;background:#0d1410;border:1px solid #3d4a3a;border-radius:6px;padding:0 .25rem}.tavern-hero__meta{display:grid;gap:.15rem;min-width:0}.tavern__stage-head{display:flex;gap:.85rem;align-items:flex-start;margin-bottom:.85rem}.tavern__portrait{width:96px;height:96px;flex-shrink:0}.tavern__portrait img,.tavern__portrait .empty{width:96px;height:96px;object-fit:cover;border-radius:10px;background:#1a2a24;display:block}.tavern__actions{margin-bottom:.85rem}.tavern__fodder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.4rem}.tavern-fodder{display:flex;gap:.4rem;align-items:center;text-align:left;padding:.35rem;border-radius:8px;border:1px solid #335465;background:#0c1c24;color:inherit;cursor:pointer;font:inherit;font-size:.85rem}.tavern-fodder img,.tavern-fodder .empty{width:36px;height:36px;object-fit:cover;border-radius:6px;background:#1a2a24;flex-shrink:0}.tavern-fodder.is-on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.vault__tabs{margin-bottom:.25rem}.vault__tab{padding:.4rem .75rem;border-radius:8px;border:1px solid #335465;background:#0c1c24;color:inherit;cursor:pointer;font:inherit}.vault__tab.is-active{border-color:var(--accent);color:var(--accent)}.vault__body{display:grid;grid-template-columns:1fr minmax(220px,320px);gap:.85rem;align-items:start}@media(max-width:800px){.vault__body{grid-template-columns:1fr}}.vault__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.45rem}.vault-item{position:relative;aspect-ratio:1;border-radius:10px;border:1px solid #3d4a3a;background:#122018;color:inherit;cursor:pointer;padding:.35rem;display:grid;place-items:center}.vault-item img{width:100%;height:100%;object-fit:contain}.vault-item.is-active{border-color:var(--accent)}.vault-item.rarity-legendary{border-color:#c9a227}.vault-item.rarity-epic{border-color:#8e44ad}.vault-item.rarity-faction{border-color:#27ae60}.vault-item.rarity-relic{border-color:#e67e22}.vault-item__lvl{position:absolute;right:3px;bottom:2px;font-size:.7rem;background:#0d1410cc;padding:0 .2rem;border-radius:4px}.vault-item__lock{position:absolute;left:2px;top:2px;font-size:.7rem}.vault-item__eq{position:absolute;right:4px;top:2px;color:var(--accent);font-size:.65rem}.vault__subs{margin:.35rem 0;padding-left:1.1rem}.vault__actions{margin-top:.75rem}.vault__equip-link{display:inline-flex;align-items:center;padding:.45rem .7rem;border-radius:8px;border:1px solid #335465;background:#0c1c24;text-decoration:none}.gates__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-top:1rem}.gates__card{display:flex;flex-direction:column;gap:.35rem;padding:1rem;border:1px solid #2f3b2c;border-radius:12px;background:#141b14;text-decoration:none;color:inherit;opacity:.55}.gates__card--live{opacity:1;border-color:#4a5e3f;background:linear-gradient(160deg,#1c2818,#121810)}.gates__card--live:hover{border-color:var(--accent)}.quest-list{list-style:none;margin:.5rem 0 1.25rem;padding:0;display:flex;flex-direction:column;gap:.5rem}.quest-row{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.65rem .75rem;border:1px solid #2f3b2c;border-radius:10px;background:#141b14}.quest-row--super{border-color:var(--accent);background:linear-gradient(120deg,#24301c,#1a2214)}.error{color:#e07a6d}.flash{color:#c4a35a}