.potion-guide-root{--font-ui:"Space Grotesk", "Segoe UI", sans-serif;--font-display:"Oxanium", "Segoe UI", sans-serif;--font-pixel:"Silkscreen", "Courier New", monospace;--potion-accent-rgb:142 192 255;--radius-xl:38px;--radius-lg:30px;--radius:22px;--radius-sm:16px;--text-xs:clamp(.76rem, .16vw + .72rem, .84rem);--text-sm:clamp(.88rem, .22vw + .82rem, .98rem);--text-base:clamp(.98rem, .24vw + .9rem, 1.08rem);--text-lg:clamp(1.08rem, .34vw + .98rem, 1.22rem);--text-xl:clamp(1.24rem, .88vw + 1rem, 1.74rem);--bg-a:#050912;--bg-b:#09121d;--bg-c:#102035;--bg-d:#04070f;--panel-a:#101a2a;--panel-b:#0a121f;--panel-c:#1a2940;--line:#7793b842;--line-strong:#a7caf580;--text:#eff6ff;--muted:#93a9c7;--accent:#8ecbff;--accent-soft:#8ecbff29;--panel-border:#91b5e347;--scrollbar-thumb:#e9f2ff29;--hero-shadow:0 32px 80px #02060e7a, inset 0 1px 0 #ffffff14;--panel-shadow:0 28px 60px #02060d66, inset 0 1px 0 #ffffff0d;--card-shadow:0 16px 30px #03070e3d;--selection-trace-duration:.68s;--selection-ring-size:2px;--effect-icon-glow-delay:.72s}@property --selection-sweep-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.potion-guide-root[data-pp-theme=light]{--potion-accent-rgb:36 105 196;--bg-a:#f7fbff;--bg-b:#e8f1fb;--bg-c:#cfdef1;--bg-d:#fff8ef;--panel-a:#fff;--panel-b:#f2f8ff;--panel-c:#dce9f7;--line:#587bab47;--line-strong:#2e589280;--text:#102845;--muted:#557190;--accent:#256cc8;--accent-soft:#256cc824;--panel-border:#5f87bf57;--scrollbar-thumb:#2145723d;--hero-shadow:0 32px 72px #2f4f7629, inset 0 1px 0 #fffffff2;--panel-shadow:0 24px 50px #36547a2b, inset 0 1px 0 #ffffffeb;--card-shadow:0 18px 34px #3a577a24;--light-border-soft:#6082b038;--light-gold-rgb:243 194 96}.potion-guide-root,.potion-guide-root *,.potion-guide-root :before,.potion-guide-root :after{box-sizing:border-box}.potion-guide-root,.potion-sidebar,.potion-info-panel,.layout-tuner-panel{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.potion-guide-root::-webkit-scrollbar,.potion-sidebar::-webkit-scrollbar,.potion-info-panel::-webkit-scrollbar,.layout-tuner-panel::-webkit-scrollbar{background:0 0;width:10px;height:10px}.potion-guide-root::-webkit-scrollbar-track,.potion-sidebar::-webkit-scrollbar-track,.potion-info-panel::-webkit-scrollbar-track,.layout-tuner-panel::-webkit-scrollbar-track{background:0 0}.potion-guide-root::-webkit-scrollbar-thumb,.potion-sidebar::-webkit-scrollbar-thumb,.potion-info-panel::-webkit-scrollbar-thumb,.layout-tuner-panel::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border:0;border-radius:999px}.potion-guide-root{font-family:var(--font-ui);color:var(--text);background:radial-gradient(circle at 12% 12%, rgb(var(--potion-accent-rgb) / .18) 0%, transparent 30%), radial-gradient(circle at 85% 8%, #7094c52e 0%, transparent 28%), radial-gradient(circle at 52% 100%, #33588447 0%, transparent 32%), linear-gradient(155deg, var(--bg-a) 0%, var(--bg-b) 34%, var(--bg-c) 72%, var(--bg-d) 100%);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-size:140% 140%,150% 150%,130% 130%,100% 100%;background-attachment:fixed;font-size:16px;line-height:1.45;animation:22s ease-in-out infinite alternate ambient-bg-shift;position:relative;overflow:hidden auto}.potion-guide-root:before,.potion-guide-root:after{content:"";pointer-events:none;z-index:0;position:fixed;inset:0}.potion-guide-root:before{opacity:.1;background-color:#0000;background-image:linear-gradient(90deg,#ffffff0b 0 1px,#0000 1px 100%),linear-gradient(#ffffff09 0 1px,#0000 1px 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:104px 104px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;mask-image:radial-gradient(circle at 50% 16%,#000 0%,#000000e6 46%,#0000 90%)}.potion-guide-root:after{background:radial-gradient(circle at 78% 14%, rgb(var(--potion-accent-rgb) / .22) 0%, transparent 24%), radial-gradient(circle at 18% 24%, #ffffff14 0%, transparent 20%);transition:background .35s}.potion-guide-root[data-pp-theme=light]{background:radial-gradient(circle at 12% 14%, rgb(var(--potion-accent-rgb) / .18) 0%, transparent 28%), radial-gradient(circle at 84% 12%, rgb(var(--light-gold-rgb) / .2) 0%, transparent 23%), radial-gradient(circle at 52% 100%, #4a79b82e 0%, transparent 28%), linear-gradient(150deg, var(--bg-a) 0%, var(--bg-b) 38%, var(--bg-c) 74%, var(--bg-d) 100%)}.potion-guide-root[data-pp-theme=light]:before{opacity:.24;background:linear-gradient(90deg,#58779d0f 0 1px,#0000 1px 100%),linear-gradient(#58779d0d 0 1px,#0000 1px 100%)}.potion-guide-root[data-pp-theme=light]:after{background:radial-gradient(circle at 82% 12%, rgb(var(--light-gold-rgb) / .24) 0%, transparent 22%), radial-gradient(circle at 18% 24%, rgb(var(--potion-accent-rgb) / .16) 0%, transparent 20%), radial-gradient(circle at 50% 100%, #ffffff7a 0%, transparent 26%)}.potion-guide-page{--page-pad-top:1.15rem;--page-pad-bottom:2.4rem;--page-section-gap:1.3rem;z-index:1;width:min(1440px,100% - 2rem);height:100%;min-height:100%;padding:var(--page-pad-top) 0 var(--page-pad-bottom);gap:var(--page-section-gap);flex-direction:column;margin:0 auto;display:flex;position:relative}.potion-guide-page:before{content:none}.app-layout{perspective:1400px;flex:auto;grid-template-columns:minmax(290px,340px) minmax(0,1fr) minmax(280px,320px);align-items:start;gap:1.3rem;min-height:0;animation:.38s 80ms both rise-in;display:grid;overflow:visible}.potion-sidebar{top:var(--page-pad-top);overscroll-behavior:contain;scrollbar-gutter:stable;height:auto;max-height:100%;box-shadow:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;align-self:start;padding:.35rem .1rem .35rem 0;position:sticky;overflow:hidden auto}.potion-sidebar::-webkit-scrollbar{width:12px}.potion-sidebar::-webkit-scrollbar-track{background:linear-gradient(180deg, rgb(var(--potion-accent-rgb) / .1) 0%, transparent 18%, transparent 82%, rgb(var(--potion-accent-rgb) / .1) 100%);border-radius:999px}.potion-sidebar::-webkit-scrollbar-thumb{background-color:rgb(var(--potion-accent-rgb) / .34);border-radius:999px}.potion-info-panel{top:var(--page-pad-top);backdrop-filter:blur(16px);isolation:isolate;background:linear-gradient(150deg,#0f1825d6 0%,#080d15e6 56%,#0b121ceb 100%);border:1px solid #91b5e32e;border-radius:32px;align-self:start;min-height:0;max-height:100%;padding:1.25rem 1.15rem 1.3rem;position:sticky;overflow:hidden auto;box-shadow:0 28px 56px #02050c47,inset 0 1px #ffffff0a}.potion-info-panel:before,.potion-info-panel:after{content:"";pointer-events:none;position:absolute;inset:0}.potion-info-panel:before{content:none}.potion-info-panel:after{border-radius:inherit;z-index:0;background:linear-gradient(#ffffff0f,#0000 30%);inset:1px}.potion-info-panel>*{z-index:1;position:relative}.potion-guide-root[data-pp-theme=light] .potion-info-panel{background:linear-gradient(150deg,#ffffffd6 0%,#f4f9ffe6 56%,#e8f1fbf0 100%);border-color:#5f87bf42;box-shadow:0 26px 52px #44608429,inset 0 1px #ffffffc2}.potion-guide-root[data-pp-theme=light] .potion-info-panel:after{background:linear-gradient(#ffffffad,#fff0 30%)}.potion-sidebar:before,.potion-sidebar:after{content:"";pointer-events:none;position:absolute}.potion-sidebar:before{content:none}.potion-sidebar:after{display:none}.potion-sidebar>*{z-index:1;position:relative}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.potion-list{flex-direction:column;gap:.35rem;min-height:0;padding:.25rem 1rem 0 .35rem;display:flex}.potion-list-loading{pointer-events:none}.potion-list-skeleton-item,.recipe-loading-icon,.recipe-loading-kicker,.recipe-loading-title,.recipe-loading-art,.recipe-loading-step,.potion-info-loading-badge,.potion-info-loading-icon,.potion-info-loading-line,.potion-info-loading-card{border:1px solid rgb(var(--potion-accent-rgb) / .14);background:linear-gradient(135deg, rgb(var(--potion-accent-rgb) / .13) 0%, #ffffff0a 56%, #ffffff05 100%);position:relative;overflow:hidden}.potion-list-skeleton-item:after,.recipe-loading-icon:after,.recipe-loading-kicker:after,.recipe-loading-title:after,.recipe-loading-art:after,.recipe-loading-step:after,.potion-info-loading-badge:after,.potion-info-loading-icon:after,.potion-info-loading-line:after,.potion-info-loading-card:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff05 28%,#ffffff2e 52%,#ffffff05 72%,#0000 100%);animation:1.15s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.potion-list-skeleton-item{border-radius:18px;min-height:68px}.potion-list-skeleton-item:nth-child(3n+2){width:calc(100% - 1rem)}.potion-list-skeleton-item:nth-child(3n){width:calc(100% - 2rem)}.potion-list-item{--potion-row-accent-rgb:var(--potion-accent-rgb);width:100%;min-height:68px;color:var(--text);isolation:isolate;cursor:pointer;text-align:left;box-shadow:none;animation:.3s both rise-in;animation-delay:var(--entry-delay,0s);background:linear-gradient(90deg,#ffffff08,#ffffff03 36%,#0000 82%);border:1px solid #0000;border-radius:18px;align-items:center;gap:.82rem;padding:.78rem .9rem .78rem 1rem;text-decoration:none;transition:transform .22s,background .22s,border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.potion-list-item:after{content:"";background:radial-gradient(ellipse at 14% 50%, rgb(var(--potion-row-accent-rgb) / .24) 0%, rgb(var(--potion-row-accent-rgb) / .12) 24%, transparent 58%), linear-gradient(90deg, rgb(var(--potion-row-accent-rgb) / .12) 0%, rgb(var(--potion-row-accent-rgb) / .05) 34%, transparent 72%);filter:blur(22px);opacity:0;z-index:0;transition:opacity .22s,transform .22s;position:absolute;inset:-28% -18%;transform:translate(-8%)}.potion-list-item>*{z-index:2;position:relative}.potion-list-item:hover{border-color:rgb(var(--potion-row-accent-rgb) / .16);background:linear-gradient(90deg,#ffffff0a,#ffffff05 36%,#0000 82%);transform:translate(6px)}.potion-list-item.is-selected{border-color:rgb(var(--potion-row-accent-rgb) / .62);box-shadow:inset 0 0 0 1px rgb(var(--potion-row-accent-rgb) / .42);background:linear-gradient(90deg,#ffffff0d,#ffffff08 42%,#0000 88%)}.potion-list-item:hover:after,.potion-list-item.is-selected:after{opacity:1;transform:translate(0)}.potion-guide-root[data-pp-theme=light] .potion-list-item{border-color:var(--light-border-soft);background:linear-gradient(135deg,#fffffff5 0%,#f2f8ffeb 54%,#e0ecf8cc 100%);box-shadow:0 10px 22px #58769b1f}.potion-guide-root[data-pp-theme=light] .potion-list-item:hover{border-color:rgb(var(--potion-row-accent-rgb) / .38);background:linear-gradient(135deg, #fffffffa 0%, rgb(var(--potion-row-accent-rgb) / .12) 58%, #e2eef9db 100%);box-shadow:0 14px 28px #42608529}.potion-guide-root[data-pp-theme=light] .potion-list-item.is-selected{border-color:rgb(var(--potion-row-accent-rgb) / .56);background:linear-gradient(135deg, #fffffffc 0%, rgb(var(--potion-row-accent-rgb) / .18) 56%, #e0ecf8f0 100%);box-shadow:0 18px 30px #3c587b2e, inset 0 0 0 1px rgb(var(--potion-row-accent-rgb) / .24)}.potion-guide-root[data-pp-theme=light] .potion-list-item:after{background:radial-gradient(ellipse at 14% 50%, rgb(var(--potion-row-accent-rgb) / .24) 0%, rgb(var(--potion-row-accent-rgb) / .12) 24%, transparent 58%), linear-gradient(90deg, rgb(var(--potion-row-accent-rgb) / .14) 0%, rgb(var(--potion-row-accent-rgb) / .05) 34%, transparent 72%)}.potion-list-item:focus-visible,.layout-tuner-toggle:focus-visible,.layout-tuner-btn:focus-visible,.recipe-node-link:focus-visible,.potion-inline-link:focus-visible,.recipe-share-btn:focus-visible,.recipe-share-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.potion-nav-icon{object-fit:contain;filter:drop-shadow(0 0 #8cbcff00);flex-shrink:0;width:44px;height:44px;transition:transform .22s,filter .22s}.potion-list-item:hover .potion-nav-icon{filter:drop-shadow(0 0 12px rgb(var(--potion-row-accent-rgb) / .28))}.potion-list-copy{flex:1;align-items:center;min-width:0;display:flex}.potion-name{min-width:0;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;white-space:normal;text-wrap:balance;font-size:clamp(1rem,.34vw + .93rem,1.12rem);font-weight:600;line-height:1.12}.recipe-panel{backdrop-filter:blur(16px);isolation:isolate;background:linear-gradient(150deg,#0f1825d6 0%,#080d15e6 56%,#0b121ceb 100%);border:1px solid #91b5e32e;border-radius:32px;align-self:start;min-height:0;max-height:none;padding:1.65rem 1.5rem 2.1rem;animation:.34s both rise-in;display:block;position:relative;overflow:visible;box-shadow:0 28px 56px #02050c47,inset 0 1px #ffffff0a}.recipe-panel:before,.recipe-panel:after{content:"";pointer-events:none;position:absolute;inset:0}.recipe-panel:before{content:none}.recipe-panel:after{border-radius:inherit;z-index:0;background:linear-gradient(#ffffff0f,#0000 30%);inset:1px}.potion-guide-root[data-pp-theme=light] .recipe-panel{background:linear-gradient(150deg,#ffffffd6 0%,#f4f9ffe6 56%,#e8f1fbf0 100%);border-color:#5f87bf42;box-shadow:0 26px 52px #44608429,inset 0 1px #ffffffc2}.potion-guide-root[data-pp-theme=light] .recipe-panel:after{background:linear-gradient(#ffffffad,#fff0 30%)}.recipe-panel>*{z-index:1;position:relative}.recipe-panel-loading{min-height:clamp(34rem,72vh,48rem)}.potion-info-panel-loading{min-height:clamp(22rem,58vh,32rem)}.recipe-share{z-index:5;justify-items:end;display:grid;position:absolute;top:1.05rem;right:1.05rem}.recipe-share-btn{-webkit-appearance:none;appearance:none;min-width:40px;height:40px;color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;background:linear-gradient(150deg,#0f1825db 0%,#080d15eb 100%);border:1px solid #91b5e32e;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:color .16s,transform .16s,padding .2s;display:inline-flex;box-shadow:0 10px 22px #02050c47}.recipe-share-btn:hover{color:var(--text);transform:translateY(-1px)}.recipe-share-btn:hover,.recipe-share-btn:focus-visible,.recipe-share-btn[aria-expanded=true]{padding:0 .78rem}.recipe-share-icon{background-color:currentColor;flex:none;width:19px;height:19px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.recipe-share-label{opacity:0;max-width:0;font-family:var(--font-ui);margin:0;font-size:.86rem;font-weight:600;line-height:1;transition:max-width .2s,opacity .2s,margin .2s;overflow:hidden}.recipe-share-btn:hover .recipe-share-label,.recipe-share-btn:focus-visible .recipe-share-label,.recipe-share-btn[aria-expanded=true] .recipe-share-label{opacity:1;max-width:3.6rem;margin-left:.38rem}.recipe-share-menu{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);min-width:168px;box-shadow:var(--shadow-float);gap:2px;padding:8px;animation:.16s pp-share-menu-in;display:grid;position:absolute;top:calc(100% + 8px);right:0}@keyframes pp-share-menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.recipe-share-item{-webkit-appearance:none;appearance:none;width:100%;color:var(--color-ink-soft);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:8px 10px;font-size:.9rem;transition:background-color .14s,color .14s}.recipe-share-item:hover:not(:disabled),.recipe-share-item:focus-visible{background:var(--color-surface-soft);color:var(--color-ink)}.recipe-share-item:disabled{color:var(--color-muted);cursor:default}.potion-guide-root[data-pp-theme=light] .recipe-share-btn{background:linear-gradient(150deg,#fffffff0 0%,#f0f7fff5 100%);border-color:#5f87bf42;box-shadow:0 10px 20px #44608424}.recipe-loading-shell{gap:1.35rem;display:grid}.recipe-loading-header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;display:grid}.recipe-loading-icon{border-radius:50%;width:78px;height:78px}.recipe-loading-copy{gap:.72rem;display:grid}.recipe-loading-kicker{border-radius:999px;width:min(12rem,54%);height:.85rem}.recipe-loading-title{border-radius:24px;width:min(24rem,100%);height:clamp(2.4rem,4vw,3.4rem)}.recipe-loading-art{aspect-ratio:1326/1226;border-radius:28px;width:min(100%,480px);margin-inline:auto}.recipe-loading-steps{gap:.82rem;width:min(100%,32rem);margin-inline:auto;display:grid}.recipe-loading-step{border-radius:999px;width:100%;height:1.05rem;display:block}.recipe-loading-step:nth-child(2){width:84%}.recipe-loading-step:nth-child(3){width:72%}.potion-info-loading-shell{gap:1rem;display:grid}.potion-info-loading-badge{border-radius:999px;width:7.2rem;height:.8rem}.potion-info-loading-ingredient{grid-template-columns:62px minmax(0,1fr);align-items:center;gap:.85rem;display:grid}.potion-info-loading-icon{border-radius:20px;width:62px;height:62px}.potion-info-loading-copy{gap:.56rem;display:grid}.potion-info-loading-line{border-radius:999px;width:100%;height:.92rem}.potion-info-loading-line-short{width:56%}.potion-info-loading-card{border-radius:22px;width:100%;min-height:6.6rem}.potion-info-loading-card-tall{min-height:8.8rem}.potion-inline-link{color:rgb(var(--potion-accent-rgb) / .98);font-weight:700;text-decoration:none}.potion-inline-link:hover{text-decoration:underline}.recipe-flow-diagram{--ui-art-width:clamp(200px, 38vw, 480px);--ui-art-offset-x:0px;--ui-layout-scale:.76;--ui-main-base-left:30.24%;--ui-main-base-width:39.44%;--ui-bubbles-base-left:0%;--ui-bubbles-base-width:15.54%;--ui-arrow-base-left:77.75%;--ui-arrow-base-width:22.25%;--ui-chrome-opacity:.92;--ui-chrome-filter:brightness(1.34) contrast(1.12) saturate(1.08) drop-shadow(0 18px 28px #02060d38);--ui-slot-icon-size:clamp(32px, 5.2vw, 50px);--ui-slot-label-size:clamp(.74rem, 1.08vw, .9rem);--ui-slot-stack-gap:clamp(.24rem, .72vw, .46rem);--ui-slot-inline-padding:clamp(.08rem, .42vw, .28rem);--ui-main-offset-x:0px;--ui-main-offset-y:0px;--ui-main-scale:1;--ui-bubbles-offset-x:0px;--ui-bubbles-offset-y:0px;--ui-bubbles-scale:1;--ui-arrow-offset-x:0px;--ui-arrow-offset-y:0px;--ui-arrow-scale:1;--ui-top-slot-offset-x:0px;--ui-top-slot-offset-y:0px;--ui-top-slot-scale:1;--ui-bottom-slot-offset-x:0px;--ui-bottom-slot-offset-y:0px;--ui-bottom-slot-scale:1;--ui-bottle-offset-x:0px;--ui-bottle-offset-y:0px;--ui-bottle-scale:1.24;--ui-modifiers-offset-x:0px;--ui-modifiers-offset-y:0px;--ui-modifiers-scale:1.1;--ui-slot-offset-top:1.25rem;flex-direction:column;flex:1;gap:1.2rem;display:flex;position:relative}.potion-guide-root[data-pp-theme=light] .recipe-flow-diagram{--ui-chrome-opacity:.78;--ui-chrome-ink:#4f6f9dc7;--ui-chrome-filter:invert(34%) sepia(38%) saturate(795%) hue-rotate(188deg) brightness(61%) contrast(105%) drop-shadow(0 12px 22px #5f7ea824) drop-shadow(0 0 1px #1834533d)}.recipe-showcase{grid-template-columns:minmax(0,1fr);place-items:start center;gap:1.45rem;min-height:100%;display:grid}.recipe-stage-column{width:min(var(--ui-art-width), 100%);gap:1.1rem;min-width:0;display:grid}.potion-info-card{gap:0;display:grid}.potion-info-blurb{box-shadow:none;background:0 0;border:0;border-radius:0;gap:.54rem;padding:0;display:grid}.potion-info-blurb-title{font-family:var(--font-display);letter-spacing:.08em;color:var(--muted);align-items:center;gap:.45rem;margin:0;font-size:.92rem;font-weight:700;line-height:1;display:inline-flex}.potion-info-blurb-icon{flex:none;width:1.4rem;height:1.4rem;display:block}.potion-info-blurb-body{color:color-mix(in srgb, var(--text) 88%, var(--muted) 12%);margin:0;font-size:clamp(1rem,.18vw + .96rem,1.08rem);line-height:1.55}.potion-info-blurb+.potion-info-blurb{border-top:1px solid rgb(var(--potion-accent-rgb) / .16);margin-top:1rem;padding-top:1rem}.potion-guide-root[data-pp-theme=light] .potion-info-blurb+.potion-info-blurb{border-top-color:#5f87bf38}.recipe-header{position:relative}.recipe-flow-header{--recipe-title-icon-size:78px;--recipe-title-icon-inset:12px;--recipe-title-gap:1rem;--recipe-title-stack-gap:.04rem;--recipe-title-prefix-offset-y:.16rem;--recipe-title-prefix-margin-bottom:-17px;--recipe-title-prefix-size:clamp(.82rem, .3vw + .74rem, .98rem);--recipe-title-prefix-line-height:1.1;width:min(var(--ui-art-width), 100%);box-shadow:none;isolation:isolate;background:0 0;border:0;border-radius:0;justify-self:center;justify-items:center;row-gap:.4rem;padding:.2rem 0 .25rem;display:grid;position:relative;overflow:visible}.recipe-flow-header:before,.recipe-flow-header:after{content:none}.recipe-flow-header>*{z-index:1;position:relative}.recipe-title-row{grid-template-columns:var(--recipe-title-icon-size) minmax(0, 1fr) var(--recipe-title-icon-size);align-items:center;column-gap:var(--recipe-title-gap);row-gap:var(--recipe-title-stack-gap);grid-template-areas:".prefix.""icon title spacer";width:100%;display:grid}.recipe-title-icon-shell{width:var(--recipe-title-icon-size);height:var(--recipe-title-icon-size);box-shadow:none;background:0 0;border:0;border-radius:50%;grid-area:icon;place-self:center end;place-items:center;animation:.42s cubic-bezier(.22,1,.36,1) .14s both icon-shell-enter;display:grid}.recipe-title-icon-shell-trailing{grid-area:spacer;justify-self:start;margin-left:.95rem}.recipe-title-icon{width:calc(100% - var(--recipe-title-icon-inset));height:calc(100% - var(--recipe-title-icon-inset));object-fit:contain;filter:drop-shadow(0 0 #a6d5ff00);animation:effect-icon-glow-in .44s cubic-bezier(.22, 1, .36, 1) var(--effect-icon-glow-delay) both, effect-icon-glow-pulse 2.8s ease-in-out calc(var(--effect-icon-glow-delay) + .44s) infinite}.recipe-title-block{display:contents}.recipe-title-spacer{width:var(--recipe-title-icon-size);pointer-events:none;opacity:0;grid-area:spacer;place-self:center start;height:1px}.recipe-title-block:before{content:none}.recipe-title{width:100%;min-width:0;font-family:var(--font-display);letter-spacing:.025em;text-transform:uppercase;text-align:center;white-space:nowrap;grid-area:title;align-self:center;margin:0;font-size:clamp(1.5rem,1.45vw + 1.05rem,2.5rem);font-weight:700;line-height:.96;overflow:visible}.recipe-title-prefix{margin:0 0 var(--recipe-title-prefix-margin-bottom) 0;width:100%;font-family:var(--font-ui);font-size:var(--recipe-title-prefix-size);font-weight:700;line-height:var(--recipe-title-prefix-line-height);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);text-align:center;transform:translateY(var(--recipe-title-prefix-offset-y));grid-area:prefix;align-self:end}.recipe-duration{text-align:center;color:#fff;font-family:var(--font-ui);letter-spacing:.01em;text-shadow:0 1px 10px #060c146b;text-transform:none;white-space:normal;margin:0;font-size:clamp(1.08rem,.54vw + .94rem,1.24rem);font-weight:600;line-height:1.34}.potion-guide-root[data-pp-theme=light] .recipe-duration{color:#153a5b;text-shadow:0 1px #ffffff7a}.recipe-duration-icon{vertical-align:-.16em;width:auto;height:1.14em;image-rendering:pixelated;display:inline-block}.flow-layout-art{width:min(var(--ui-art-width), 100%);aspect-ratio:1326/1226;left:var(--ui-art-offset-x);margin-top:var(--ui-slot-offset-top);box-shadow:none;z-index:0;isolation:isolate;background:0 0;border:0;border-radius:0;align-self:flex-start;margin-bottom:clamp(-4.9rem,-10vw,-2.5rem);position:relative;overflow:visible}.flow-layout-art:before,.flow-layout-art:after,.flow-layout-art:before,.flow-layout-art:after{content:none}.flow-layout-main-shell,.flow-layout-bubbles,.flow-layout-arrow,.flow-layout-bottle{pointer-events:none;user-select:none;position:absolute}.flow-layout-main,.flow-layout-arrow,.flow-layout-bottle{height:auto}.flow-layout-main-shell{top:calc(0% + var(--ui-main-offset-y,0px));left:calc(var(--ui-main-base-left) + ((var(--ui-main-base-width) * (1 - var(--ui-layout-scale))) / 2) + var(--ui-main-offset-x,0px));width:calc(var(--ui-main-base-width) * var(--ui-layout-scale));scale:var(--ui-main-scale,1);transform-origin:50%;z-index:3}.flow-layout-main{width:100%;height:auto;opacity:var(--ui-chrome-opacity);filter:var(--ui-chrome-filter);display:block}.flow-slot-layer{z-index:2;position:absolute;inset:0}.flow-layout-bubbles{top:calc(0% + var(--ui-bubbles-offset-y,0px));left:calc(var(--ui-bubbles-base-left) + ((var(--ui-bubbles-base-width) * (1 - var(--ui-layout-scale))) / 2) + var(--ui-bubbles-offset-x,0px));width:calc(var(--ui-bubbles-base-width) * var(--ui-layout-scale));aspect-ratio:206/553;scale:var(--ui-bubbles-scale,1);transform-origin:50%;opacity:var(--ui-chrome-opacity);filter:var(--ui-chrome-filter);z-index:1;overflow:visible}.flow-layout-bubbles:before{content:none}.flow-layout-bubble-frame{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.flow-layout-arrow{top:calc(4.7% + var(--ui-arrow-offset-y,0px));left:calc(var(--ui-arrow-base-left) + ((var(--ui-arrow-base-width) * (1 - var(--ui-layout-scale))) / 2) + var(--ui-arrow-offset-x,0px));width:calc(var(--ui-arrow-base-width) * var(--ui-layout-scale));scale:var(--ui-arrow-scale,1);transform-origin:50%;opacity:var(--ui-chrome-opacity);filter:var(--ui-chrome-filter);z-index:1}.flow-layout-bottle{top:calc(47.8% + var(--ui-bottle-offset-y,0px));left:calc(var(--ui-bubbles-base-left) + ((var(--ui-bubbles-base-width) * (1 - var(--ui-layout-scale))) / 2) + ( ( var(--ui-bubbles-base-width) * var(--ui-layout-scale) - clamp(42px, 15.2%, 102px) ) / 2 ) + var(--ui-bottle-offset-x,0px));width:clamp(42px,15.2%,102px);scale:var(--ui-bottle-scale,1);transform-origin:50%;opacity:.96;filter:brightness(1.34)contrast(1.08)saturate(1.04)drop-shadow(0 14px 20px #02060d33);z-index:2}.potion-guide-root[data-pp-theme=light] .flow-layout-bottle{opacity:.88;filter:brightness(1.22)contrast(1.04)saturate(1.02)drop-shadow(0 10px 16px #48668d1f)}.flow-slot{left:var(--flow-slot-left);top:var(--flow-slot-top);width:var(--flow-slot-width);height:var(--flow-slot-height);place-items:center;display:grid;position:absolute;overflow:visible}.flow-slot-top{--flow-slot-offset-x:var(--ui-top-slot-offset-x,0px);--flow-slot-offset-y:var(--ui-top-slot-offset-y,0px);--flow-slot-scale:var(--ui-top-slot-scale,1)}.flow-slot-bottom{--flow-slot-offset-x:var(--ui-bottom-slot-offset-x,0px);--flow-slot-offset-y:var(--ui-bottom-slot-offset-y,0px);--flow-slot-scale:var(--ui-bottom-slot-scale,1)}.flow-slot-content{width:100%;height:var(--flow-slot-content-height);transform:translate(var(--flow-slot-offset-x), var(--flow-slot-offset-y)) scale(var(--flow-slot-scale));transform-origin:50%;justify-content:center;align-items:center;display:flex}.flow-slot-bottom,.flow-slot-bottom .flow-slot-content,.flow-slot-bottom .recipe-node-link{pointer-events:auto}.recipe-node{width:100%;height:100%;min-height:0;padding-inline:var(--ui-slot-inline-padding);justify-content:center;align-items:center;gap:var(--ui-slot-stack-gap);text-align:center;color:var(--text);box-shadow:none;backdrop-filter:none;opacity:0;animation:flow-rise .42s cubic-bezier(.22, 1, .36, 1) var(--flow-delay,0s) both;translate:0 var(--recipe-node-offset-y,0px);background:0 0;border:0;border-radius:0;flex-direction:column;display:flex}.recipe-node>div:last-child{width:100%;max-width:100%}.recipe-node-link{color:inherit;cursor:pointer;text-decoration:none;transition:filter .18s}.recipe-node-link:is(:hover,:focus-visible) .recipe-node-label{color:rgb(var(--potion-accent-rgb) / .98)}.recipe-node-icon-shell{isolation:isolate;background:0 0;border:0;border-radius:0;place-items:center;width:auto;height:auto;transition:translate .18s,scale .18s;display:grid;position:relative}.recipe-node-multi-icon .recipe-node-icon-shell{width:calc(var(--recipe-node-icon-size,var(--ui-slot-icon-size)) * 1.45);height:var(--recipe-node-icon-size,var(--ui-slot-icon-size))}.recipe-node-icon-stack{width:100%;height:100%;position:relative}.recipe-node-icon-stack-item{width:var(--recipe-node-icon-size,var(--ui-slot-icon-size));height:var(--recipe-node-icon-size,var(--ui-slot-icon-size));color:inherit;background:0 0;border:0;place-items:center;padding:0;transition:transform .18s,filter .18s,opacity .18s,z-index .18s;display:grid;position:absolute;top:0}.recipe-node-icon-stack-item-1{z-index:2;left:0}.recipe-node-icon-stack-item-2{z-index:1;right:0}a.recipe-node-icon-stack-item{color:inherit;cursor:pointer;text-decoration:none}.recipe-node-icon-stack-item:focus-visible{outline:2px solid rgb(var(--potion-accent-rgb) / .75);outline-offset:2px;border-radius:10px}.recipe-node-multi-icon[data-active-option="1"] .recipe-node-icon-stack-item-1,.recipe-node-multi-icon[data-active-option="2"] .recipe-node-icon-stack-item-2{z-index:4;filter:brightness(1.06);transform:translateY(-3px)scale(1.14)}.recipe-node-multi-icon[data-active-option="1"] .recipe-node-icon-stack-item-2,.recipe-node-multi-icon[data-active-option="2"] .recipe-node-icon-stack-item-1{opacity:.82}.recipe-node-icon{width:var(--recipe-node-icon-size,var(--ui-slot-icon-size));height:var(--recipe-node-icon-size,var(--ui-slot-icon-size));object-fit:contain;filter:drop-shadow(0 10px 14px #02060d29);transition:transform .18s,filter .18s}.flow-slot-bottom .recipe-node-link:not(.recipe-node-multi-icon):is(:hover,:focus-visible) .recipe-node-icon{filter:drop-shadow(0 14px 20px rgb(var(--potion-accent-rgb) / .24))}.flow-slot-bottom .recipe-node-link:not(.recipe-node-multi-icon):is(:hover,:focus-visible) .recipe-node-icon-shell{translate:0 -2px;scale:1.04}.recipe-node-label{max-width:100%;font-family:var(--font-display);font-size:var(--ui-slot-label-size);color:var(--text);letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px #00000047;text-wrap:balance;overflow-wrap:anywhere;font-weight:600;line-height:1.15}.recipe-node-label-option,.recipe-node-label-separator{transition:color .18s,opacity .18s,text-shadow .18s}.recipe-node-label-separator{opacity:.66}.recipe-node-multi-icon[data-active-option="1"] .recipe-node-label-option[data-option-index="1"],.recipe-node-multi-icon[data-active-option="2"] .recipe-node-label-option[data-option-index="2"]{color:rgb(var(--potion-accent-rgb) / .98);text-shadow:0 1px #0000005c}.recipe-node-multi-icon[data-active-option="1"] .recipe-node-label-option[data-option-index="2"],.recipe-node-multi-icon[data-active-option="2"] .recipe-node-label-option[data-option-index="1"]{opacity:.56}.potion-guide-root[data-pp-theme=light] .recipe-node-label{color:#183a5d;text-shadow:0 1px #ffffff5c}.recipe-node-label-preserve-case{text-transform:none}.icon-fallback{width:var(--recipe-node-icon-size,38px);height:var(--recipe-node-icon-size,38px);color:var(--text);background:#ffffff14;border-radius:10px;place-items:center;font-size:.98rem;font-weight:700;display:grid}.potion-guide-root[data-pp-theme=light] .icon-fallback{color:#123150;background:linear-gradient(135deg,#ffffffbd 0%,#e5f0fcad 100%);box-shadow:0 8px 16px #4460841a}.modifier-lane-shell{width:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:.075rem 0 0;position:relative;overflow:visible}.modifier-lane-shell:before,.modifier-lane-shell:after{display:none}.modifier-lane{--modifier-ingredient-width:clamp(7.4rem, 11vw, 8.6rem);width:100%;top:var(--ui-modifiers-offset-y,0px);left:var(--ui-modifiers-offset-x,0px);scale:var(--ui-modifiers-scale,1);transform-origin:0 0;flex-direction:column;align-items:flex-start;gap:1.02rem;padding:0 0 13px;display:flex;position:relative}.modifier-lane:before{content:none}.recipe-modifier-row,.modifier-choice-group,.final-potion-node{width:100%;position:relative}.recipe-modifier-row{box-shadow:none;opacity:0;animation:flow-rise .42s cubic-bezier(.22, 1, .36, 1) var(--flow-delay,0s) both;background:0 0;border:0;border-radius:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.62rem clamp(1rem,1.5vw,1.42rem);padding:.18rem 0 .18rem .42rem;display:grid}.modifier-choice-group{--modifier-choice-rail-width:clamp(2.65rem, 4vw, 3.1rem);--modifier-choice-rail-line-color:#93a9c7c7;--modifier-choice-rail-line-thickness:2px;--modifier-choice-rail-line-x:clamp(1.08rem, 1.5vw, 1.24rem);--modifier-choice-rail-elbow-length:clamp(.9rem, 1.4vw, 1.12rem);--modifier-choice-rail-center-gap:clamp(1rem, 1.5vw, 1.16rem);--modifier-choice-rail-anchor-top:25%;--modifier-choice-rail-anchor-bottom:25%;opacity:0;animation:flow-rise .42s cubic-bezier(.22, 1, .36, 1) var(--flow-delay,0s) both;padding:.18rem 0;display:block}.potion-guide-root[data-pp-theme=light] .modifier-choice-group{--modifier-choice-rail-line-color:var(--ui-chrome-ink,#4f6f9dc7)}.modifier-choice-.potion-guide-root{flex-direction:column;gap:clamp(.72rem,1vw,.92rem);min-width:0;display:flex;position:relative}.modifier-choice-group .recipe-modifier-row{opacity:1;animation:none}.modifier-choice-rail{top:.18rem;bottom:.18rem;left:calc(-1 * var(--modifier-choice-rail-width));width:var(--modifier-choice-rail-width);color:var(--modifier-choice-rail-line-color);pointer-events:none;position:absolute}.modifier-choice-rail-segment,.modifier-choice-rail-branch{background:currentColor;border-radius:999px;display:block;position:absolute}.modifier-choice-rail-segment{left:var(--modifier-choice-rail-line-x);width:var(--modifier-choice-rail-line-thickness)}.modifier-choice-rail-segment-top{top:calc(var(--modifier-choice-rail-anchor-top) + 1px);bottom:calc(50% + (var(--modifier-choice-rail-center-gap) / 2))}.modifier-choice-rail-segment-bottom{top:calc(50% + (var(--modifier-choice-rail-center-gap) / 2));bottom:calc(var(--modifier-choice-rail-anchor-bottom) + 1px)}.modifier-choice-rail-branch{left:var(--modifier-choice-rail-line-x);width:var(--modifier-choice-rail-elbow-length);height:var(--modifier-choice-rail-line-thickness)}.modifier-choice-rail-branch-top{top:var(--modifier-choice-rail-anchor-top)}.modifier-choice-rail-branch-bottom{bottom:var(--modifier-choice-rail-anchor-bottom)}.modifier-choice-rail-word{top:50%;left:calc(var(--modifier-choice-rail-line-x) + (var(--modifier-choice-rail-line-thickness) / 2));color:var(--muted);font-family:var(--font-ui);letter-spacing:.04em;text-transform:none;text-align:center;white-space:nowrap;font-size:.84rem;font-style:italic;font-weight:600;line-height:1;position:absolute;transform:translate(-50%,-50%)}.recipe-modifier-row:after{display:none}.recipe-modifier-row:before,.final-potion-node:before{content:none}.recipe-modifier-row>*,.final-potion-node>*{z-index:1;position:relative}.modifier-main{align-items:center;gap:.82rem;min-width:min(100%,8.4rem);display:flex}.modifier-prefix{color:#fff;width:auto;height:auto;font-family:var(--font-display);background:0 0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;font-size:clamp(1.68rem,2.35vw,2rem);font-weight:700;line-height:1;display:inline-flex}.potion-guide-root[data-pp-theme=light] .modifier-prefix{color:var(--ui-chrome-ink,rgb(var(--potion-accent-rgb) / .88));text-shadow:0 1px #ffffff85}.modifier-ingredient-node{--recipe-node-icon-size:clamp(40px, 4.8vw, 50px);width:var(--modifier-ingredient-width);flex:0 0 var(--modifier-ingredient-width);opacity:1;gap:clamp(.18rem,.46vw,.32rem);min-width:0;height:auto;padding-inline:0;animation:none;display:flex;translate:0}.modifier-ingredient-node>div:last-child{width:100%}.modifier-ingredient-node .recipe-node-label{letter-spacing:.03em;white-space:nowrap;text-wrap:nowrap;overflow-wrap:normal;font-size:clamp(.82rem,1vw,.94rem);line-height:1.08}.modifier-outcome{border-left:0;flex-wrap:wrap;align-items:center;gap:.5rem .82rem;min-width:0;padding:.32rem 0;display:flex}.modifier-outcome.has-potion-result-icon{grid-template-columns:auto auto;grid-template-areas:"label icon";justify-self:start;align-items:center;column-gap:.48rem;width:fit-content;max-width:100%;display:grid}.modifier-outcome.has-potion-result-icon .modifier-outcome-label{grid-area:label}.modifier-outcome.has-potion-result-icon.has-stacked-label{column-gap:.16rem}.modifier-outcome-label{font-family:var(--font-display);letter-spacing:.04em;text-transform:none;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:clamp(1.24rem,1.42vw,1.46rem);font-weight:600;line-height:1.12}.modifier-outcome-label-two-line{text-wrap:nowrap;white-space:nowrap;flex-direction:column;gap:.06rem;display:flex}.modifier-outcome-label-line{display:block}.modifier-outcome-icon{vertical-align:-.14em;width:auto;height:1em;image-rendering:pixelated;display:inline-block}.modifier-result-icons{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.modifier-outcome.has-potion-result-icon .modifier-result-icons{flex-wrap:nowrap;grid-area:icon;place-self:center start}.modifier-result-icon-shell{flex-shrink:0;place-items:center;display:grid}.modifier-result-icon-shell-effect{width:36px;height:36px}.modifier-result-icon-shell-potion{width:34px;height:48px}.modifier-result-icon{object-fit:contain;filter:drop-shadow(0 8px 12px #02060d29)}.modifier-result-icon-shell-effect .modifier-result-icon{width:30px;height:30px}.modifier-result-icon-shell-potion .modifier-result-icon{width:32px;height:46px}.modifier-result-icon.is-splash-potion-image,.final-potion-icon.is-splash-potion-image{translate:16px}.final-potion-node{box-shadow:none;opacity:0;animation:flow-rise .42s cubic-bezier(.22, 1, .36, 1) var(--flow-delay,0s) both;background:0 0;border:0;border-radius:0;align-items:center;gap:1rem;margin-top:1.12rem;padding:1.08rem 0 0 .28rem;display:flex}.final-potion-node:before{background:rgb(var(--potion-accent-rgb) / .96);width:.78rem;height:.78rem}.final-potion-node:after{content:none}.final-potion-icon-shell{width:74px;height:74px;box-shadow:none;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.final-potion-icon{object-fit:contain;width:clamp(38px,5.3vw,46px);height:clamp(48px,6.6vw,56px);filter:drop-shadow(0 0 12px rgb(var(--potion-accent-rgb) / .28))}.final-potion-text{flex-direction:column;gap:.18rem;min-width:0;display:flex}.final-potion-prefix{color:inherit;font-family:var(--font-pixel);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:700}.potion-guide-root[data-pp-theme=light] .final-potion-prefix{color:#4f6d91}.final-potion-label{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;font-size:clamp(1.14rem,1.34vw,1.34rem);font-weight:600;line-height:1.16}.potion-guide-root[data-pp-theme=light] .final-potion-label{color:#143659}.layout-tuner-root{z-index:30;flex-direction:column;align-items:flex-end;gap:.55rem;display:flex;position:fixed;bottom:1rem;right:1rem}.layout-tuner-toggle,.layout-tuner-btn{color:var(--text);cursor:pointer;background:linear-gradient(155deg,#3a5074f5 0%,#26354cf0 100%);border:1px solid #9ebfea70;border-radius:11px;font-weight:700;box-shadow:0 10px 24px #060d1861}.potion-guide-root[data-pp-theme=light] .layout-tuner-toggle,.potion-guide-root[data-pp-theme=light] .layout-tuner-btn{background:linear-gradient(155deg,#fffffff5 0%,#ebf3fcf0 100%);border-color:#5b7fb061;box-shadow:0 12px 24px #49648824}.layout-tuner-toggle{letter-spacing:.03em;padding:.46rem .7rem;font-size:.83rem}.layout-tuner-panel{background:linear-gradient(165deg,#182334fa 0%,#111927fa 100%);border:1px solid #a3c1e973;border-radius:15px;width:min(430px,100vw - 2rem);max-height:min(80vh,760px);padding:.74rem .76rem;overflow:auto;box-shadow:0 18px 34px #060d1780}.potion-guide-root[data-pp-theme=light] .layout-tuner-panel{background:linear-gradient(165deg,#f8fbfffa 0%,#e9f0f9fa 100%);border-color:#678dbd8c;box-shadow:0 18px 32px #304a6c2e}.layout-tuner-panel[hidden]{display:none}.layout-tuner-title{letter-spacing:.02em;margin:0 0 .58rem;font-size:.9rem;font-weight:700}.layout-tuner-list{flex-direction:column;gap:.5rem;display:flex}.layout-tuner-row{background:#3b517633;border:1px solid #91b1dc57;border-radius:11px;flex-direction:column;gap:.4rem;padding:.52rem .56rem .6rem;display:flex}.potion-guide-root[data-pp-theme=light] .layout-tuner-row{background:linear-gradient(135deg,#ffffffd6 0%,#e8f1fbd1 100%);border-color:#7596c25c}.layout-tuner-row-title{letter-spacing:.02em;color:var(--text);font-size:.8rem;font-weight:700}.layout-tuner-axis-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem;display:grid}.layout-tuner-axis{flex-direction:column;gap:.2rem;display:flex}.layout-tuner-axis-head{color:var(--muted);justify-content:space-between;align-items:center;gap:.28rem;font-size:.72rem;font-weight:700;display:flex}.layout-tuner-axis input[type=range]{width:100%}.layout-tuner-value{text-align:right;font-variant-numeric:tabular-nums;min-width:3.5rem}.layout-tuner-actions{flex-wrap:wrap;gap:.46rem;margin-top:.62rem;display:flex}.layout-tuner-btn{padding:.4rem .62rem;font-size:.76rem}.layout-tuner-output{color:#dcecff;white-space:pre-wrap;background:#0b111c9e;border:1px solid #94b4de66;border-radius:10px;max-height:200px;margin:.62rem 0 0;padding:.5rem;font-family:SFMono-Regular,Consolas,Menlo,monospace;font-size:.7rem;line-height:1.36;overflow:auto}.potion-guide-root[data-pp-theme=light] .layout-tuner-output{color:#1c3657;background:#ffffffc7;border-color:#7497c473}.potion-guide-root[data-pp-theme=light] .potion-list-skeleton-item,.potion-guide-root[data-pp-theme=light] .recipe-loading-icon,.potion-guide-root[data-pp-theme=light] .recipe-loading-kicker,.potion-guide-root[data-pp-theme=light] .recipe-loading-title,.potion-guide-root[data-pp-theme=light] .recipe-loading-art,.potion-guide-root[data-pp-theme=light] .recipe-loading-step,.potion-guide-root[data-pp-theme=light] .potion-info-loading-badge,.potion-guide-root[data-pp-theme=light] .potion-info-loading-icon,.potion-guide-root[data-pp-theme=light] .potion-info-loading-line,.potion-guide-root[data-pp-theme=light] .potion-info-loading-card{background:linear-gradient(135deg, rgb(var(--potion-accent-rgb) / .12) 0%, #fffffff2 58%, #e7f0f9e0 100%);border-color:#5f87bf38}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ambient-bg-shift{0%{background-position:0 0,100% 0,50% 100%,50%}to{background-position:14% 18%,86% 10%,54% 82%,50%}}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@keyframes selection-trace{0%{opacity:1;--selection-sweep-angle:0deg}84%{opacity:1;--selection-sweep-angle:360deg}to{opacity:0;--selection-sweep-angle:360deg}}@keyframes nav-icon-glow-in{0%{filter:drop-shadow(0 0 #a9d5ff00);transform:scale(.96)}to{filter:drop-shadow(0 0 4px #a9d5ff9e)drop-shadow(0 0 9px #79b0f159);transform:scale(1.02)}}@keyframes nav-icon-glow-pulse{0%,to{filter:drop-shadow(0 0 3px #a9d5ff80)drop-shadow(0 0 8px #79b0f147);transform:scale(1.01)}50%{filter:drop-shadow(0 0 6px #bee0ffbf)drop-shadow(0 0 12px #7fb5f566);transform:scale(1.03)}}@keyframes icon-shell-enter{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes effect-icon-glow-in{0%{filter:drop-shadow(0 0 #02060d00);transform:scale(.94)}to{filter:drop-shadow(0 10px 16px #02060d2e)drop-shadow(0 0 10px #ffffff1f);transform:scale(1)}}@keyframes effect-icon-glow-pulse{0%,to{filter:drop-shadow(0 8px 14px #02060d29)drop-shadow(0 0 8px #ffffff1a)}50%{filter:drop-shadow(0 10px 18px #02060d33)drop-shadow(0 0 10px #ffffff24)}}@keyframes flow-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes connector-pulse{0%,to{opacity:.62}50%{opacity:1}}@keyframes panel-sheen{0%{transform:translate(-46%)}to{transform:translate(46%)}}@keyframes orb-drift{0%{transform:translate(-2%)scale(.96)}to{transform:translate(3%,-2%)scale(1.04)}}@keyframes arrow-drift{0%{transform:translate(0)translateY(0)}to{transform:translate(4px)translateY(-3px)}}@media (prefers-reduced-motion:reduce){.potion-guide-root,.potion-guide-root *,.potion-guide-root :before,.potion-guide-root :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1260px){.recipe-flow-diagram{--ui-art-offset-x:0px}.recipe-showcase{grid-template-columns:1fr}.flow-layout-art{align-self:center}}@media (width<=1180px){.potion-guide-page{width:min(1400px,100% - 1.5rem)}.app-layout{grid-template-columns:minmax(270px,320px) minmax(0,1fr)}.potion-info-panel{grid-column:2;max-height:none;position:relative;top:auto}}@media (width<=940px){body{overflow-y:auto}.potion-guide-page{height:auto;min-height:100dvh}.app-layout{flex:none;grid-template-columns:1fr;align-items:stretch;gap:1.1rem;overflow:visible}.potion-sidebar{height:auto;max-height:360px;position:relative;top:auto}.recipe-panel{height:auto;min-height:0;max-height:none;overflow:visible}.potion-info-panel{grid-column:auto;max-height:none;position:relative;top:auto}}@media (width<=620px){.potion-guide-page{gap:.9rem;width:calc(100% - 1rem);padding-top:.9rem;padding-bottom:1.2rem}.recipe-share{top:.6rem;right:.6rem}.recipe-share-btn{min-width:36px;height:36px}.recipe-share-icon{width:17px;height:17px}.potion-sidebar{border-radius:0;padding:.25rem 0}.potion-list{gap:.58rem;padding-right:.7rem}.potion-list-item{min-height:70px;padding:.84rem .9rem}.potion-nav-icon{width:40px;height:40px}.recipe-panel{border-radius:28px;padding:1.08rem .95rem 1.4rem}.potion-info-panel{border-radius:24px;padding:1rem .95rem 1.1rem}.recipe-panel-loading{min-height:28rem}.potion-info-panel-loading{min-height:18rem}.recipe-flow-diagram{--ui-slot-icon-size:clamp(30px, 8.2vw, 42px);--ui-slot-label-size:clamp(.72rem, 2.4vw, .84rem);--ui-slot-stack-gap:clamp(.18rem, 1.1vw, .34rem);--ui-slot-inline-padding:clamp(.04rem, .3vw, .16rem);--ui-slot-offset-top:.92rem}.recipe-flow-header{--recipe-title-icon-size:58px;--recipe-title-icon-inset:10px;--recipe-title-gap:.72rem;--recipe-title-stack-gap:.02rem;--recipe-title-prefix-offset-y:.12rem;--recipe-title-prefix-margin-bottom:-12px;--recipe-title-prefix-size:clamp(.72rem, 2.2vw, .86rem);border-radius:0;row-gap:.24rem;padding:.2rem 0 .3rem}.recipe-flow-header:after{letter-spacing:.12em;font-size:clamp(1.5rem,8vw,2.1rem);bottom:-.2rem;right:.7rem}.recipe-title{font-size:clamp(1rem,4vw,1.45rem)}.recipe-title-prefix{letter-spacing:.18em}.recipe-duration{font-size:1rem}.potion-info-blurb-title{font-size:.84rem}.potion-info-blurb-body{font-size:.98rem}.recipe-loading-header{gap:.72rem}.recipe-loading-icon{width:60px;height:60px}.recipe-loading-kicker{width:70%}.recipe-loading-title{height:2rem}.flow-layout-art{width:min(100%, var(--ui-art-width));border-radius:0}.modifier-lane-shell{border-radius:0;padding:.05rem 0 0}.modifier-lane{--modifier-ingredient-width:clamp(6.4rem, 24vw, 7.25rem)}.recipe-modifier-row{column-gap:.92rem;padding:.16rem 0 .16rem .32rem}.modifier-choice-group{--modifier-choice-rail-width:clamp(2.35rem, 10vw, 2.72rem);--modifier-choice-rail-line-x:clamp(.92rem, 4vw, 1.08rem);--modifier-choice-rail-elbow-length:clamp(.72rem, 3vw, .94rem);--modifier-choice-rail-center-gap:.92rem}.modifier-choice-body{gap:.66rem}.modifier-choice-rail-word{font-size:.78rem}.modifier-main{gap:.66rem}.modifier-prefix{font-size:1.5rem}.modifier-ingredient-node{--recipe-node-icon-size:clamp(34px, 8.4vw, 42px);width:var(--modifier-ingredient-width)}.modifier-ingredient-node .recipe-node-label{font-size:clamp(.7rem,2.2vw,.82rem)}.modifier-outcome{align-items:flex-start;gap:.66rem;padding-left:0}.modifier-outcome.has-potion-result-icon{align-items:center;column-gap:.42rem}.modifier-outcome.has-potion-result-icon.has-stacked-label{column-gap:.1rem}.modifier-result-icon-shell-effect{width:32px;height:32px}.modifier-result-icon-shell-effect .modifier-result-icon{width:26px;height:26px}.modifier-result-icon-shell-potion{width:30px;height:42px}.modifier-result-icon-shell-potion .modifier-result-icon{width:28px;height:40px}.modifier-outcome-label{font-size:1.08rem}.final-potion-node{gap:.9rem;padding:.92rem .85rem .92rem .46rem}.final-potion-icon-shell{border-radius:18px;width:66px;height:66px}.final-potion-label{font-size:clamp(1.04rem,4vw,1.18rem)}}.app-stage>astro-island{height:100%;display:block}.potion-guide-root{height:100%}.potion-list-item,.recipe-node-link,.recipe-node-icon-stack-item{-webkit-appearance:none;appearance:none;font:inherit;cursor:pointer}.pp-whimsy{z-index:0;pointer-events:none;contain:layout paint;position:fixed;inset:0;overflow:hidden}@media (width>=941px){.pp-whimsy{-webkit-mask-image:linear-gradient(90deg,#00000040 0 22%,#000 40%);mask-image:linear-gradient(90deg,#00000040 0 22%,#000 40%)}}.pp-whimsy-particles{position:absolute;inset:0}.pp-particle{left:var(--x);width:var(--size);height:var(--size);background-image:var(--pp-sheet);image-rendering:pixelated;filter:brightness(var(--b,1));opacity:0;will-change:transform, opacity;animation:pp-particle-rise var(--dur) linear var(--delay) infinite, pp-particle-frames var(--frame-dur) steps(8) infinite;background-repeat:no-repeat;background-size:800% 100%;position:absolute;bottom:-6%}@keyframes pp-particle-frames{0%{background-position-x:0%}to{background-position-x:114.286%}}@keyframes pp-particle-rise{0%{opacity:0;transform:translate(0,0)scale(.6)}12%{opacity:1}50%{transform:translate3d(calc(var(--drift) * .5), -52vh, 0) scale(1)}86%{opacity:.85}to{transform:translate3d(var(--drift), -108vh, 0) scale(.7);opacity:0}}.potion-list-item.is-selected .potion-nav-icon{animation:2.6s ease-in-out infinite pp-nav-glow}@keyframes pp-nav-glow{0%,to{filter:drop-shadow(0 0 4px rgb(var(--potion-row-accent-rgb) / .5)) drop-shadow(0 0 9px rgb(var(--potion-row-accent-rgb) / .3))}50%{filter:drop-shadow(0 0 8px rgb(var(--potion-row-accent-rgb) / .8)) drop-shadow(0 0 16px rgb(var(--potion-row-accent-rgb) / .45))}}.potion-list-item.is-selected:before{content:"";border-radius:inherit;padding:var(--selection-ring-size,2px);background:conic-gradient(from var(--selection-sweep-angle), rgb(var(--potion-row-accent-rgb) / 0) 0deg, rgb(var(--potion-row-accent-rgb) / .95) 46deg, rgb(var(--potion-row-accent-rgb) / 0) 92deg, rgb(var(--potion-row-accent-rgb) / 0) 360deg);-webkit-mask-composite:xor;z-index:1;pointer-events:none;animation:selection-trace var(--selection-trace-duration,.68s) ease both;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.potion-help-btn{border:1px solid var(--color-border);background:var(--color-surface);width:42px;height:42px;color:var(--color-ink-soft);box-shadow:var(--shadow-soft);font-family:var(--font-display);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;margin-left:auto;font-size:1.15rem;font-weight:800;line-height:1;transition:transform .18s,border-color .18s,color .18s;display:inline-flex}.potion-help-btn:hover{border-color:var(--color-border-strong);color:var(--color-primary);transform:translateY(-1px)}.potion-modal__scrim{cursor:pointer;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}.potion-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);background:#04080e99;justify-content:center;align-items:center;padding:1.5rem;animation:.18s pp-modal-fade;display:flex;position:fixed;inset:0}.potion-modal{z-index:1;border:1px solid rgb(var(--potion-accent-rgb) / .3);width:min(620px,100%);max-height:86vh;color:var(--text);background:linear-gradient(150deg,#0f1825f7 0%,#080d15fc 100%);border-radius:22px;margin:0;padding:0;animation:.22s pp-modal-rise;position:relative;overflow-y:auto;box-shadow:0 32px 70px #02050c80}.potion-guide-root[data-pp-theme=light] .potion-modal{background:#fff;border-color:#5f87bf47;box-shadow:0 32px 70px #3c5a8c38}@keyframes pp-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes pp-modal-rise{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.potion-modal__head{border-bottom:1px solid rgb(var(--potion-accent-rgb) / .16);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.3rem;display:flex}.potion-modal__title{font-family:var(--font-display);color:var(--text);margin:0;font-size:1.25rem;font-weight:800}.potion-modal__close{border:1px solid rgb(var(--potion-accent-rgb) / .2);width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:1.4rem;line-height:1;transition:color .16s,border-color .16s;display:inline-flex}.potion-modal__close:hover{color:var(--text);border-color:rgb(var(--potion-accent-rgb) / .5)}.potion-modal__body{gap:1.3rem;padding:1.1rem 1.3rem 1.4rem;display:grid}.potion-modal__h{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem;font-size:.78rem;font-weight:700}.potion-modal__p{color:color-mix(in srgb, var(--text) 88%, var(--muted));margin:0;line-height:1.6}.potion-modal__steps{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.potion-modal__steps li{color:color-mix(in srgb, var(--text) 88%, var(--muted));align-items:center;gap:.85rem;line-height:1.5;display:flex}.potion-modal__steps strong{color:var(--text);font-weight:700}.potion-modal__icons{flex:none;justify-content:center;align-items:center;gap:4px;width:76px;display:inline-flex}.potion-modal__icons img{width:30px;height:30px;image-rendering:pixelated;filter:drop-shadow(0 2px 3px #00000052)}.potion-modifiers{border-top:1px solid rgb(var(--potion-accent-rgb) / .16);margin-top:1rem;padding-top:1rem}.potion-guide-root[data-pp-theme=light] .potion-modifiers{border-top-color:#5f87bf38}.potion-modifiers__title{font-family:var(--font-display);letter-spacing:.08em;color:var(--muted);margin:0 0 .2rem;font-size:.92rem;font-weight:700}.potion-modifiers__lead{color:var(--muted);margin:0 0 .75rem;font-size:.86rem;line-height:1.45}.potion-modifiers__list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.potion-modifiers__row{align-items:center;gap:.7rem;display:flex}.potion-modifiers__icon{width:30px;height:30px;image-rendering:pixelated;filter:drop-shadow(0 2px 3px #0000004d);flex:none}.potion-modifiers__text{flex-direction:column;min-width:0;display:flex}.potion-modifiers__name{color:var(--text);font-size:.9rem;font-weight:700}.potion-modifiers__effect{color:var(--muted);font-size:.8rem}