:root{--pf-orange:#ff8040;--pf-yellow:#ffe14a;--pf-green:#4fcb4f;--pf-grey:#8d8d8d;--pf-red:#ff5a4f;--pf-gold:#ffd100;--pf-edge:#6e5433;--pf-edge-2:#3a2c1c;--pf-edge-hi:#b88d4f;--pf-parch:#16110c;--pf-parch-2:#1f1811;--pf-track:#0000008c}.pf-gold{color:var(--pf-gold)}.pf-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--pf-edge-hi);align-items:center;gap:8px;font-size:.7rem;font-weight:800;display:inline-flex}.pf-iconline{align-items:center;gap:8px;display:inline-flex}.pf-hint{color:var(--text-3);font-size:.8rem}.pf-plainlist{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.pf-plainlist .pf-iconline{flex-wrap:wrap}[data-hidden=true]{display:none!important}.pf-frame{background:radial-gradient(120% 80% at 50% -20%, #ffbe6e0f, transparent 60%), linear-gradient(180deg, var(--pf-parch-2), var(--pf-parch));border:1px solid var(--pf-edge);border-radius:14px;position:relative;box-shadow:inset 0 0 0 1px #000000d9,inset 0 1px 0 1px #ffd69612,0 24px 60px -30px #000000e6}.pf-frame-title{letter-spacing:.01em;color:var(--pf-gold);border-bottom:1px solid var(--pf-edge-2);background:linear-gradient(#ffffff0a,#0000);border-radius:13px 13px 0 0;align-items:center;gap:10px;margin:0;padding:10px 16px;font-size:.92rem;font-weight:800;display:flex}.pf-frame-title .count{color:var(--text-3);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.78rem;font-weight:650}.pf-btn{border:1px solid var(--pf-edge);min-height:34px;color:var(--pf-gold);font:inherit;white-space:nowrap;cursor:pointer;background:linear-gradient(#3a2a18,#20170e);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:5px 14px;font-size:.84rem;font-weight:750;line-height:1.2;text-decoration:none;transition:border-color .15s,box-shadow .15s,color .15s;display:inline-flex;box-shadow:inset 0 1px #ffdca024,inset 0 0 0 1px #0009}.pf-btn:hover{color:#fff3b0;border-color:var(--pf-edge-hi);text-decoration:none;box-shadow:inset 0 1px #ffdca033,inset 0 0 0 1px #0009,0 0 18px -4px #ffbe508c}.pf-btn[disabled]{opacity:.5;cursor:default}.pf-btn--quiet{color:var(--text-2);background:#00000040}.pf-btn .wicon{--wicon:20px}.pf-crest{width:var(--crest,56px);height:var(--crest,56px);flex:none;place-items:center;display:inline-grid;position:relative}.pf-crest>img:first-child{object-fit:cover;border-radius:6px;width:78%;height:78%}.pf-crest:after{content:"";pointer-events:none;background:url(/wow/professions/ui/square.webp) 50%/100% 100% no-repeat;position:absolute;inset:0}.pf-crest--ring>img:first-child{border-radius:50%;width:74%;height:74%}.pf-crest--ring:after{background-image:url(/wow/professions/ui/ring.webp)}.pf-c-orange{color:var(--pf-orange)}.pf-c-yellow{color:var(--pf-yellow)}.pf-c-green{color:var(--pf-green)}.pf-c-grey{color:var(--pf-grey)}.pf-c-red{color:var(--pf-red)}.pf-bar{background:var(--pf-track);border-radius:999px;min-width:90px;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.pf-bar>span{position:absolute;top:0;bottom:0}.pf-bar .o{background:var(--pf-orange)}.pf-bar .y{background:var(--pf-yellow)}.pf-bar .g{background:var(--pf-green)}.pf-bar .x{background:var(--pf-grey);opacity:.55}.pf-bar .est{background:repeating-linear-gradient(135deg, var(--pf-orange) 0 4px, transparent 4px 7px);opacity:.8}.pf-bar .mark{background:#fff;width:2px;margin-left:-1px;box-shadow:0 0 6px #fff}.pf-skillnums{font-variant-numeric:tabular-nums;white-space:nowrap;gap:7px;margin-top:3px;font-size:.74rem;font-weight:700;display:flex}.pf-skillnums .o{color:var(--pf-orange)}.pf-skillnums .y{color:var(--pf-yellow)}.pf-skillnums .g{color:var(--pf-green)}.pf-skillnums .x{color:var(--pf-grey)}.pf-dot{vertical-align:middle;border-radius:50%;width:9px;height:9px;display:inline-block}.pf-dot.o{background:var(--pf-orange)}.pf-dot.y{background:var(--pf-yellow)}.pf-dot.g{background:var(--pf-green)}.pf-dot.x{background:var(--pf-grey)}.pf-rankbar{border:1px solid var(--pf-edge);background:#070605;border-radius:5px;height:18px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000000e6,inset 0 2px 6px #000c}.pf-rankbar>span:not(.txt){height:100%}.pf-rankbar .n{background:linear-gradient(#5fe08a,#1f8c45)}.pf-rankbar .c{background:linear-gradient(#ffc65a,#b8741b)}.pf-rankbar .s{background:linear-gradient(#5d5446,#332c22)}.pf-rankbar .fill{background:linear-gradient(#5bc0ff,#1c64b4)}.pf-rankbar .txt{color:#fff;letter-spacing:.02em;text-shadow:0 1px 2px #000,0 0 3px #000;font-variant-numeric:tabular-nums;white-space:nowrap;place-items:center;font-size:.7rem;font-weight:800;display:grid;position:absolute;inset:0}.pf-money{font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap;flex-wrap:wrap;align-items:center;gap:2px 7px;font-weight:700;display:inline-flex}.pf-money .coin{align-items:center;gap:3px;display:inline-flex}.pf-money img{width:13px;height:13px;display:inline-block}.pf-tip{vertical-align:middle;display:inline-flex;position:relative}.pf-tip-pop{z-index:60;width:max-content;min-width:180px;max-width:min(300px,100vw - 24px);translate:var(--dx,0px) 0;pointer-events:none;text-align:left;white-space:normal;letter-spacing:normal;text-transform:none;font-weight:500;display:none;position:absolute;top:calc(100% + 8px);left:0}.pf-tip--up .pf-tip-pop{top:auto;bottom:calc(100% + 8px)}.pf-tip:hover>.pf-tip-pop,.pf-tip:focus-within>.pf-tip-pop,.pf-tip:focus>.pf-tip-pop{animation:.12s ease-out pf-tip-in;display:block}@keyframes pf-tip-in{0%{opacity:0;transform:translateY(-3px)}}.wtt .wtt-desc{margin-top:2px;display:block}.wtt p{margin:2px 0 0}.pf-reagents{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.pf-reagent{color:var(--text-2);align-items:center;gap:8px;font-size:.84rem;display:inline-flex}.pf-reagent--named{min-width:0;max-width:100%}.pf-reagent-name{min-width:0;line-height:1.25}.pf-field{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);gap:4px;font-size:.66rem;font-weight:800;display:grid}.pf-field .select,.pf-field .input{border-color:var(--pf-edge-2);text-transform:none;letter-spacing:normal;background-color:#00000059;min-height:38px;padding-top:6px;padding-bottom:6px;font-size:.88rem;font-weight:500}.pf-seg{border:1px solid var(--pf-edge-2);text-transform:none;letter-spacing:normal;border-radius:9px;display:inline-flex;overflow:hidden}.pf-seg button{color:var(--text-2);font:inherit;cursor:pointer;background:#0000004d;border:0;padding:7px 12px;font-size:.84rem;font-weight:650}.pf-seg button+button{border-left:1px solid var(--pf-edge-2)}.pf-seg button[aria-pressed=true]{color:var(--pf-gold);background:#ffd1001f}.pf-check{cursor:pointer;align-items:flex-start;gap:10px;font-size:.9rem;display:flex}.pf-check input{margin-top:4px}.pf-check small{color:var(--text-3);font-size:.78rem;display:block}.pf-sticky{top:calc(var(--header-h) + 12px);position:sticky}.pf-section{margin-top:3rem}.pf-section>.section-title{margin-bottom:16px}.pf-h2{align-items:center;gap:12px;display:flex}.pf-h2:after{content:"";background:linear-gradient(90deg, var(--pf-edge), transparent);opacity:.7;flex:1;height:1px}.pf-skeleton{background:linear-gradient(90deg,#0000,#ffffff0a,#0000) 0 0/200% 100%;border-bottom:1px solid #ffffff0a;height:44px;animation:1.3s linear infinite pf-shimmer}@keyframes pf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pf-statline{margin-top:20px}.pf-statline .pf-ledger-prof img{border-radius:5px;align-self:center;width:22px;height:22px;box-shadow:0 0 0 1px #000}.pf-bento{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:16px;display:grid}.pf-bento>.pf-mod--wide{grid-column:1/-1}.pf-mod--wide .pf-sys{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=980px){.pf-mod--wide .pf-sys{grid-template-columns:minmax(0,1fr)}}.pf-mod{grid-column:span 3;min-width:0;padding-bottom:14px}.pf-mod--moved{grid-column:span 4}.pf-bento-stack{align-content:start;gap:16px;min-width:0;display:grid}.pf-bento-side{grid-column:span 2}.pf-bento-left{grid-column:span 3}.pf-bento-stack>.pf-mod{grid-column:auto}.pf-mod--essence{flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:0;display:flex}@media (width<=980px){.pf-bento{grid-template-columns:minmax(0,1fr)}.pf-mod,.pf-mod--moved,.pf-bento-side,.pf-bento-left{grid-column:auto}}.pf-mod-text{margin:12px 16px}.pf-vendor{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:14px 10px;margin:0;padding:0 16px;list-style:none;display:grid}.pf-vendor li{text-align:center;justify-items:center;gap:6px;display:grid}.pf-vendor-name{font-size:.76rem;font-weight:650;line-height:1.2}
