:root{color-scheme:light;font-family:Nunito,ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-synthesis:none;--ink: #272154;--purple: #7557f7;--purple-dark: #5232cb;--pink: #ff668e;--yellow: #ffd44d;--aqua: #3ee3cf;--paper: #fffdf9}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden;background:#7857ff}body{min-width:320px;touch-action:none;user-select:none;-webkit-user-select:none}canvas{display:block;width:100%;height:100%;touch-action:none}button{border:0;font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:4px solid #fff;outline-offset:4px}.ambient-art{position:fixed;z-index:1;inset:0;overflow:hidden;pointer-events:none}.mascot-sticker{position:absolute;top:clamp(84px,14vh,122px);right:clamp(-68px,-3vw,-25px);width:clamp(140px,18vw,245px);filter:drop-shadow(0 14px 18px #33206b38);opacity:.95;transform:rotate(5deg);animation:mascot-bob 4.2s ease-in-out infinite}.ambient-dot{position:absolute;width:12px;height:12px;border:4px solid #fff;border-radius:4px;opacity:.7;transform:rotate(23deg)}.ambient-dot-one{top:30%;left:7%;animation:twinkle 2.4s ease-in-out infinite}.ambient-dot-two{top:55%;right:6%;width:18px;height:18px;border-color:#ffd44d;animation:twinkle 2.4s .8s ease-in-out infinite}.hud{position:fixed;z-index:3;inset:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) auto max(16px,env(safe-area-inset-left));display:grid;grid-template-columns:1fr auto 1fr;align-items:start;pointer-events:none}.stat-pill{display:inline-flex;width:max-content;min-width:120px;min-height:56px;align-items:center;gap:10px;padding:7px 17px 8px 10px;border:3px solid #fff;border-radius:19px;background:#fffdf9f2;box-shadow:0 7px #3c2c8373,0 15px 25px #34266d2b,inset 0 2px #fff;color:var(--ink);font-variant-numeric:tabular-nums;justify-self:start;transform-origin:left center}.stat-pill:last-child{grid-column:3;padding-right:14px;justify-self:end;transform-origin:right center}.stat-pill.is-popping{animation:stat-pop .34s cubic-bezier(.15,1.7,.3,1)}.stat-icon{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:13px;color:#fff;font-size:19px;text-shadow:0 2px #0002;transform:rotate(-7deg)}.score-icon{background:linear-gradient(145deg,#917cff,#6849e7);box-shadow:inset 0 -5px #5135bf}.best-icon{background:linear-gradient(145deg,#ffdd5f,#ffb832);box-shadow:inset 0 -5px #e79523;color:#fff}.stat-copy{display:grid;line-height:.96}.stat-copy small{color:#8c84a9;font-size:9px;font-weight:900;letter-spacing:.15em}.stat-copy strong{margin-top:4px;font-family:Fredoka,sans-serif;font-size:clamp(20px,2.35vw,29px);font-weight:700;letter-spacing:-.035em}.title-lockup{position:absolute;top:0;left:50%;display:flex;height:46px;align-items:flex-start;justify-content:center;line-height:1;transform:translate(-50%)}.logo-word{position:relative;z-index:2;display:flex;align-items:center;white-space:nowrap;font-family:Fredoka,ui-rounded,sans-serif;font-size:clamp(18px,3vw,38px);font-weight:900;letter-spacing:-.055em;transform-origin:top center;animation:logo-breathe 4.8s ease-in-out infinite}.logo-chunk{display:inline-block;paint-order:stroke fill;-webkit-text-stroke:2px #fff;text-shadow:0 4px 0 #38256f,1px 4px 0 #38256f,-1px 4px 0 #38256f,0 8px 13px #2b1d6842}.logo-blocky{color:#ffe04b}.logo-pop{color:#ff4f87}.logo-puzzle{color:#2ce4c5}.logo-space{width:.38em;flex:0 0 auto}.combo{position:fixed;z-index:5;top:43%;left:50%;padding:10px 21px;border:4px solid #fff;border-radius:18px;background:linear-gradient(155deg,#ff769b,#ff4777);box-shadow:0 9px #b62b5b,0 20px 45px #3a226e40;color:#fff;font-family:Fredoka,sans-serif;font-size:clamp(20px,3vw,34px);font-weight:700;letter-spacing:-.02em;opacity:0;pointer-events:none;text-shadow:0 3px #a52855;transform:translate(-50%,-50%) scale(.7) rotate(-3deg)}.combo.is-visible{opacity:1}.combo.is-popping{animation:combo-pop .92s ease-out both}.live-status{position:fixed;z-index:5;top:18%;left:50%;display:flex;align-items:center;gap:7px;padding:7px 12px 8px 8px;border:2px solid white;border-radius:14px;background:#3e2b91f2;box-shadow:0 5px #2b1c68,0 11px 20px #271c5b30;color:#fff;font-size:12px;font-weight:900;letter-spacing:.04em;opacity:0;pointer-events:none;transform:translate(-50%,-8px);transition:.18s ease}.live-status.is-visible{opacity:1;transform:translate(-50%)}.status-icon{width:20px;height:20px;flex:0 0 auto;fill:#ffe04b;filter:drop-shadow(0 2px #25175d)}.live-status.status-holder{top:auto;bottom:calc(var(--holder-tip-bottom) + 24px);left:var(--holder-tip-left);background:#fffdf9;box-shadow:0 5px #49329e,0 11px 20px #271c5b30;color:#35256f}.live-status.status-holder .status-icon{fill:#ff668e;filter:none}.live-status.status-shuffle{top:auto;right:max(16px,env(safe-area-inset-right));bottom:calc(max(17px,env(safe-area-inset-bottom)) + 90px);left:auto;transform:translateY(8px)}.live-status.status-shuffle.is-visible{transform:translateY(0)}.tip{position:fixed;z-index:3;bottom:calc(var(--holder-tip-bottom) + 10px);left:var(--holder-tip-left);display:flex;align-items:center;gap:7px;padding:7px 10px 8px 8px;border:3px solid #fff;border-radius:17px;background:#fffdf9;box-shadow:0 6px #49329e,0 12px 22px #271c5b36;color:#35256f;font-size:9px;font-weight:900;letter-spacing:.06em;pointer-events:none;transform:translate(-50%) rotate(-2deg);transition:opacity .18s ease,transform .18s ease}.tip:after{position:absolute;left:calc(50% - 8.5px);bottom:-11px;width:17px;height:17px;border-right:3px solid #fff;border-bottom:3px solid #fff;background:#fffdf9;content:"";transform:rotate(45deg)}.tip.is-hidden{opacity:0;transform:translate(-50%) translateY(7px) scale(.88)}.gesture-icon{width:32px;height:32px;flex:0 0 auto;overflow:visible;animation:gesture-nudge 1.5s ease-in-out infinite}.gesture-touch{display:none}.gesture-fill{fill:#ffd44d;stroke:#35256f;stroke-linejoin:round;stroke-width:3}.gesture-trail,.gesture-arrow,.gesture-detail{fill:none;stroke:#8064ff;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.gesture-detail{stroke:#35256f}@media(pointer:coarse){.gesture-touch{display:block}.gesture-mouse{display:none}}.tool-rack{position:fixed;z-index:4;right:max(16px,env(safe-area-inset-right));bottom:max(17px,env(safe-area-inset-bottom));display:grid;justify-items:end}.shuffle-button{position:relative;display:grid;width:72px;height:72px;place-items:center;padding:11px;border:3px solid white;border-radius:23px;background:linear-gradient(155deg,#ffdb5c,#ffb92e);box-shadow:0 7px #d68325,0 14px 25px #4c2c7333,inset 0 2px #fff8b4;color:#402c59;cursor:pointer;transition:transform .12s ease}.shuffle-button:hover{transform:translateY(-2px)}.shuffle-button:active{box-shadow:0 3px #d68325,0 9px 18px #4c2c7333;transform:translateY(4px)}.shuffle-button:disabled{cursor:wait;opacity:.78}.shuffle-icon{width:48px;height:48px;overflow:visible;fill:none;stroke:#6544da;stroke-linecap:round;stroke-linejoin:round;stroke-width:7;filter:drop-shadow(0 3px 0 #ffffffa8)}.cost-badge{position:absolute;top:-12px;right:-7px;display:grid;min-width:34px;height:25px;place-items:center;padding:4px 8px;border:2px solid white;border-radius:999px;background:#7857f7;box-shadow:0 3px #4c31bd;color:#fff;font-size:9px;font-weight:900;letter-spacing:.06em}.free-mark,.ad-mark,.loading-mark{grid-area:1 / 1}.ad-mark{display:block;width:23px;height:17px;fill:none;stroke:#fff;stroke-linejoin:round;stroke-width:2.5}.ad-mark path{fill:#fff;stroke:none}.free-mark,.cost-badge.is-loading .ad-mark,.cost-badge.is-loading .free-mark,.cost-badge:not(.is-loading):not(.is-free) .free-mark,.cost-badge.is-free .ad-mark,.loading-mark{display:none}.cost-badge.is-free .free-mark,.cost-badge:not(.is-loading):not(.is-free) .ad-mark{display:block}.cost-badge.is-free{background:#23c9a9;box-shadow:0 3px #11967f}.cost-badge.is-loading .loading-mark{display:block;width:12px;height:12px;border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;animation:cost-spin .7s linear infinite}.game-over-card{position:fixed;z-index:10;top:50%;left:50%;width:min(430px,calc(100% - 32px));padding:34px 28px 21px;border:5px solid #fff;border-radius:34px;background:radial-gradient(circle at 80% 10%,#fff4b8 0 7%,transparent 7.5%),linear-gradient(155deg,#fffdf9,#f4efff);box-shadow:0 12px #49329e,0 35px 80px #27174d8a,inset 0 2px #fff;color:var(--ink);text-align:center;transform:translate(-50%,-50%);transition:opacity .18s ease,transform .26s cubic-bezier(.2,1.35,.35,1)}.game-over-card:before{position:fixed;z-index:-1;inset:-100vmax;background:#2115467a;backdrop-filter:blur(5px);content:""}.game-over-card.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,-45%) scale(.78) rotate(-3deg)}.game-over-burst{position:absolute;top:-35px;left:50%;display:grid;width:66px;height:66px;place-items:center;border:4px solid white;border-radius:21px;background:linear-gradient(145deg,#f79,#ff4e79);box-shadow:0 7px #bd315c;color:#fff9ba;font-size:31px;transform:translate(-50%) rotate(8deg)}.eyebrow{display:block;margin-top:6px;color:#ff567f;font-size:11px;font-weight:900;letter-spacing:.2em}.game-over-card h1{margin:5px 0 8px;font-family:Fredoka,sans-serif;font-size:clamp(31px,7vw,43px);letter-spacing:-.055em;line-height:1}.game-over-card>p{margin:0 0 23px;color:#756d91;font-size:15px;font-weight:800}.game-over-actions{display:grid;grid-template-columns:1.15fr 1fr;gap:11px}.game-over-actions button{display:flex;min-height:64px;align-items:center;justify-content:center;gap:8px;padding:9px;border:3px solid white;border-radius:18px;cursor:pointer;color:#fff;font-size:13px;font-weight:900;line-height:.95}.game-over-actions button span:not(.button-icon){display:grid}.game-over-actions button small{margin-bottom:5px;font-size:8px;letter-spacing:.11em;opacity:.8}.game-over-actions button:disabled{cursor:wait;opacity:.66}.button-icon{width:30px;height:30px;flex:0 0 auto;fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.7;filter:drop-shadow(0 2px #0002)}.button-icon .icon-fill{fill:#fff;stroke:none}.primary-action{background:linear-gradient(155deg,#856aff,#6547e6);box-shadow:0 6px #4930b6}.rescue-action{background:linear-gradient(155deg,#32d9bc,#18b99e);box-shadow:0 6px #0c8b77}.game-over-card .ad-disclosure{margin:17px 0 0;font-size:9px;letter-spacing:.04em;opacity:.65}@keyframes stat-pop{45%{transform:scale(1.13) rotate(-2deg)}}@keyframes combo-pop{0%{opacity:0;transform:translate(-50%,-35%) scale(.55) rotate(-7deg)}24%{opacity:1;transform:translate(-50%,-50%) scale(1.1) rotate(2deg)}74%{opacity:1}to{opacity:0;transform:translate(-50%,-82%) scale(.92) rotate(-1deg)}}@keyframes logo-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.015)}}@keyframes logo-sparkle{50%{opacity:.28;transform:scale(.65) rotate(45deg)}}@keyframes mascot-bob{50%{transform:translateY(-8px) rotate(3deg)}}@keyframes twinkle{50%{opacity:.2;transform:scale(.55) rotate(70deg)}}@keyframes gesture-nudge{50%{transform:translate(4px) rotate(3deg)}}@keyframes cost-spin{to{transform:rotate(360deg)}}@media(max-width:820px){.mascot-sticker{width:140px;opacity:.72}.shuffle-button{width:64px;height:64px;padding:10px;border-radius:20px}.shuffle-icon{width:42px;height:42px}.live-status.status-shuffle{right:8px;bottom:82px}}@media(max-width:620px){.hud{inset-inline:9px}.stat-pill{min-width:62px;min-height:45px;gap:6px;padding:5px 9px 7px 6px;border-width:2px;border-radius:15px}.stat-icon{width:29px;height:29px;border-radius:10px;font-size:14px}.stat-copy small{display:none}.stat-copy strong{margin-top:0;font-size:17px}.title-lockup{height:32px}.logo-word{font-size:clamp(15px,4.1vw,22px)}.logo-chunk{-webkit-text-stroke-width:1.5px;text-shadow:0 3px 0 #38256f,1px 3px 0 #38256f,-1px 3px 0 #38256f}.mascot-sticker,.ambient-dot{display:none}.tool-rack{right:8px;bottom:9px}.shuffle-button{width:54px;height:54px;padding:8px;border-width:2px;border-radius:17px}.shuffle-icon{width:36px;height:36px;stroke-width:7.5}.tip{padding:5px 7px;font-size:7px}.gesture-icon{width:25px;height:25px}.live-status{font-size:10px}.live-status.status-shuffle{bottom:72px}.game-over-card{padding:30px 17px 16px}.game-over-actions{gap:8px}}@media(max-width:350px){.stat-pill{min-width:55px;gap:3px;padding-inline:4px 6px}.stat-icon{width:27px;height:27px}.logo-word{font-size:13px}}@media(max-height:540px){.mascot-sticker{display:none}.hud{top:7px}.title-lockup{height:38px}.logo-word{font-size:30px}.logo-chunk{-webkit-text-stroke-width:2px;text-shadow:0 4px 0 #38256f,1px 4px 0 #38256f,-1px 4px 0 #38256f}.stat-pill{min-height:42px}.tool-rack{right:8px;bottom:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}