.campaign{--campaign-gold-light: var(--color-gold-light);--campaign-plate-2: var(--color-plate-2);--campaign-rarity-common: var(--color-rarity-common);--campaign-rarity-uncommon: var(--color-rarity-uncommon);--campaign-rarity-rare: var(--color-rarity-rare);--campaign-rarity-epic: var(--color-rarity-epic);--campaign-rarity-legendary: var(--color-rarity-legendary);--campaign-rarity-mythical: var(--color-rarity-mythical)}.campaign [data-difficulty-panel][hidden],.campaign [data-region-panel][hidden]{display:none}.campaign__map-scroll{margin:12px 0 18px;overflow-x:auto;border:2px solid var(--locations-gold);border-radius:8px;background:var(--locations-ramp-1);box-shadow:0 8px 24px #00000080;scrollbar-width:thin}.campaign__map{position:relative;min-width:720px}.campaign__map img{display:block;width:100%;height:auto;aspect-ratio:49 / 15}.campaign__marker{position:absolute;top:var(--y);left:var(--x);display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%);color:var(--locations-title)}.campaign__marker-frame{display:block;width:44px;height:44px;overflow:hidden;border:2px solid var(--locations-gold);border-radius:50%;background:var(--locations-plate);box-shadow:0 0 0 2px #010f15cc,0 4px 10px #0009;transition:border-color .2s ease,transform .2s ease}.campaign__marker-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 25%}.campaign__marker-number{position:absolute;top:-6px;right:-8px;min-width:20px;padding:0 5px;border:1px solid var(--locations-gold);border-radius:10px;background:var(--locations-plate);font-size:11px;font-weight:700;line-height:18px;text-align:center}.campaign__marker-name{margin:3px 0 0;padding:1px 7px;border-radius:8px;background:#010f15d1;font-size:11px;font-weight:600;line-height:15px;white-space:nowrap}.campaign__marker[aria-current=true] .campaign__marker-frame{border-color:var(--color-accent);transform:scale(1.15)}.campaign__marker:focus-visible{outline:none}.campaign__marker:focus-visible .campaign__marker-frame{border-color:var(--color-accent)}.campaign__tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 16px}.campaign__tab{padding:10px 8px;border:1px solid var(--locations-gold);border-radius:6px;background:linear-gradient(180deg,var(--campaign-plate-2),var(--locations-plate));font-size:15px;font-weight:700;line-height:20px;color:var(--locations-title);text-align:center;text-transform:uppercase;transition:border-color .2s ease,color .2s ease}.campaign__tab[aria-selected=true]{background:linear-gradient(180deg,var(--campaign-gold-light),var(--locations-gold));color:var(--locations-plate)}.campaign__tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.campaign .carousel__slide{width:150px}.campaign .collection-carousel__slider-body:before{display:none}.campaign-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;padding:12px 8px 10px;border:1px solid var(--locations-gold);border-radius:6px;background:linear-gradient(180deg,var(--campaign-plate-2),var(--locations-plate));color:var(--locations-title);text-align:center;transition:border-color .2s ease}.campaign-card[aria-current=true]{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent),0 0 14px #ffcf2340}.campaign-card__number{position:absolute;top:6px;left:6px;min-width:22px;border:1px solid var(--locations-gold);border-radius:11px;background:var(--locations-ramp-1);font-size:12px;font-weight:700;line-height:20px}.campaign-card__portrait{display:block;width:96px;overflow:hidden;border:2px solid var(--locations-gold);border-radius:6px}.campaign-card__portrait img,.campaign__region-portrait img,.campaign__boss-portrait img{display:block;width:100%;height:auto}.campaign-card__name{font-size:13px;font-weight:700;line-height:17px}.campaign-card__level{font-size:12px;line-height:16px;color:var(--color-text-muted)}.campaign-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.campaign__region{margin:4px 0 18px;scroll-margin-top:80px}.campaign__region-head{display:flex;align-items:center;gap:14px;margin:0 0 12px}.campaign__region-portrait{flex:0 0 64px;overflow:hidden;border:2px solid var(--locations-gold);border-radius:6px}.campaign__region-number{margin:0;font-size:13px;line-height:18px;color:var(--color-text-muted);text-transform:uppercase}.campaign__region-title{margin:0;font-size:24px;font-weight:700;line-height:30px;color:var(--locations-title)}.campaign__stack{display:grid;gap:0}.campaign__divider{position:relative;height:1px;margin:22px 8%;background:linear-gradient(90deg,transparent,var(--locations-gold) 20%,var(--campaign-gold-light) 50%,var(--locations-gold) 80%,transparent)}.campaign__divider:after{content:"";position:absolute;top:50%;left:50%;width:9px;height:9px;border:1px solid var(--campaign-gold-light);background:var(--locations-plate);transform:translate(-50%,-50%) rotate(45deg)}.campaign__plate{min-width:0;padding:16px 18px 18px;border:1px solid var(--locations-gold);border-radius:8px;background:linear-gradient(180deg,#0a3350f2,#05263bf2);box-shadow:0 6px 18px #0006}.campaign__plate-title{margin:-16px -18px 14px;padding:9px 18px;border-bottom:1px solid var(--locations-gold);border-radius:8px 8px 0 0;background:var(--locations-plate);font-size:15px;font-weight:700;line-height:20px;color:var(--locations-title);text-align:center;text-transform:uppercase}.campaign__subtitle{margin:16px 0 8px;font-size:14px;font-weight:700;line-height:20px;color:var(--locations-title)}.campaign__note{margin:6px 0 0;font-size:12px;line-height:17px;color:var(--color-text-muted)}.campaign__lead{margin:0 0 12px;font-size:15px;line-height:22px;color:var(--color-text)}.campaign__battle{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0}.campaign__battle div{display:flex;align-items:center;gap:6px;font-size:14px;line-height:20px}.campaign__battle-icon{flex:0 0 28px;width:28px;height:28px}.campaign__battle dt{color:var(--color-text-muted)}.campaign__battle dd{margin:0;font-weight:700;color:var(--color-text)}.campaign-rewards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px 10px;align-items:start;margin:0;padding:0;list-style:none}.campaign-reward{display:flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid rgba(181,135,38,.45);border-radius:6px;background:#010f158c}.campaign-reward__icon{flex:0 0 40px;width:40px;height:40px}.campaign-reward__icon img,.campaign__battle-icon img{display:block;width:100%;height:100%;object-fit:contain}.campaign-reward__icon--portrait{overflow:hidden;border:1px solid var(--locations-gold);border-radius:6px}.campaign-reward__icon--portrait img{object-fit:cover;object-position:50% 0}.campaign-reward:has(.campaign-reward__link){position:relative;transition:border-color .2s ease}.campaign-reward__link:after{content:"";position:absolute;inset:0}.campaign-reward__link:focus-visible{outline:none}.campaign-reward:has(.campaign-reward__link:focus-visible){border-color:var(--color-accent)}.campaign-reward__body{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0}.campaign-reward__main{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:14px;line-height:20px}.campaign-reward__name{font-weight:600;color:var(--color-text)}.campaign-reward[data-rarity=common] .campaign-reward__name{color:var(--campaign-rarity-common)}.campaign-reward[data-rarity=uncommon] .campaign-reward__name{color:var(--campaign-rarity-uncommon)}.campaign-reward[data-rarity=rare] .campaign-reward__name{color:var(--campaign-rarity-rare)}.campaign-reward[data-rarity=epic] .campaign-reward__name{color:var(--campaign-rarity-epic)}.campaign-reward[data-rarity=legendary] .campaign-reward__name{color:var(--campaign-rarity-legendary)}.campaign-reward[data-rarity=mythical] .campaign-reward__name{color:var(--campaign-rarity-mythical)}.campaign-reward__stars{font-weight:700;color:var(--campaign-gold-light)}.campaign-reward__amount{font-weight:700;color:var(--color-text)}.campaign-reward__chance{margin-left:auto;padding:0 8px;border-radius:10px;background:var(--locations-plate);font-size:12px;font-weight:700;line-height:20px;color:var(--color-accent)}.campaign-reward__details{font-size:12px;line-height:17px;color:var(--color-text-muted)}.campaign-reward__sets{display:flex;flex-wrap:wrap;gap:4px 6px;margin:4px 0 0}.campaign-reward__set{display:inline-flex;align-items:center;gap:4px;padding:1px 8px 1px 4px;border:1px solid rgba(181,135,38,.45);border-radius:10px;background:var(--locations-plate);font-size:12px;line-height:18px;color:var(--locations-title);transition:border-color .2s ease}.campaign-reward__set:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.campaign-reward__set-icon{flex:0 0 16px;width:16px;height:16px}.campaign-reward__set-icon img{display:block;width:100%;height:100%}.campaign__boss-head{display:flex;align-items:center;gap:12px;margin:0 0 12px}.campaign__boss-portrait{flex:0 0 72px;overflow:hidden;border:2px solid var(--locations-gold);border-radius:6px}.campaign__boss-name{margin:0;font-size:18px;font-weight:700;line-height:24px;color:var(--locations-title)}.campaign__boss-meta{display:flex;align-items:center;gap:6px;margin:4px 0 0;font-size:14px;line-height:20px;color:var(--color-text)}.campaign__boss-affinity{display:block;width:24px;height:24px}.campaign__boss-affinity img{display:block;width:100%;height:100%}.campaign__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 24px;margin:0}.campaign__skills{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.campaign__stat{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px solid rgba(181,135,38,.25);font-size:14px;line-height:20px}.campaign__stat dt{color:var(--color-text-muted)}.campaign__stat dd{margin:0;font-weight:700;color:var(--color-text)}.campaign__skills{display:grid;gap:10px;margin:0;padding:0;list-style:none}.campaign__skill{display:flex;align-items:flex-start;gap:12px;padding:8px 10px;border-left:2px solid var(--locations-gold);background:#010f1573}.campaign__skill-icon{flex:0 0 56px;width:56px;height:56px}.campaign__skill-icon img{display:block;width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 2px #b587268c,0 4px 10px #00000073}.campaign__skill-body{min-width:0}.campaign__skill-name{margin:0 0 4px;font-size:14px;font-weight:700;line-height:20px;color:var(--locations-title)}.campaign__skill-cd{font-size:12px;font-weight:400;color:var(--color-text-muted)}.campaign__skill-text{margin:0 0 4px;font-size:13px;line-height:19px;color:var(--color-text)}.campaign__skill-status{color:var(--campaign-gold-light)}.campaign__challenges{margin:8px 0 0}.campaign__thresholds{columns:340px;column-gap:16px;margin:0;padding:0;list-style:none}.campaign__threshold{break-inside:avoid;margin:0 0 8px;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:10px}.campaign__threshold .campaign-rewards{grid-template-columns:minmax(0,1fr)}.campaign__threshold-stars{margin:10px 0 0;padding:4px 0;border:1px solid var(--locations-gold);border-radius:6px;background:var(--locations-plate);font-size:14px;font-weight:700;line-height:20px;color:var(--campaign-gold-light);text-align:center}.campaign__stars-rules{display:grid;gap:8px;margin:0;padding:0;list-style:none}.campaign__stars-rules li{display:grid;grid-template-columns:54px minmax(0,1fr);gap:8px;font-size:14px;line-height:20px;color:var(--color-text)}.campaign__stars-mark{font-weight:700;color:var(--campaign-gold-light)}@media(min-width:1355.98px){.campaign__marker:hover .campaign__marker-frame,.campaign-card:hover,.campaign__tab:hover,.campaign-reward:has(.campaign-reward__link):hover,.campaign-reward__set:hover{border-color:var(--color-accent)}}@media(max-width:900.98px){.campaign__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480.98px){.campaign__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign__tab{font-size:13px}.campaign .carousel__slide{width:132px}.campaign-reward__icon{flex-basis:32px;width:32px;height:32px}.campaign__skill-icon{flex-basis:44px;width:44px;height:44px}.campaign__skills,.campaign-rewards{grid-template-columns:minmax(0,1fr)}.campaign__divider{margin:16px 4%}.campaign__plate{padding:14px 12px}.campaign__plate-title{margin:-14px -12px 12px}.campaign__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}}
