*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#fdfdff;color:#26262e;-webkit-user-select:none;user-select:none}.equation{display:flex;align-items:center;gap:clamp(.5rem,2vw,1.25rem)}.slot{width:clamp(70px,18vw,140px);aspect-ratio:1;border-radius:50%;background:#e9e9ef;box-shadow:inset 0 0 0 6px #0000000f}.result{width:clamp(90px,24vw,190px)}.pop{animation:pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes pop{0%{transform:scale(.2) rotate(-20deg)}to{transform:scale(1) rotate(0)}}.sign{font-size:clamp(2rem,6vw,4rem);color:#b9b9c4}.answer{font-size:clamp(2rem,7vw,3.5rem);font-weight:800;margin:0;letter-spacing:-.02em}.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.6rem,2vw,1.1rem)}@media (min-width: 760px){.palette{grid-template-columns:repeat(8,1fr)}}.chip{display:flex;flex-direction:column;align-items:center;gap:.4rem;border:none;background:none;padding:0;cursor:pointer;transition:transform .12s ease}.swatch{display:block;width:clamp(56px,14vw,100px);aspect-ratio:1;border-radius:50%;box-shadow:0 6px #0000001f,inset 0 0 0 5px #0000000f}.chip-name{font-size:clamp(.75rem,1.6vw,1rem);font-weight:700;color:#6b6b77}.chip:active{transform:translateY(6px) scale(.94)}.players{display:flex;gap:clamp(1rem,5vw,3rem)}.player{border:none;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem 1rem .75rem;border-radius:1.5rem;opacity:.45;transition:opacity .2s ease,transform .2s ease}.player.active,.player.winner{opacity:1;background:color-mix(in srgb,var(--player-color) 22%,transparent)}.player.active{transform:scale(1.06)}.player.winner{animation:cheer .7s ease-in-out infinite alternate}.face{font-size:clamp(2.2rem,7vw,3.2rem);line-height:1;filter:drop-shadow(0 3px 0 rgba(0,0,0,.12))}.pile{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;max-width:clamp(7rem,22vw,12rem);min-height:1rem}.pile i{display:block;width:clamp(.7rem,2vw,1rem);aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 2px #00000014}@keyframes cheer{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-10px) rotate(3deg)}}.star-dot{box-shadow:inset 0 0 0 2px #0003}.seats{display:flex;gap:clamp(1rem,5vw,3rem)}.seat{display:grid;place-content:center;width:clamp(4rem,14vw,6rem);aspect-ratio:1;border-radius:50%;background:#f2f2f7;font-size:clamp(2rem,7vw,3rem);line-height:1}.seat.choosing{background:color-mix(in srgb,var(--player-color) 30%,transparent);animation:waiting .9s ease-in-out infinite alternate}@keyframes waiting{0%{transform:scale(1)}to{transform:scale(1.12)}}.faces{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(.5rem,2vw,1.2rem)}.face-pick{border:none;background:#f2f2f7;border-radius:28%;width:clamp(56px,15vw,100px);aspect-ratio:1;font-size:clamp(1.8rem,6vw,3rem);line-height:1;cursor:pointer;box-shadow:0 6px #0000001a}.face-pick:active{transform:translateY(6px) scale(.94);box-shadow:none}.pile-face{font-size:clamp(.8rem,2.2vw,1.1rem);line-height:1}.board{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(.4rem,1.4vw,.9rem)}.card{display:grid;place-content:center;width:clamp(48px,11vw,80px);aspect-ratio:1;border:none;padding:0;border-radius:22%;cursor:pointer;background:#e2e2ea;box-shadow:0 6px #0000001f;transition:background .22s ease,transform .22s ease}.card:not(.up):after{content:"";display:block;width:clamp(.9rem,2.6vw,1.5rem);aspect-ratio:1;border-radius:50%;background:#00000014}.card.up{background:#fffdf6;box-shadow:0 6px #00000014,inset 0 0 0 4px #0000000d}.glyph{font-size:clamp(1.7rem,5vw,2.8rem);line-height:1;animation:turn .26s ease-out}@keyframes turn{0%{transform:scale(.3) rotate(-25deg);opacity:0}}.card:active{transform:scale(.94)}.card.star.up{background:radial-gradient(circle at 50% 40%,#fffdf2,#ffe9a8)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.5rem,1.8vw,1rem)}.spot{display:grid;place-content:center;width:clamp(76px,20vw,130px);aspect-ratio:1;border:none;border-radius:24%;padding:0;cursor:pointer;background:color-mix(in srgb,var(--player-color) 26%,#eeeef4);font-size:clamp(2.4rem,9vw,4rem);line-height:1;box-shadow:0 6px #0000001a;transition:background .2s ease,transform .16s ease}.spot:active{transform:translateY(6px) scale(.95);box-shadow:none}.spot.shine{animation:shine .6s ease-in-out infinite alternate;animation-delay:calc(var(--i) * 80ms)}@keyframes shine{0%{transform:scale(1) rotate(-2deg)}to{transform:scale(1.1) rotate(2deg)}}.ring{display:flex;align-items:center;gap:clamp(.6rem,2vw,1.5rem)}.pad{display:grid;place-items:center;align-content:center;gap:.6rem;width:clamp(120px,30vw,240px);height:clamp(150px,34vh,280px);border:none;border-radius:2rem;cursor:pointer;background:color-mix(in srgb,var(--player-color) 30%,#eeeef4);box-shadow:0 8px #0000001a;-webkit-user-select:none;user-select:none;transition:background .15s ease,transform .12s ease}.pad.go{background:color-mix(in srgb,#2fb457 45%,#eeeef4);animation:waiting .4s ease-in-out infinite alternate}.pad.scored{background:color-mix(in srgb,var(--player-color) 70%,#ffffff)}.pad:active{transform:translateY(8px) scale(.97);box-shadow:none}.star-light{display:grid;place-content:center;width:clamp(80px,18vw,140px);aspect-ratio:1;border:none;border-radius:50%;cursor:pointer;font-size:clamp(2rem,7vw,3.5rem);line-height:1;color:#6b6b77;background:#eeeef4;transition:background .15s ease}.star-light.set{background:#ffd9c2}.star-light.go{background:#ffe9a8;animation:waiting .3s ease-in-out infinite alternate}.pad-face{font-size:clamp(3rem,12vw,6rem);line-height:1}.key-hint{display:grid;place-content:center;min-width:3.2rem;padding:.25rem .6rem;border-radius:.6rem;background:#ffffffb3;color:#6b6b77;font-size:1.4rem;line-height:1.2;box-shadow:0 3px #0000001f}.choices{display:flex;gap:clamp(.75rem,3vw,2rem)}.choice{display:grid;place-items:center;gap:.5rem;width:clamp(90px,22vw,150px);padding:clamp(.6rem,2vh,1.2rem) .5rem;border:none;border-radius:1.5rem;cursor:pointer;background:#f2f2f7;box-shadow:0 7px #0000001a;transition:background .18s ease,transform .14s ease,opacity .18s ease}.numeral{font-size:clamp(2.6rem,9vw,4.2rem);font-weight:800;line-height:1;color:#34343e}.beads{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem;max-width:5.5rem}.beads i{display:block;width:clamp(.5rem,1.6vw,.75rem);aspect-ratio:1;border-radius:50%;background:#b9b9c4}.choice:active{transform:translateY(7px) scale(.96);box-shadow:none}.choice.nope{opacity:.35;animation:shake .32s ease-in-out}.choice.yes{background:color-mix(in srgb,var(--player-color) 45%,#ffffff);animation:cheer .6s ease-in-out 3 alternate}.choice.yes .beads i{background:#fff}@keyframes shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.typed{display:grid;place-items:center;width:clamp(120px,30vw,190px);height:clamp(120px,26vh,190px);border-radius:1.5rem;background:#f2f2f7;box-shadow:inset 0 0 0 5px #0000000d;transition:background .18s ease}.typed .numeral{font-size:clamp(4rem,14vw,7rem)}.typed.yes{background:color-mix(in srgb,var(--player-color) 45%,#ffffff);animation:cheer .6s ease-in-out 3 alternate}.typed.nope{animation:shake .32s ease-in-out}.typed.nope .numeral{color:#c9c9d2}.caret{display:block;width:clamp(2.4rem,7vw,3.6rem);height:.5rem;border-radius:.25rem;background:#d2d2da;animation:blink 1s steps(2,start) infinite}@keyframes blink{50%{opacity:.2}}.level-toggle{display:flex;gap:.3rem;background:#f2f2f7;padding:.3rem;border-radius:999px}.level-toggle button{display:grid;place-items:center;border:none;background:transparent;color:#9a9aa6;font-size:1.3rem;width:2.4rem;height:2.4rem;border-radius:50%;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.level-toggle button.active{background:#fff;box-shadow:0 3px #0000001a}.things{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.2rem,1vw,.6rem);max-width:min(90vw,40rem);min-height:clamp(4rem,14vh,7rem)}.things span{font-size:clamp(2rem,7vw,3.4rem);line-height:1}.things.solved span{animation:hop .5s ease-in-out;animation-delay:calc(var(--i) * 90ms)}.blob-shelf{display:grid;place-items:center;min-height:clamp(90px,20vh,140px)}.blob{width:clamp(64px,16vw,110px);aspect-ratio:1;border:none;border-radius:50%;padding:0;cursor:grab;touch-action:none;box-shadow:0 7px #00000024,inset 0 0 0 6px #ffffff40;animation:pop-in .3s cubic-bezier(.34,1.56,.64,1)}.blob.held{cursor:grabbing;transform-origin:center;scale:1.12;animation:none;box-shadow:0 14px 22px #00000038,inset 0 0 0 6px #ffffff40}@keyframes pop-in{0%{transform:scale(.3)}}.buckets{display:flex;gap:clamp(.6rem,3vw,1.6rem)}.bucket{display:grid;place-items:center;width:clamp(70px,18vw,130px);height:clamp(80px,20vh,140px);border-radius:1rem 1rem 2.5rem 2.5rem;background:color-mix(in srgb,var(--bucket-color) 82%,#ffffff);box-shadow:inset 0 14px #0000001f,0 7px #0000001a;transition:transform .16s ease}.bucket.bump{animation:shake .38s ease-in-out}.bucket.full{animation:gulp .5s ease-in-out}.catch{width:45%;aspect-ratio:1;border-radius:50%;background:#ffffff8c;animation:sink .5s ease-in forwards}@keyframes gulp{40%{transform:scale(1.12,.9)}}@keyframes sink{to{transform:translateY(30%) scale(.2);opacity:0}}@keyframes shake{25%{transform:translate(-9px)}75%{transform:translate(9px)}}.sum{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(.4rem,2vw,1.2rem);max-width:min(92vw,42rem);min-height:clamp(4rem,13vh,6.5rem)}.group{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.15rem,.8vw,.5rem)}.group span{font-size:clamp(1.8rem,6vw,3rem);line-height:1;transition:opacity .25s ease}.group .gone{opacity:.22;filter:grayscale(1)}.sum .sign{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800;color:#b9b9c4}.sum.solved .group span:not(.gone){animation:hop .5s ease-in-out;animation-delay:calc(var(--i) * 80ms)}@keyframes hop{50%{transform:translateY(-16px) scale(1.15)}}.sudoku-game .board{position:relative;display:grid;grid-template-columns:repeat(9,1fr);gap:2px;background:#d2d2da;border-radius:.75rem;padding:3px;width:min(90vw,36rem);aspect-ratio:1}.cell{display:grid;place-items:center;border:none;background:#fff;color:#34343e;font-size:clamp(.9rem,3.6vw,1.6rem);font-weight:700;cursor:pointer;transition:background .15s ease}.cell:disabled{cursor:default}.cell.given{color:#6b6b77;background:#f2f2f7}.cell.filled{color:#1d9e4b;animation:pop .26s cubic-bezier(.34,1.56,.64,1)}.cell.selected{background:color-mix(in srgb,#7ec8f2 35%,#ffffff)}.cell.box-right{border-right:3px solid #b9b9c4}.cell.box-bottom{border-bottom:3px solid #b9b9c4}.board.won .cell.filled{animation:cheer .6s ease-in-out 3 alternate}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes cheer{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-4px) rotate(3deg)}}@keyframes pop{0%{transform:scale(.4)}to{transform:scale(1)}}.overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#34343e26;border-radius:inherit;cursor:default;z-index:4}.digit-overlay{position:absolute;left:clamp(100px,calc((var(--c) + .5) * (100% / 9)),calc(100% - 100px));top:clamp(100px,calc((var(--r) + .5) * (100% / 9)),calc(100% - 100px));transform:translate(-50%,-50%);z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.5rem;background:#fff;border-radius:1rem;box-shadow:0 10px 24px #0003;animation:pop .18s cubic-bezier(.34,1.56,.64,1)}.digit-overlay button{border:none;background:#f2f2f7;color:#34343e;font-size:clamp(1.1rem,4vw,1.5rem);font-weight:800;width:clamp(2.6rem,9vw,3.4rem);aspect-ratio:1;border-radius:.6rem;cursor:pointer;box-shadow:0 4px #0000001a}.digit-overlay button:active{transform:translateY(4px);box-shadow:none}.digit-overlay button:disabled{opacity:.3;cursor:default;box-shadow:none}.digit-overlay button.nope{color:#e63946;animation:shake .32s ease-in-out}.tray{display:flex;align-items:center;gap:1rem}.difficulty{display:flex;align-items:center;gap:.6rem;font-size:1.3rem}.difficulty input[type=range]{width:clamp(140px,40vw,260px);accent-color:#7ec8f2}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:clamp(.75rem,2vh,1.5rem)}.game{display:flex;flex-direction:column;align-items:center;gap:clamp(.75rem,2.5vh,1.5rem)}.home{display:grid;grid-template-columns:repeat(4,auto);gap:clamp(1rem,4vw,2.5rem);justify-content:center}@media (max-width: 1000px){.home{grid-template-columns:repeat(3,auto)}}@media (max-width: 480px){.home{grid-template-columns:repeat(2,auto)}}.tile{border:none;background:#f2f2f7;border-radius:28%;padding:clamp(1.25rem,4vw,2.5rem);cursor:pointer;box-shadow:0 8px #0000001a;transition:transform .12s ease}.mode-pick{grid-template-columns:repeat(2,auto)}.mode-tile{display:flex;flex-direction:column;align-items:center;gap:.75rem}.mode-art{display:grid;place-content:center;width:clamp(96px,22vw,150px);aspect-ratio:1;font-size:clamp(2.4rem,8vw,3.6rem);line-height:1}.tile:active{transform:translateY(8px) scale(.96);box-shadow:none}.tile-art{display:grid;width:clamp(96px,22vw,150px);aspect-ratio:1;place-content:center}.tile-art i{display:block;border-radius:50%}.mix-art{grid-auto-flow:column}.mix-art i{width:clamp(60px,17vw,105px);aspect-ratio:1}.mix-art i:last-child{margin-left:-22%;mix-blend-mode:multiply}.memory-art{grid-template-columns:repeat(2,1fr);gap:clamp(.5rem,2vw,.9rem)}.row-art{grid-template-columns:repeat(3,1fr);gap:clamp(.3rem,1.2vw,.6rem)}.row-art i{width:clamp(28px,8vw,52px);aspect-ratio:1;border-radius:26%;background:#dedee6}.tap-art{grid-auto-flow:column;align-items:center;gap:clamp(.2rem,1vw,.5rem)}.tap-art i{width:clamp(34px,9vw,58px);height:clamp(46px,12vw,78px);border-radius:28%}.tap-art .spark{display:grid;place-content:center;width:auto;font-size:clamp(1.4rem,4vw,2.2rem);font-style:normal}.count-art{gap:.5rem;place-content:center}.count-art .numeral{font-size:clamp(2.6rem,8vw,4rem);font-weight:800;color:#34343e;line-height:1}.count-art .beads{display:flex;justify-content:center;gap:.35rem}.count-art .beads i{width:clamp(.6rem,2vw,.9rem);aspect-ratio:1;border-radius:50%;background:#b9b9c4}.sort-art{justify-items:center;gap:clamp(.35rem,1.5vw,.7rem);place-content:center}.sort-art .drop{width:clamp(20px,5vw,32px);aspect-ratio:1;border-radius:50%}.sort-art .pots{display:flex;gap:clamp(.25rem,1vw,.5rem)}.sort-art .pots i{width:clamp(18px,5vw,30px);height:clamp(22px,6vw,36px);border-radius:0 0 40% 40%;opacity:.85}.sum-art{gap:.5rem;place-content:center}.sum-art .numeral{font-size:clamp(2.6rem,8vw,4rem);font-weight:800;color:#34343e;line-height:1}.sum-art .beads{display:flex;justify-content:center;gap:.3rem}.sum-art .beads i{width:clamp(.5rem,1.7vw,.8rem);aspect-ratio:1;border-radius:50%;background:#b9b9c4}.memory-art i{width:clamp(48px,13vw,85px);aspect-ratio:1;border-radius:24%}.sudoku-art{grid-template-columns:repeat(3,1fr);gap:clamp(.2rem,1vw,.4rem)}.sudoku-art i{display:grid;place-content:center;width:clamp(24px,6vw,40px);aspect-ratio:1;border-radius:20%;background:#dedee6;font-style:normal;font-weight:800;font-size:clamp(.9rem,3vw,1.3rem);color:#6b6b77}.back{position:fixed;top:1rem;left:1rem;border:none;background:#f2f2f7;color:#6b6b77;font-size:2rem;line-height:1;width:3.5rem;height:3.5rem;border-radius:50%;cursor:pointer}.back:active{transform:scale(.94)}.reset{border:none;background:#e9e9ef;color:#6b6b77;font-size:2rem;line-height:1;width:3.5rem;height:3.5rem;border-radius:50%;cursor:pointer}.reset:active{transform:scale(.94)}