:root{font-family:ui-rounded,"Avenir Next",Avenir,"Trebuchet MS",sans-serif;color:#284866;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{background:#b5edfa;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;border:0;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:4px solid #455bd4;outline-offset:3px}button:disabled{cursor:default}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html:fullscreen,html:-webkit-full-screen{background:#a7eafa}:root{--well-top:#076783;--well-bottom:#149db4;--well-rim:#fff9df;--well-shadow:#07485f}body{background:#25d5e1}.game-screen{position:fixed;inset:0;height:100dvh;overflow:hidden;isolation:isolate;touch-action:none;user-select:none;-webkit-user-select:none}.landscape-art{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#25d5e1;pointer-events:none}.landscape-art>svg{display:block;width:100%;height:100%}.corner-button{position:absolute;z-index:20;top:max(10px,env(safe-area-inset-top));width:44px;height:44px;border-radius:50%;display:grid;place-items:center;padding:10px;background:linear-gradient(#fffef2,#fff3cf);border:2px solid #fffdf2;color:#08657e;box-shadow:0 3px 0 #1493a6,0 5px 9px #06667b2a}.corner-button svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.home-button{left:max(12px,env(safe-area-inset-left))}.audio-button{right:max(12px,env(safe-area-inset-right))}.workspace{position:absolute;inset:max(63px,calc(env(safe-area-inset-top) + 53px)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:22px}.slots,.pieces{position:relative;flex:1;min-width:0;min-height:0}.slot,.piece{position:absolute;display:block;padding:0;border:0;background:transparent;touch-action:none;-webkit-user-select:none;border-radius:24px}.slot>svg,.piece>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.slot>svg{filter:drop-shadow(0 5px 4px #05607e38)}.piece>svg,.slot.matched>svg{filter:drop-shadow(0 7px 3px #05566f40)}.piece[aria-pressed=true]>svg{filter:drop-shadow(0 6px 4px #04547360) drop-shadow(0 0 6px #fff8c9)}.piece.placed{visibility:hidden}.piece.dragging,.piece.returning{opacity:0}.slot.arriving>svg{opacity:0}.slot.drop-over>svg{filter:drop-shadow(0 0 8px #fff9df) brightness(1.15)}.slot.matched>svg{animation:land .3s ease-out}.piece.wiggle>svg{animation:wiggle .24s ease-out}.hinted>svg{animation:hint-glow 1.3s ease-in-out infinite}.drag-ghost,.fly-piece{position:fixed;z-index:50;pointer-events:none;filter:drop-shadow(0 10px 5px #07536a50)}.drag-ghost{transform:translate(-50%,-50%) scale(1.08) rotate(-4deg)}.fly-piece{left:0;top:0}.drag-ghost>svg,.fly-piece>svg{width:100%;height:100%;overflow:visible}.hint-hand{position:fixed;left:0;top:0;z-index:60;width:42px;height:54px;pointer-events:none;filter:drop-shadow(0 3px 2px #22475535)}.hint-hand svg{width:100%;height:100%}.sparkle-burst{position:fixed;z-index:55;pointer-events:none;width:1px;height:1px}.sparkle-burst i{position:absolute;font-style:normal;font-size:23px;color:#fff8b7;text-shadow:0 1px #d9a82e;animation:spark .65s ease-out both;animation-delay:var(--delay)}.workspace.leaving{pointer-events:none;animation:round-out .65s ease-in-out both}.workspace.entering .slot>svg,.workspace.entering .piece>svg{animation:shape-arrive .85s cubic-bezier(.2,.7,.3,1) both;animation-delay:var(--arrival,0s)}.celebration-screen{position:absolute;inset:0;z-index:15;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:max(64px,calc(env(safe-area-inset-top) + 54px)) max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:transparent;isolation:isolate}.celebration-content{width:100%;max-width:650px;max-height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:2}.celebration-content h2{flex:none;font-size:clamp(32px,7vw,56px);font-weight:950;letter-spacing:-1.4px;margin:0;text-align:center;color:#fffbe5;text-shadow:0 3px #07879b;animation:arrive .4s ease-out}.celebration-art{width:min(100%,480px);height:clamp(140px,36dvh,330px);flex:0 1 auto;min-height:0;animation:arrive .6s cubic-bezier(.2,.8,.3,1)}.celebration-art>svg{height:100%;width:100%;overflow:visible}.joy-star{transform-box:fill-box;transform-origin:center;animation:star-joy 1.8s ease-in-out infinite}.joy-planets{animation:planet-joy 2.3s ease-in-out infinite}.finish-actions{width:min(100%,320px);display:flex;flex-direction:column;gap:14px;padding-bottom:7px;flex:none;animation:arrive .6s ease-out}.finish-button{min-height:65px;border-radius:22px;display:flex;align-items:center;justify-content:center;gap:13px;border:3px solid #fff9d3;font-size:21px;font-weight:900;padding:12px 20px}.finish-button svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.replay-button{background:linear-gradient(#ffe956,#ffd02b);color:#71471c;box-shadow:0 5px #dc9b1d,0 9px 13px #127c9826}.all-games-button{background:linear-gradient(#a28aff,#8460eb);border-color:#e9dcff;color:white;box-shadow:0 5px #6542bb,0 9px 13px #127c9826}.finish-button:active{translate:0 3px;box-shadow:0 2px #29698c50}.confetti{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.confetti i{position:absolute;top:-30px;left:var(--x);width:9px;height:17px;border-radius:4px;background:#fff8a5;animation:confetti-fall var(--duration) ease-in infinite;animation-delay:calc(var(--i)*-.19s)}.confetti i:nth-child(3n){background:#ff92bc}.confetti i:nth-child(3n + 1){background:#bf9eff}.confetti i:nth-child(4n){border-radius:50%;width:12px;height:12px;background:#bdffb1}@keyframes land{0%{scale:.84}60%{scale:1.07}100%{scale:1}}@keyframes wiggle{20%,60%{translate:-5px 0;rotate:-3deg}40%,80%{translate:5px 0;rotate:3deg}100%{translate:0 0;rotate:0deg}}@keyframes hint-glow{50%{filter:drop-shadow(0 0 8px #fff7b6)}}@keyframes arrive{from{opacity:0;translate:0 16px;scale:.8}to{opacity:1;translate:0 0;scale:1}}@keyframes round-out{to{opacity:0;translate:0 -15px}}@keyframes spark{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}25%{opacity:1}100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.2) rotate(70deg);opacity:0}}@keyframes star-joy{50%{transform:translateY(-6px) rotate(4deg)}}@keyframes planet-joy{50%{translate:0 -10px}}@keyframes confetti-fall{to{translate:15px 110dvh;rotate:280deg}}@media(min-aspect-ratio:6/5){.workspace{flex-direction:row;gap:30px;inset:max(52px,calc(env(safe-area-inset-top) + 42px)) max(20px,env(safe-area-inset-right)) max(17px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.slots{flex:1.05}.pieces{flex:1}.celebration-screen[data-final=true] .celebration-content{max-width:900px;display:grid;grid-template-columns:1fr minmax(220px,36%);grid-template-rows:auto minmax(0,1fr);column-gap:20px;row-gap:6px}.celebration-screen[data-final=true] h2{grid-column:1/3;font-size:clamp(29px,6dvh,47px)}.celebration-screen[data-final=true] .celebration-art{height:min(60dvh,340px);width:100%;grid-column:1;grid-row:2}.celebration-screen[data-final=true] .finish-actions{grid-column:2;grid-row:2}.celebration-content{gap:0}.celebration-art{height:min(60dvh,360px)}.celebration-screen{padding-top:max(53px,calc(env(safe-area-inset-top) + 43px));padding-bottom:max(17px,env(safe-area-inset-bottom))}}@media(max-height:420px){.corner-button{width:37px;height:37px;top:max(7px,env(safe-area-inset-top));padding:8px}.workspace{top:max(49px,calc(env(safe-area-inset-top) + 40px));bottom:max(13px,env(safe-area-inset-bottom));gap:24px}.finish-actions{gap:12px}.finish-button{min-height:57px;font-size:18px;border-radius:19px;padding:9px 13px;gap:9px}.finish-button svg{width:26px;height:26px}.celebration-screen{padding-top:max(48px,calc(env(safe-area-inset-top) + 40px));padding-bottom:max(16px,env(safe-area-inset-bottom))}.celebration-content h2{font-size:30px}.celebration-screen[data-final=true] .celebration-content{column-gap:10px;grid-template-columns:1fr minmax(210px,40%)}.celebration-screen[data-final=true] .celebration-art{height:51dvh}.hint-hand{width:36px;height:46px}}@media(max-width:350px){.workspace{left:9px;right:9px;gap:17px}.finish-button{min-height:58px;font-size:19px}.celebration-content h2{font-size:32px}.celebration-art{height:30dvh}.finish-actions{max-width:270px;gap:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.confetti,.hint-hand,.sparkle-burst{display:none}}.landscape-art>.cosmic-planet{position:absolute;display:block;width:clamp(190px,42vmin,360px);height:auto;aspect-ratio:1;opacity:.85}.landscape-art>.planet-one{left:-55px;top:-62px}.landscape-art>.planet-two{width:clamp(120px,27vmin,260px);right:-48px;bottom:-57px;opacity:.78}.landscape-art>.cosmic-moon{position:absolute;right:7%;top:11%;width:clamp(25px,5vmin,48px);height:auto;opacity:.75}.cosmic-orbit{position:absolute;inset:-9% -17%;border:2px solid #c4fffc5c;border-radius:50%;rotate:-19deg;pointer-events:none}.landscape-art>.zone-wash{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.zone-landscape{display:none!important}.workspace{left:max(7px,env(safe-area-inset-left));right:max(7px,env(safe-area-inset-right));top:max(57px,calc(env(safe-area-inset-top) + 49px));bottom:max(11px,env(safe-area-inset-bottom));gap:17px}.slots,.pieces{flex:1}.slot>svg{filter:drop-shadow(0 4px 3px #034c754d)}.piece>svg,.slot.matched>svg{filter:drop-shadow(0 5px 3px #03437065)}@media(min-aspect-ratio:6/5){.zone-portrait{display:none!important}.landscape-art>.zone-landscape{display:block!important}.workspace{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(48px,calc(env(safe-area-inset-top) + 42px));bottom:max(10px,env(safe-area-inset-bottom));gap:20px}.landscape-art>.planet-one{width:clamp(200px,51vmin,390px);left:-65px;top:-79px}.landscape-art>.planet-two{width:clamp(125px,35vmin,260px);right:-52px;bottom:-75px}.landscape-art>.cosmic-moon{right:8%;top:7%}}@media(max-height:420px){.workspace{top:max(44px,calc(env(safe-area-inset-top) + 38px));bottom:max(8px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));gap:18px}}.round-fireworks{position:absolute;inset:0;z-index:30;overflow:hidden;pointer-events:none}.firework-burst{position:absolute;width:1px;height:1px}.firework-burst i{position:absolute;left:0;top:0;width:5px;height:10px;border-radius:4px;background:var(--spark-color);box-shadow:0 0 5px #fff9;opacity:0;animation:firework-spark 1.15s ease-out both;animation-delay:var(--burst-delay)}@keyframes firework-spark{0%{transform:translate(0,0) rotate(var(--angle)) scale(.3);opacity:0}15%{opacity:.95}100%{transform:translate(var(--dx),var(--dy)) rotate(var(--angle)) scale(.5);opacity:0}}@keyframes shape-arrive{0%{opacity:0;scale:.65}72%{opacity:1;scale:1.025}100%{opacity:1;scale:1}}@media(prefers-reduced-motion:reduce){.round-fireworks{display:none}}@keyframes gentle-spark{0%,100%{opacity:0}28%,65%{opacity:.9}}@keyframes shape-fade{from{opacity:0}to{opacity:1}}@keyframes round-fade{to{opacity:0}}@media(prefers-reduced-motion:reduce){.round-fireworks{display:block}.firework-burst i{transform:translate(calc(var(--dx)*.65),calc(var(--dy)*.65)) rotate(var(--angle));animation:gentle-spark .8s ease-out both!important;animation-delay:var(--burst-delay) !important}.workspace.entering .slot>svg,.workspace.entering .piece>svg{animation:shape-fade .9s ease-in-out both!important;animation-delay:0s!important}.workspace.leaving{animation:round-fade .55s ease-in-out both!important}}.landscape-art .cosmic-detail{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.landscape-art .star-dot{position:absolute;display:block;width:3px;height:3px;border-radius:50%;background:#e8fff8;opacity:.65}.landscape-art .tiny-star{position:absolute;display:block;width:8px;height:8px;background:#f5ffe2;opacity:.8;clip-path:polygon(50% 0,61% 36%,100% 50%,61% 63%,50% 100%,38% 63%,0 50%,38% 36%)}.landscape-art .extra-planet{position:absolute;width:12%;aspect-ratio:1;border-radius:50%;box-shadow:inset -6px -5px 10px #0c698823;opacity:.78}.landscape-art .gold-planet{left:70%;top:-5%;background:radial-gradient(circle at 30% 25%,#fff4c9,#ffd9a5 60%,#f4c0a5)}.landscape-art .blue-planet{left:-6%;bottom:-9%;width:20%;background:radial-gradient(circle at 32% 23%,#d0f6ff,#6dcaed 62%,#7eaddb)}.landscape-art .blue-planet:after{content:"";position:absolute;inset:28% 11% 49% 10%;border-radius:50%;border-top:5px solid #cff2ff66;rotate:-20deg}.landscape-art .orbit-secondary{position:absolute;left:5%;top:-25%;width:94%;height:148%;border:1px solid #d8ffff60;transform:rotate(21deg);border-radius:50%}.landscape-art .nebula{position:absolute;inset:0;background:radial-gradient(ellipse at 14% 27%,#d1fff66e,transparent 35%),radial-gradient(ellipse at 78% 97%,#bfe3ff94,transparent 36%);opacity:1}.landscape-art .nebula:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 10% 10%,#a5fff570,transparent 17%),radial-gradient(ellipse at 88% 85%,#b5f3ff8a,transparent 21%),radial-gradient(ellipse at 44% 97%,#d1e6ff75,transparent 20%);filter:blur(7px)}.landscape-art .satellite-planet{position:absolute;right:2%;top:31%;width:7%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 25%,#e6f7ff,#afcaf5);opacity:.65}.landscape-art .satellite-planet:after{content:"";position:absolute;left:18%;top:29%;width:27%;height:27%;border-radius:50%;background:#7d9fd34a;box-shadow:11px 6px 0 -2px #7d9fd34a}.landscape-art .small-ring{position:absolute;left:45%;bottom:0;width:8%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f4dfff,#bc9dea);opacity:.65}.landscape-art .small-ring:after{content:"";position:absolute;inset:34% -25%;border:1px solid #f6e5ffb8;border-radius:50%;rotate:-24deg}@media(max-aspect-ratio:6/5){.landscape-art .gold-planet{left:58%;top:1%;width:18%}.landscape-art .blue-planet{width:34%;left:-15%;bottom:8%}.landscape-art .satellite-planet{width:10%;right:-3%;top:48%}.landscape-art .small-ring{width:13%;left:37%;bottom:-5%}.landscape-art .orbit-secondary{top:-5%;left:-15%;width:125%;height:108%;transform:rotate(15deg)}.landscape-art .tiny-star{width:6px;height:6px}.landscape-art .star-dot{width:2px;height:2px}}.landscape-art>.cosmic-sky{position:absolute;inset:0;z-index:-1}.landscape-art>.zone-wash{z-index:1}.landscape-art>.cosmic-moon{display:none}.landscape-art>.planet-one{opacity:.75}.landscape-art>.planet-two{opacity:.7}.finish-button{position:relative;isolation:isolate;min-height:66px;border:2px solid #fff7cf;border-radius:22px;gap:11px;padding:12px 15px;font-size:21px;line-height:1.15;background:linear-gradient(color-mix(in srgb,var(--button-color),white 24%),var(--button-color));box-shadow:0 5px color-mix(in srgb,var(--button-color),#5e3f47 28%),0 10px 13px #0a748e25;color:#6b451d}.finish-button:before{content:"";position:absolute;inset:5px 7px auto;height:35%;border-radius:17px;background:linear-gradient(#fff5,#fff0);z-index:-1}.replay-button{--button-color:#ffda32}.all-games-button{--button-color:#7c53d5;border-color:#ebddff;color:white}.finish-button svg{width:29px;height:29px;stroke-width:2.8}.finish-actions{gap:17px}.finish-button:active{translate:0 3px;scale:.985;box-shadow:0 2px color-mix(in srgb,var(--button-color),#5e3f47 28%)}.confetti i{animation-iteration-count:2;animation-delay:calc(var(--i)*.025s)}.joy-star{animation-iteration-count:2}.joy-planets{animation-iteration-count:2}@media(max-height:420px){.finish-button{min-height:57px;padding:9px 13px;font-size:18px;border-radius:19px;gap:9px}.finish-button svg{width:26px;height:26px}.finish-actions{gap:14px}}@media(max-width:350px){.finish-button{font-size:19px;min-height:60px}}.butterfly-card{background:#249fc1;box-shadow:0 7px #227d9e,0 15px 22px #086e8730}.game-screen .home-button{width:56px;height:56px;border-radius:18px;padding:13px;background:linear-gradient(#fff,#fffdf4);border-color:#fff;box-shadow:0 4px #7cae92,0 7px 9px #24534426}.game-screen[data-theme=butterflies] .landscape-art{background:#103f71}.butterfly-scenery,.butterfly-scenery img{position:absolute;inset:0;display:block;width:100%;height:100%}.butterfly-scenery img{object-fit:cover;object-position:center top}.game-screen[data-theme=butterflies] .workspace{top:max(98px,20dvh,calc(env(safe-area-inset-top) + 70px));bottom:max(26px,8dvh,env(safe-area-inset-bottom));left:max(12px,4dvw,env(safe-area-inset-left));right:max(12px,4dvw,env(safe-area-inset-right));gap:18px}.game-screen[data-theme=butterflies] .slots{flex:1.15}.game-screen[data-theme=butterflies] .pieces{flex:1}.game-screen[data-theme=butterflies] .slot>svg{filter:drop-shadow(0 5px 3px #031c3e77)}.game-screen[data-theme=butterflies] .piece>svg{filter:drop-shadow(0 5px 3px #18648160)}.game-screen[data-theme=butterflies] .piece[aria-pressed=true]>svg{filter:drop-shadow(0 0 5px #fffbd3) drop-shadow(0 5px 3px #18648175)}.game-screen[data-theme=butterflies] .slot.drop-over>svg{filter:drop-shadow(0 0 6px #fffbd3) brightness(1.06)}.game-screen[data-theme=butterflies] .corner-button{color:#116386;box-shadow:0 4px #577e95,0 6px 9px #031c3e66}.game-screen[data-theme=butterflies] .celebration-content h2{color:#fff6d3;text-shadow:0 3px #102c57}.slot.matched .butterfly-wing{transform-box:view-box;transform-origin:120px 110px;animation:butterfly-flap .7s ease-in-out 2}.butterflies-joy{animation:butterfly-float 2.1s ease-in-out 2}@keyframes butterfly-flap{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.38)}}@keyframes butterfly-float{50%{transform:translateY(-7px)}}@media(min-aspect-ratio:6/5){.game-screen[data-theme=butterflies] .workspace{top:max(70px,21dvh,calc(env(safe-area-inset-top) + 62px));bottom:max(14px,7dvh,env(safe-area-inset-bottom));left:max(14px,4dvw,env(safe-area-inset-left));right:max(14px,4dvw,env(safe-area-inset-right));gap:24px}}@media(min-aspect-ratio:6/5) and (max-height:440px){.game-screen .home-button{width:50px;height:50px;padding:12px;border-radius:16px}}@media(max-aspect-ratio:6/5) and (max-height:650px){.game-screen[data-theme=butterflies] .workspace{top:max(88px,18dvh,calc(env(safe-area-inset-top) + 67px));bottom:max(15px,5dvh,env(safe-area-inset-bottom))}}@keyframes butterfly-flap-gentle{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.72)}}@media(prefers-reduced-motion:reduce){.slot.matched .butterfly-wing{animation:butterfly-flap-gentle .95s ease-in-out 2!important}.butterflies-joy{animation:none}}:root{--ma-lilac:#AD57EE;--ma-purple:#7936CB;--ma-purple-hover:#6825B6;--ma-purple-pressed:#532095;--ma-mint:#22D6BD;--ma-mint-soft:#E5F7F2;--ma-teal:#103F3A;--ma-apricot:#FFA329;--ma-orange-ink:#713B10;--ma-cream:#FAF7F2;--ma-background:radial-gradient(ellipse at 8% 15%, #EAD5FF, transparent 40%),radial-gradient(ellipse at 95% 30%, #C1F8E8, transparent 40%),var(--ma-cream);--ma-white:#FFFFFF;--ma-ink:#302940;--ma-muted:#6B6278;--ma-line:#D8CFE5;--ma-lilac-soft:#F1EAFB;--ma-success:#17685F;--ma-error:#A5384B;--ma-error-soft:#FCECF0;--ma-disabled:#E9E4EF;--ma-focus:#502B84;--ma-radius-button:20px;--ma-label-offset:0.08em;--ma-radius-card:28px;--ma-shadow-card:0 6px 0 #E5DCEC,0 12px 28px #3029400D;--ma-font:system-ui,"Avenir Next","Trebuchet MS",sans-serif;--ma-space-1:4px;--ma-space-2:8px;--ma-space-3:12px;--ma-space-4:16px;--ma-space-6:24px;--ma-space-8:32px;--ma-space-12:48px;--ma-space-16:64px;--ma-gloss-purple:linear-gradient(180deg, #9251DC 0%, #8542D2 46%, #7936CB 49%, #6825B6 100%);--ma-gloss-mint:linear-gradient(180deg, #83F3DA 0%, #51E5CB 46%, #22D6BD 49%, #1AC7AE 100%);--ma-gloss-white:linear-gradient(180deg, #FFFFFF 0%, #F8F0FF 46%, #EEE0FF 49%, #DDC8F5 100%);--ma-gloss-shadow:inset 0 2px 0 #FFFFFF88,inset 0 -1px 0 #0000000C,0 2px 0 #532095,0 4px 8px #53209514}.ma-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:64px;padding:12px 24px;border:2px solid #FFFFFFBB;border-bottom-width:1px;border-radius:var(--ma-radius-button);background:var(--ma-gloss-purple);color:white;font:900 22px/1.25 var(--ma-font);text-shadow:0 2px 1px #40107688,0 -1px 0 #FFFFFF55;text-decoration:none;box-shadow:var(--ma-gloss-shadow);cursor:pointer;transition:background 160ms ease,transform 160ms ease}.ma-button-label{display:block;min-width:0;text-align:center;transform:translateY(var(--ma-label-offset))}.ma-button:hover{background:linear-gradient(#8542D2, #6825B6)}.ma-button:active{transform:translateY(1px);box-shadow:inset 0 1px 3px #00000018,0 1px 0 var(--ma-purple-pressed)}.ma-button.secondary{background:var(--ma-gloss-mint);color:var(--ma-teal);border-color:#FFFFFFCC;box-shadow:inset 0 2px 0 #FFFFFFBB,inset 0 -1px 0 #00000008,0 2px 0 #159782,0 4px 8px #103F3A12;text-shadow:0 1px 0 #FFFFFF99}.ma-button.secondary:hover{background:linear-gradient(#69EBD3, #1AC7AE)}.ma-button.tertiary{color:var(--ma-purple-pressed);background:var(--ma-gloss-white);border-color:white;box-shadow:inset 0 2px 0 white,0 2px 0 #B99AD9;text-shadow:0 1px 0 white}.ma-button:disabled{background:var(--ma-disabled);color:var(--ma-muted);box-shadow:none;text-shadow:none;cursor:not-allowed;transform:none;border-color:transparent}.ma-icon{width:64px;height:64px;min-height:64px;padding:16px;border-radius:22px;flex:none}.ma-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 #FFFFFF66)}.ma-icon[aria-pressed="false"]{background:var(--ma-gloss-white);color:var(--ma-purple-pressed);box-shadow:inset 0 2px 0 white,0 2px 0 #B99AD9}.ma-button.secondary:active,.ma-button.tertiary:active,.ma-icon[aria-pressed="false"]:active{transform:translateY(1px);box-shadow:inset 0 1px 3px #00000018,0 1px 0 #8E74A7}:where(a, button, input, select):focus-visible{outline:3px solid var(--ma-focus);outline-offset:4px}@media(prefers-reduced-motion: reduce){.ma-button{transition:none}}:root{font-family:var(--ma-font);color:var(--ma-ink)}body{background:var(--ma-cream)}button:focus-visible,a:focus-visible{outline:3px solid var(--ma-focus);outline-offset:4px}.game-screen .corner-button{width:56px;height:56px;border-radius:20px;background:white;border:2px solid var(--ma-purple);color:var(--ma-purple);box-shadow:0 3px 0 #D4C3E7}.game-screen .finish-button{font-family:var(--ma-font);font-weight:800;font-size:20px;min-height:64px;border-radius:20px}.game-screen .replay-button{--button-color:var(--ma-purple);background:var(--ma-purple);color:white;border:2px solid white;box-shadow:0 4px 0 var(--ma-purple-pressed)}.game-screen .all-games-button{--button-color:var(--ma-mint-soft);background:var(--ma-mint-soft);color:var(--ma-teal);border:2px solid var(--ma-teal);box-shadow:0 4px 0 #BEDFD6}.game-screen .finish-button:before{display:none}.game-screen .replay-button{background:var(--ma-gloss-purple);border:2px solid #FFFFFFCC;box-shadow:var(--ma-gloss-shadow);color:white;text-shadow:0 2px 1px #40107688}.game-screen .all-games-button{background:var(--ma-gloss-mint);color:var(--ma-teal);border:2px solid #FFFFFFCC;box-shadow:inset 0 2px 0 #FFFFFFBB,0 2px 0 #159782;text-shadow:0 1px 0 #FFFFFF99}.game-screen .finish-button{font-size:22px;font-weight:900}.game-screen .corner-button,.game-screen[data-theme] .corner-button{width:56px;height:56px;padding:12px;border-radius:20px;border:2px solid #FFFFFFDD;background:var(--ma-gloss-purple);color:white;box-shadow:var(--ma-gloss-shadow);transition:transform 160ms ease}.game-screen #audio-button[aria-pressed="true"]{background:var(--ma-gloss-mint);color:var(--ma-teal);box-shadow:inset 0 2px 0 #FFFFFFBB,0 2px 0 #159782}.game-screen #audio-button[aria-pressed="false"]{background:var(--ma-gloss-white);color:var(--ma-purple-pressed);box-shadow:inset 0 2px 0 white,0 2px 0 #B99AD9}.game-screen .corner-button svg{filter:drop-shadow(0 1px 0 #FFFFFF66)}.game-screen .corner-button:active,.game-screen .finish-button:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #00000020,0 1px 0 #532095}.game-screen .workspace{top:max(78px, calc(env(safe-area-inset-top) + 70px))}.game-screen .finish-button,.game-screen[data-theme] .corner-button{border-bottom-width:1px}@media(prefers-reduced-motion: reduce){.game-screen .corner-button{transition:none}}.brand-final-only{display:none}#game{--ma-game-style:butterflies}