/* Candy-pop theme: stronger contrast, crisp borders, playful feedback. */
:root{--ink:#30204d;--muted:#65527c;--pink:#ed438c;--hot:#bd1b65;--purple:#8450da;--cream:#fff8e8}
body{background-color:#e9dcff;background-image:radial-gradient(#bb98ed 1px,transparent 1px);color:var(--ink)}
#app{background:#fffafd;border-color:#fff;box-shadow:0 12px 0 #c6a5e4,0 26px 60px #6e3a9d30,0 0 0 2px #bb91db}
.wordmark{color:#6d2ab5}.wordmark-dot,.intro h1 span{color:#e82e81}.intro>p,.instructions p,.little-note p{color:#604b76}.eyebrow,.friends-title>span,.desktop-credit{color:#714395}.instructions p span{background:#bba0f4;color:#35204f}.friends-title h2{color:#502377}.friend-grid>div{border-color:white;background:#fff3cd;box-shadow:0 5px 0 #cbb0e9}.friend-grid>div:nth-child(3n+2){background:#dff6ee}.friend-grid>div:nth-child(3n){background:#ffe0ed}.friend-grid b{color:#613b77}
#mute{background:#7f48c9;border:2px solid #6735b0;color:white;box-shadow:0 4px 0 #55278d}#mute.off{opacity:1;background:#e6d8f6;color:#6f4b95;text-decoration:line-through}
.stat{background:#e2d1ff;border:2px solid #c0a0ea;box-shadow:0 4px 0 #b998e0}.stat.wide{background:#ffdc70;border:2px solid #e8b842;box-shadow:0 4px 0 #dca937}.stat.moves-stat{background:#ffc2dc;border:2px solid #ee8ab8;box-shadow:0 4px 0 #db75a6}.lbl{color:#624579;font-size:13px}.stat.wide .lbl,.stat.wide b{color:#674309}.stat.moves-stat .lbl,.stat.moves-stat b{color:#862150}.stat b{color:#4f277f;font-size:29px}
#goalbar{border:2px solid #c5a6e8;background:#f1e7ff}.goal-label{color:#59317e}.goal{background:#fff;border:1px solid #ddc9ef}.goal b{color:#583672}.goal.done{background:#abefd1;border-color:#69c39e}.goal.done b{color:#165a43}
#board{background:#bba0e7;box-shadow:0 6px 0 #8763b7,inset 0 2px 0 #d2bef1;border-radius:20px}.tile{background-color:#fff8fb;border-width:2px}.tile:nth-child(3n){background-color:#fff4df}.kit.sel:after{border:3px solid #ef398e;background:#f8489522;box-shadow:inset 0 0 0 2px white}.kit.sel .pic{scale:1.08}.kit.key-focus:after{border-color:#6521a4}.kit .pic{filter:drop-shadow(0 2px 1px #68438e35)}
.tip-wrap>span{background:#844bd0;color:white}#tip{color:#665076;font-size:14px}.app-footer{color:#826195;border-color:#e6d5ef}.pill{background:#8245c7;color:white}.logo h2,.card h2{color:#613092}.logo p,.card>p{color:#71517d}.big{background:#ee4c91;border:2px solid #ce2b74;color:white;box-shadow:0 6px 0 #b32668,inset 0 2px 0 #ff9bc5;text-shadow:0 1px 1px #8e164c55}.big:active{box-shadow:0 2px 0 #b32668}.ghost{color:#754694;text-decoration:underline;text-underline-offset:4px}.screen{background:#eee0fae8}.card{box-shadow:0 8px 0 #d4b9e3,0 18px 38px #76489624;border:2px solid white}.foot,#sound-note{color:#886394}.float{color:#bb1769;text-shadow:2px 0 white,-2px 0 white,0 2px white,0 -2px white;font-size:30px}
.score-pop{animation:score-bounce .4s ease-out}.goal-pop{animation:goal-bounce .55s ease-out}.low-moves{outline:2px solid #d4236a;outline-offset:2px}.low-moves b{color:#9d114e!important}
.combo-status{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 7px 5px;padding:5px 8px;border-radius:10px;background:#eee0ff;color:#633785;font-size:13px;min-height:28px}.combo-status strong{font-weight:400;color:#7130b1}.combo-status.active{background:#ffdb6b;color:#6b3600}.combo-status.active strong{color:#a43c00}.combo-status i{display:flex;gap:4px}.combo-status i b{width:10px;height:10px;border-radius:3px;background:#cfb4ed}.combo-status.active i b.on{background:#ec3984;box-shadow:0 1px 0 #b32261}
.fx-layer{position:absolute;inset:0;z-index:12;pointer-events:none;overflow:hidden;border-radius:20px}.fx-particle{position:absolute;left:var(--x);top:var(--y);width:var(--size,10px);height:var(--size,10px);background:var(--color,#ffca4d);border-radius:3px;animation:fx-burst .75s ease-out forwards;will-change:transform,opacity}.fx-particle.star{background:url('art/ui-star.png') center/contain no-repeat;border-radius:0}.fx-ring{position:absolute;left:var(--x);top:var(--y);width:28px;height:28px;border:4px solid #f452a2;border-radius:50%;animation:fx-ring .5s ease-out forwards}.combo-banner{position:absolute;left:50%;top:16%;z-index:16;pointer-events:none;text-align:center;white-space:nowrap;animation:combo-enter .85s both;color:#b91967;font-family:'Jua',sans-serif;filter:drop-shadow(0 4px 0 #6a349544)}.combo-banner b{display:block;font-size:clamp(30px,7vw,43px);font-weight:400;line-height:1.1;-webkit-text-stroke:5px white;paint-order:stroke fill}.combo-banner span{display:inline-block;margin-top:5px;padding:5px 12px;border:2px solid white;background:#ffdb65;color:#713a00;border-radius:20px;font-size:14px;box-shadow:0 3px 0 #dca339}.combo-banner.mega b{color:#7130bc}.goal-toast{position:absolute;left:50%;top:7px;transform:translateX(-50%);padding:7px 13px;white-space:nowrap;background:#31aa80;color:white;border:2px solid white;border-radius:20px;z-index:17;font-size:14px;animation:toast-in 1.3s both;pointer-events:none}.result-confetti{position:absolute;inset:0;z-index:40;pointer-events:none;overflow:hidden}.result-confetti .fx-particle{animation:confetti-fall 1.8s ease-in forwards;animation-delay:var(--delay,0s)}.board-punch{animation:board-punch .3s ease-out}.result-card #r-stars span:not(.dim){animation:star-reveal .5s backwards}.result-card #r-stars span:nth-child(2){animation-delay:.15s}.result-card #r-stars span:nth-child(3){animation-delay:.3s}
@keyframes score-bounce{40%{transform:scale(1.22)}}@keyframes goal-bounce{45%{transform:translateY(-4px) scale(1.08)}}@keyframes fx-burst{from{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--spin)) scale(.2);opacity:0}}@keyframes fx-ring{from{transform:translate(-50%,-50%) scale(.3);opacity:.9}to{transform:translate(-50%,-50%) scale(3.3);opacity:0}}@keyframes combo-enter{0%{transform:translate(-50%,15px) scale(.4);opacity:0}20%{transform:translate(-50%,0) scale(1.12);opacity:1}35%,70%{transform:translate(-50%,0) scale(1);opacity:1}100%{transform:translate(-50%,-20px) scale(.95);opacity:0}}@keyframes toast-in{0%{opacity:0;translate:0 -8px}15%,80%{opacity:1;translate:0 0}100%{opacity:0;translate:0 -8px}}@keyframes board-punch{30%{translate:2px 0}65%{translate:-2px 0}}@keyframes confetti-fall{from{transform:translateY(-20px) rotate(0deg);opacity:1}to{transform:translate(var(--dx),600px) rotate(var(--spin));opacity:0}}@keyframes star-reveal{from{transform:scale(.2) rotate(-25deg);opacity:0}70%{transform:scale(1.2) rotate(8deg)}}
@media(max-width:730px){body{background:#e9dcff}.stat b{font-size:26px}.combo-status{font-size:12px}.tip-wrap{align-items:flex-start}#tip{font-size:13px}}
@media(prefers-reduced-motion:reduce){.fx-particle,.fx-ring,.board-punch,.result-confetti{display:none}.score-pop,.goal-pop,.result-card #r-stars span:not(.dim){animation:none}.combo-banner{animation:none;transform:translateX(-50%)}.goal-toast{animation:none}}