:root{font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif;color:#57235e;background:#ffdcee;font-synthesis:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;user-select:none;-webkit-user-select:none;min-height:100dvh;background:radial-gradient(ellipse at 50% 25%,#fff3da 0,#ffe1ec 43%,#d8b2ef 100%);overflow-x:hidden}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer;border:0;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #622fc4;outline-offset:3px}button:active{transform:scale(.96)}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}#app{position:relative;max-width:490px;margin:auto;min-height:100dvh;padding:12px 16px max(12px,env(safe-area-inset-bottom))}.top{display:flex;align-items:center;justify-content:space-between;height:46px}.brand{font-size:21px;font-weight:900;color:#a52d9f;letter-spacing:-.7px}.brand b{color:#f36591}.iconbutton{width:42px;height:42px;display:grid;place-items:center;background:#fff9;border-radius:50%;font-size:24px;box-shadow:0 3px 0 #cc92c733;border:1px solid #fff9}.screen{animation:appear .35s ease}.hidden{display:none!important}#home{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:calc(100dvh - 80px);padding-bottom:35px}.hero-candies{display:flex;justify-content:center;gap:2px;transform:rotate(-8deg);height:120px}.hero-candies .sweet{width:110px;height:110px;filter:drop-shadow(0 8px 6px #a3437955)}.hero-candies .sweet:nth-child(2){transform:translateY(-18px) rotate(18deg)}h1{font-size:clamp(58px,15vw,82px);line-height:.96;text-align:center;color:#a333ba;margin:4px 0 8px;letter-spacing:-3px;text-shadow:0 4px 0 white,0 7px 0 #ddb7db}h1 span{display:block;color:#ff6897}h2{font-size:24px;margin:0}.sparkles{color:#e9ad38;font-size:24px;margin:14px}.primary,.secondary{display:block;width:100%;border-radius:24px;padding:15px 18px;font-size:21px;font-weight:900;margin:9px 0;box-shadow:0 5px 0 #b55091,0 9px 20px #a4509125;background:linear-gradient(#ff8aaf,#f3528d);color:white;border:2px solid #fff8}.secondary{background:#fff8;color:#8232a2;box-shadow:0 4px 0 #d3acd2;font-size:18px}.mode-options{display:flex;gap:10px;width:100%;margin-top:10px}.mode-options button{width:50%;background:#ffffff70;border:1px solid white;border-radius:18px;padding:13px 6px;font-size:16px;font-weight:bold}.mode-options span{display:block;font-size:26px;color:#ae47bb}.small,.backlink{font-size:14px}.backlink{margin-top:16px}.section-head,.game-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0}.game-head strong{font-size:20px}.game-head #moves{border-radius:20px;background:#fff8;padding:8px 10px;font-size:14px;font-weight:bold}.stats{display:flex;gap:14px;background:#fff8;border:1px solid white;border-radius:20px;padding:10px 16px;margin:8px 0 10px}.stats>div:first-child{min-width:70px}.stat-label{font-size:12px;font-weight:900;letter-spacing:1px;color:#a16a9d;display:block;margin-bottom:3px}.stats strong{font-size:21px}.objective{flex:1}.progress-track{height:7px;background:#e9cbe9;border-radius:10px;margin-top:6px;overflow:hidden}#goal-progress{height:100%;background:linear-gradient(90deg,#fd7ca5,#b769d9);width:0;transition:width .4s;border-radius:10px}#board-space{position:relative;display:grid;place-items:center;width:100%;height:min(calc(100dvh - 325px),458px);min-height:200px}#board{display:grid;grid-template-columns:repeat(8,1fr);width:min(100%,calc(100dvh - 325px));aspect-ratio:1;background:radial-gradient(ellipse,#bf6bd063,#b77fd138);border:2px solid #ffffff66;box-shadow:0 8px 22px #8549a625,inset 0 1px 14px #fff5;border-radius:22px;padding:5px;gap:1px;touch-action:none}.cell{position:relative;display:block;min-width:0;aspect-ratio:1;background:transparent;padding:0;border-radius:10px;touch-action:none}.sweet{display:block;background-image:url('assets/candies.webp');background-repeat:no-repeat;background-size:300% 200%;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 3px 2px #67378045)}.c0{background-position:0 0}.c1{background-position:50% 0}.c2{background-position:100% 0}.c3{background-position:0 100%}.c4{background-position:50% 100%}.c5{background-position:100% 100%}.cell.selected{outline:3px solid #fff189;outline-offset:-2px;filter:brightness(1.13)}.cell.hint .sweet{animation:hint .65s ease-in-out infinite}.cell.pop .sweet{animation:pop .24s forwards}.cell.drop .sweet{animation:fall .3s ease-out}.cell.jelly:before{content:'';position:absolute;inset:0;border:2px solid #f583c3;border-radius:14px;background:#ff79c94d;box-shadow:inset 0 0 10px white}.cell.ice:before{content:'';position:absolute;inset:0;border:2px solid #e7ffff;border-radius:12px;background:#aff2ff80;z-index:2;pointer-events:none;box-shadow:inset 0 0 12px #f8ffff}.cell.obstacle:before{content:'';position:absolute;inset:2px;border:3px solid #a97949;border-radius:10px;background:repeating-linear-gradient(45deg,#eed0a777 0 8px,#bd916277 8px 11px);z-index:2;pointer-events:none}.special-mark{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(16px,5vw,28px);font-weight:900;color:white;pointer-events:none;text-shadow:0 1px 4px #693861}.special-mark.row{background:repeating-linear-gradient(0deg,transparent 0 9px,#fff8 9px 12px);clip-path:ellipse(37% 35%)}.special-mark.col{background:repeating-linear-gradient(90deg,transparent 0 9px,#fff8 9px 12px);clip-path:ellipse(37% 35%)}.special-mark.rainbow{background:conic-gradient(#ff647e,#ffdd42,#6be775,#65ceff,#b379ed,#ff647e);border-radius:50%;inset:7%;box-shadow:inset 0 3px 5px #fff9,0 3px 4px #77496f}.special-mark.wrapped{font-size:26px}.ingredient{display:grid;place-items:center;width:100%;height:100%;font-size:clamp(22px,8vw,40px)}.board-caption{text-align:center;font-size:14px;font-weight:bold;min-height:25px;padding:5px 0;color:#96629b}.boost-head{display:flex;justify-content:space-between;font-size:14px;font-weight:900;margin:7px 2px}#boosters{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}#boosters button{border-radius:14px;background:#fff9;border:1px solid white;box-shadow:0 3px 0 #d4aed4;height:53px;min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column}#boosters button span{font-size:24px}#boosters button small{font-size:10px;font-weight:900}#boosters button.active{background:#fff397;outline:2px solid #dda134}#cancel-power{margin:7px auto 0;background:transparent;display:block;font-size:14px;text-decoration:underline}.text-button{background:transparent;display:block;margin:15px auto;font-size:14px;text-decoration:underline}dialog{border:2px solid white;border-radius:28px;padding:24px;background:#fff0fa;color:#662473;width:min(90vw,380px);box-shadow:0 20px 70px #65297566}dialog::backdrop{background:#66327570;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.volume-row{margin:15px 0}.volume-row label{display:flex;justify-content:space-between;font-weight:bold;font-size:16px}.volume-row input{width:100%;accent-color:#ca59bb;height:30px}.toggles{display:flex;justify-content:space-between;gap:8px;font-size:16px}.toggles input{accent-color:#be45b1;width:20px;height:20px;vertical-align:middle}.win-stars{color:#f8b72a;font-size:40px;text-align:center;animation:hint 1s infinite}#win-dialog h2,#pause-dialog h2{text-align:center;font-size:34px;margin:15px 0}#win-detail{text-align:center;font-weight:bold}#level-map{display:grid;grid-template-columns:repeat(5,1fr);gap:20px 8px;padding:22px 4px;max-height:calc(100dvh - 150px);overflow-y:auto}#level-map button{aspect-ratio:1;border-radius:50%;background:linear-gradient(#ff93b6,#f75c9b);border:3px solid white;box-shadow:0 5px 0 #c363a1;color:white;font-size:22px;font-weight:900;position:relative}#level-map button:nth-child(10n+6),#level-map button:nth-child(10n+7),#level-map button:nth-child(10n+8),#level-map button:nth-child(10n+9),#level-map button:nth-child(10n+10){transform:translateX(8px)}#level-map button:disabled{background:#dbc2df}#level-map small{position:absolute;bottom:-12px;left:0;right:0;font-size:15px;color:#e9a623;text-shadow:0 1px white}#floating{position:fixed;inset:0;overflow:hidden;pointer-events:none}#floating span{position:absolute;width:60px;height:60px;opacity:.23;animation:float 18s ease-in-out infinite}.particle{position:absolute;left:50%;top:50%;color:#fff1a1;font-size:22px;animation:burst .65s forwards;pointer-events:none}#particles{position:absolute;inset:0;pointer-events:none}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-45px) rotate(25deg)}}@keyframes hint{50%{transform:scale(1.12) rotate(7deg)}}@keyframes pop{to{transform:scale(1.5);opacity:0}}@keyframes fall{from{transform:translateY(var(--fall,-60%));opacity:.4}to{transform:none;opacity:1}}@keyframes burst{to{transform:translate(var(--x),var(--y)) rotate(160deg);opacity:0}}@media(min-width:650px){#app{margin:18px auto;border:2px solid #fff7;border-radius:36px;min-height:calc(100dvh - 36px);box-shadow:0 15px 65px #ac65b122}#home{min-height:calc(100dvh - 140px)}}@media(max-height:690px){#app{padding-top:4px}.top{height:38px}.game-head{margin:3px 0}.stats{padding:6px 12px;margin:4px 0}#board-space{height:min(calc(100dvh - 275px),458px)}#board{width:min(100%,calc(100dvh - 275px))}.boost-head{margin:4px 2px}#boosters button{height:46px}.board-caption{padding:2px 0;min-height:22px}.hero-candies{height:85px}.hero-candies .sweet{width:80px;height:80px}h1{font-size:60px}.primary{padding:11px 14px}.sparkles{margin:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(orientation:landscape) and (max-height:500px){#app{max-width:850px}#game{display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.game-head,.stats{grid-column:2}#board-space{grid-row:1/7;grid-column:1;height:calc(100dvh - 75px)}#board{width:min(100%,calc(100dvh - 75px))}.board-caption,.boost-head,#boosters,#cancel-power{grid-column:2}#boosters{grid-template-columns:repeat(4,1fr)}#home{min-height:calc(100dvh - 80px)}.hero-candies{display:none}h1{font-size:48px}#home>.primary,#home>.secondary,.mode-options{max-width:360px}}
@media(max-width:375px) and (orientation:portrait){#boosters{grid-template-columns:repeat(4,1fr)}#boosters button{height:44px;flex-direction:row;gap:4px}#boosters button span{font-size:21px}#boosters button small{font-size:11px}#board-space{height:min(calc(100dvh - 335px),458px)}#board{width:min(100%,calc(100dvh - 335px))}}

.piece{position:absolute;inset:0;display:block;pointer-events:none;transform-origin:center;will-change:transform}.cell:active{transform:none}.cell.locked{cursor:default}.cell.hint .piece{animation:hint .65s ease-in-out infinite}

#goal-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.goal-visual{display:flex;align-items:center;gap:12px;min-height:42px}#goal-icon{width:46px;height:46px;flex:0 0 46px}.goal-object{background-image:url('assets/objectives.webp');background-size:200% 200%;background-repeat:no-repeat;filter:drop-shadow(0 2px 2px #77387544)}.goal-ingredient{background-position:0 0}.goal-ice{background-position:100% 0}.goal-obstacle{background-position:0 100%}.goal-jelly{background-position:100% 100%}.goal-symbol{display:grid;place-items:center;font-size:38px;color:#f2ab23}.goal-special{display:grid;place-items:center;font-size:32px;color:white;border-radius:50%;background:conic-gradient(#ff647e,#ffdd42,#6be775,#65ceff,#b379ed,#ff647e);box-shadow:inset 0 3px 5px #fff9}.ingredient{font-size:0;background:url('assets/objectives.webp') no-repeat 0 0 / 200% 200%}

.cell.obstacle:before{inset:0;border:0;border-radius:0;background:url('assets/objectives.webp') no-repeat 0 100% / 200% 200%;box-shadow:none}.cell.ice:before{inset:0;border:0;border-radius:0;background:url('assets/objectives.webp') no-repeat 100% 0 / 200% 200%;box-shadow:none;opacity:.88}

.special-mark.bomb{color:#4d214e;font-size:clamp(24px,7vw,40px);text-shadow:0 -2px 0 #fff9,0 2px 2px #39163880}.special-mark.bomb:after{content:'✦';position:absolute;top:4%;right:14%;color:#fff29a;font-size:14px}

.cell.hint .sweet{animation:none}