@font-face{font-family:Fredoka;src:url(/fonts/fredoka-var.woff2);font-weight:400 700;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-var.woff2);font-weight:500 900;font-display:swap}:root{font-family:Nunito,system-ui,sans-serif;color:#26334b;background:#ffd744;--ink:#26334b;--paper:#fffdf4;--sun:#ffd744;--coral:#ff826f;--aqua:#83e4df;--lilac:#d8c5ff}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a,summary,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button,summary{cursor:pointer;touch-action:manipulation}button{transition:transform .15s ease,box-shadow .15s ease}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:4px solid #e94e7e;outline-offset:5px}button:not(:disabled):active{transform:translateY(3px)}h1,h2,p{margin:0}h1,h2{font-family:Fredoka,system-ui,sans-serif;font-weight:650}p{line-height:1.5}.kids-app{min-height:100svh;background:var(--sun)}.kids-app.mail{background:#d8d3ff}.kids-app.orchestra{background:#a8e8de}.kids-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(16px,calc((100vw - 1160px)/2));min-height:88px;border-bottom:3px solid var(--ink);background:#ffd744}.kids-brand{font:700 29px Fredoka;text-decoration:none;color:var(--ink);background:var(--paper);padding:9px 16px;border:3px solid var(--ink);border-radius:18px;box-shadow:4px 4px 0 var(--ink);rotate:-2deg}.games-home,.kids-tools button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:55px;background:var(--paper);border:3px solid var(--ink);border-radius:18px;box-shadow:3px 4px 0 var(--ink);text-decoration:none;color:var(--ink);padding:8px 15px;font-weight:900;font-size:16px}.games-home svg{width:28px;height:28px}.kids-tools{display:flex;gap:10px}.kids-tools button b{font-size:26px;line-height:1}.kids-tools button span{font-size:12px}.kids-game{max-width:1120px;margin:auto;padding:20px 24px 30px}.kids-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 15px}.kids-heading h1{font-size:clamp(27px,3.6vw,40px)}.how-to{position:relative;z-index:10;flex-shrink:0}.how-to summary,.song-options summary{font-weight:900;border:3px solid var(--ink);border-radius:15px;background:var(--paper);padding:11px 16px;min-height:50px;list-style:none;box-shadow:3px 3px 0 var(--ink)}.help-pictures{position:absolute;right:0;top:64px;width:min(520px,85vw);padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;background:var(--paper);border:3px solid var(--ink);border-radius:20px;box-shadow:6px 7px 0 var(--ink)}.help-pictures>div{text-align:center;position:relative;background:#e9f7ec;border-radius:12px;padding:18px 10px}.help-pictures>div>b{position:absolute;top:-8px;left:-8px;border-radius:50%;background:var(--sun);border:2px solid var(--ink);width:30px;height:30px;display:grid;place-items:center}.help-pictures span{display:block;font-size:36px;min-height:50px}.help-pictures p{font-size:15px;font-weight:900;line-height:1.3}.kid-prompt{font:600 clamp(19px,2.6vw,26px) Fredoka;text-align:center;background:var(--paper);border:3px solid var(--ink);border-radius:20px;padding:12px 18px;margin:0 auto 18px;max-width:850px;box-shadow:3px 4px 0 var(--ink);min-height:58px}.parent-notes{margin:25px auto 0;text-align:center;max-width:700px;font-size:13px}.parent-notes summary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;font-weight:900;border-radius:15px;background:#fffdf49c}.parent-notes p{padding:16px;background:var(--paper);border:2px solid var(--ink);border-radius:16px;margin-top:8px}.big-play{background:#ff826f;border:3px solid var(--ink);border-radius:22px;box-shadow:4px 6px 0 var(--ink);padding:13px 28px;min-height:61px;min-width:190px;font:650 25px Fredoka}.big-play:disabled{opacity:.45;box-shadow:2px 3px 0 var(--ink)}.small-play{background:var(--paper);border:3px solid var(--ink);border-radius:16px;box-shadow:3px 4px 0 var(--ink);min-height:50px;padding:10px 17px;font-size:14px;font-weight:900}.small-play:disabled{opacity:.5}.main-action{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:10px 0 8px}.color-playground{max-width:850px;margin:auto;background:#fff9e3;border:3px solid var(--ink);border-radius:30px;box-shadow:7px 8px 0 var(--ink);padding:15px 24px 20px;overflow:hidden}.color-scene{position:relative;min-height:190px;display:flex;justify-content:center;align-items:center;background:linear-gradient(#caf1ee 70%,#f9e2ae 70%);border:2px solid var(--ink);border-radius:20px;margin-bottom:15px;overflow:hidden}.color-guide{position:absolute;left:9%;bottom:-5px;height:165px;width:135px;object-fit:contain;filter:drop-shadow(0 6px 0 #26334b22)}.mix-bottle{position:relative;filter:drop-shadow(0 6px 0 #26334b22);margin-bottom:6px}.flask{width:155px;height:175px}.flask.small{width:62px;height:72px}.mix-result{position:absolute;bottom:6px;left:50%;transform:translate(-50%);padding:4px 15px;border:2px solid var(--ink);border-radius:14px;font:650 20px Fredoka;text-transform:capitalize;white-space:nowrap}.color-target{position:absolute;right:6%;top:17px;display:flex;align-items:center;flex-direction:column;gap:2px;background:var(--paper);border:2px solid var(--ink);border-radius:15px;padding:8px 14px}.color-target span{font-size:12px;font-weight:900}.color-target b{font-size:14px;text-transform:capitalize}.color-sun{position:absolute;right:9%;top:25px;font-size:90px;color:#e6ad18;line-height:1}.mix-drops{display:flex;gap:30px;justify-content:center;margin:5px 0 22px}.mix-drops>span{border:2px solid var(--ink);border-radius:20px;padding:4px 14px;min-width:85px;text-align:center;text-transform:capitalize;font-weight:900;position:relative}.mix-drops b{position:absolute;right:-24px;top:2px;font-size:23px}.color-bottles{display:flex;justify-content:center;gap:35px}.color-bottles button{border:0;background:none;min-width:96px;display:flex;align-items:center;flex-direction:column;padding:6px;font-weight:900}.color-bottles button:disabled{opacity:.6}.color-bottles button>span{height:80px;width:72px;background:var(--aqua);border:3px solid var(--ink);border-radius:12px 12px 24px 24px;position:relative;box-shadow:4px 5px 0 var(--ink);display:grid;place-items:center}.color-bottles button>span:before{content:"";position:absolute;top:-12px;width:42px;height:15px;background:var(--paper);border:3px solid var(--ink);border-radius:5px}.color-bottles i{font-size:40px;color:#fff9;font-style:normal}.color-bottles b{text-transform:capitalize;font:650 21px Fredoka;margin-top:10px}.color-bottom{max-width:850px;display:flex;gap:15px;align-items:center;justify-content:space-between;margin:22px auto 0}.color-collection{display:flex;gap:8px;flex-wrap:wrap}.color-collection>span{border:2px solid var(--ink);border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.color-reveal{animation:pop .4s ease-out}.mail-playground{background:#fffaf1;border:3px solid var(--ink);border-radius:28px;box-shadow:7px 8px 0 var(--ink);padding:17px;max-width:770px;margin:auto}.mail-progress{display:flex;justify-content:center;gap:12px;align-items:center;margin-bottom:16px;font-weight:900;font-size:16px}.mail-progress>span:not(:nth-child(2)){background:#eee7ff;border:2px solid #a097b6;padding:6px 12px;border-radius:15px}.mail-progress .finished{background:#b9e970!important;border-color:var(--ink)!important}.mail-progress>b{font-size:12px;margin-left:auto}.mail-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:12px;background:linear-gradient(#94d3c377,#b0d9c188),url(./island-Q9mARdPQ.png) center/cover;border:2px solid var(--ink);border-radius:20px;max-width:480px;margin:auto}.mail-stone{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;border-radius:15px;border:2px solid #ba9e66;background:#fff1c4;box-shadow:0 3px #99856670;padding:0;opacity:1}.mail-stone.pond{background:#78c9d0;border-color:#399eac;box-shadow:inset 0 5px #399eac33}.mail-stone.pond>span{color:#3c976e;font-size:36px}.mail-stone.reachable{background:#ffe064;border:3px solid var(--ink);box-shadow:0 0 0 3px #fffdcf,0 5px #9b8960;cursor:pointer}.mail-stone.occupied{background:#f9d3de;border-color:var(--ink)}.stepping-dot{width:10px;height:10px;background:#c5ad7d;border-radius:50%}.reachable .stepping-dot{width:18px;height:18px;background:#fffef1;border:2px solid #9e763e}.bimbi-carrier{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.bimbi-carrier img{width:88%;height:95%;object-fit:contain;filter:drop-shadow(0 3px 0 #26334b33)}.bimbi-carrier i{position:absolute;font-style:normal;font-size:20px;right:0;bottom:0;color:#715096;background:#fff;border:1px solid var(--ink);border-radius:5px}.big-envelope{font-size:46px;color:#8558a6}.moon-home{position:absolute;font-size:70px;line-height:1;top:0;color:#55528c}.moon-home i{font-size:18px;position:absolute;top:32px;left:26px;font-style:normal;color:#ffee7f}.walking-arrows{display:flex;gap:10px;justify-content:center}.walking-arrows button{border:3px solid var(--ink);border-radius:15px;background:#d8c5ff;box-shadow:3px 4px 0 var(--ink);width:59px;height:56px;font:650 30px Fredoka}.walking-arrows button:disabled{opacity:.32;box-shadow:none}.mail-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center;margin:18px 0 6px}.mail-hint{text-align:center;font-weight:900;font-size:14px;padding:12px 10px 0}.find-letter{outline:4px dashed #b850b8;outline-offset:2px}.instrument-playground{text-align:center;max-width:1000px;margin:auto;background:linear-gradient(#d8faf0cc,#f9efbccc),url(./island-Q9mARdPQ.png) center/cover;border:3px solid var(--ink);border-radius:30px;box-shadow:7px 8px 0 var(--ink);padding:28px 24px}.big-instruments{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:0 0 28px}.big-instruments button{position:relative;min-height:230px;background:var(--instrument);border:3px solid var(--ink);border-radius:27px;box-shadow:5px 7px 0 var(--ink);padding:15px 8px 18px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden}.big-instruments img{width:100%;height:145px;object-fit:contain;filter:drop-shadow(0 5px 0 #26334b20);z-index:1}.instrument-mark{position:absolute;left:13px;top:7px;font-size:38px;color:#26334b66}.big-instruments b{font:650 clamp(18px,2.3vw,25px) Fredoka;margin-top:13px;z-index:1}.big-instruments .tapped{transform:translateY(-4px);box-shadow:5px 11px 0 var(--ink)}.floating-note{position:absolute;right:14px;top:17px;font-size:40px;color:#fff;transform:rotate(12deg)}.song-playground{max-width:850px;margin:auto;padding:20px 25px;background:#fffdf4;border:3px solid var(--ink);border-radius:28px;box-shadow:7px 8px 0 var(--ink)}.song-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.song-options{position:relative;z-index:5}.song-options>div{position:absolute;right:0;top:64px;width:220px;background:#fffdf4;border:3px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--ink);padding:16px;display:grid;gap:13px}.song-options label{display:grid;gap:8px;font-weight:900;font-size:14px}.song-options select{min-height:48px;border:2px solid var(--ink);border-radius:12px;padding:8px;background:#e9f7ec}.song-grid-wrap{overflow-x:auto;padding:5px 5px 12px}.song-grid{--beats:4;max-width:670px;margin:auto}.song-beats,.song-row{display:grid;grid-template-columns:64px repeat(var(--beats),minmax(44px,1fr));gap:13px;align-items:center}.song-beats{text-align:center;font-weight:900;margin-bottom:10px;font-size:16px}.song-beats .now{color:#a85167}.song-row{margin-bottom:12px}.song-friend{padding:2px;border:0;background:none;min-width:52px;min-height:60px}.song-friend img{width:62px;height:62px;object-fit:contain}.song-note{min-width:44px;min-height:55px;height:70px;border:3px solid var(--ink);border-radius:18px;background:#edf4e9;color:#afc1b0;box-shadow:0 4px #26334b55;font-size:27px;font-weight:900}.song-note.on{background:var(--instrument);color:var(--ink)}.song-note.current-beat{outline:4px solid #f2c144;outline-offset:2px}.song-message{text-align:center;font-size:14px;margin-top:14px;font-weight:800;min-height:23px}.long-song .song-grid{min-width:600px}.long-song .song-row,.long-song .song-beats{gap:8px}.long-song .song-note{height:60px;border-radius:13px}.song-playground .big-play{background:#b9e970}@keyframes pop{50%{transform:scale(1.06) rotate(3deg)}}@media(min-width:768px)and (max-height:850px){.kids-nav{min-height:76px;padding-top:8px;padding-bottom:8px}.kids-game{padding-top:14px}.kids-heading{margin-bottom:12px}.kid-prompt{margin-bottom:14px;min-height:50px;padding:9px 15px}.color-scene{min-height:140px}.color-guide{height:125px}.mix-bottle .flask{width:110px;height:127px}.color-target{top:8px;padding:5px 12px}.color-target .flask{height:54px;width:48px}.color-target span{font-size:10px}.color-bottles button>span{height:62px;width:62px}.color-bottles{gap:34px}.color-bottles b{margin-top:7px}.color-playground{padding-bottom:12px}.color-bottom{margin-top:16px}.mail-grid{max-width:370px;gap:6px;padding:8px}.moon-home{font-size:59px}.moon-home i{top:27px;left:21px}.mail-controls{margin-top:13px}.mail-progress{margin-bottom:10px}.parent-notes{margin-top:16px}.big-instruments button{min-height:210px}.big-instruments img{height:135px}.song-note{height:56px;min-height:52px}.song-friend img{width:50px;height:50px}.song-friend{min-height:50px}.song-row{margin-bottom:10px}.song-toolbar{margin-bottom:12px}}@media(max-width:767px){.kids-nav{padding:9px 10px;gap:9px;min-height:76px}.kids-brand{font-size:23px;padding:9px 11px;border-radius:14px}.games-home{padding:7px 10px;gap:4px;font-size:13px;min-height:51px}.games-home svg{width:24px;height:24px}.kids-tools{gap:6px}.kids-tools button{flex-direction:column;gap:0;min-width:48px;padding:4px 7px;min-height:51px;border-radius:13px}.kids-tools button b{font-size:22px}.kids-tools button span{font-size:9px;line-height:1.2}.kids-game{padding:17px 12px 25px}.kids-heading{gap:10px;margin-bottom:13px}.kids-heading h1{font-size:27px;line-height:1.05;max-width:245px}.how-to summary{padding:9px 12px;min-height:45px;font-size:12px}.kid-prompt{font-size:20px;min-height:52px;padding:10px 12px;margin-bottom:16px}.help-pictures{width:calc(100vw - 28px);gap:10px;padding:17px 12px}.help-pictures span{font-size:26px;min-height:40px}.help-pictures p{font-size:12px}.help-pictures>div{padding:16px 5px 10px}.color-playground{padding:12px 12px 15px;border-radius:23px;box-shadow:4px 6px 0 var(--ink)}.color-scene{min-height:150px;margin-bottom:12px}.color-guide{height:115px;width:80px;left:1%;bottom:2px}.mix-bottle .flask{width:108px;height:125px}.color-sun{font-size:52px;right:5%;top:20px}.color-target{right:3%;top:13px;padding:5px 8px;border-radius:10px}.color-target span{font-size:10px}.color-target .flask{width:45px;height:53px}.color-target b{font-size:12px}.mix-result{font-size:15px;padding:3px 9px;bottom:0}.mix-drops{margin:3px 0 18px}.mix-drops>span{font-size:13px;min-width:73px;padding:4px 10px}.color-bottles{gap:16px}.color-bottles button{min-width:73px;padding:5px}.color-bottles button>span{height:64px;width:59px;box-shadow:3px 4px 0 var(--ink)}.color-bottles button>span:before{width:34px}.color-bottles b{font-size:18px;margin-top:8px}.big-play{font-size:22px;min-width:155px;min-height:55px;padding:10px 22px;border-radius:18px}.small-play{font-size:12px;padding:8px 12px;min-height:46px}.main-action{gap:10px;padding-top:8px}.color-bottom{gap:10px;margin-top:18px;flex-wrap:wrap}.color-collection{gap:5px}.color-collection>span{width:28px;height:28px;font-size:13px}.parent-notes{margin-top:18px}.mail-playground{padding:11px;border-radius:23px;box-shadow:4px 6px 0 var(--ink)}.mail-progress{gap:8px;font-size:12px;margin-bottom:12px}.mail-progress>span:not(:nth-child(2)){padding:5px 7px}.mail-progress>b{font-size:10px}.mail-grid{gap:6px;padding:8px;border-radius:16px}.mail-stone{border-radius:11px;min-height:44px}.mail-stone.reachable{border-width:2px;box-shadow:0 0 0 2px #fffdcf,0 4px #9b8960}.mail-stone.pond>span{font-size:27px}.moon-home{font-size:50px;top:1px}.moon-home i{font-size:14px;top:22px;left:19px}.big-envelope{font-size:34px}.mail-controls{gap:12px;margin-top:16px}.walking-arrows{gap:10px}.walking-arrows button{width:52px;height:51px;font-size:27px}.mail-hint{font-size:12px}.instrument-playground{padding:19px 16px;border-radius:23px;box-shadow:4px 6px 0 var(--ink)}.big-instruments{grid-template-columns:repeat(2,1fr);gap:17px;margin-bottom:24px}.big-instruments button{min-height:155px;padding:9px 5px 13px;border-radius:21px;box-shadow:3px 5px 0 var(--ink)}.big-instruments img{height:96px}.big-instruments b{font-size:17px;margin-top:6px}.instrument-mark{font-size:28px;left:10px;top:7px}.floating-note{font-size:25px;right:10px;top:8px}.big-instruments .tapped{box-shadow:3px 8px 0 var(--ink)}.song-playground{padding:14px 10px;border-radius:23px;box-shadow:4px 6px 0 var(--ink)}.song-toolbar{gap:8px;margin-bottom:15px}.song-toolbar>.small-play{font-size:11px;padding:8px 10px}.song-options summary{font-size:12px;padding:9px 12px;min-height:46px}.song-grid-wrap{padding:4px 4px 10px}.song-row,.song-beats{grid-template-columns:44px repeat(var(--beats),minmax(44px,1fr));gap:7px}.song-friend{min-height:48px;min-width:44px;padding:0}.song-friend img{width:43px;height:48px}.song-note{height:52px;min-height:48px;border-radius:13px;font-size:24px;border-width:2px}.song-row{margin-bottom:11px}.song-beats{font-size:13px;margin-bottom:9px}.song-note.current-beat{outline-width:3px;outline-offset:1px}.song-message{font-size:12px;margin-top:13px}.song-playground .main-action{gap:12px}.song-options>div{right:0}.long-song .song-grid{min-width:530px}.song-options select{font-size:14px}}@media(max-width:360px){.kids-brand{font-size:20px;padding:8px}.games-home{font-size:12px;padding:7px}.kids-tools button{min-width:44px;padding:3px}.kids-heading h1{font-size:24px}.mail-grid{gap:4px;padding:6px}.mail-stone{min-height:44px}.big-instruments b{font-size:15px}.song-row,.song-beats{gap:5px;grid-template-columns:40px repeat(var(--beats),minmax(44px,1fr))}.song-friend img{width:38px}.song-friend{min-width:40px}.song-playground{padding:12px 7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.bimbi-carrier{pointer-events:none;z-index:4;transform-origin:50% 90%}.big-instruments .tapped img{animation:instrument-play .48s cubic-bezier(.22,.75,.3,1);transform-origin:50% 90%}.floating-note{animation:note-lift .9s ease-out both;pointer-events:none}.song-note.current-beat.on span{display:inline-block;animation:beat-pop .3s ease-out}.color-reveal{animation:potion-stir .7s ease-in-out;transform-origin:50% 90%}.flask path{transition:fill .6s ease-in-out}.color-reveal .flask circle{animation:potion-bubble 1.1s ease-out 2;transform-box:fill-box;transform-origin:center}.color-reveal .flask circle:last-child{animation-delay:.18s}.color-collection>span{animation:discovery-arrive .4s ease-out}@keyframes instrument-play{0%{transform:scale(1)}18%{transform:translateY(3px) scale(1.04,.95)}48%{transform:translateY(-7px) rotate(-3deg) scale(.98,1.02)}75%{transform:translateY(0) rotate(1deg)}to{transform:scale(1)}}@keyframes note-lift{0%{translate:0 12px;opacity:0}20%{opacity:1}to{translate:8px -24px;opacity:0}}@keyframes beat-pop{0%,to{scale:1}40%{scale:1.22}}@keyframes potion-stir{0%,to{rotate:0deg}18%{rotate:-6deg}40%{rotate:5deg}62%{rotate:-3deg}82%{rotate:1deg}}@keyframes potion-bubble{0%{translate:0 8px;opacity:0}25%{opacity:1}to{translate:3px -22px;opacity:0}}@keyframes discovery-arrive{0%{scale:.7;opacity:0}to{scale:1;opacity:1}}@media(prefers-reduced-motion:reduce){.big-instruments .tapped img,.floating-note,.song-note.current-beat.on span,.color-reveal,.color-reveal .flask circle,.color-collection>span{animation:none!important}.flask path{transition:none}}.potions .color-scene{min-height:220px;padding-top:24px;background:radial-gradient(ellipse at 50% 45%,#ffffffa0,transparent 62%),linear-gradient(#caf1ee 76%,#f9e2ae 76%)}.potions .mix-bottle{isolation:isolate;filter:drop-shadow(0 7px 2px #26334b25)}.potions .color-reveal{animation:potion-settle .65s cubic-bezier(.22,.75,.3,1)}.potion-liquid{transition:transform .55s cubic-bezier(.22,.75,.3,1)}.potion-liquid path{transition:fill .7s ease}.potion-currents{opacity:0;transform-origin:80px 136px}.second-color{opacity:.85;animation:color-spread .6s ease-out}.flask-mixing .potion-currents{animation:liquid-currents .8s ease-in-out 2}.flask-mixing .second-color{animation:color-fold 1.6s ease-in-out forwards;transform-origin:80px 130px}.blended-color{animation:color-blend 1.6s ease-in-out both}.liquid-surface{transform-origin:80px 110px}.flask-mixing .liquid-surface{animation:surface-slosh .65s ease-in-out 2}.potions .liquid-bubble{opacity:.5}.potions .flask-mixing .liquid-bubble{animation:liquid-rise .75s ease-out 2}.potions .color-reveal .flask circle{animation:none}.falling-drops{animation:drop-into-flask .6s cubic-bezier(.5,0,.85,.6) both}.color-bottles .is-pouring>span{animation:bottle-tip .62s ease-in-out;transform-origin:50% 80%;opacity:1}.color-bottles .is-pouring{opacity:1}.potion-finished .color-guide{animation:mimi-delight .7s ease-in-out;transform-origin:50% 95%}.potions .mix-result{animation:result-arrives .45s .15s ease-out both}.potion-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.potion-sparkles i{position:absolute;left:50%;top:45%;font-size:23px;color:#ad609c;font-style:normal;opacity:0;--angle:calc(var(--i)*60deg);animation:potion-sparkle .95s ease-out both;animation-delay:calc(var(--i)*45ms)}@keyframes bottle-tip{0%,to{transform:rotate(0) translateY(0)}35%,60%{transform:rotate(-22deg) translateY(-9px)}}@keyframes drop-into-flask{0%{transform:translateY(-20px) scaleY(.6);opacity:0}15%{opacity:1}80%{opacity:1}to{transform:translateY(109px) scaleY(1.25);opacity:0}}@keyframes color-spread{0%{opacity:0;transform:translateY(-12px)}to{opacity:.85;transform:translateY(0)}}@keyframes liquid-currents{0%{opacity:0;transform:rotate(-12deg) scaleX(.8)}35%,65%{opacity:.9}to{opacity:0;transform:rotate(12deg) scaleX(1.05)}}@keyframes color-fold{0%{opacity:.85}40%{transform:translateY(12px) rotate(7deg);opacity:.8}to{transform:translateY(20px) rotate(-5deg);opacity:0}}@keyframes color-blend{0%,20%{opacity:0}80%,to{opacity:1}}@keyframes surface-slosh{0%,to{transform:rotate(0)}30%{transform:rotate(4deg)}70%{transform:rotate(-4deg)}}@keyframes liquid-rise{0%{opacity:0;transform:translateY(8px)}25%{opacity:.7}to{opacity:0;transform:translate(3px,-30px)}}@keyframes potion-settle{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-4px) scale(1.025)}65%{transform:translateY(1px) scale(.99)}to{transform:none}}@keyframes mimi-delight{0%,to{transform:none}30%{transform:translateY(-9px) rotate(-3deg)}65%{transform:translateY(0) rotate(2deg)}}@keyframes result-arrives{0%{opacity:0;translate:0 6px;scale:.9}to{opacity:1;translate:0 0;scale:1}}@keyframes potion-sparkle{0%{opacity:0;transform:rotate(var(--angle)) translate(25px) rotate(calc(-1*var(--angle))) scale(.4)}25%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translate(95px) rotate(calc(-1*var(--angle))) scale(.7)}}@media(max-width:767px),(min-width:768px)and (max-height:850px){.potions .color-scene{min-height:175px;padding-top:20px}.potion-sparkles i{font-size:17px}}@media(prefers-reduced-motion:reduce){.potions *,.potions *:before,.potions *:after{animation:none!important;transition:none!important}.potion-sparkles,.falling-drops{display:none}.potions .mix-result{opacity:1}}.bunny-bench{position:relative;border:2px solid #b7dbd8;border-radius:24px;background:radial-gradient(ellipse at 64% 44%,#ffffffd9,transparent 62%),linear-gradient(#e0f5ef 82%,#f5dfb5 82%);overflow:hidden;margin-bottom:12px}.bunny-workbench{display:block;width:100%;height:auto;max-height:360px;overflow:visible}.bunny-workbench .flask{width:160px;height:180px;overflow:visible}.bunny-goal{position:absolute;right:10px;top:10px;display:grid;justify-items:center;gap:5px;background:#fffdf4;border-radius:14px;padding:8px 12px;font-size:12px;font-weight:900}.bunny-goal i{width:27px;height:27px;border-radius:50%;border:2px solid #26334b}.bunny-goal b{text-transform:capitalize}.bunny-ingredients{display:flex;justify-content:center;gap:16px;min-height:32px;align-items:center;margin:6px 0 10px;color:#42576a;font-weight:800;font-size:14px}.ingredient{display:inline-flex;align-items:center;gap:6px;text-transform:capitalize}.ingredient i{width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #617387}.potions .color-bottles{gap:18px;padding:10px 12px;background:#f1e6d0;border-radius:20px;border-bottom:4px solid #dbc69e;margin:0 auto 12px;max-width:430px}.potions .color-bottles button{border:2px solid transparent;border-radius:16px;min-width:85px;padding:5px 10px;transition:background .2s}.potions .color-bottles button:not(:disabled):hover{background:#fff9e9;border-color:#dbc69e}.potions .color-bottles button:disabled{opacity:.65}.potions .color-bottles .is-pouring{opacity:1;background:#fffdf4;border-color:#b3d7c4}.potions .color-bottles button svg{width:66px;height:82px;filter:drop-shadow(0 3px 0 #26334b18)}.potions .color-bottles b{margin-top:2px;font-size:19px}.bunny-pour-arm{animation:mimi-reach-pour 1.45s ease-in-out both;transform-origin:258px 184px}.bunny-pour-stream{stroke-dasharray:11 10;animation:mimi-stream 1.45s linear both}.bunny-stir-arm{animation:mimi-stir .55s ease-in-out 4;transform-origin:258px 184px}.bunny-spoon{transform-origin:348px 109px;animation:spoon-circle .55s ease-in-out 4}.bench-mixing .potion-currents{animation-duration:1.1s}.bench-mixing .second-color,.bench-mixing .blended-color{animation-duration:2.2s}.bench-finished .bunny-body{animation:mimi-delight .7s ease-in-out;transform-origin:200px 275px}.bunny-star{animation:bunny-twinkle 1.1s ease-out both;transform-box:fill-box;transform-origin:center}.bunny-result{animation:bunny-result-in .35s ease-out}@keyframes mimi-reach-pour{0%{transform:translate(-65px,57px) rotate(-35deg);opacity:0}12%{opacity:1}32%,77%{transform:none;opacity:1}to{transform:translate(-50px,55px) rotate(-25deg);opacity:0}}@keyframes mimi-stream{0%,30%{opacity:0;stroke-dashoffset:0}36%,75%{opacity:.9}85%,to{opacity:0;stroke-dashoffset:-100}}@keyframes mimi-stir{0%,to{transform:rotate(-1deg)}50%{transform:rotate(2deg)}}@keyframes spoon-circle{0%,to{transform:rotate(-3deg)}25%{transform:rotate(3deg) translateY(-3px)}50%{transform:rotate(5deg)}75%{transform:rotate(0) translateY(3px)}}@keyframes bunny-twinkle{0%{opacity:0;scale:.3}35%{opacity:1;scale:1.1}to{opacity:0;scale:.8}}@keyframes bunny-result-in{0%{opacity:0}to{opacity:1}}@media(max-width:767px){.potions .color-playground{padding:10px}.bunny-workbench{min-height:205px}.bunny-goal{font-size:10px;right:5px;top:5px;padding:6px}.bunny-goal i{width:20px;height:20px}.potions .color-bottles{gap:6px;padding:7px}.potions .color-bottles button{min-width:72px;padding:3px 8px}.potions .color-bottles button svg{width:57px;height:71px}.potions .color-bottles b{font-size:17px}}@media(prefers-reduced-motion:reduce){.bunny-pour-stream{opacity:0}.bunny-star{display:none}}.receiving-flask{opacity:1;visibility:visible}.receiving-flask>.flask{overflow:visible}.bunny-workbench{isolation:isolate}.bunny-working-arm .bunny-spoon{animation:none;transform:none}.bench-pouring .potion-liquid{transition:none}.bunny-pour-stream{animation:continuous-pour .3s linear infinite;opacity:.9;stroke-dasharray:13 6}.bench-mixing .potion-currents{animation:liquid-currents .7s .65s ease-in-out 3}.bench-mixing .second-color,.bench-mixing .blended-color{animation-duration:2.6s}.bench-mixing .liquid-surface{animation:surface-slosh .7s .65s ease-in-out 3}.bench-mixing .liquid-bubble{animation-duration:1s;animation-iteration-count:2}@keyframes continuous-pour{to{stroke-dashoffset:-19}}@media(prefers-reduced-motion:reduce){.bunny-pour-stream{display:none}}.bunny-bench{border:3px solid #b99c79;background:#f9f1dc;box-shadow:inset 0 0 0 5px #fff9e8}.bunny-workbench{max-height:400px}.pour-ripples{pointer-events:none}.pour-ripples ellipse{transform-origin:center;animation:pour-ripple .55s ease-out infinite}.pour-ripples ellipse:last-child{animation-delay:.22s}@keyframes pour-ripple{0%{scale:.35;opacity:.9}to{scale:1.25;opacity:0}}.bench-mixing .potion-liquid{transition:transform .3s ease}@media(prefers-reduced-motion:reduce){.pour-ripples{display:none}}.potions .color-bottles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-width:640px;gap:8px}.potions .color-bottles button{min-width:0;min-height:110px;padding:5px}.bunny-workbench{max-height:450px}@media(max-width:600px){.potions .color-bottles{grid-template-columns:repeat(3,minmax(0,1fr));max-width:350px;gap:5px}.potions .color-bottles button{min-height:98px}.bunny-workbench{min-height:220px}}