.pp-game{color:#17394f;max-width:660px;margin:auto;padding:12px 12px 28px}.pp-game button,.pp-dialog button{font:inherit;cursor:pointer;font-weight:800}.pp-game button:disabled{cursor:default;opacity:.5}:is(.pp-game button:focus-visible,.pp-dialog button:focus-visible){outline-offset:3px;outline:3px solid #ed8057}.pp-game .primary,.pp-dialog .primary{color:#fffdf4;background:#ee7956;border:2px solid #17394f;border-radius:12px;justify-content:center;padding:13px 18px;box-shadow:0 3px #17394f}.pp-shop{text-align:center;padding-top:20px}.pp-shop .eyebrow{letter-spacing:2px;font-size:10px}.pp-shop h1{margin:5px 0;font-size:clamp(38px,9vw,60px);line-height:1.1}.pp-shop h1 em{color:#c15c43;font-style:normal}.pp-shop>p{margin:10px;font-size:14px;line-height:1.5}.pp-shop .pp-card-art{border:3px solid #17394f;border-radius:140px 140px 24px 24px;max-width:480px;margin:0 auto}.pp-card-art{isolation:isolate;background:radial-gradient(at 45% 45%,#6cb8ac,#235d67 70%,#18394d);border-bottom:6px solid #a97646;height:300px;position:relative;overflow:hidden}.pp-card-art:before{content:"";pointer-events:none;background:radial-gradient(circle at 10% 30%,#fff4bf 0 2px,#0000 3px),radial-gradient(circle at 85% 18%,#fff4bf 0 2px,#0000 3px),radial-gradient(circle at 60% 40%,#fff4bf 0 1px,#0000 2px);position:absolute;inset:0}.pp-card-wizard{width:49%;height:270px;position:absolute;top:12px;left:20%}.pp-card-wizard svg,.pp-card-wizard>img{width:100%;height:100%}.pp-card-cauldron{object-fit:contain;z-index:3;width:85%;height:130px;position:absolute;bottom:-4px;left:7.5%}.pp-card-bottles{gap:4px;width:27%;display:flex;position:absolute;top:110px;right:4%;transform:rotate(8deg)}.pp-card-bottles img{object-fit:contain;width:35%;min-width:0}.pp-card-ingredient{z-index:4;width:12%;height:50px;position:absolute}.pp-card-ingredient img{object-fit:contain;width:100%;height:100%}.pp-card-berry{top:130px;left:9%;transform:rotate(-20deg)}.pp-card-leaf{top:190px;left:17%;transform:rotate(30deg)}.pp-card-crystal{top:190px;right:11%;transform:rotate(18deg)}.pp-shop-actions{gap:10px;max-width:350px;margin:22px auto;display:grid}.pp-shop-actions>button:not(.primary){background:#fff8e8;border:2px solid #d8c8ab;border-radius:12px;padding:12px}.pp-shop-actions>a{padding:8px;font-size:12px}.pp-play{padding-top:12px;position:relative}.pp-status{background:#fff7e6;border:2px solid #17394f;border-radius:14px;align-items:center;gap:18px;padding:9px 12px;display:flex;box-shadow:0 3px #17394f}.pp-order-number{letter-spacing:1px;margin-right:auto;font-size:11px;font-weight:900}.pp-order-number small{letter-spacing:0;font-size:9px;display:block}.pp-score,.pp-moves{flex-direction:column;align-items:center;line-height:1.2;display:flex}.pp-score small,.pp-moves small{letter-spacing:1px;font-size:9px;font-weight:800}.pp-score strong{font-size:23px}.pp-moves strong{color:#ac493a;font-size:26px}.pp-menu-button{background:0 0;border:0;padding:7px;font-size:22px}.pp-star-track{align-items:center;gap:9px;margin:10px 4px 16px;display:flex}.pp-stars{white-space:nowrap;color:#cabfa6;letter-spacing:2px;font-size:21px}.pp-stars .lit{color:#d9971f;text-shadow:0 1px #87521d}.pp-star-track>div{background:#e3dac7;border-radius:6px;flex:1;height:7px;overflow:hidden}.pp-star-track>div i{background:#d9a535;height:100%;transition:width .2s;display:block}.pp-star-track>small{font-size:9px}.pp-workbench{grid-template-columns:minmax(82px,110px) minmax(0,1fr);align-items:start;gap:12px;display:grid}.pp-recipe{background:linear-gradient(110deg,#e8d0a2,#fff1cd 45%,#eed7aa);border:2px solid #b88a50;border-radius:3px 4px 7px;margin:6px 0 0;padding:20px 8px 12px;position:relative;transform:rotate(-1deg);box-shadow:-4px 5px #8a603f,0 8px 15px #17394f15}.pp-nail{background:#385057;border-radius:4px;width:8px;height:18px;position:absolute;top:-6px;left:46%;transform:rotate(18deg);box-shadow:2px 2px 1px #483f3e50}.pp-nail:before{content:"";background:#67777a;border-radius:3px;width:14px;height:5px;position:absolute;top:0;left:-3px}.pp-recipe>small{letter-spacing:1.5px;font-size:8px;font-weight:900}.pp-recipe h2{margin:5px 0 10px;font-family:Georgia,serif;font-size:12px;line-height:1.25}.pp-recipe-items{gap:9px;display:grid}.pp-recipe-items>div{text-align:center;border-top:1px dashed #a4804a70;padding-top:5px;position:relative}.pp-recipe-items img{object-fit:contain;width:43px;height:43px;margin:auto;display:block}.pp-recipe-items b{font-size:13px}.pp-recipe-items small{font-size:8px;line-height:1.2;display:block}.pp-recipe-items em{color:#286d52;font-style:normal;font-weight:900;position:absolute;top:4px;right:0}.pp-recipe-items .done{opacity:.65}.pp-brewed-stamp{color:#386e56;border:3px double #386e56;margin-top:12px;padding:3px;font-size:13px;display:block;transform:rotate(-12deg)}.pp-board-column{min-width:0}.pp-board-wrap{z-index:2;position:relative}.pp-board{background-color:#204b56;background-image:linear-gradient(90deg,#b1d4c524 1px,#0000 1px),linear-gradient(#b1d4c524 1px,#0000 1px);background-size:calc(100% / var(--cols)) calc(100% / var(--rows));touch-action:none;border:4px solid #93683e;border-radius:10px;outline:2px solid #17394f;width:100%;position:relative;overflow:hidden;box-shadow:0 5px #17394f}.pp-tile{touch-action:none;-webkit-user-select:none;user-select:none;z-index:1;background:0 0;border:0;border-radius:6px;padding:2px;position:absolute}.pp-game .pp-tile:disabled{opacity:1}.pp-tile.pp-selected{background:#fff4a470;box-shadow:inset 0 0 0 3px #ffe7a1}.pp-tile-art{pointer-events:none;width:100%;height:100%;display:block;position:relative}.pp-tile-art>img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.pp-bottle{border:2px solid var(--ingredient);background:radial-gradient(circle,var(--ingredient),#17394f50 75%);border-radius:32%;box-shadow:0 0 0 1px #123141}.pp-colour-token{background:#fff7df;border:1px solid #17394f;border-radius:50%;width:36%;height:36%;position:absolute;bottom:-2px;right:-1px}.pp-colour-token img{object-fit:contain;width:100%;height:100%}.pp-direction{color:#17394f;background:#fff3b8;border-radius:5px;padding:0 1px;font-size:13px;line-height:1.1;position:absolute;top:-4px;left:-3px}.pp-collection-layer,.pp-effect-layer{pointer-events:none;z-index:6;position:absolute;inset:4px}.pp-collection-layer .sparkle-burst{overflow:visible}.pp-falling-ingredient{transform-origin:50%;animation:.38s cubic-bezier(.4,.05,.8,.45) forwards pp-collect;display:block;position:absolute}.pp-cauldron{z-index:3;pointer-events:none;height:clamp(75px,18vw,125px);margin:12px -6px 0;position:relative}.pp-cauldron>img{object-fit:contain;width:100%;height:100%}.pp-bubbles{width:50%;height:30%;position:absolute;top:18%;left:25%}.pp-bubbles i{opacity:0;background:#61d8c550;border:2px solid #bafbea;border-radius:50%;width:8px;height:8px;animation:3.2s infinite pp-bubble;position:absolute;left:20%}.pp-bubbles i:nth-child(2){width:11px;height:11px;animation-delay:1.2s;left:55%}.pp-bubbles i:nth-child(3){width:6px;height:6px;animation-delay:2.2s;left:80%}.pp-animate .pp-created .pp-tile-art{animation:.38s ease-out pp-created}.pp-effect-cell{border-radius:50%;animation:.36s ease-out both pp-impact;position:absolute;box-shadow:inset 0 0 8px #fff2b7}.pp-wing-target:after{content:"✦";text-align:center;color:#fff9bf;font-size:24px;position:absolute;inset:0}.pp-message{text-align:center;min-height:34px;margin:7px 0;font-size:12px;font-weight:700;line-height:1.4}.pp-controls-note{text-align:center;color:#63777a;margin:0;font-size:11px}.pp-overlay{z-index:110;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#102d40b5;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.pp-dialog{text-align:center;color:#17394f;background:#fff5df;border:3px solid #17394f;border-radius:24px;width:100%;max-width:420px;max-height:calc(100dvh - 36px);padding:26px;position:relative;overflow:auto;box-shadow:0 7px #17394f}.pp-dialog h2{margin:9px 0;font-size:28px;line-height:1.1}.pp-dialog p{font-size:13px;line-height:1.5}.pp-dialog>button{background:#fff9ee;border:1px solid #cdb690;border-radius:10px;width:100%;margin-top:10px;padding:11px;display:block}.pp-dialog>label{margin:18px 0;font-size:13px;display:block}.pp-dialog details{text-align:left;font-size:12px}.pp-dialog .eyebrow{font-size:9px}.pp-dialog .pp-close{background:0 0;border:0;width:34px;padding:4px;font-size:23px;position:absolute;top:0;right:8px}.pp-final-score{font-size:35px}.pp-detail-recipe{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pp-detail-recipe>span{width:70px}.pp-detail-recipe img{object-fit:contain;width:50px;height:50px;margin:auto;display:block}.pp-detail-recipe b{font-size:18px;display:block}.pp-detail-recipe small{font-size:9px;line-height:1.2;display:block}.pp-order-book{padding:18px 0}.pp-order-book>header{align-items:center;gap:15px;margin:5px 0 20px;display:flex}.pp-order-book>header button,.pp-settings>button{background:0 0;border:0;padding:8px;font-size:12px}.pp-order-book h1{margin:3px 0;font-size:30px}.pp-order-book .eyebrow{font-size:9px}.pp-ledger-page{background:linear-gradient(90deg,#f1dfb9,#fff6dc 47%,#d2bd95 50%,#fff6dc 53%,#f1dfb9);border:5px solid #91623f;border-radius:8px 12px 12px 8px;padding:14px 10px 8px;box-shadow:0 6px #5c4938}.pp-orders{grid-template-rows:repeat(5,minmax(75px,auto));grid-template-columns:1fr 1fr;grid-auto-flow:column;column-gap:20px;display:grid}.pp-orders>button{text-align:left;background:0 0;border:0;border-bottom:1px solid #a27d4244;align-items:flex-start;gap:6px;padding:8px 2px 19px;display:flex;position:relative}.pp-orders>button strong{font-family:Georgia,serif;font-size:12px;line-height:1.2;display:block}.pp-order-index{color:#a96c3b;font-size:14px;font-weight:900}.pp-orders .pp-stars{letter-spacing:0;font-size:15px}.pp-orders>button>small{letter-spacing:.6px;color:#6e6656;font-size:7px;font-weight:900;position:absolute;bottom:5px;left:21px}.pp-orders .pp-fulfilled>small{color:#41735f;border:1px solid #41735f;padding:1px 3px;transform:rotate(-4deg)}.pp-orders .pp-next-order{background:#f2d39c55;padding-left:7px;box-shadow:inset 3px 0 #bb5d47}.pp-ledger-page footer{justify-content:space-between;align-items:center;margin-top:14px;font-size:11px;display:flex}.pp-ledger-page footer button{background:0 0;border:0;padding:7px 12px;font-size:22px}.pp-settings{padding:20px 10px}.pp-settings h1{font-size:28px}.pp-settings p{font-size:14px;line-height:1.6}.pp-settings label{align-items:center;gap:10px;font-weight:800;display:flex}.pp-settings input{width:20px;height:20px}.pp-save-warning{text-align:center;color:#a43e32;font-size:12px}.pp-still .pp-tile,.pp-still .pp-tile-art,.pp-still .pp-cauldron{animation:none!important}.pp-still .pp-bubbles{display:none}.pp-still .pp-star-track>div i{transition:none}@keyframes pp-collect{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(1)}75%{opacity:1}to{transform:translate(calc(var(--drop-x) - 50%),calc(var(--drop-y) - 50%)) rotate(var(--turn)) scale(.35);opacity:0}}@keyframes pp-fall{0%{transform:translate(var(--from-x),var(--from-y))}to{transform:translate(0)}}@keyframes pp-created{0%{filter:brightness(1.5);transform:scale(.45)}75%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes pp-bubble{0%,65%,to{opacity:0;transform:translateY(0)scale(.5)}75%{opacity:.8}95%{opacity:0;transform:translateY(-27px)scale(1.2)}}@keyframes pp-splash{60%{filter:brightness(1.15);transform:scale(1.035)}}@keyframes pp-impact{0%{opacity:0;transform:scale(.5)}25%{opacity:.8}to{opacity:0;transform:scale(1.3)}}@keyframes pp-page{0%{opacity:.4;transform:perspective(700px)rotateY(-4deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.pp-ledger-page{animation:.2s ease-out pp-page}}@media (max-width:419px){.pp-game{padding:8px 10px 22px}.pp-workbench{grid-template-columns:1fr;gap:10px}.pp-recipe{align-items:center;gap:9px;margin:0;padding:8px 10px;display:flex;transform:none;box-shadow:0 3px #8a603f}.pp-recipe>small,.pp-nail{display:none}.pp-recipe h2{flex-shrink:0;width:70px;margin:0;font-size:10px}.pp-recipe-items{flex:1;justify-content:space-around;gap:7px;display:flex}.pp-recipe-items>div{border:0;min-width:0;padding:0}.pp-recipe-items img{width:29px;height:29px}.pp-recipe-items b{font-size:11px}.pp-recipe-items small{display:none}.pp-recipe-items em{font-size:10px;right:-4px}.pp-status{gap:12px}.pp-brewed-stamp{text-align:center;background:#f9edcedd;font-size:16px;position:absolute;inset:10px 20%}.pp-star-track{margin-bottom:10px}.pp-cauldron{height:82px}.pp-orders{column-gap:16px}.pp-orders>button strong{font-size:11px}.pp-ledger-page{padding:12px 8px 5px}.pp-order-book h1{font-size:27px}}@media (prefers-reduced-motion:reduce){.pp-game *,.potions-studio-test .pp-play *{transition:none!important;animation:none!important}.pp-bubbles,.pp-effect-layer,.pp-collection-layer{display:none}}.pp-modal{color:#17394f;background:0 0;border:0;width:calc(100% - 32px);max-width:420px;max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:visible}.pp-modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#102d40b5}.pp-modal>.pp-dialog{box-sizing:border-box;width:100%}.pp-flying-potion{z-index:8;animation:.35s ease-in-out both pp-flight;position:absolute}.pp-flying-potion img{object-fit:contain;width:100%;height:100%}.pp-effect-layer .pp-effect-cell{animation-delay:60ms}.pp-animate .pp-cauldron-react{animation-delay:.16s}.potions-studio-test .pp-play{max-width:640px;margin:auto}.pg-immersive.pp-game>.pp-play{max-width:640px}@keyframes pp-flight{0%{transform:translate(-50%,-50%)scale(.8)}55%{transform:translate(calc(var(--fly-x)*.55 - 50%),calc(var(--fly-y)*.55 - 50% - 16px)) scale(1.2)}to{transform:translate(calc(var(--fly-x) - 50%),calc(var(--fly-y) - 50%)) scale(.3);opacity:0}}@media (prefers-reduced-motion:reduce){.pp-modal *{transition:none!important;animation:none!important}}.pp-dissolving-ingredient{animation:.3s ease-out both pp-dissolve;display:block;position:absolute}@keyframes pp-dissolve{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}30%{filter:brightness(1.35)}to{opacity:0;transform:translate(-50%,-60%)scale(.2)}}.pp-play[data-phase=swap] .pp-moving,.pp-play[data-phase=invalid] .pp-moving{animation-duration:.16s}.pp-collection-layer .sparkle-burst i{animation-duration:.29s;animation-delay:80ms}.pp-effect-layer .pp-effect-cell{animation-duration:.35s;animation-delay:20ms}.pp-play{padding-top:4px}.pp-workbench{--tile-size:min(64px,calc((100vw - 20px) / var(--board-cols)));flex-direction:column;align-items:stretch;gap:12px;display:flex}.pp-workbench .pp-recipe{align-items:center;gap:10px;margin:2px 0 0;padding:9px 12px;display:flex;transform:rotate(-.4deg);box-shadow:0 3px #8a603f}.pp-workbench .pp-nail{height:12px;display:block;top:-7px;left:12px}.pp-recipe>small{display:none}.pp-workbench .pp-recipe h2{width:95px;margin:0;font-size:11px}.pp-workbench .pp-recipe-items{flex-wrap:wrap;flex:1;justify-content:space-evenly;gap:7px;display:flex}.pp-workbench .pp-recipe-items>div{border:0;padding:0}.pp-workbench .pp-recipe-items img{width:32px;height:32px}.pp-workbench .pp-recipe-items small{display:none}.pp-workbench .pp-brewed-stamp{background:#fff2cfed;margin:0;position:absolute;top:5px;right:15px}.pp-board-column{width:calc(var(--tile-size) * var(--board-cols));align-self:center;max-width:100%}.pp-workbench .pp-cauldron{height:65px;margin-top:8px}.pp-star-track{margin:6px 4px 10px}.pp-message{min-height:18px;margin:5px 0}.pp-controls-note{font-size:10px}.pp-inactive{z-index:2;pointer-events:none;background:#fff9ee;position:absolute}.pp-play[data-phase=impact] .pp-effect-cell{animation-duration:.17s;animation-delay:.48s}.pp-play[data-phase=impact] .pp-flying-potion{animation-duration:.5s}.pp-play[data-phase=impact] .pp-tile-art{transition:filter .15s}@keyframes pp-charge{0%{filter:brightness();transform:scale(1)}75%{filter:brightness(1.8);transform:scale(1.15)rotate(-5deg)}to{filter:brightness(2);transform:scale(1.2)rotate(5deg)}}.pp-animate .pp-moving{animation:none!important}.pp-effect-cell[class*=pp-impact-lightning]{clip-path:polygon(0 45%,42% 30%,48% 5%,65% 40%,100% 45%,60% 60%,52% 95%,35% 55%);background:#d7ffff;border-radius:0;box-shadow:0 0 14px #80ecff}.pp-effect-cell[class*=pp-impact-volatile]{background:radial-gradient(circle,#fff8b0,#ff9b35 40%,#0000 70%);box-shadow:0 0 18px #ff8b40}.pp-effect-cell[class*=pp-impact-prismatic]{background:conic-gradient(#f78383,#ffd668,#8be9a0,#8cd4ff,#c497f4,#f78383)}.pp-magic-svg{filter:drop-shadow(0 0 3px #b7f8ff80);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pp-travelling-bottle{pointer-events:none;z-index:8;position:absolute;transform:translate(-50%,-50%)}.pp-travelling-bottle img{object-fit:contain;width:100%;height:100%}.pp-falling-ingredient,.pp-dissolving-ingredient{animation-fill-mode:both}.pp-falling-ingredient{animation-timing-function:cubic-bezier(.5,0,.85,.4)}.pp-tile{transform-origin:50% 90%}.pp-animate .pp-cauldron-react{animation:none}.pp-sprite-layer{pointer-events:none;z-index:9;position:absolute;inset:4px}.pp-sprite-layer canvas{left:calc(-1 * var(--fx-padding,0px));top:calc(-1 * var(--fx-padding,0px));pointer-events:none;display:block;position:absolute;width:calc(100% + 2 * var(--fx-padding,0px))!important;height:calc(100% + 2 * var(--fx-padding,0px))!important}.pp-animate .pp-falling-ingredient,.pp-animate .pp-dissolving-ingredient{opacity:0;animation:none}.pp-practice-controls{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.pp-practice-controls button{color:#17394f;background:#fff7e6;border:2px solid #17394f;border-radius:10px;padding:8px 11px}.pp-practice-controls button[aria-pressed=true]{color:#fff7e6;background:#17394f}.pp-idle-sheet{width:100%;height:100%;animation:pp-idle-frames 8.9s steps(1,end) var(--idle-delay,0s) infinite;pointer-events:none;background-position-x:0%;background-repeat:no-repeat;animation-play-state:paused;display:block}.pp-play[data-idle=on] .pp-board .pp-idle-sheet{animation-play-state:running}.pp-still .pp-idle-sheet{animation:none}@keyframes pp-idle-frames{0%,68%{background-position-x:0%}72%{background-position-x:20%}76%{background-position-x:40%}80%{background-position-x:60%}84%{background-position-x:80%}88%{background-position-x:100%}90%{background-position-x:80%}92%{background-position-x:60%}94%{background-position-x:40%}96%{background-position-x:20%}98%,to{background-position-x:0%}}@media (prefers-reduced-motion:reduce){.pp-idle-sheet{animation:none}}.pp-tools{text-align:center;color:#17394f;width:min(100%,520px);margin:6px auto 0}.pp-tools-row{justify-content:center;gap:8px;display:flex}.pp-tools-row button{color:#fff1d2;background:linear-gradient(#443057,#291c40);border:2px solid #9c80b6;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;max-width:150px;min-height:44px;font-size:12px;font-weight:800;display:flex;box-shadow:0 3px #171024}.pp-tools-row svg{color:#b5eff0;width:22px;height:22px}.pp-tools-row b{color:#33264a;background:#f7d995;border-radius:50%;min-width:22px;padding:2px}.pp-tools-row [aria-pressed=true]{border-color:#f6d785;box-shadow:0 0 12px #c69dff70}.pp-tools-row button:disabled{opacity:.4}.pp-tools>small{margin-top:5px;font-size:10px;line-height:1.4;display:block}.pp-tool-confirm{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:8px 0;font-size:12px;display:flex}.pp-tool-confirm button{border-radius:10px;min-height:40px;padding:7px 12px}.pp-tool-confirm span{flex-basis:100%}.pp-board .pp-tool-target{background:#b8efff38;border-radius:8px;box-shadow:inset 0 0 0 2px #e6c8ff}.pp-tool-reward{color:#244b38;background:#cfe6d4;border-radius:12px;padding:10px;font-weight:800}.pp-mana-conversion{opacity:0;display:block;position:absolute;overflow:visible;transform:translate(-50%,-50%)}.pp-mana-rune{color:var(--mana-colour);text-shadow:0 0 6px #fff;opacity:0;pointer-events:none;font-size:46px;line-height:1;position:absolute;top:50%;left:50%}.pp-mana-mote{background:radial-gradient(circle,#fff 0 18%,#e6edff 25%,var(--mana-colour) 48%,transparent 73%);width:32%;height:32%;box-shadow:0 0 8px var(--mana-colour);opacity:0;pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%}.pp-mana-mote:after{content:"✦";color:#fff8e2;place-items:center;font-size:14px;display:grid;position:absolute;inset:-35%}.pp-mana-tail-1{width:22%;height:22%;box-shadow:none}.pp-mana-tail-2{width:14%;height:14%;box-shadow:none}.pp-mana-tail-1:after,.pp-mana-tail-2:after{display:none}.pp-fusion-layer{z-index:10;pointer-events:none;position:absolute;inset:4px}.pp-fusion-parent,.pp-fused-bottle{pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.pp-fusion-parent{opacity:0}.pp-fused-bottle{filter:drop-shadow(0 0 7px #d5b3ff)}.pp-fusion-art{background-repeat:no-repeat;background-size:400% 200%;width:100%;height:100%;display:block}.pp-tile.pp-fusion-source{visibility:hidden}.pp-fusion-guide{gap:10px;margin:16px 0;display:grid}.pp-fusion-guide>div{text-align:left;align-items:center;gap:10px;font-size:11px;line-height:1.4;display:flex}.pp-fusion-guide .pp-fusion-art{flex:0 0 56px;width:56px;height:56px}.pp-fusion-guide strong,.pp-fusion-guide small{display:block}.pp-fusion-guide strong{font-size:14px}.pp-fusion-guide small{color:#705a44;margin:2px 0}.pp-book-chapter{text-align:center;color:#5d465f;margin:0 0 12px;font-size:15px;font-weight:800}.pp-ingredient-bubble{z-index:5;pointer-events:none;background:radial-gradient(circle at 29% 22%,#ffffffe6 0 3%,#0000 11%),radial-gradient(circle at 65% 78%,#caa4e84f,#0000 55%);border:2px solid #b9f6fff0;border-radius:50%;position:absolute;inset:3%;box-shadow:inset 2px 2px 4px #ffffffb5,inset -3px -2px 5px #60bace9c,0 0 0 1px #367a97aa}.pp-ingredient-bubble i{border-top:2px solid #fff;border-radius:50%;position:absolute;inset:10% 18% 55% 13%;transform:rotate(-30deg)}.pp-ingredient-bubble b{color:#fff8cf;text-shadow:0 1px 2px #33406a;font-size:14px;position:absolute;bottom:-4%;right:0}.pp-bubble-count{color:#325d78;margin-top:8px;font-weight:800;display:block}.pp-bubble-popping{will-change:transform,opacity}.pp-still .pp-bubble-popping{display:none}.pp-board{background:#93582e url(/pocket-potions/mechanics/workbench.png) 50%/cover no-repeat}.pp-tools-row .pp-equipment-icon{object-fit:contain;pointer-events:none;width:44px;height:44px}.pp-tools-row .pp-equipment-column{transform:rotate(-90deg)}.pp-board-cell{pointer-events:none;z-index:0;background:linear-gradient(145deg,#315a61,#20434f);border:1px solid #90c4bc35;position:absolute;box-shadow:inset 0 2px 2px #acd3b315,inset 1px 0 1px #061b2840}.pp-inactive{background:0 0}.pp-board .pp-tile{z-index:2}.pp-mechanic-art{pointer-events:none;background-repeat:no-repeat;background-size:400% 300%;width:100%;height:100%;display:block}.pp-mechanic{pointer-events:none;z-index:1;padding:2px;position:absolute}.pp-mechanic-floor>.pp-mechanic-art{opacity:.6;filter:drop-shadow(0 0 3px #d8d2a5)}.pp-mechanic-slime>.pp-mechanic-art{opacity:.8;transform:translateY(14%)scale(1.1)}.pp-mechanic-rune>.pp-mechanic-art{opacity:.65;transform:scale(.96)}.pp-mechanic-portal>.pp-mechanic-art,.pp-portal-exit>.pp-mechanic-art{opacity:.7;transform:scale(.94)}.pp-portal-exit{filter:hue-rotate(65deg)}.pp-portal-label{z-index:5;pointer-events:none;color:#fff2a0;text-shadow:0 1px 2px #132b3e;padding:2px;font-size:8px;font-weight:900;position:absolute}.pp-mechanic-chain,.pp-mechanic-chain-lock{z-index:4}.pp-mechanic-chain>.pp-mechanic-art,.pp-mechanic-chain-lock>.pp-mechanic-art{opacity:1;filter:drop-shadow(0 1px 1px #211931);width:76%;height:65%;position:absolute;bottom:3%;left:12%}.pp-mechanic-chain>.pp-mechanic-art{opacity:.75;filter:grayscale(.6)}.pp-mechanic-crystal>.pp-mechanic-art{opacity:1;width:48%;height:55%;position:absolute;bottom:0;right:-2%}.pp-mechanic-outlet>.pp-mechanic-art{opacity:.7;transform:translateY(20%)scale(.85)}.pp-mechanic.pp-mechanic-solid{pointer-events:auto;touch-action:none;z-index:3;background:0 0;border:0;border-radius:0}.pp-game .pp-mechanic-solid:disabled{opacity:1}.pp-mechanic-badge{color:#35243e;text-align:center;z-index:5;background:#fff0be;border:1px solid #684c55;border-radius:5px;min-width:15px;padding:1px 3px;font-size:9px;line-height:1.2;position:absolute;bottom:0;right:0;box-shadow:0 1px 1px #142c3c55}.pp-mechanic-colour{z-index:5;background:#c8a1ee;border:1px solid #fff7c2;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;left:0;box-shadow:0 0 0 1px #34253c}.pp-colour-berry{background:#ef685d}.pp-colour-crystal{background:#60b1ee}.pp-colour-flower{background:#b78bea}.pp-colour-mushroom{background:#edbc51}.pp-colour-leaf{background:#8fc56b}.pp-colour-pearl{background:#63d4c8}.pp-vent-clock{color:#183b4f;background:#b9eef3;border-radius:5px;padding:1px 3px;font-size:8px;position:absolute;top:0;right:0}.pp-mechanic-ghost{z-index:6;pointer-events:none;transform-origin:50%}.pp-mechanic-goals{flex-wrap:wrap;justify-content:center;gap:6px;margin:3px 0 9px;font-size:10px;font-weight:800;display:flex}.pp-mechanic-goals>span{background:#f5e5c7;border:1px solid #c7a477;border-radius:7px;align-items:center;gap:3px;padding:2px 5px;display:flex}.pp-mechanic-goals .pp-mechanic-art{width:23px;height:23px}.pp-mechanics-lab{max-width:660px;margin:auto;padding:12px}.pp-mechanics-lab>header p{font-size:13px;line-height:1.5}.pp-mechanics-lab h1{margin:10px 0;font-size:28px}.pp-mechanics-picker{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.pp-mechanics-picker select{color:#17394f;background:#fff7e8;border:2px solid #ae8c63;border-radius:9px;flex:1;min-width:180px;padding:10px}.pp-mechanics-picker button{color:#17394f;background:#f8ebd3;border:1px solid #ae8c63;border-radius:9px;padding:10px;font-weight:800}.pp-mechanics-guide{background:#f8ebd3;border:1px solid #dac09a;border-radius:12px;padding:10px 14px;font-size:12px;line-height:1.5}.pp-mechanics-guide summary{cursor:pointer;font-weight:800}.pp-mechanics-guide p{margin:7px 0}.pp-mechanic-rune>.pp-mechanic-art,.pp-mechanic-portal>.pp-mechanic-art,.pp-portal-exit>.pp-mechanic-art{opacity:1;filter:drop-shadow(0 1px 2px #102c37);transform:scale(1)}.pp-mechanic-crystal>.pp-mechanic-art{opacity:1;width:100%;height:100%;position:static}.pp-mechanic-gate>.pp-mechanic-art{transform:scale(1.16)}.pp-machine-rail{isolation:isolate;width:100%;margin-top:0;position:relative}.pp-below-machine{height:100%;padding-top:0;position:absolute;top:0}.pp-machine-connector{text-align:center;color:#86e8e3;text-shadow:0 1px 2px #17394f;width:40%;font-size:18px;font-weight:900;position:absolute;top:-6px;left:30%}.pp-machine-control{color:#17394f;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:relative}.pp-below-machine .pp-mechanic-art{filter:drop-shadow(0 2px 1px #183c5444)}.pp-below-vent .pp-machine-control:disabled{opacity:1}.pp-machine-removed{pointer-events:none}.pp-reshuffle-notice{z-index:20;pointer-events:none;white-space:nowrap;color:#fff3cf;background:#342644;border:2px solid #d9bf85;border-radius:12px;padding:9px 13px;font-size:clamp(11px,3vw,15px);font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 12px #152d4066}.pp-fusion-motion{background-size:600% 400%;animation:.6s steps(6,end) infinite pp-fusion-frames}@keyframes pp-fusion-frames{0%{background-position-x:0%}to{background-position-x:120%}}@media (prefers-reduced-motion:reduce){.pp-fusion-motion{animation:none}}.pp-still .pp-fusion-motion{animation:none}.pp-nova-full,.pp-nova-half{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pp-nova-half{object-fit:contain}.pp-game .pp-playbar{border-radius:12px;width:100%;min-height:54px;margin:0 0 5px;padding:4px 8px}.pp-playbar .pp-score,.pp-playbar .pp-moves{color:#fff2d5;min-width:38px;box-shadow:none;background:0 0;border:0;place-items:center;gap:0;margin:0;padding:0;display:grid}.pp-playbar .pp-score small,.pp-playbar .pp-moves small{color:#eed4a6;font-size:9px;line-height:1.1}.pp-playbar .pp-score strong{font-size:18px}.pp-playbar .pp-moves strong{font-size:23px;line-height:1.1}.pp-menu-effects{justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:14px;display:flex}.pp-menu-effects input{accent-color:#17394f;width:22px;height:22px}@media (max-width:649px){.pp-game .pp-playbar{border-radius:9px;min-height:50px;margin-bottom:2px}.pp-playbar .pecks-gamebar-status{gap:10px}}.pp-idle-object{pointer-events:none;width:100%;height:100%;display:block;position:relative}.pp-pearl-heart{pointer-events:none;border-radius:50%;position:absolute;inset:15% 16% 18%;overflow:hidden}.pp-pearl-heart i{opacity:0;width:7%;height:7%;animation:pp-pearl-mote 8.9s ease-in-out var(--idle-delay,0s) infinite;background:#ffe6fa;border-radius:50%;animation-play-state:paused;position:absolute;top:57%;left:34%;box-shadow:0 0 3px 1px #cbb7ff80}.pp-pearl-heart i:nth-child(2){--mote-x:-6px;--mote-y:-7px;background:#fff9c7;width:5%;height:5%;animation-duration:10.7s;top:43%;left:61%}.pp-pearl-heart i:nth-child(3){--mote-x:5px;--mote-y:5px;background:#d7f5ff;width:5%;height:5%;animation-duration:12.1s;top:34%;left:42%}.pp-crystal-glint{clip-path:polygon(50% 0,60% 39%,100% 50%,60% 61%,50% 100%,40% 61%,0 50%,40% 39%);opacity:0;width:16%;height:16%;animation:pp-crystal-twinkle 11.3s ease-in-out var(--idle-delay,0s) infinite;background:#efffff;animation-play-state:paused;position:absolute;top:29%;left:56%;transform:scale(.2)}.pp-play[data-idle=on] .pp-board .pp-pearl-heart i,.pp-play[data-idle=on] .pp-board .pp-crystal-glint{animation-play-state:running}.pp-play:not([data-idle=on]) .pp-pearl-heart,.pp-play:not([data-idle=on]) .pp-crystal-glint{visibility:hidden}@keyframes pp-pearl-mote{0%,18%,76%,to{opacity:0;transform:translateY(3px)scale(.65)}34%{opacity:.4}52%{opacity:.62;transform:translate(var(--mote-x,4px),var(--mote-y,-9px)) scale(1)}70%{opacity:0;transform:translate(var(--mote-x,4px),var(--mote-y,-9px)) scale(.65)}}@keyframes pp-crystal-twinkle{0%,72%,90%,to{opacity:0;transform:scale(.2)rotate(-12deg)}79%{opacity:.85;transform:scale(1)rotate(0)}86%{opacity:0;transform:scale(.4)rotate(12deg)}}@media (prefers-reduced-motion:reduce){.pp-pearl-heart,.pp-crystal-glint{display:none}}.pp-still .pp-pearl-heart,.pp-still .pp-crystal-glint{display:none}.pp-menu-screen{max-width:780px;padding:10px 12px 24px}.pp-start-menu{isolation:isolate;background:#143543;border:2px solid #17394f;border-radius:24px;overflow:hidden;box-shadow:0 7px #0f2937,0 16px 36px #17394f1f}.pp-start-scene{aspect-ratio:1.9;background:#152a3a;min-height:240px;max-height:390px;position:relative;overflow:hidden}.pp-start-scene>img{object-fit:cover;object-position:50% 58%;width:100%;height:100%;display:block}.pp-start-scene:after{content:"";pointer-events:none;background:linear-gradient(#10253ceb,#0000 36% 74%,#143543);position:absolute;inset:0}.pp-start-title{z-index:1;text-align:center;color:#fff4db;text-shadow:0 2px #122a40,0 3px 12px #122a40;position:absolute;top:14px;left:12px;right:12px}.pp-start-title>span{letter-spacing:3px;color:#f2c98b;font-size:10px;font-weight:900}.pp-start-title h1{letter-spacing:-1.8px;margin:4px 0;font-size:clamp(34px,7vw,56px);font-weight:900;line-height:1.05}.pp-start-title em{color:#ffd58d;font-style:normal}.pp-start-console{color:#f6e8cc;text-align:center;max-width:530px;margin:auto;padding:0 30px 18px;position:relative}.pp-next-brew{color:#d2e0d9;text-wrap:balance;margin:0 0 12px;font-size:14px;line-height:1.4}.pp-game .pp-start-play{color:#203b42;background:linear-gradient(#ffda95,#eebd72);border:2px solid #8c5e32;border-radius:15px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:58px;padding:12px 16px;font-size:20px;display:flex;box-shadow:0 4px #78502c,inset 0 1px #fff1c4}.pp-start-secondary{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.pp-start-secondary button{color:#f9ebd1;background:#294c56;border:1px solid #81918c;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:10px 12px;font-size:15px;display:flex}.pp-start-secondary button:hover{background:#355b63}.pp-start-progress{color:#bdcfc8;border-top:1px solid #ffffff20;justify-content:space-between;gap:12px;margin-top:16px;padding:12px 2px 0;font-size:12px;display:flex}.pp-start-progress b{color:#f6ce7e;font-size:16px}.pp-start-menu button:focus-visible{outline-offset:4px;outline:3px solid #fff2b8}@media (max-width:540px){.pp-menu-screen{padding:6px 10px 20px}.pp-start-menu{border-radius:20px}.pp-start-scene{aspect-ratio:auto;height:clamp(220px,42svh,340px);min-height:0}.pp-start-scene>img{object-position:39% 55%}.pp-start-title{top:13px}.pp-start-title h1{letter-spacing:-1px;font-size:clamp(32px,9vw,43px)}.pp-start-console{padding:0 16px 16px}.pp-next-brew{margin-bottom:10px;font-size:13px}.pp-game .pp-start-play{min-height:56px;font-size:19px}.pp-start-secondary{gap:10px;margin-top:14px}.pp-start-progress{margin-top:12px;padding-top:10px}.pp-start-secondary button{font-size:14px}}@media (max-height:620px) and (max-width:540px){.pp-start-scene{height:195px}.pp-start-title h1{font-size:32px}.pp-start-progress{margin-top:10px}.pp-start-console{padding-bottom:12px}}@media (max-height:500px) and (min-width:541px){.pp-start-menu{grid-template-columns:1fr 1fr;align-items:center;display:grid}.pp-start-scene{aspect-ratio:auto;height:300px;max-height:none}.pp-start-title h1{font-size:35px}.pp-start-console{box-sizing:border-box;width:100%;padding:14px 20px}.pp-start-scene>img{object-position:37% center}.pp-start-title>span{font-size:9px}}.pp-mechanic-goals{flex-wrap:nowrap;align-items:center;position:relative}.pp-mechanic-goals>button{background:0 0;border:0;justify-content:center;align-items:center;gap:2px;min-width:44px;min-height:44px;padding:2px;font-size:11px;display:flex}.pp-mechanic-goals>button .pp-mechanic-art{flex-shrink:0;width:28px;height:28px}.pp-goal-details{z-index:45;text-align:left;background:#fff5df;border:2px solid #17394f;border-radius:12px;max-height:min(300px,100dvh - 230px);padding:12px 34px 12px 12px;font-size:12px;position:absolute;top:44px;left:0;right:0;overflow:auto;box-shadow:0 4px 14px #17394f40}.pp-goal-details p{margin:6px 0}.pp-goal-details>button{background:0 0;border:0;min-width:36px;min-height:36px;font-size:23px;position:absolute;top:0;right:0}