.pp-theme-azeroth {
    --pp-card: #110f27;
    --pp-card-2: #17143a;
    --pp-card-3: #221d4b;
    --pp-line: #2a2452;
    --pp-line-2: #3a3168;
    --pp-muted: #8a82b3;
    --pp-soft: #bcb3dd;
    --pp-orange: #e9b949;
    --pp-orange-2: #ffdb8c;
    --pp-ink: #2a1a04;
    --pp-teal: #8fd0ff;
    --az-gold: #e9b949;
    --az-gold-2: #ffe3a0;
    --az-bronze: #8c6a2a;
    --az-night: #08071a;
    --az-arcane: #7d6bff;
    --az-fel: #6fe0c1;
    --az-serif: "Cormorant SC", "Times New Roman", Georgia, serif;
}

.pp-theme-azeroth .pp-hero {
    min-height: 440px;
    border: 1px solid rgba(233, 185, 73, .35);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .6), 0 30px 80px rgba(8, 7, 26, .6), inset 0 0 120px rgba(125, 107, 255, .12);
    background: linear-gradient(180deg, #0a0920 0%, #17123f 48%, #3a2350 74%, #6b3a3a 90%, #a8623a 100%);
}

.pp-theme-azeroth .pp-hero::after {
    background: linear-gradient(90deg, rgba(8, 7, 26, .88) 0%, rgba(8, 7, 26, .55) 40%, rgba(8, 7, 26, 0) 68%);
    z-index: 0;
}

.pp-theme-azeroth .pp-hero-art { z-index: 0; }
.pp-theme-azeroth .pp-hero-art { overflow: hidden; }
.pp-theme-azeroth .pp-hero-art img { position: absolute; top: 0; right: 0; width: auto; height: 100%; max-width: none; filter: saturate(.7) brightness(.8) contrast(1.08); -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 28%); mask-image: linear-gradient(90deg, transparent 0%, #000 28%); }
.pp-theme-azeroth .pp-hero-art::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, #2a1f72 0%, #4a2f7a 55%, #7a4a3a 100%); mix-blend-mode: color; opacity: .42; pointer-events: none; }
.pp-theme-azeroth .pp-hero-art::after { content: ""; position: absolute; inset: 0; z-index: 1; background: radial-gradient(60% 50% at 72% 58%, rgba(255, 196, 110, .22), transparent 70%), linear-gradient(180deg, rgba(10, 9, 32, .55) 0%, rgba(10, 9, 32, .1) 35%, rgba(10, 9, 32, .05) 60%, rgba(10, 9, 32, .9) 100%); pointer-events: none; }
.pp-theme-azeroth .pp-hero-body { z-index: 2; }

.az-sky { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.pp-hero-art ~ .az-sky { display: none; }

.az-sky::before {
    content: "";
    position: absolute;
    left: -10%;
    right: -10%;
    top: 8%;
    height: 46%;
    background: linear-gradient(100deg, transparent 10%, rgba(111, 224, 193, .18) 30%, rgba(125, 107, 255, .22) 50%, rgba(111, 224, 193, .12) 70%, transparent 90%);
    filter: blur(26px);
    transform: skewY(-6deg);
    animation: az-aurora 14s ease-in-out infinite alternate;
}

.az-stars {
    position: absolute;
    inset: 0 0 30% 0;
    background-image:
        radial-gradient(1.5px 1.5px at 6% 12%, #fff, transparent),
        radial-gradient(1px 1px at 14% 40%, #fff, transparent),
        radial-gradient(1.5px 1.5px at 22% 18%, #ffe9b8, transparent),
        radial-gradient(1px 1px at 31% 52%, #fff, transparent),
        radial-gradient(2px 2px at 38% 9%, #fff, transparent),
        radial-gradient(1px 1px at 47% 33%, #cfc6ff, transparent),
        radial-gradient(1.5px 1.5px at 55% 15%, #fff, transparent),
        radial-gradient(1px 1px at 61% 44%, #fff, transparent),
        radial-gradient(2px 2px at 72% 22%, #ffe9b8, transparent),
        radial-gradient(1px 1px at 79% 8%, #fff, transparent),
        radial-gradient(1.5px 1.5px at 86% 36%, #fff, transparent),
        radial-gradient(1px 1px at 93% 14%, #cfc6ff, transparent);
    animation: az-twinkle 5s ease-in-out infinite;
}

.az-stars-2 {
    transform: translate(3%, 6%) scale(1.05);
    opacity: .7;
    animation-delay: -2.5s;
    animation-duration: 7s;
}

.az-peaks { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 42%; }
.az-peaks-far { fill: #1a1033; opacity: .85; }
.az-peaks-near { fill: #08071a; }

.pp-theme-azeroth .pp-hero.has-cover::before {
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    width: 460px;
    height: 460px;
    background: radial-gradient(circle, rgba(233, 185, 73, .3), rgba(125, 107, 255, .14) 45%, transparent 68%);
    z-index: 0;
    animation: az-pulse 6s ease-in-out infinite;
}

.pp-theme-azeroth .pp-hero-cover {
    right: 56px;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    border: 3px solid var(--az-gold);
    box-shadow: 0 0 0 6px rgba(8, 7, 26, .85), 0 0 0 8px rgba(233, 185, 73, .55), 0 0 60px 10px rgba(233, 185, 73, .35), 0 30px 60px rgba(0, 0, 0, .6);
    z-index: 2;
    animation: az-float 7s ease-in-out infinite;
}

.pp-theme-azeroth .pp-hero h1 {
    font-family: var(--az-serif);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: .01em;
    background: linear-gradient(180deg, #fff6d6 0%, #ffe08a 38%, #e3a93a 62%, #a8701c 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 2px 0 rgba(42, 26, 4, .9)) drop-shadow(0 0 18px rgba(233, 185, 73, .35));
}

.pp-theme-azeroth .pp-hero h1 small {
    font-family: Onest, sans-serif;
    font-size: 16px;
    letter-spacing: .02em;
    color: #d9cfee;
    -webkit-text-fill-color: #d9cfee;
    margin-top: 12px;
}

.pp-theme-azeroth .pp-lead { color: #e6dcf5; font-size: 15px; max-width: 520px; }

.pp-theme-azeroth .pp-pill { background: rgba(8, 7, 26, .7); border: 1px solid rgba(233, 185, 73, .3); }
.pp-theme-azeroth .pp-pill.is-teal { background: rgba(233, 185, 73, .14); color: var(--az-gold-2); }

.pp-theme-azeroth .pp-area-select > .pp-box,
.pp-theme-azeroth .pp-area-info > .pp-box,
.az-quest,
.az-feat {
    position: relative;
}

.pp-theme-azeroth .pp-box {
    background: linear-gradient(180deg, #15123a 0%, #0f0d27 100%);
    border: 1px solid rgba(233, 185, 73, .26);
    border-radius: 18px;
    box-shadow: inset 0 1px 0 rgba(255, 227, 160, .08), inset 0 0 0 4px rgba(8, 7, 26, .35), 0 20px 50px rgba(5, 4, 18, .45);
}


.pp-theme-azeroth .pp-box::before,
.pp-theme-azeroth .pp-box::after {
    content: "";
    position: absolute;
    top: -5px;
    width: 9px;
    height: 9px;
    background: var(--az-gold);
    transform: rotate(45deg);
    box-shadow: 0 0 10px rgba(233, 185, 73, .6);
}

.pp-theme-azeroth .pp-box::before { left: 22px; }
.pp-theme-azeroth .pp-box::after { right: 22px; }

.pp-theme-azeroth .pp-box h2,
.pp-theme-azeroth .pp-step-title,
.pp-theme-azeroth .pp-edition h3,
.pp-theme-azeroth .pp-tabs button {
    font-family: var(--az-serif);
    letter-spacing: .03em;
}

.pp-theme-azeroth .pp-box h2 { font-size: 24px; color: var(--az-gold-2); }
.pp-theme-azeroth .pp-step-title { font-size: 22px; color: var(--az-gold-2); }
.pp-theme-azeroth .pp-step-title i { display: none; }

.pp-theme-azeroth .pp-countries {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 14px;
}

.pp-theme-azeroth .pp-country {
    position: relative;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    min-height: 150px;
    padding: 22px 14px 18px;
    border-radius: 120px 120px 18px 18px;
    border: 1px solid rgba(233, 185, 73, .3);
    background: radial-gradient(ellipse at 50% 30%, rgba(125, 107, 255, .2), transparent 65%), #120f30;
    font-family: var(--az-serif);
    font-size: 22px;
    font-weight: 700;
    color: #e6dcf5;
    transition: border-color .2s, box-shadow .2s, transform .2s, color .2s;
}

.pp-theme-azeroth .pp-country::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 22px;
    width: 92px;
    height: 92px;
    margin-left: -46px;
    border-radius: 50%;
    background: conic-gradient(from 0deg, transparent, rgba(125, 107, 255, .7), transparent 30%, rgba(111, 224, 193, .6), transparent 60%, rgba(233, 185, 73, .6), transparent 85%);
    filter: blur(4px);
    opacity: .35;
    animation: az-spin 9s linear infinite;
}

.pp-theme-azeroth .pp-country:hover { transform: translateY(-3px); border-color: rgba(233, 185, 73, .65); }

.pp-theme-azeroth .pp-country.is-active {
    color: var(--az-gold-2);
    border-color: var(--az-gold);
    box-shadow: 0 0 0 1px var(--az-gold), 0 0 34px rgba(233, 185, 73, .3), inset 0 -40px 60px rgba(233, 185, 73, .08);
}

.pp-theme-azeroth .pp-country.is-active::before { opacity: .9; animation-duration: 4s; }

.pp-theme-azeroth .pp-country-flag,
.pp-theme-azeroth .pp-country-code {
    position: relative;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--az-gold);
    box-shadow: 0 0 0 4px rgba(8, 7, 26, .9), 0 0 0 5px rgba(233, 185, 73, .45), 0 0 24px rgba(125, 107, 255, .5);
}

.pp-theme-azeroth .pp-country-code { display: grid; place-items: center; padding: 0; font-size: 16px; background: #1b1645; color: var(--az-gold-2); }

.pp-theme-azeroth .pp-note { color: var(--pp-soft); }

.pp-theme-azeroth .pp-choice.is-active,
.pp-theme-azeroth .pp-edition.is-active {
    border-color: var(--az-gold);
    background: linear-gradient(180deg, #221b46, #17133a);
    box-shadow: 0 0 0 4px rgba(233, 185, 73, .12), 0 0 30px rgba(233, 185, 73, .12);
}

.pp-theme-azeroth .pp-edition h3 { font-size: 21px; color: #f3ead6; }
.pp-theme-azeroth .pp-price { color: var(--az-gold-2); text-shadow: 0 0 14px rgba(233, 185, 73, .35); }

.pp-theme-azeroth .pp-buy {
    position: relative;
    overflow: hidden;
    border: 1px solid #ffe6a6;
    border-radius: 12px;
    background: linear-gradient(180deg, #ffe08a 0%, #e9b949 45%, #b07a22 100%);
    color: #2a1a04 !important;
    font-family: var(--az-serif);
    font-size: 21px;
    letter-spacing: .06em;
    text-shadow: 0 1px 0 rgba(255, 240, 200, .6);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -3px 0 rgba(100, 60, 10, .45), 0 8px 24px rgba(233, 185, 73, .3);
    transition: transform .15s, box-shadow .2s, filter .2s;
}

.pp-theme-azeroth .pp-buy::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -60%;
    width: 40%;
    background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .55), transparent);
    transform: skewX(-20deg);
    animation: az-shine 4.5s ease-in-out infinite;
}

.pp-theme-azeroth .pp-buy:not(:disabled):hover { transform: translateY(-1px); filter: brightness(1.06); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -3px 0 rgba(100, 60, 10, .45), 0 10px 34px rgba(233, 185, 73, .45); }
.pp-theme-azeroth .pp-buy:disabled::after { display: none; }

.pp-theme-azeroth .pp-total b { color: var(--az-gold-2); }
.pp-theme-azeroth .pp-tabs { border-color: rgba(233, 185, 73, .2); }
.pp-theme-azeroth .pp-tabs button { font-size: 19px; }
.pp-theme-azeroth .pp-tabs button.is-active { color: var(--az-gold-2); }
.pp-theme-azeroth .pp-faq details { background: #17143a; border-color: rgba(233, 185, 73, .18); }
.pp-theme-azeroth .pp-faq details[open] { border-color: rgba(233, 185, 73, .45); }
.pp-theme-azeroth .pp-faq summary { color: #f3ead6; }
.pp-theme-azeroth .pp-faq summary::marker { color: var(--az-gold); }

.az-feats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 20px;
}

.az-feat {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px 14px 14px;
    border-radius: 14px;
    border: 1px solid rgba(233, 185, 73, .35);
    background: linear-gradient(90deg, rgba(233, 185, 73, .12), transparent 60%), linear-gradient(180deg, #1a1540, #110e2a);
    box-shadow: inset 0 1px 0 rgba(255, 227, 160, .1), 0 10px 30px rgba(5, 4, 18, .45);
    opacity: 0;
    animation: az-toast .7s cubic-bezier(.2, .9, .3, 1.2) forwards;
    animation-delay: calc(var(--az-i, 0) * 120ms + 200ms);
}

.az-feat-icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: var(--az-gold-2);
    background: radial-gradient(circle at 40% 35%, #3b2f7a, #15113a 70%);
    border: 2px solid var(--az-gold);
    box-shadow: 0 0 0 3px rgba(8, 7, 26, .9), 0 0 0 4px rgba(233, 185, 73, .4), 0 0 18px rgba(233, 185, 73, .25);
}

.az-feat-icon svg { width: 24px; height: 24px; }
.az-feat-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.az-feat-text b { font-family: var(--az-serif); font-size: 20px; line-height: 1.1; color: #f8edd0; }
.az-feat-text small { font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--az-gold); }

.az-quest {
    margin-bottom: 20px;
    padding: 22px 24px 20px;
    border-radius: 6px;
    color: #3b2a12;
    background:
        radial-gradient(circle at 12% 18%, rgba(160, 110, 40, .18), transparent 30%),
        radial-gradient(circle at 88% 82%, rgba(160, 110, 40, .2), transparent 34%),
        radial-gradient(circle at 70% 20%, rgba(255, 255, 255, .35), transparent 40%),
        linear-gradient(180deg, #f2e3bb, #e3cd98);
    border: 1px solid #a37b38;
    box-shadow: inset 0 0 0 4px rgba(255, 246, 220, .35), inset 0 0 40px rgba(120, 80, 20, .3), 0 18px 40px rgba(5, 4, 18, .5);
}

.az-quest::before,
.az-quest::after {
    content: "";
    position: absolute;
    left: -6px;
    right: -6px;
    height: 12px;
    border-radius: 6px;
    background: linear-gradient(180deg, #c9a061, #7c5521);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
}

.az-quest::before { top: -6px; }
.az-quest::after { bottom: -6px; }

.az-quest-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }

.az-quest-mark {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    font-family: var(--az-serif);
    font-size: 30px;
    font-weight: 700;
    color: #ffd23a;
    -webkit-text-stroke: 1.5px #4a2c00;
    text-shadow: 0 0 10px rgba(255, 210, 58, .8);
    animation: az-bob 2.4s ease-in-out infinite;
}

.az-quest h2 { margin: 0; font-family: var(--az-serif); font-size: 26px; line-height: 1.1; color: #4a2c0a; }

.az-quest-steps { list-style: none; margin: 0; padding: 0; counter-reset: az-step; }

.az-quest-steps li {
    counter-increment: az-step;
    position: relative;
    padding: 10px 0 10px 42px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.45;
    border-bottom: 1px dashed rgba(110, 76, 26, .35);
}

.az-quest-steps li:last-child { border-bottom: 0; }

.az-quest-steps li::before {
    content: counter(az-step);
    position: absolute;
    left: 0;
    top: 8px;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    font-family: var(--az-serif);
    font-size: 17px;
    font-weight: 700;
    color: #f8e7b8;
    background: radial-gradient(circle at 40% 35%, #8d6026, #4f3210);
    border-radius: 50%;
    box-shadow: 0 0 0 2px #c9a061;
}

.az-quest-reward {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(110, 76, 26, .45);
}

.az-quest-reward span { font-family: var(--az-serif); font-size: 18px; font-weight: 700; color: #6b4614; }

.az-quest-reward b {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px 6px 8px;
    border-radius: 8px;
    background: rgba(74, 44, 10, .1);
    border: 1px solid rgba(110, 76, 26, .35);
    font-size: 15px;
    color: #3b2a12;
}

.az-quest-reward b::before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 30%, #fff2b3, #f1c232 45%, #a8740f);
    box-shadow: 0 0 0 1px #7a520c, 0 0 8px rgba(241, 194, 50, .7);
}

@keyframes az-twinkle { 0%, 100% { opacity: 1; } 50% { opacity: .45; } }
@keyframes az-aurora { from { transform: skewY(-6deg) translateX(-4%); opacity: .7; } to { transform: skewY(-3deg) translateX(4%); opacity: 1; } }
@keyframes az-pulse { 0%, 100% { opacity: .8; transform: translateY(-50%) scale(1); } 50% { opacity: 1; transform: translateY(-50%) scale(1.06); } }
@keyframes az-float { 0%, 100% { transform: translateY(-50%); } 50% { transform: translateY(calc(-50% - 8px)); } }
@keyframes az-spin { to { transform: rotate(360deg); } }
@keyframes az-shine { 0%, 60% { left: -60%; } 100% { left: 130%; } }
@keyframes az-toast { from { opacity: 0; transform: translateY(14px) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes az-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }

@media (max-width: 900px) {
    .az-feats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pp-theme-azeroth .pp-hero-cover { right: auto; width: 150px; height: 150px; margin: 26px 26px 0; animation: none; }
    .pp-theme-azeroth .pp-hero.has-cover::before { top: 0; transform: none; animation: none; }
}

@media (max-width: 640px) {
    .pp-theme-azeroth .pp-hero { min-height: 0; }
    .pp-theme-azeroth .pp-hero-art { height: 230px; }
    .pp-theme-azeroth .pp-hero-art img { position: static; width: 100%; height: 100%; -webkit-mask-image: none; mask-image: none; object-position: 40% 72%; }
    .pp-theme-azeroth .pp-hero h1 { font-size: 34px; }
    .pp-theme-azeroth .pp-countries { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .pp-theme-azeroth .pp-country { min-height: 128px; font-size: 18px; padding: 18px 8px 14px; }
    .pp-theme-azeroth .pp-country::before { width: 76px; height: 76px; margin-left: -38px; top: 16px; }
    .pp-theme-azeroth .pp-country-flag,
    .pp-theme-azeroth .pp-country-code { width: 52px; height: 52px; }
    .az-feats { grid-template-columns: minmax(0, 1fr); }
    .az-quest { padding: 20px 16px 18px; }
    .az-quest h2 { font-size: 22px; }
}

@media (prefers-reduced-motion: reduce) {
    .pp-theme-azeroth *,
    .pp-theme-azeroth *::before,
    .pp-theme-azeroth *::after { animation: none !important; }
    .az-feat { opacity: 1; }
}

.pp-theme-azeroth {
    --ui-gold: #ffd100;
    --ui-frame: #c9a24a;
    --ui-frame-dark: #4a3410;
    --ui-tip: rgba(4, 6, 20, .94);
    --ui-tip-line: #8f96a8;
    --ui-legendary: #ff8000;
    --ui-uncommon: #1eff00;
}

.pp-theme-azeroth .pp-hero {
    border: 0;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #1a1206, 0 0 0 4px var(--ui-frame), 0 0 0 6px var(--ui-frame-dark), 0 0 0 7px #000, 0 30px 70px rgba(0, 0, 0, .6);
}

.pp-theme-azeroth .pp-hero h1 small,
.pp-theme-azeroth .pp-lead { text-shadow: 1px 1px 0 #000; }

.pp-theme-azeroth .pp-pill { border-radius: 4px; background: rgba(0, 0, 0, .55); border: 1px solid #5a4a2a; }
.pp-theme-azeroth .pp-pill.is-teal { background: rgba(0, 0, 0, .55); color: var(--ui-uncommon); text-shadow: 1px 1px 0 #000; }

.pp-theme-azeroth .pp-box {
    border-radius: 8px;
    border: 0;
    background:
        radial-gradient(120% 80% at 50% 0%, rgba(255, 210, 120, .06), transparent 60%),
        repeating-linear-gradient(45deg, rgba(255, 255, 255, .012) 0 2px, transparent 2px 5px),
        linear-gradient(180deg, #1b1510, #0d0a07);
    box-shadow: 0 0 0 1px #000, 0 0 0 3px var(--ui-frame), 0 0 0 5px var(--ui-frame-dark), 0 0 0 6px #000, inset 0 0 0 1px rgba(255, 220, 140, .12), inset 0 0 40px rgba(0, 0, 0, .7), 0 18px 40px rgba(0, 0, 0, .5);
}

.pp-theme-azeroth .pp-box::before,
.pp-theme-azeroth .pp-box::after { display: none; }

.pp-theme-azeroth .pp-box h2,
.pp-theme-azeroth .pp-step-title {
    color: var(--ui-gold);
    text-shadow: 1px 1px 0 #000, 0 0 10px rgba(255, 209, 0, .2);
    padding-bottom: 10px;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(90deg, rgba(201, 162, 74, .8), rgba(201, 162, 74, 0)) 1;
}

.pp-theme-azeroth .pp-countries { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; }

.pp-theme-azeroth .pp-country {
    flex-direction: row;
    justify-content: flex-start;
    min-height: 0;
    gap: 14px;
    padding: 10px 14px 10px 10px;
    border-radius: 6px;
    border: 1px solid #3a2c14;
    background: linear-gradient(180deg, #221a10, #140f09);
    font-size: 20px;
    color: #f2e6c8;
    text-shadow: 1px 1px 0 #000;
    box-shadow: inset 0 1px 0 rgba(255, 220, 140, .08);
}

.pp-theme-azeroth .pp-country::before { display: none; }
.pp-theme-azeroth .pp-country:hover { transform: none; border-color: #8a6a2a; background: linear-gradient(180deg, #2a2013, #18120b); }

.pp-theme-azeroth .pp-country.is-active {
    color: var(--ui-gold);
    border-color: var(--ui-gold);
    box-shadow: 0 0 0 1px rgba(255, 209, 0, .5), 0 0 16px rgba(255, 209, 0, .25), inset 0 0 18px rgba(255, 209, 0, .12);
}

.pp-theme-azeroth .pp-country-flag,
.pp-theme-azeroth .pp-country-code {
    width: 52px;
    height: 52px;
    border-radius: 4px;
    border: 2px solid #8a6a2a;
    box-shadow: 0 0 0 1px #000, inset 0 0 0 1px rgba(0, 0, 0, .6);
}

.pp-theme-azeroth .pp-country.is-active .pp-country-flag,
.pp-theme-azeroth .pp-country.is-active .pp-country-code { border-color: var(--ui-gold); box-shadow: 0 0 0 1px #000, 0 0 12px rgba(255, 209, 0, .5); }

.pp-theme-azeroth .pp-note { border-radius: 4px; background: rgba(0, 0, 0, .35); border: 1px solid #3a2c14; color: #d8ccb0; }

.pp-theme-azeroth .pp-edition {
    border-radius: 6px;
    border: 1px solid var(--ui-tip-line);
    background: var(--ui-tip);
    box-shadow: 0 0 0 1px #000, inset 0 0 0 1px rgba(255, 255, 255, .06), 0 10px 24px rgba(0, 0, 0, .5);
}

.pp-theme-azeroth .pp-edition h3 { font-family: Onest, sans-serif; font-size: 17px; font-weight: 700; color: var(--ui-legendary); text-shadow: 1px 1px 0 #000; letter-spacing: 0; }
.pp-theme-azeroth .pp-code-chip { border-radius: 3px; background: transparent; padding: 0; color: #fff; }
.pp-theme-azeroth .pp-codes-count { display: none; }
.pp-theme-azeroth .pp-price { display: inline-flex; align-items: center; gap: 6px; color: #fff; text-shadow: 1px 1px 0 #000; }
.pp-theme-azeroth .pp-price::after { content: ""; width: 13px; height: 13px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff2b3, #f1c232 45%, #a8740f); box-shadow: 0 0 0 1px #5a3a06; }

.pp-theme-azeroth .pp-choice.is-active,
.pp-theme-azeroth .pp-edition.is-active {
    border-color: var(--ui-gold);
    background: var(--ui-tip);
    box-shadow: 0 0 0 1px #000, 0 0 0 3px rgba(255, 209, 0, .25), 0 0 20px rgba(255, 209, 0, .18);
}

.pp-theme-azeroth .pp-inside { border-radius: 6px; background: var(--ui-tip); border-color: var(--ui-tip-line); }
.pp-theme-azeroth .pp-sum-row b { color: #fff; }
.pp-theme-azeroth .pp-total b { color: var(--ui-gold); text-shadow: 1px 1px 0 #000; }

.pp-theme-azeroth .pp-buy {
    border-radius: 6px;
    border: 2px solid var(--ui-frame);
    background: linear-gradient(180deg, #c0281e 0%, #8e130d 50%, #5e0a06 100%);
    color: var(--ui-gold) !important;
    font-size: 22px;
    text-shadow: 1px 1px 0 #000, 0 0 8px rgba(255, 209, 0, .35);
    box-shadow: 0 0 0 1px #000, inset 0 1px 0 rgba(255, 160, 140, .45), inset 0 -3px 6px rgba(0, 0, 0, .5), 0 6px 18px rgba(0, 0, 0, .5);
}

.pp-theme-azeroth .pp-buy::after { background: linear-gradient(100deg, transparent, rgba(255, 220, 160, .3), transparent); }
.pp-theme-azeroth .pp-buy:not(:disabled):hover { filter: brightness(1.15); box-shadow: 0 0 0 1px #000, inset 0 1px 0 rgba(255, 160, 140, .45), inset 0 -3px 6px rgba(0, 0, 0, .5), 0 0 22px rgba(255, 90, 40, .45); }
.pp-theme-azeroth .pp-buy:disabled { opacity: 1; background: linear-gradient(180deg, #4a4a4a, #2a2a2a 50%, #1c1c1c); border-color: #6a6a6a; color: #8a8a8a !important; text-shadow: 1px 1px 0 #000; }

.pp-theme-azeroth .pp-tabs { gap: 4px; border-bottom: 0; box-shadow: inset 0 -2px 0 var(--ui-frame-dark); overflow-y: hidden; }

.pp-theme-azeroth .pp-tabs button {
    margin-bottom: 0;
    border: 1px solid #3a2c14;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    background: linear-gradient(180deg, #1e170f, #110d08);
    color: #b9a77e;
}

.pp-theme-azeroth .pp-tabs button.is-active { color: var(--ui-gold); border-color: var(--ui-frame); background: linear-gradient(180deg, #3a2a12, #1b140c); text-shadow: 1px 1px 0 #000; }

.pp-theme-azeroth .pp-faq details { border-radius: 6px; background: var(--ui-tip); border: 1px solid #4a5060; }
.pp-theme-azeroth .pp-faq details[open] { border-color: var(--ui-tip-line); }
.pp-theme-azeroth .pp-faq summary { color: var(--ui-gold); text-shadow: 1px 1px 0 #000; }
.pp-theme-azeroth .pp-faq p,
.pp-theme-azeroth .pp-text { color: #e8e2d4; }

.pp-theme-azeroth .az-feat {
    border-radius: 8px;
    border: 0;
    background: linear-gradient(180deg, #1d160e, #0e0b07);
    box-shadow: 0 0 0 1px #000, 0 0 0 3px var(--ui-frame), 0 0 0 4px var(--ui-frame-dark), inset 0 0 24px rgba(0, 0, 0, .6), 0 10px 24px rgba(0, 0, 0, .45);
}

.pp-theme-azeroth .az-feat-icon {
    width: 48px;
    height: 48px;
    border-radius: 4px;
    color: var(--ui-gold);
    background: radial-gradient(circle at 40% 35%, #4a3a1a, #1a1208 75%);
    border: 2px solid #8a6a2a;
    box-shadow: 0 0 0 1px #000, inset 0 0 10px rgba(0, 0, 0, .7);
}

.pp-theme-azeroth .az-feat-text b { color: #fff; text-shadow: 1px 1px 0 #000; }
.pp-theme-azeroth .az-feat-text small { color: var(--ui-gold); text-shadow: 1px 1px 0 #000; }

.pp-theme-azeroth .az-quest {
    border-radius: 4px;
    border-color: #6b4a1c;
    box-shadow: 0 0 0 1px #000, 0 0 0 3px var(--ui-frame), 0 0 0 5px var(--ui-frame-dark), 0 0 0 6px #000, inset 0 0 40px rgba(120, 80, 20, .3), 0 18px 40px rgba(0, 0, 0, .5);
}

.pp-theme-azeroth .az-quest::before,
.pp-theme-azeroth .az-quest::after { display: none; }

.pp-theme-azeroth .pp-hero { background: linear-gradient(180deg, #120d08, #1c140c); }
.pp-theme-azeroth .pp-hero::after { background: linear-gradient(90deg, rgba(10, 7, 4, .9) 0%, rgba(10, 7, 4, .6) 40%, rgba(10, 7, 4, 0) 68%); }
.pp-theme-azeroth .pp-hero-art::before { background: linear-gradient(180deg, #3a2a18 0%, #4a3018 55%, #6a3a1a 100%); opacity: .38; }
.pp-theme-azeroth .pp-hero-art::after { background: radial-gradient(60% 50% at 72% 58%, rgba(255, 196, 110, .18), transparent 70%), linear-gradient(180deg, rgba(10, 7, 4, .5) 0%, rgba(10, 7, 4, .08) 35%, rgba(10, 7, 4, .05) 60%, rgba(10, 7, 4, .9) 100%); }
.pp-theme-azeroth .pp-lead { color: #eee4cf; }
.pp-theme-azeroth .pp-hero h1 small { color: #e6dcc4; -webkit-text-fill-color: #e6dcc4; }

html:has(.pp-theme-azeroth) {
    background:
        radial-gradient(80% 50% at 50% 0%, rgba(255, 170, 70, .1), transparent 70%),
        radial-gradient(60% 40% at 50% 100%, rgba(140, 70, 20, .12), transparent 70%),
        repeating-linear-gradient(45deg, rgba(255, 255, 255, .012) 0 2px, transparent 2px 6px),
        linear-gradient(180deg, #17110a 0%, #0e0a06 45%, #0a0704 100%);
    background-color: #0c0905;
}

html:has(.pp-theme-azeroth) body { background: transparent; }

.az-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1200px;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 35%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 0%, #000 35%, transparent 100%);
}

.az-backdrop span {
    position: absolute;
    inset: -24px;
    background-size: cover;
    background-position: center 40%;
    filter: blur(10px) saturate(1.2) brightness(.62);
    transform: translateZ(0);
}

.az-backdrop::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(120% 80% at 50% 10%, transparent 35%, rgba(8, 6, 4, .55) 100%),
        linear-gradient(180deg, rgba(10, 7, 4, .15) 0%, rgba(10, 7, 4, .35) 50%, rgba(10, 7, 4, .85) 100%);
}

.az-quest-mark { font-family: Onest, sans-serif; font-weight: 900; font-size: 28px; line-height: 1; height: auto; }
.az-quest h2 { line-height: 1.15; }
.az-quest-steps li { display: flex; align-items: center; gap: 14px; padding: 10px 0; }
.az-quest-steps li::before { position: static; flex-shrink: 0; font-family: Onest, sans-serif; font-size: 14px; line-height: 1; }
.az-quest-reward span { line-height: 1; }

.pp-theme-azeroth .pp-box {
    background:
        radial-gradient(120% 80% at 50% 0%, rgba(255, 210, 120, .06), transparent 60%),
        repeating-linear-gradient(45deg, rgba(255, 255, 255, .012) 0 2px, transparent 2px 5px),
        linear-gradient(180deg, rgba(27, 21, 16, .8), rgba(13, 10, 7, .86));
}
.pp-theme-azeroth .pp-hero { background: rgba(18, 13, 8, .75); }

.pp-theme-azeroth .pp-box h2.pp-step-title { font-size: 22px; }

@media (max-width: 900px) {
    .pp-theme-azeroth .pp-side > .pp-order { background: linear-gradient(180deg, #1b1510, #0d0a07); }
}

@media (max-width: 640px) {
    .pp-theme-azeroth .pp-countries { grid-template-columns: minmax(0, 1fr); }
    .pp-theme-azeroth .pp-country { min-height: 0; font-size: 18px; padding: 8px 12px 8px 8px; }
    .pp-theme-azeroth .pp-country-flag,
    .pp-theme-azeroth .pp-country-code { width: 44px; height: 44px; }
}