@font-face{font-family:Rubik Bubbles;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-bubbles-latin-400-normal-qecFTwof.woff2)format("woff2"),url(./rubik-bubbles-latin-400-normal-BwD6umx9.woff)format("woff")}@font-face{font-family:Rubik Bubbles;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-bubbles-cyrillic-400-normal-DMr8TGRO.woff2)format("woff2"),url(./rubik-bubbles-cyrillic-400-normal-BN0unkfD.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(./nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-cyrillic-800-normal-D3igD7Kl.woff2)format("woff2"),url(./nunito-cyrillic-800-normal-DymMgApb.woff)format("woff")}:root{--paper:#fff8ec;--grid:#f3e6cf;--ink:#3b2f2a;--ink-soft:#7a6a5f;--chip:#fff;--chip-edge:#e7d6bb;--accent:#ff7a59;--accent-edge:#d9583a;--on-accent:#fff;--cell-empty:#f4f1ec;--cell-line:#e2dbd0;--target:#d7ecff;--target-line:#8cc4f5;--focus:#5b8def;--shadow:#3b2f2a29;--cell:30px;--font-display:"Rubik Bubbles", "Arial Rounded MT Bold", system-ui, sans-serif;--font-ui:"Nunito", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}[hidden]{display:none!important}html{touch-action:manipulation;-webkit-text-size-adjust:100%}body{background:linear-gradient(var(--grid) 1px, transparent 1px) 0 0 / 28px 28px, linear-gradient(90deg, var(--grid) 1px, transparent 1px) 0 0 / 28px 28px, var(--paper);color:var(--ink);font-family:var(--font-ui);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-weight:800;overflow:hidden}button{font:inherit;color:inherit}button:focus-visible{outline:4px solid var(--focus);outline-offset:3px}svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}svg .fill{fill:currentColor;stroke:none}#app{height:100%;position:relative;overflow:hidden}.screen{position:absolute;top:0;bottom:0;left:0;right:0}.chip{background:var(--chip);height:56px;box-shadow:0 5px 0 var(--chip-edge);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px 0 16px;font-size:19px;display:inline-flex}.chip.round{width:56px;padding:0}.chip svg{width:27px;height:27px}.primary{background:var(--accent);height:60px;color:var(--on-accent);box-shadow:0 6px 0 var(--accent-edge);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 26px 0 30px;font-size:23px;display:inline-flex}.primary svg{width:24px;height:24px}.chip:active,.primary:active,.card:active{translate:0 4px}#sound-btn .sound-off,#sound-btn[aria-pressed=false] .sound-on{display:none}#sound-btn[aria-pressed=false] .sound-off{display:block}.gallery{padding:max(env(safe-area-inset-top), 14px) 16px max(env(safe-area-inset-bottom), 18px);flex-direction:column;gap:16px;display:flex;overflow-y:auto}.corner{justify-content:flex-end;gap:12px;display:flex}.gallery-head{text-align:center}.title{font-family:var(--font-display);background:linear-gradient(90deg,#ff6b6b,#ffa94d,#ffd43b,#69db7c,#4dabf7,#9775fa);color:#0000;filter:drop-shadow(0 4px #3b2f2a2e);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(46px,9vw,96px);font-weight:400;line-height:1}.tagline{color:var(--ink-soft);margin:8px 0 0;font-size:clamp(18px,2.6vw,24px)}.shelves{width:min(1000px,100%);margin:0 auto;padding-bottom:20px}.shelf+.shelf{margin-top:26px}.shelf-title{font-family:var(--font-display);color:var(--accent);margin:0 6px 12px;font-size:clamp(26px,4vw,34px);font-weight:400}.cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px;display:grid}.card{background:var(--chip);box-shadow:0 6px 0 var(--chip-edge);cursor:pointer;border:0;border-radius:26px;flex-direction:column;align-items:center;gap:10px;padding:14px 14px 12px;display:flex;position:relative}.card canvas{aspect-ratio:1;object-fit:contain;width:100%;image-rendering:pixelated;border-radius:12px}.card-name{font-size:19px}.card-bar{background:var(--cell-empty);border-radius:999px;width:100%;height:10px;overflow:hidden}.card-bar i{border-radius:inherit;background:var(--accent);height:100%;display:block}.card .tick{color:#fff;background:#51cf66;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:-8px;right:-8px;box-shadow:0 4px #2f9e44}.card .tick svg{stroke-width:3.4px;width:24px;height:24px}.paint{padding:max(env(safe-area-inset-top), 14px) max(env(safe-area-inset-right), 16px) max(env(safe-area-inset-bottom), 14px) max(env(safe-area-inset-left), 16px);flex-direction:column;display:flex}.bar{flex:none;align-items:center;gap:12px;display:flex}.picture-name{text-align:center;font-family:var(--font-display);color:var(--accent);flex:1;margin:0;font-size:clamp(28px,4.5vw,42px);font-weight:400}.stage{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.viewport{touch-action:none;flex:1;place-items:center;min-height:0;display:grid}.viewport.zoomed{border-radius:18px;overflow:hidden}.tools{z-index:2;flex-direction:column;align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:6px;right:0}.stage.below .tools{flex-direction:row;justify-content:center;padding-top:12px;position:static}.tools .chip:disabled{opacity:.4;cursor:default}.board{grid-template-columns:repeat(var(--w), var(--cell));grid-auto-rows:var(--cell);background:var(--chip);box-shadow:0 8px 0 var(--chip-edge), 0 14px 30px var(--shadow);touch-action:none;border-radius:18px;padding:10px;transition:scale .3s;display:grid}.board.glide{transition:scale .3s,transform .35s}.px{background:var(--cell-empty);box-shadow:inset 0 0 0 .5px var(--cell-line);font-size:calc(var(--cell) * .46);color:var(--ink-soft);font-variant-numeric:tabular-nums;place-items:center;line-height:1;display:grid}.px.two{font-size:calc(var(--cell) * .34);letter-spacing:-.04em}.px.target{background:var(--target);box-shadow:inset 0 0 0 1px var(--target-line);color:var(--ink)}.px.painted{background:var(--c);box-shadow:none;color:#0000;animation:.25s ease-out paint}.px.nope{animation:.3s nope}.px.hint{z-index:1;animation:.45s ease-in-out 4 alternate hint}@keyframes paint{0%{border-radius:50%;scale:.4}}@keyframes hint{to{background:var(--accent);color:var(--on-accent);box-shadow:0 0 0 2px var(--chip);border-radius:30%;scale:1.7}}@keyframes nope{25%,75%{translate:-3px}50%{translate:3px}}.board.finished{animation:1.2s cubic-bezier(.34,1.56,.64,1) alive}@keyframes alive{30%{rotate:-2deg;scale:1.08}60%{rotate:2deg;scale:.97}}.palette{flex-wrap:wrap;flex:none;justify-content:center;gap:clamp(8px,1.6vw,16px);padding-top:14px;display:flex}.pot{aspect-ratio:1;background:var(--c);width:clamp(56px,8vw,74px);box-shadow:inset 0 0 0 2px #00000014, inset 0 -6px 0 #00000024, 0 5px 0 var(--chip-edge);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:translate .15s,scale .15s;display:grid;position:relative}.palette.many{gap:clamp(6px,1.2vw,14px)}.palette.many .pot{width:clamp(46px,6.4vw,70px)}.pot span{min-width:34px;color:var(--ink);background:#ffffffd9;border-radius:999px;padding:2px 8px;font-size:clamp(18px,2.6vw,24px)}.pot[aria-checked=true]{box-shadow:inset 0 -6px 0 #00000024, 0 0 0 5px var(--chip), 0 0 0 9px var(--ink);translate:0 -8px;scale:1.18}.pot.finished{opacity:.55;scale:.85}.pot.finished span{font-size:0}.pot.finished span:after{content:"✓";font-size:clamp(18px,2.6vw,24px)}.how-to{left:50%;top:calc(max(env(safe-area-inset-top), 14px) + 70px);background:var(--chip);max-width:min(90%,560px);box-shadow:0 8px 20px var(--shadow);text-align:center;pointer-events:none;border-radius:24px;padding:12px 22px;font-size:19px;position:absolute;translate:-50%}.done{background:var(--chip);box-shadow:0 10px 30px var(--shadow);border-radius:30px;flex-direction:column;flex:none;align-self:center;align-items:center;gap:10px;margin-top:14px;padding:16px 22px 20px;animation:.5s cubic-bezier(.34,1.56,.64,1) rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(60%)}}.done-title{font-family:var(--font-display);color:var(--accent);margin:0;font-size:clamp(32px,6vw,48px)}.done-actions{gap:12px;display:flex}.confetti{z-index:30;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:600px){.chip{height:48px;font-size:16px}.chip.round{width:48px}.cards{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}