.potion-game{--potion-hue:155;color:#40364e;background:radial-gradient(at top,#fff7e8,#f2ecf7 70%);min-height:100vh;padding-bottom:20px}.potion-toolbar{justify-content:space-between;align-items:center;gap:16px;max-width:1280px;margin:auto;padding:18px 24px;display:flex}.potion-title{text-align:center;gap:3px;display:grid}.potion-title b{letter-spacing:-.5px;font-size:22px}.potion-title>span{color:#776980;font-size:13px}.potion-toolbar-actions{gap:8px;display:flex}.potion-icon-button{color:#615174;cursor:pointer;background:#fff9;border:1px solid #dfd6e6;border-radius:15px;place-items:center;width:44px;height:44px;display:grid}.potion-icon-button:hover{background:#fff}.potion-icon-button:focus-visible{outline-offset:3px;outline:3px solid #9670be}.potion-lab{--mouth-x:74%;--mouth-y:61%;isolation:isolate;background:#493c4b;border:5px solid #f5ead6;border-radius:30px;width:calc(100% - 32px);max-width:1240px;height:clamp(490px,51vw,650px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 18px 50px #48314d26,inset 0 0 0 1px #fff}.potion-backdrop{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.potion-atmosphere{pointer-events:none;background:linear-gradient(90deg,#221a3433,#0000 38%),radial-gradient(at 74% 76%,#c6ffee15,#0000 40%);transition:background 1s;position:absolute;inset:0}.potion-dust{pointer-events:none;position:absolute;inset:0}.potion-dust i{background:#ffe7a6;border-radius:50%;width:4px;height:4px;animation:6s ease-in-out infinite potion-drift;position:absolute;box-shadow:0 0 8px #ffdfa5}.potion-witch{z-index:2;object-fit:contain;object-position:bottom;filter:drop-shadow(0 15px 8px #25172d55);transform-origin:50% 90%;pointer-events:none;width:38%;height:77%;animation:5s ease-in-out infinite potion-witch-breathe;position:absolute;bottom:5%;left:2%}.phase-flying .potion-witch{animation:2.4s ease-in-out potion-wand}.potion-finale .potion-witch{filter:drop-shadow(0 0 20px #ffe3b06b)}.potion-recipe{z-index:4;text-align:center;color:#553e65;background:linear-gradient(130deg,#fff8e9f5,#f8f0e3ed);border:1px solid #fff7dc;border-radius:21px;padding:18px 20px 15px;position:absolute;top:5%;left:41%;right:4%;box-shadow:0 6px #75574244,0 16px 35px #1b132133}.potion-eyebrow{text-transform:uppercase;letter-spacing:2px;color:#886b77;font-size:11px;font-weight:700}.potion-recipe h1{letter-spacing:1px;margin:8px 0 12px;font-size:clamp(27px,3.8vw,47px);line-height:1.2}.potion-progress{justify-content:center;gap:7px;display:flex}.potion-progress>span{background:#cfbca862;border-radius:8px;width:clamp(12px,2vw,23px);height:12px;padding:2px;box-shadow:inset 0 1px 3px #5b3c3325}.potion-progress i{background:linear-gradient(#a9e7b9,#4b9b79);border-radius:8px;height:100%;transition:transform .6s cubic-bezier(.2,1.6,.4,1);display:block;transform:scale(0)}.potion-progress .filled i{transform:scale(1)}.potion-cauldron-anchor{z-index:3;pointer-events:none;width:42%;height:49%;position:absolute;bottom:1%;left:53%}.potion-cauldron{aspect-ratio:1;transform-origin:50% 90%;height:100%;margin:auto;position:relative}.potion-cauldron>img{object-fit:contain;filter:drop-shadow(0 8px 5px #28132355);z-index:2;width:100%;height:100%;position:absolute;inset:0}.potion-cauldron-shadow{filter:blur(10px);background:#241a32a8;border-radius:50%;width:76%;height:12%;position:absolute;bottom:3%;left:12%}.potion-liquid{z-index:3;background:radial-gradient(ellipse at 35% 30%,#edfff6,hsl(var(--potion-hue) 69% 62%) 60%,hsl(var(--potion-hue) 58% 35%));width:62%;height:10%;box-shadow:0 0 12px hsl(var(--potion-hue) 72% 65%);border-radius:50%;transition:background 1s,box-shadow 1s;position:absolute;top:17%;left:19%;overflow:hidden}.potion-liquid i{border:2px solid #eeffeb70;border-radius:50%;animation:2.8s ease-out infinite potion-ripple;position:absolute;inset:15%}.potion-liquid i:nth-child(2){animation-delay:-1s}.potion-liquid i:nth-child(3){animation-delay:-2s}.potion-cauldron-glow{z-index:1;background:radial-gradient(ellipse,hsl(var(--potion-hue) 80% 72% / .24),transparent 65%);filter:blur(10px);border-radius:50%;width:90%;height:100%;animation:3s ease-in-out infinite potion-glow;position:absolute;top:-20%;left:5%}.potion-bubble{z-index:4;width:var(--bubble-size);height:var(--bubble-size);background:radial-gradient(circle at 32% 28%,#fff9 0 12%,hsl(var(--potion-hue) 80% 78% / .45) 25%,hsl(var(--potion-hue) 70% 56% / .6));pointer-events:none;border:1px solid #eaffd985;border-radius:50%;animation:2.6s ease-out infinite potion-bubble;position:absolute;top:24%;box-shadow:inset -2px -2px 3px #ffffff4d}.potion-steam{z-index:4;pointer-events:none;width:70%;height:40%;position:absolute;top:-8%;left:15%}.potion-steam i{filter:blur(10px);background:radial-gradient(#eaffdf50,#0000 65%);width:30%;height:90%;animation:4s ease-out infinite potion-steam;position:absolute;bottom:0;left:25%}.potion-steam i:nth-child(2){animation-delay:-1.3s;left:45%}.potion-steam i:nth-child(3){animation-delay:-2.6s;left:5%}.potion-flight{z-index:6;aspect-ratio:.78;width:15%;min-width:120px;max-width:170px;position:absolute;top:55%;left:45%;transform:translate(-50%,-50%)}.potion-bottle{cursor:pointer;filter:drop-shadow(0 10px 7px #24152866);background:0 0;border:0;width:100%;height:100%;padding:0;transition:filter .2s;display:block}.potion-bottle:not(:disabled):hover{filter:drop-shadow(0 0 13px #fff0b4)}.potion-bottle:focus-visible{outline-offset:8px;border-radius:40%;outline:3px solid #fff1a3}.potion-bottle:disabled{opacity:1}.potion-bottle-art{filter:drop-shadow(0 3px 1px #37231f33);flex-direction:column;align-items:center;width:100%;height:100%;display:flex;position:relative}.potion-cork{z-index:2;background:repeating-linear-gradient(12deg,#966541 0 3px,#b48757 4px 7px);border:2px solid #b89662;border-radius:6px 6px 3px 3px;width:27%;height:12%;box-shadow:inset 3px 2px 3px #ffe3a573}.potion-neck{z-index:1;background:linear-gradient(90deg,#fff8,#ffffffde 24%,#b3e0e44d 52%,#fff8 85%);border:2px solid #f6ffffb8;border-radius:4px;width:30%;height:14%}.potion-glass{isolation:isolate;background:linear-gradient(120deg,#f6ffff9c,#a7c7d033 40%,#fffffc85);border:3px solid #f7fffacc;border-radius:38% 38% 36% 36%;justify-content:center;align-items:center;width:95%;height:76%;margin-top:-3%;display:flex;position:relative;overflow:hidden;box-shadow:inset 5px 0 6px #ffffff69,inset -8px -4px 10px #36586745,0 0 0 1px #acc6c066}.potion-bottle-liquid{z-index:-1;background:radial-gradient(ellipse at 30% 10%,hsl(var(--potion-hue) 90% 83%),hsl(var(--potion-hue) 67% 59%) 55%,hsl(var(--potion-hue) 62% 35%));border-radius:35% 35% 33% 33%;width:92%;height:77%;position:absolute;bottom:4%;left:4%;box-shadow:inset 0 5px 4px #edffffab}.potion-glass-shine{background:#ffffffc4;border-radius:80%;width:7%;height:45%;position:absolute;top:18%;left:10%;transform:rotate(10deg)}.potion-glass b{text-align:center;letter-spacing:-.5px;white-space:nowrap;color:#4e365a;background:linear-gradient(#fff9e3,#f2dfba);border-block:1px solid #e7c98e;width:96%;padding:8px 1px;font-size:clamp(15px,1.8vw,22px);position:relative;box-shadow:0 3px 5px #543c3530}.potion-bottle-seal{color:#fff4c3;background:#cda96b;border-radius:50%;place-items:center;width:22px;height:22px;font-size:15px;display:grid;position:absolute;bottom:6%;left:calc(50% - 11px);box-shadow:inset 0 0 0 2px #b48a4b}.potion-flight.is-flying{pointer-events:none;animation:2.4s cubic-bezier(.4,0,.25,1) forwards potion-fly}.potion-flight.is-added{visibility:hidden}.potion-flight-trail{opacity:0;color:#fff2b6;text-shadow:0 0 15px #fff5b6;pointer-events:none;font-size:32px;position:absolute;top:50%;left:-20%}.is-flying .potion-flight-trail{animation:2.4s ease-out potion-trail}.potion-splash{left:var(--mouth-x);top:var(--mouth-y);z-index:5;pointer-events:none;position:absolute}.potion-splash i{background:hsl(var(--potion-hue) 90% 80%);border-radius:50%;width:10px;height:14px;animation:.85s ease-out both potion-splash;position:absolute}.phase-brewed .potion-cauldron{animation:.7s ease-in-out potion-brew}.potion-finale-scene{z-index:5;pointer-events:none;animation:6s linear both potion-finale-clock;position:absolute;inset:0}.potion-finale .potion-bubble{animation-duration:1.05s}.phase-celebrating .potion-cauldron{animation:.3s ease-in-out 6 potion-brew}.potion-finale .potion-liquid{background:radial-gradient(#fff6c2,#e6c665);box-shadow:0 0 35px 12px #e3ffc7}.potion-light-column{clip-path:polygon(18% 100%,82% 100%,100% 0,0 0);filter:blur(8px);transform-origin:bottom;background:linear-gradient(#0000,#fff8c73b,#fff9bfaa);width:40%;height:43%;animation:3s ease-out both potion-light;position:absolute;top:29%;left:54%}.potion-reward{left:var(--mouth-x);aspect-ratio:.78;width:15%;min-width:110px;max-width:165px;animation:2.2s cubic-bezier(.2,.8,.3,1) 1.1s both potion-reward;position:absolute;top:43%;transform:translate(-50%,-50%)}.potion-reward-halo{background:radial-gradient(circle,#fff7c099,#ffef9330 40%,#0000 68%);border-radius:50%;animation:3s infinite potion-glow;position:absolute;inset:-65%}.is-golden{--potion-hue:43}.is-golden .potion-glass{border-color:#fff3ba;box-shadow:inset 5px 0 6px #fff6beaa,0 0 25px #ffe29b77}.potion-gold-star{color:#fff8db;filter:drop-shadow(0 2px 2px #ad682a);width:55%;height:55%}.potion-fireworks{position:absolute;inset:0;overflow:hidden}.potion-burst{position:absolute;top:38%;left:52%}.potion-burst.burst-1{top:35%;left:88%}.potion-burst.burst-2{top:22%;left:68%}.potion-burst i{background:var(--spark-color);width:7px;height:7px;box-shadow:0 0 8px var(--spark-color);animation:potion-firework 1.7s var(--burst-delay) ease-out both;border-radius:50%;position:absolute}.potion-controls{text-align:center;max-width:1000px;min-height:170px;margin:0 auto;padding:20px 18px 6px}.potion-controls>div,.potion-summary-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.potion-controls p{margin:0 0 14px;font-size:17px}.potion-controls small{color:#7d7285;margin-top:16px;font-size:12px;display:block}.potion-primary{color:#fff;background:linear-gradient(135deg,#7e57a5,#563f81);border:1px solid #9571b4;min-height:48px;box-shadow:0 4px #443067,0 8px 20px #71539929}.potion-primary:hover{filter:brightness(1.08)}.potion-primary:disabled{box-shadow:none}.potion-status{color:#6f4d8a;font-weight:600}.potion-paused *{animation-play-state:paused!important}.potion-pause-overlay{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#261d3b66;place-items:center;display:grid;position:absolute;inset:0}.potion-pause-overlay>div{text-align:center;background:#fff8eb;border-radius:24px;padding:30px;box-shadow:0 20px 50px #18102055}.potion-pause-overlay h2{margin:12px 0 20px}.potion-summary{text-align:center;background:radial-gradient(at 50% 20%,#fff2ba,#f4edf8 60%);min-height:85vh;padding:60px 20px}.potion-summary-gift{width:140px;height:180px;margin:0 auto 25px}.potion-summary h1{margin:12px 0;font-size:40px}.potion-summary-actions{margin-top:24px}.potion-cover{background:linear-gradient(#2d244c22,#2d244c22),url(/art/potion/workshop-v2.png) 50%/cover;width:100%;height:100%;min-height:180px;position:relative;overflow:hidden}.potion-cover img{object-fit:contain;filter:drop-shadow(0 5px 5px #24192c66);width:70%;height:100%;max-height:240px;position:relative}.potion-cover span{color:#ffe29e;text-shadow:0 0 20px #e3c577;font-size:85px;position:absolute;top:32%;right:12%}.potion-cover i{color:#fff;font-size:45px;position:absolute;top:10%;right:28%}@keyframes potion-fly{0%{top:55%;left:45%;transform:translate(-50%,-50%)rotate(0)}20%{top:49%;left:44%;transform:translate(-50%,-50%)rotate(-12deg)scale(1.08)}55%{top:36%;left:60%;transform:translate(-50%,-50%)rotate(22deg)}80%{left:var(--mouth-x);opacity:1;top:48%;transform:translate(-50%,-50%)rotate(115deg)}to{left:var(--mouth-x);top:var(--mouth-y);opacity:0;transform:translate(-50%,-50%)rotate(150deg)scale(.1)}}@keyframes potion-trail{15%,75%{opacity:.8;transform:translate(-10px)scale(1)}to{opacity:0;transform:translate(-60px,20px)scale(.2)}}@keyframes potion-bubble{0%{opacity:0;transform:translateY(0)scale(.3)}20%{opacity:.8}to{opacity:0;transform:translateY(-100px)scale(1.2)}}@keyframes potion-ripple{0%{opacity:.7;transform:scale(.3)}to{opacity:0;transform:scale(1.8)}}@keyframes potion-steam{0%{opacity:0;transform:translateY(15%)scale(.7)}40%{opacity:.7}to{opacity:0;transform:translate(15%,-55%)scale(1.5)}}@keyframes potion-glow{50%{opacity:.65;transform:scale(1.06)}}@keyframes potion-drift{50%{opacity:.3;transform:translate(8px,-20px)}}@keyframes potion-witch-breathe{50%{transform:rotate(.6deg)scale(1.012)}}@keyframes potion-wand{35%{transform:rotate(-2deg)}65%{transform:rotate(1deg)}}@keyframes potion-brew{25%{transform:rotate(-1deg)}75%{transform:rotate(1deg)}}@keyframes potion-splash{0%{transform:rotate(var(--angle)) translateY(-5px) scale(.3);opacity:1}to{transform:rotate(var(--angle)) translateY(-70px) scale(.1);opacity:0}}@keyframes potion-firework{0%{transform:rotate(var(--angle)) translateY(0) scale(.1);opacity:0}10%{opacity:1}65%{opacity:.9}to{transform:rotate(var(--angle)) translateY(-105px) scale(.3);opacity:0}}@keyframes potion-reward{0%{top:var(--mouth-y);opacity:0;transform:translate(-50%,-50%)scale(.15)}45%{opacity:1}to{opacity:1;top:43%;transform:translate(-50%,-50%)scale(1)}}@keyframes potion-light{0%{opacity:0;transform:scaleX(.2)}50%{opacity:1;transform:scaleX(1)}to{opacity:.25;transform:scaleX(1.2)}}@keyframes potion-finale-clock{0%{--finale-progress:0}to{--finale-progress:1}}@media (width<=600px){.potion-toolbar{gap:8px;padding:12px 10px}.potion-title b{font-size:17px}.potion-title>span{font-size:11px}.potion-toolbar>.btn{padding:10px}.potion-toolbar>.btn span{display:none}.potion-toolbar-actions{gap:5px}.potion-icon-button{border-radius:12px;width:38px;height:38px}.potion-lab{--mouth-y:72%;border-width:3px;border-radius:22px;width:calc(100% - 16px);height:510px}.potion-backdrop{object-position:55% center}.potion-recipe{padding:14px 10px;top:4%;left:5%;right:5%}.potion-recipe h1{margin:8px 0;font-size:30px}.potion-eyebrow{letter-spacing:1.5px;font-size:9px}.potion-witch{width:48%;height:62%;bottom:5%;left:-5%}.potion-cauldron-anchor{width:52%;height:37%;bottom:0;left:48%}.potion-flight{width:26%;min-width:108px;top:49%;left:45%}.potion-glass b{font-size:15px}.potion-reward{width:28%;min-width:100px}.potion-light-column{width:48%;height:40%;top:38%;left:50%}.potion-burst{top:40%;left:40%}.potion-burst.burst-1{top:43%;left:83%}.potion-burst.burst-2{top:34%;left:64%}.potion-controls{padding:16px 12px}.potion-controls p{font-size:15px}.potion-controls .btn{font-size:14px}.potion-summary{padding-top:35px}.potion-progress>span{width:19px}.potion-bubble{animation-duration:3s}}@media (prefers-reduced-motion:reduce){.potion-dust i,.potion-witch,.potion-bubble,.potion-steam i,.potion-liquid i,.potion-cauldron,.potion-cauldron-glow,.potion-reward-halo,.potion-burst i,.potion-splash i,.potion-flight-trail{animation:none!important}.potion-flight.is-flying{animation-duration:.1s}.potion-finale-scene{animation-duration:1s}.potion-reward{animation-duration:.1s;animation-delay:0s}.potion-light-column{opacity:.25;animation:none}.potion-burst i,.potion-splash i,.potion-steam{display:none}}.potion-illustrated{filter:drop-shadow(0 4px 5px #38274f40);display:block}.potion-sprite{aspect-ratio:1;width:124%;position:absolute;top:-2%;left:-12%;overflow:hidden}.potion-sprite img{object-fit:fill;width:300%;max-width:none;height:300%;position:absolute}.potion-syllable-label{white-space:nowrap;color:#583c73;background:#fff8eeed;border:1px solid #ffffffb3;border-radius:13px;padding:5px 12px;font-family:Georgia,serif;font-size:clamp(20px,2.3vw,29px);position:absolute;bottom:-5%;left:50%;transform:translate(-50%);box-shadow:0 3px 9px #2f19352b}.potion-golden-spark{color:#fff7cd;filter:drop-shadow(0 0 5px #fc6);width:30%;height:25%;position:absolute;top:48%;left:36%}@media (width<=600px){.potion-syllable-label{padding:5px 8px;font-size:19px}}