.pf-planner{gap:var(--sp-8) var(--sp-9);grid-template-columns:minmax(0,1fr) 360px;align-items:start;display:grid}.pf-planner-main{gap:var(--sp-8);min-width:0;display:grid}.pf-planner-side{top:calc(var(--header-h) + var(--sp-5));min-width:0;position:sticky}.pf-planner .pf-sum--inline{display:none}@media (width<=1100px){.pf-planner{row-gap:var(--section-gap);grid-template-columns:minmax(0,1fr)}.pf-planner-side{position:static}.pf-planner-side .pf-sum,.pf-bagwin-title{display:none}.pf-planner .pf-sum--inline{display:grid}}.pf-optbar{gap:var(--sp-4);padding-bottom:var(--sp-6);border-bottom:1px solid var(--border-soft);display:grid}.pf-optbar-fields{align-items:end;gap:var(--sp-4);flex-wrap:wrap;display:flex}.pf-optbar .pf-field--num{flex:0 0 120px}.pf-optbar .pf-field--fac{flex:240px;max-width:320px}.pf-optbar .pf-field--spec{flex:200px}.pf-optbar .pf-field .input,.pf-optbar .pf-field .select{font-variant-numeric:tabular-nums}.pf-optbar-toggles{align-items:flex-start;gap:var(--sp-3) var(--sp-7);flex-wrap:wrap;display:flex}.pf-optbar-toggles .pf-check{flex:220px;max-width:320px}.pf-optbar-actions{gap:var(--sp-2);flex-wrap:wrap;margin-left:auto;display:flex}.pf-optbar-excl{align-items:center;gap:var(--sp-2) var(--sp-4);flex-wrap:wrap;display:flex}.pf-optbar-excl ul{gap:var(--sp-2) var(--sp-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.pf-optbar-excl li{align-items:center;gap:var(--sp-2);font-size:var(--fs-body-sm);color:var(--text-2);display:inline-flex}.pf-restore{min-height:var(--control-h-sm);padding:0 var(--sp-2);border-radius:var(--radius-sm);color:var(--link);font:inherit;font-size:var(--fs-caption);cursor:pointer;transition:background-color var(--dur-fast) var(--ease);background:0 0;border:0;align-items:center;font-weight:700;display:inline-flex}.pf-restore:hover{background:#ffffff0d}.pf-restore:active{background:#ffffff08}.pf-optbar .pf-hint{margin:0}@media (width<=560px){.pf-optbar .pf-field--num{flex:120px}.pf-optbar .pf-field--fac,.pf-optbar .pf-field--spec{flex-basis:100%;max-width:none}.pf-optbar-actions{width:100%;margin-left:0}.pf-optbar-actions>*{flex:1 1 0}}@media (width<=640px){.pf-restore{min-height:var(--control-h)}}.pf-route-head{margin-bottom:var(--sp-5)}.pf-route-head>h2{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:700;line-height:var(--lh-h2);letter-spacing:var(--tr-h2)}.pf-route-head>p{font-size:var(--fs-body-sm);color:var(--text-2);flex:100%;margin:0}.pf-notes{gap:var(--sp-2);margin:0 0 var(--sp-4);font-size:var(--fs-body-sm);line-height:var(--lh-body);color:var(--text-2);padding:0;list-style:none;display:grid}.pf-notes li{padding-left:var(--sp-4);border-left:2px solid var(--info)}.pf-stopped{margin-top:var(--sp-4)}.pf-rtrack{margin-bottom:var(--sp-7);padding-bottom:var(--sp-6)}.pf-rtrack-bar{border-radius:var(--radius-xs);background:var(--track);height:16px;position:relative}.pf-rtrack-seg{box-shadow:inset -1px 0 0 var(--bg);transition:filter var(--dur-fast) var(--ease), transform var(--dur) var(--ease);border-radius:2px;position:absolute;top:0;bottom:0}.pf-rtrack-seg:after{content:"";position:absolute;inset:-12px 0}.pf-rtrack-seg:hover,.pf-rtrack-seg:focus-visible{filter:brightness(1.3);z-index:1;transform:scaleY(1.2)}.pf-rtrack-seg.o{background:var(--pf-orange)}.pf-rtrack-seg.y{background:var(--pf-yellow)}.pf-rtrack-seg.g{background:var(--pf-green)}.pf-rtrack-seg.x{background:var(--pf-grey)}.pf-rtrack-cap{background:var(--ink);width:2px;box-shadow:0 0 0 1px var(--bg);pointer-events:none;z-index:2;margin-left:-1px;position:absolute;top:-6px;bottom:-6px}.pf-rtrack-labels{height:12px;margin-top:var(--sp-2);position:relative}.pf-rtrack-labels span{font-size:var(--fs-micro);font-weight:var(--fw-ui);color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap;justify-items:center;gap:2px;line-height:1.2;display:grid;position:absolute;top:0;translate:-50%}.pf-rtrack-labels span:first-child{justify-items:start;translate:0}.pf-rtrack-labels span:last-child{justify-items:end;translate:-100%}.pf-rtrack-labels em{font-style:normal;font-size:var(--fs-micro);font-weight:var(--fw-ui);color:var(--gold)}@media (width<=560px){.pf-rtrack{padding-bottom:var(--sp-3)}.pf-rtrack-labels em{display:none}}.pf-steps{border-top:1px solid var(--border-strong);margin:0;padding:0;list-style:none}.pf-step{gap:var(--sp-3) var(--sp-4);padding:var(--sp-3) 0 var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-soft);transition:background-color var(--dur-fast) var(--ease);grid-template-columns:92px minmax(0,1fr) minmax(0,auto) 112px 40px;align-items:center;display:grid;position:relative}.pf-step:before{content:"";left:0;top:var(--sp-3);bottom:var(--sp-3);border-radius:var(--radius-pill);background:var(--pf-orange);width:3px;position:absolute}.pf-step.c-y:before{background:var(--pf-yellow)}.pf-step.c-g:before{background:var(--pf-green)}.pf-step.c-x:before{background:var(--pf-grey)}.pf-step:hover{background:#ffffff05}.pf-step:target{background:color-mix(in srgb, var(--gold) 7%, transparent)}.pf-step-range{align-content:center;gap:2px;display:grid}.pf-step-n{font-size:var(--fs-micro);font-weight:var(--fw-ui);color:var(--text-3);font-variant-numeric:tabular-nums;line-height:1}.pf-step-n:before{content:"#"}.pf-step-range b{align-items:baseline;gap:var(--sp-1);font-family:var(--font-display);font-size:var(--fs-h4);color:var(--ink);letter-spacing:var(--tr-h2);font-weight:700;line-height:1.2;display:flex}.pf-step-range b span[aria-hidden]{font-family:var(--font-ui);font-size:var(--fs-caption);color:var(--text-3)}.pf-step-colors{gap:var(--sp-1);margin-top:2px;display:flex}.pf-step-what{align-items:center;gap:var(--sp-3);min-width:0;display:flex}.pf-step-title{gap:2px;min-width:0;line-height:1.25;display:grid}.pf-step-craft{font-size:var(--fs-caption);font-weight:var(--fw-ui);color:var(--text-3);font-variant-numeric:tabular-nums}.pf-step-name{font-size:var(--fs-body);font-weight:var(--fw-strong)}.pf-step-mats{justify-content:flex-end;align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.pf-step-cost{font-size:var(--fs-body-sm);justify-self:end}.pf-step-cost .pf-money{flex-wrap:nowrap}.pf-step-tags{gap:var(--sp-1) var(--sp-2);margin-top:var(--sp-1);flex-wrap:wrap;align-items:center;display:flex}.pf-step-tag{align-items:center;gap:var(--sp-1) var(--sp-2);flex-wrap:wrap;min-width:0;display:inline-flex}.pf-step-tag-text{font-size:var(--fs-caption);line-height:var(--lh-ui);color:var(--text-3)}.pf-step-est:before{content:"≈ ";color:var(--text-3)}.pf-x{width:var(--control-h);height:var(--control-h);border-radius:var(--radius-sm);cursor:pointer;opacity:.55;transition:opacity var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:inline-grid}.pf-step:hover .pf-x,.pf-x:focus-visible{opacity:1}.pf-x:hover{opacity:1;background:#ff5a4f14;border-color:#ff5a4f73}.pf-x:active{background:#ff5a4f24}.pf-x:disabled{cursor:default;opacity:.2}@media (width<=1280px) and (width>=1101px),(width<=760px){.pf-step{grid-template-columns:84px minmax(0,1fr) 104px 40px}.pf-step-mats{padding-left:calc(40px + var(--sp-3));grid-area:2/2;justify-content:flex-start}}@media (width<=560px){.pf-step{gap:var(--sp-2) var(--sp-3);padding-left:var(--sp-3);grid-template-columns:minmax(0,1fr) auto 40px}.pf-step-range{align-items:center;gap:var(--sp-1) var(--sp-3);flex-wrap:wrap;grid-area:1/1;display:flex}.pf-step-cost{grid-area:1/2}.pf-x{grid-area:1/3}.pf-step-what{grid-area:2/1/auto/-1}.pf-step-mats{padding-left:calc(40px + var(--sp-3));grid-area:3/1/auto/-1}.pf-x{opacity:1;border-color:var(--border);background:#0003}}.pf-milestone{align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0 var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border-soft);background:color-mix(in srgb, var(--gold) 7%, transparent);box-shadow:inset 2px 0 0 var(--gold);color:var(--gold);line-height:1.3;display:flex}.pf-milestone img{border-radius:50%;flex:none;width:24px;height:24px;box-shadow:0 0 0 1px #000}.pf-milestone span{align-items:baseline;gap:0 var(--sp-3);flex-wrap:wrap;display:flex}.pf-milestone b{font-size:var(--fs-body-sm);font-weight:var(--fw-strong)}.pf-milestone small{font-size:var(--fs-caption);font-weight:var(--fw-body);color:var(--text-3)}.pf-bagwin{max-height:calc(100dvh - var(--header-h) - var(--sp-9));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--raised) transparent;padding:var(--sp-5) var(--sp-5) var(--sp-5);border-radius:var(--radius-lg);background:var(--surface);overflow-y:auto}@media (width<=1100px){.pf-bagwin{max-height:none;overflow:visible}}.pf-bagwin-title{margin:0 0 var(--sp-2);font-size:var(--fs-body-sm);font-weight:var(--fw-body);color:var(--text-3)}.pf-sum{gap:var(--sp-4);display:grid}.pf-sum--inline{padding-bottom:var(--sp-6);border-bottom:1px solid var(--border-soft)}.pf-sum-cost{gap:var(--sp-1);display:grid}.pf-sum-cost .pf-money{font-family:var(--font-display);font-size:var(--fs-number-lg);letter-spacing:var(--tr-number);line-height:1.1}.pf-sum-cost .pf-money img{width:20px;height:20px}.pf-sum-cost>span:not(.pf-money){font-size:var(--fs-caption);color:var(--text-2)}.pf-sum-row{padding-top:var(--sp-4);border-top:1px solid var(--border-soft);grid-template-columns:1fr 1fr;display:grid}.pf-sum--inline .pf-sum-row{border-top-color:var(--border-soft);max-width:420px}.pf-sum--inline .pf-sum-row div+div{border-left-color:var(--border-soft)}.pf-sum-skill{gap:var(--sp-2);padding-top:var(--sp-4);border-top:1px solid var(--border-soft);display:grid}.pf-sum--inline .pf-sum-skill{max-width:420px}.pf-sum-skill-head{justify-content:space-between;align-items:baseline;gap:var(--sp-3);font-size:var(--fs-caption);font-weight:var(--fw-ui);color:var(--text-2);margin:0;display:flex}.pf-sum-skill-head b{color:var(--text);font-weight:var(--fw-strong)}.pf-sum-skillbar{border-radius:var(--radius-pill);border:1px solid var(--pf-edge);background:#070605;height:12px;position:relative;box-shadow:inset 0 0 0 1px #000000e6}.pf-sum-skillbar-had{z-index:1;border-radius:var(--radius-pill) 0 0 var(--radius-pill);background:#0706059e;position:absolute;inset:0 auto 0 0}.pf-sum-row div{align-content:start;gap:2px;display:grid}.pf-sum-row div+div{padding-left:var(--sp-4);border-left:1px solid var(--border-soft)}.pf-sum-row b{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:var(--fw-display);letter-spacing:var(--tr-number);color:var(--ink);line-height:1.2}.pf-sum-row span{font-size:var(--fs-caption);color:var(--text-2);line-height:1.35}.pf-shop-head{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--border-soft);display:flex}@media (width<=1100px){.pf-shop-head{border-top:0;margin-top:0;padding-top:0}}.pf-shop-title{align-items:baseline;gap:var(--sp-2);font-family:var(--font-ui);font-size:var(--fs-h4);font-weight:var(--fw-strong);color:var(--ink);margin:0;display:flex}.pf-shop-title .count{font-size:var(--fs-caption);font-weight:var(--fw-ui);color:var(--text-3)}.pf-toggle{min-height:var(--control-h-sm);border:1px solid var(--raised);border-radius:var(--radius-pill);color:var(--text);font:inherit;font-size:var(--fs-caption);font-weight:var(--fw-ui);letter-spacing:var(--tr-pill);white-space:nowrap;cursor:pointer;transition:border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);background:0 0;align-items:center;padding:0 14px;display:inline-flex}.pf-toggle:hover{color:var(--ink);border-color:var(--raised-hover);background:var(--glass)}.pf-toggle[aria-pressed=true]{color:var(--ink);border-color:var(--raised);background:var(--raised)}@media (forced-colors:active){.pf-toggle[aria-pressed=true]{forced-color-adjust:none;color:highlighttext;background:highlight}}.pf-toggle:disabled{opacity:.5;cursor:default}@media (width<=640px){.pf-toggle{min-height:var(--control-h)}}.pf-shop-text{margin:var(--sp-2) 0 var(--sp-3);font-size:var(--fs-caption);line-height:var(--lh-ui);color:var(--text-3)}.pf-shoplist{margin:0;padding:0;list-style:none}.pf-shoprow{gap:var(--sp-3);min-height:52px;padding:var(--sp-2) 0;border-bottom:1px solid var(--border-soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.pf-shoprow:last-child{border-bottom:0}.pf-shoprow-name{min-width:0;font-size:var(--fs-body-sm);gap:2px;font-weight:650;line-height:1.25;display:grid}.pf-src{font-size:var(--fs-micro);font-weight:var(--fw-body);color:var(--text-3);font-variant-numeric:tabular-nums}.pf-shoprow-price{align-items:center;gap:var(--sp-2);margin-top:var(--sp-1);display:flex}.pf-price-input{font-variant-numeric:tabular-nums;width:112px!important;min-height:var(--control-h-sm)!important;padding:0 var(--sp-3)!important;font-size:var(--fs-caption)!important}.pf-shoprow-total{font-size:var(--fs-body-sm);justify-self:end}.pf-shoprow-total .pf-money{flex-wrap:nowrap}@media (width<=640px){.pf-price-input{min-height:var(--control-h)!important}}.pf-shop-foot{margin:var(--sp-3) 0 0;font-size:var(--fs-caption);line-height:var(--lh-body);color:var(--text-3)}.pf-shop-block{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--border-soft)}.pf-shop-h{margin:0 0 var(--sp-3);font-size:var(--fs-body-sm);font-weight:var(--fw-strong);color:var(--ink)}.pf-minilist{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.pf-minilist li{gap:var(--sp-3);font-size:var(--fs-caption);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;font-weight:650;line-height:1.3;display:grid}.pf-minilist-n{color:var(--text-3);white-space:nowrap;font-weight:700}@media (width<=640px){.pf-minilist a{position:relative}.pf-minilist a:after{content:"";inset:calc((100% - var(--control-h)) / 2) calc(-1 * var(--sp-1));position:absolute}}@media (width>=641px) and (width<=1100px){.pf-planner .pf-sum--inline{justify-content:start;align-items:end;column-gap:var(--sp-8);grid-template-columns:max-content minmax(0,420px)}.pf-sum--inline .pf-sum-row{padding-top:0;padding-left:var(--sp-6);border-top:0;border-left:1px solid var(--border-soft)}.pf-shoplist{column-gap:var(--sp-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pf-shoplist .pf-shoprow:last-child{border-bottom:1px solid var(--border-soft)}.pf-minilist{column-gap:var(--sp-8);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (pointer:coarse),(width<=639px){.pf-rtrack-seg{pointer-events:none}}.pf-milestone{row-gap:var(--sp-1);flex-wrap:wrap}.pf-milestone-train{padding-right:var(--sp-3);color:var(--text);font-size:var(--fs-caption);font-weight:var(--fw-ui);align-items:center;margin-left:auto;gap:var(--sp-2) var(--sp-3)!important;display:inline-flex!important}.pf-milestone-train .pf-money img{width:12px;height:12px}.pf-milestone-cap{padding-left:calc(24px + var(--sp-3));font-style:normal;font-size:var(--fs-caption);font-weight:var(--fw-strong);color:var(--pf-orange);flex-basis:100%}.pf-milestone.is-over{box-shadow:inset 2px 0 0 var(--pf-orange);background:color-mix(in srgb, var(--pf-orange) 7%, transparent)}.pf-sum-train{align-items:baseline;gap:var(--sp-1) var(--sp-3);font-size:var(--fs-caption);color:var(--text-2);flex-wrap:wrap;display:flex}.pf-sum-train>span:last-child{align-items:center;gap:2px var(--sp-2);flex-wrap:wrap;display:inline-flex}.pf-sum-train small{color:var(--text-3);font-size:var(--fs-micro);flex-basis:100%}.pf-sum-train .pf-money{font-weight:var(--fw-strong);color:var(--text)}.pf-step-was,.pf-recipeitem-was{font-size:var(--fs-micro);font-weight:var(--fw-body);color:var(--text-3);display:block}.pf-minilist li.pf-recipeitem{grid-template-columns:auto minmax(0,1fr) auto;row-gap:2px}.pf-recipeitem-src{font-size:var(--fs-micro);font-weight:var(--fw-body);line-height:var(--lh-body);color:var(--text-2);grid-column:2/-1;display:block}.pf-recipeitem-src b{font-weight:var(--fw-strong);color:var(--text)}.pf-recipeitem-src .pf-money img{width:11px;height:11px}.pf-recipeitem-rep{color:var(--changed);display:block}.pf-gr-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-3) var(--sp-6);flex-wrap:wrap;display:flex}.pf-gr-head .pf-intro{margin-bottom:0}.pf-gr-side{gap:var(--sp-2);display:inline-flex}.pf-gr-bar{height:14px;margin:var(--sp-5) 0 var(--sp-2);background:var(--pf-track,#0000008c);border-radius:4px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.pf-gr-bar>.wfx-fill{position:absolute;inset:0}.pf-gr-tick{background:#000000b3;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.pf-gr-bands{gap:var(--sp-5);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.pf-gr-band{align-content:start;gap:var(--sp-2);min-width:0;padding-top:var(--sp-3);border-top:2px solid var(--border-strong);display:grid}.pf-gr-range{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:var(--fw-strong);color:var(--gold);margin:0}.pf-gr-h{align-items:center;gap:var(--sp-2);margin:var(--sp-2) 0 0;font-size:var(--fs-caption);font-weight:var(--fw-strong);color:var(--text-3);display:flex}.pf-gr-what,.pf-gr-where,.pf-gr-new ul{font-size:var(--fs-caption);gap:6px;margin:0;padding:0;list-style:none;display:grid}.pf-gr-what li{align-items:center;gap:var(--sp-2);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.pf-gr-what li:not(:has(.wicon)){grid-template-columns:minmax(0,1fr) auto}.pf-gr-what-n{color:var(--text);font-weight:var(--fw-ui)}.pf-gr-what-s{color:var(--pf-orange);font-weight:var(--fw-strong)}.pf-gr-where li{align-items:baseline;gap:0 var(--sp-2);line-height:var(--lh-ui);flex-wrap:wrap;display:flex}.pf-gr-where a{font-weight:var(--fw-strong)}.pf-gr-lv{color:var(--text-3)}.pf-gr-mix{color:var(--text-2);flex-basis:100%}.pf-gr[data-side=alliance] .pf-gr-where--horde,.pf-gr[data-side=horde] .pf-gr-where--alliance{display:none}.pf-gr-where:before{content:attr(aria-label);color:var(--text-3);font-size:var(--fs-micro);display:none}.pf-gr-note,.pf-gr-rule{font-size:var(--fs-micro);line-height:var(--lh-body);color:var(--text-3);margin:0}.pf-gr-rule{margin-top:var(--sp-5);max-width:80ch}.pf-gr-new{margin-top:var(--sp-5)}.pf-gr-new li{align-items:center;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;display:flex}@media (width<=1100px){.pf-gr-bands{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.pf-gr-bands{grid-template-columns:minmax(0,1fr)}.pf-gr-what{gap:6px var(--sp-3);flex-wrap:wrap;display:flex}.pf-gr-what li{gap:6px;display:inline-flex}}.pf-optbar{position:relative}.pf-optbar .pf-optbar-loading{margin:0;position:absolute;bottom:4px;left:0}