.page-header:has(.pf-hero-crest--hub)>:is(h1,.lede,.statline,.pf-ledger-note){max-width:780px}.pf-hero-crest--hub{width:560px;top:-30px;right:-30px}.page-header:has(.pf-hero-crest)>img.pf-hub-book{z-index:1;filter:drop-shadow(0 12px 30px #ff963c59)drop-shadow(0 2px 4px #000c);pointer-events:none;width:132px;height:auto;position:absolute;top:118px;right:170px}.pf-hub-stats{margin-top:22px}@media (width<=900px){.page-header:has(.pf-hero-crest)>img.pf-hub-book{width:84px;top:30px;right:10px}}@media (width<=620px){.page-header:has(.pf-hero-crest)>img.pf-hub-book{display:none}}.pf-ledger-note{flex-wrap:wrap;align-items:center;gap:6px 12px;margin:12px 0 0;display:flex}.pf-ledger-note .pf-hint{max-width:90ch}.pf-tools{grid-template-columns:2fr 1fr 1fr;gap:16px;display:grid}@media (width<=1080px){.pf-tools{grid-template-columns:1fr 1fr}.pf-tool--route{grid-column:1/-1}}@media (width<=640px){.pf-tools{grid-template-columns:minmax(0,1fr)}}.pf-tool{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg, var(--glass), transparent), var(--surface);min-width:0;box-shadow:var(--highlight);color:inherit;isolation:isolate;flex-direction:column;gap:14px;padding:20px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}a.pf-tool:hover{color:inherit;border-color:color-mix(in srgb, var(--section) 45%, transparent);box-shadow:var(--highlight), 0 24px 60px -24px color-mix(in srgb, var(--section) 55%, transparent);text-decoration:none;transform:translateY(-3px)}.pf-tool h3{font-family:var(--font-display);letter-spacing:-.015em;margin:4px 0 6px;font-size:1.15rem;font-weight:700}.pf-tool p{color:var(--text-2);margin:0;font-size:.9rem}.pf-tool .pf-btn{align-self:flex-start;margin-top:12px}.pf-tool-head{flex-direction:column;align-items:flex-start;display:flex}.pf-tool--route{background:radial-gradient(80% 120% at 100% 0%, #ff80401f, transparent 60%), linear-gradient(180deg, var(--glass), transparent), var(--surface)}.pf-track-bar{border-radius:999px;height:10px;display:flex;overflow:hidden;box-shadow:0 0 0 1px #000000b3,0 0 24px -6px #ff8040b3}.pf-track-bar span{flex:1}.pf-track-bar .o{background:var(--pf-orange);flex:1.2}.pf-track-bar .y{background:var(--pf-yellow)}.pf-track-bar .g{background:var(--pf-green)}.pf-track-bar .x{background:var(--pf-grey);flex:.7}.pf-track-ticks{color:var(--text-3);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:5px;font-size:.7rem;font-weight:700;display:flex}.pf-route-picks{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (width<=400px){.pf-route-picks{grid-template-columns:repeat(2,minmax(0,1fr))}}.pf-route-picks a{border:1px solid var(--border);min-height:44px;color:var(--text);background:#00000038;border-radius:11px;align-items:center;gap:9px;padding:6px 10px 6px 7px;font-size:.86rem;font-weight:650;line-height:1.2;text-decoration:none;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.pf-route-picks a:hover{color:var(--ink);border-color:color-mix(in srgb, var(--pf-orange) 55%, transparent);background:#ff804014;text-decoration:none;box-shadow:0 0 20px -8px #ff8040b3}.pf-route-picks span:last-child{hyphens:auto;min-width:0}.pf-tool--camp{padding-top:0}.pf-tool-art{object-fit:cover;object-position:50% 70%;width:calc(100% + 40px);max-width:none;height:150px;margin:0 -20px;display:block;mask-image:linear-gradient(#000 55%,#0000)}.pf-tool-badge{border-radius:50%;width:56px;height:56px;position:absolute;top:108px;right:16px;box-shadow:0 6px 20px #0009}.pf-tool-badge img{width:100%;height:100%}.pf-tool--camp .pf-tool-head{margin-top:-18px}.pf-tool--t1{background:radial-gradient(90% 70% at 50% 18%, #b460ff33, transparent 70%), linear-gradient(180deg, var(--glass), transparent), var(--surface)}.pf-t1-fan{justify-content:center;align-items:center;height:118px;display:flex;position:relative}.pf-t1-fan .wicon{box-shadow:0 0 0 1px #000, 0 0 0 2px var(--edge), 0 0 22px -2px #b460ffa6, 0 8px 18px #0009;transition:transform .3s;position:absolute}.pf-t1-fan .f0{transform:translate(-84px)rotate(-12deg)}.pf-t1-fan .f1{transform:translate(-28px)translateY(-8px)rotate(-4deg)}.pf-t1-fan .f2{transform:translate(28px)translateY(-8px)rotate(4deg)}.pf-t1-fan .f3{transform:translate(84px)rotate(12deg)}a.pf-tool--t1:hover .f0{transform:translate(-96px)rotate(-16deg)}a.pf-tool--t1:hover .f3{transform:translate(96px)rotate(16deg)}.pf-books{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.pf-books--3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1080px){.pf-books--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.pf-books,.pf-books--3{grid-template-columns:minmax(0,1fr)}}.pf-book{border:1px solid var(--pf-edge);isolation:isolate;background:#1b150f;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 16px;min-height:150px;padding:18px 18px 18px 16px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000c,inset 0 1px 0 1px #ffd6960f,0 18px 40px -26px #000000e6}.pf-book:after{content:"";z-index:-2;background:var(--art) right center / auto 100% no-repeat;filter:brightness(1.55)saturate(1.15);transition:filter .3s;position:absolute;inset:0}.pf-book:hover:after{filter:brightness(1.8)saturate(1.2)}.pf-book:before{content:"";z-index:-1;background:linear-gradient(90deg,#140f0aeb 0%,#140f0ab8 45%,#140f0a26 100%),radial-gradient(60% 90% at 85%,#ffbe6e1a,#0000 70%);position:absolute;inset:0}.pf-book:hover{border-color:var(--pf-edge-hi);transform:translateY(-2px);box-shadow:inset 0 0 0 1px #000c,inset 0 1px 0 1px #ffd69614,0 22px 50px -24px #ffa03c66}.pf-book-body{gap:8px;min-width:0;max-width:440px;display:grid}.pf-book-name{letter-spacing:-.01em;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0;font-size:1.2rem;font-weight:800;display:flex}.pf-book-name a{color:var(--pf-gold);text-shadow:0 1px 2px #000}.pf-book-name a:hover{color:#fff0a0}.pf-book-count{color:var(--text-3);font-size:.78rem;font-weight:650}.pf-book-notes{flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none;display:flex}.pf-book-notes li{color:var(--text-2);background:#0006;border:1px solid #ffffff12;border-radius:999px;padding:1px 9px;font-size:.74rem;font-weight:650}.pf-book-notes li.is-warn{color:var(--pf-orange);border-color:#ff80404d}.pf-book-actions{flex-wrap:wrap;grid-column:2;gap:8px;display:flex}.pf-book-line{color:var(--text-2);margin:0;font-size:.84rem}.pf-book-feats{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pf-link-more{margin-left:4px;font-size:.84rem;font-weight:700}.pf-book--gather{grid-template-columns:auto minmax(0,1fr);min-height:140px}@media (width<=560px){.pf-book{grid-template-columns:auto minmax(0,1fr);padding:14px}.pf-book-actions{grid-column:1/-1}}.pf-scards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}@media (width<=1000px){.pf-scards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=460px){.pf-scards{grid-template-columns:minmax(0,1fr)}}.pf-scard{text-align:center;border:1px solid var(--pf-edge);isolation:isolate;background:#1b150f;border-radius:12px;flex-direction:column;align-items:center;gap:10px;min-height:300px;padding:22px 16px 18px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #000c,inset 0 1px 0 1px #ffd6960f}.pf-scard:after{content:"";z-index:-2;background:var(--art) center bottom / cover no-repeat;filter:brightness(1.7)saturate(1.15);transition:filter .3s;position:absolute;inset:0}.pf-scard:hover:after{filter:brightness(1.95)saturate(1.2)}.pf-scard:before{content:"";z-index:-1;background:linear-gradient(#140f0ad9,#140f0a59 50%,#140f0ab3);position:absolute;inset:0}.pf-scard:hover{border-color:var(--pf-edge-hi);transform:translateY(-2px);box-shadow:inset 0 0 0 1px #000c,0 22px 50px -24px #ffa03c66}.pf-scard .pf-book-name{justify-content:center}.pf-scard .pf-rankbar{width:100%}.pf-scard-text{color:var(--text-2);margin:0;font-size:.84rem}.pf-scard-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:auto;display:flex}.pf-transfer{align-items:center;gap:14px;padding:16px 16px 10px;display:flex}.pf-transfer-end{color:var(--text);text-align:center;justify-items:center;gap:6px;font-size:.82rem;font-weight:700;display:grid}.pf-transfer-arrow{background:linear-gradient(90deg, #ff5a5080, var(--pf-green));flex:1;min-width:40px;height:2px;position:relative;box-shadow:0 0 12px #4fcb4f80}.pf-transfer-arrow:after{content:"";border:6px solid #0000;border-left:9px solid var(--pf-green);border-right:0;position:absolute;top:-5px;right:-2px}.pf-moved-list{grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr));gap:8px 16px;margin:0;padding:0 16px;list-style:none;display:grid}.pf-moved-list li{align-items:center;gap:10px;font-size:.88rem;font-weight:600;line-height:1.25;display:flex}.pf-wtt-card{width:100%;max-width:none;padding:14px 16px}.pf-wtt-card .wtt-title a{text-decoration:none}.pf-curves{gap:8px;margin:0;padding:0 16px;list-style:none;display:grid}.pf-curves li{grid-template-columns:minmax(120px,1.1fr) minmax(60px,2fr) auto 42px;align-items:center;gap:10px;font-size:.86rem;display:grid}.pf-curves-name{min-width:0;color:var(--text);align-items:center;gap:8px;font-weight:650;display:flex}.pf-curves-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pf-curves-bar{background:var(--pf-track);border-radius:999px;height:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.pf-curves-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--pf-yellow), var(--pf-orange));height:100%;display:block;box-shadow:0 0 10px #ff804099}.pf-curves-num{font-size:.82rem;font-weight:750}.pf-curves-shift{color:var(--pf-orange);background:#ff80401a;border-radius:999px;justify-self:end;padding:1px 7px;font-size:.74rem;font-weight:800}@media (width<=460px){.pf-curves li{grid-template-columns:minmax(0,1fr) auto 42px}.pf-curves-bar{order:4;grid-column:1/-1}}.pf-cross{gap:10px;margin:0;padding:0 16px;list-style:none;display:grid}.pf-cross li{align-items:center;gap:12px;display:flex}.pf-cross-main{gap:5px;min-width:0;font-size:.9rem;font-weight:650;display:grid}.pf-cross-flow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pf-cross-flow .arrow{color:var(--text-3);font-size:.8rem}.pf-cross-flow .wicon-count{font-size:10px}.pf-sys{gap:12px 20px;margin:0;padding:14px 16px 2px;list-style:none;display:grid}.pf-sys li{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;display:grid}.pf-sys p{margin:0}.pf-sys-title{flex-wrap:wrap;align-items:baseline;gap:4px 8px;line-height:1.15;display:flex}.pf-sys-title b{font-family:var(--font-display);color:var(--pf-gold);font-size:1.3rem;font-weight:700}.pf-sys-title span{color:var(--text);font-size:.92rem;font-weight:750}.pf-sys-text{color:var(--text-2);font-size:.84rem;line-height:1.45;margin-top:4px!important}.pf-sys-currency{vertical-align:-3px;white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.pf-sys-currency b{color:var(--text)}.pf-sys-currency img{border-radius:3px;box-shadow:0 0 0 1px #000}.pf-rule{color:var(--pf-gold);align-items:center;gap:8px;margin:-6px 0 14px;font-size:.84rem;font-weight:650;display:inline-flex}.pf-rule:before{content:"";background:url(/wow/professions/ui/book.webp) 50%/contain no-repeat;width:18px;height:18px}