@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:400;src:url(./fredoka-latin-400-normal-17JuUzdy.woff2) format("woff2"),url(./fredoka-latin-400-normal-DbXSrOeS.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-600-normal-C4zohCW5.woff2) format("woff2"),url(./fredoka-latin-600-normal-CcrEjrB4.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-latin-700-normal-BOIZVyIN.woff2) format("woff2"),url(./fredoka-latin-700-normal-C8FeHd3X.woff) format("woff")}:root{--ink: #4a3150;--ink-soft: #7b6480;--paper: #fff8ec;--paper-line: #d9e8f6;--margin-line: #ffb0ce;--white: #ffffff;--pink: #ffb0ce;--pink-light: #ffdce9;--pink-deep: #ff7eae;--mint: #b6eed6;--green: #5fd38d;--green-deep: #3bb26e;--sky: #8fcbf5;--yellow: #ffdb5c;--orange: #ff9f45;--lilac: #d5c6fa;--red: #ff6f91;--rainbow: linear-gradient(90deg, #ff6f91, #ff9f45, #ffd43b, #5fd38d, #4db4f5, #9c7cf4);--font: "Fredoka", ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--tap: 56px;--radius: 22px;--border: 4px;--lift: 0 5px 0 var(--ink);--margin-x: 64px;--line-gap: 36px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:18px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%}body{background-color:var(--paper);background-image:linear-gradient(90deg,transparent calc(var(--margin-x) - 10px),var(--margin-line) calc(var(--margin-x) - 10px),var(--margin-line) calc(var(--margin-x) - 7px),transparent calc(var(--margin-x) - 7px)),repeating-linear-gradient(180deg,transparent 0,transparent calc(var(--line-gap) - 2px),var(--paper-line) calc(var(--line-gap) - 2px),var(--paper-line) var(--line-gap))}#app{position:fixed;inset:0;display:flex;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.margin-doodles{position:fixed;left:0;top:0;bottom:0;width:calc(var(--margin-x) - 12px);pointer-events:none;opacity:.9}.margin-doodles svg{width:100%;height:100%}.screen{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;padding:10px 16px 12px calc(var(--margin-x) + 4px);position:relative}h1,h2,h3{margin:0;font-weight:700}a{color:inherit}button{font-family:inherit;color:inherit}:focus-visible{outline:4px dashed var(--pink-deep);outline-offset:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--tap);padding:0 28px;font:700 1.35rem var(--font);color:var(--ink);background:var(--yellow);border:var(--border) solid var(--ink);border-radius:999px;box-shadow:var(--lift);cursor:pointer;text-decoration:none;transition:transform .08s,box-shadow .08s;touch-action:manipulation}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.btn-soft{background:var(--pink-light);font-size:1.1rem}.btn-go{background:var(--green)}.btn-start{min-height:92px;min-width:280px;padding:0 64px;font-size:clamp(2.2rem,5vw,3.2rem);letter-spacing:.06em;background:var(--green);color:var(--white);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;box-shadow:0 8px 0 var(--ink)}.btn-start:active{transform:translateY(6px);box-shadow:0 2px 0 var(--ink)}.icon-btn{flex:none;width:var(--tap);height:var(--tap);display:grid;place-items:center;border-radius:50%;border:var(--border) solid var(--ink);background:var(--white);color:var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;text-decoration:none;touch-action:manipulation}.icon-btn svg{width:28px;height:28px}.icon-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.icon-btn.ghost{background:#ffffffb3}.card{background:var(--white);border:var(--border) solid var(--ink);border-radius:28px;box-shadow:0 6px #4a315040}.topbar{display:flex;align-items:center;gap:14px;min-height:64px;flex:none}.topbar h1{font-size:1.7rem;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide{display:flex;align-items:flex-end;gap:8px}.guide-cat{flex:none;width:130px}.guide-sm .guide-cat{width:92px}.guide-lg .guide-cat{width:200px}.guide-cat svg{width:100%;height:auto;display:block;overflow:visible}.bubble{position:relative;background:var(--white);border:var(--border) solid var(--ink);border-radius:22px;padding:12px 16px;margin-bottom:40%;max-width:260px;box-shadow:0 4px #4a315033}.guide-sm .bubble{margin-bottom:30%}.bubble:before{content:"";position:absolute;left:-14px;bottom:14px;width:20px;height:20px;background:var(--white);border-left:var(--border) solid var(--ink);border-bottom:var(--border) solid var(--ink);transform:rotate(45deg);border-radius:0 0 0 6px}.bubble-text{margin:0;font-size:1.15rem;font-weight:600;line-height:1.3}.bubble-top{flex-direction:column-reverse;align-items:center}.bubble-top .bubble{margin-bottom:8px;max-width:100%}.bubble-top .bubble:before{left:50%;bottom:-13px;margin-left:-10px;transform:rotate(-45deg)}.bubble.pop{animation:bubblePop .35s cubic-bezier(.3,1.6,.5,1)}.guide-cat.hop{animation:hop .5s ease}@keyframes bubblePop{0%{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}@keyframes hop{0%,to{transform:none}40%{transform:translateY(-10px) rotate(-3deg)}}.sc-eye{transform-box:fill-box;transform-origin:center;animation:blink 5.2s infinite;animation-delay:calc(var(--p, 0) * .9s)}@keyframes blink{0%,93%,to{transform:none}95.5%{transform:scaleY(.1)}}.title-screen{align-items:center;overflow:hidden}.title-top{align-self:stretch;display:flex;justify-content:flex-end;flex:none}.title-logo{flex:1;min-height:0;width:100%;position:relative}.title-logo-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;object-fit:contain}.title-bottom{flex:none;display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0 34px;z-index:2}.idea-by{margin:4px 0 0;font-size:1.1rem;color:var(--ink-soft);font-weight:600}.credit-footer{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:.8rem;color:var(--ink-soft);text-decoration:none;padding:6px 12px;white-space:nowrap}.corner-peek{position:absolute;bottom:-18px;width:clamp(96px,14vw,180px);pointer-events:none;z-index:1}.corner-peek svg{width:100%;height:auto;display:block}.peek-bl{left:calc(var(--margin-x) - 6px);transform:rotate(8deg)}.peek-br{right:6px;transform:rotate(-10deg)}.animate .corner-peek{animation:peekIn .9s cubic-bezier(.3,1.4,.5,1) 2.6s both}.animate .peek-br{animation-delay:3s}.corner-peek .wave{transform-box:fill-box;transform-origin:30% 100%;animation:wave 3.2s ease-in-out 4s infinite}@keyframes peekIn{0%{translate:0 110%}to{translate:0 0}}@keyframes wave{0%,70%,to{transform:none}78%{transform:rotate(-10deg) translateY(-6px)}86%{transform:rotate(8deg) translateY(-6px)}94%{transform:rotate(-6deg)}}.animate .sc-letter .sc-ink-path{animation:inkIn .75s ease-out both;animation-delay:calc(var(--i) * .11s + .9s)}.animate .sc-letter .sc-after{animation:fadeIn .3s ease-out both;animation-delay:calc(var(--i) * .11s + 1.45s)}@keyframes inkIn{0%{stroke-dasharray:1 1;stroke-dashoffset:1;fill-opacity:0}65%{stroke-dasharray:1 1;stroke-dashoffset:0;fill-opacity:0}to{stroke-dasharray:1 0;stroke-dashoffset:0;fill-opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate .sc-peek{transform-box:view-box;animation:peekUp .6s cubic-bezier(.3,1.5,.5,1) both,scribble .9s ease-in-out infinite;animation-delay:calc(var(--p) * .18s + .2s),calc(var(--p) * .23s + 1s)}@keyframes peekUp{0%{opacity:0;translate:0 50px}to{opacity:1;translate:0 0}}@keyframes scribble{0%,to{translate:0 0}50%{translate:0 -3px}}.animate .sc-pp{animation:ppIn .8s cubic-bezier(.3,1.5,.5,1) .15s both}@keyframes ppIn{0%{opacity:0;translate:0 120px}to{opacity:1;translate:0 0}}.animate .sc-doodle{animation:popIn .5s cubic-bezier(.3,1.8,.5,1) both;animation-delay:calc(var(--d) * .15s + 2.6s);transform-box:fill-box;transform-origin:center}.animate .sc-twinkle{animation:popIn .5s cubic-bezier(.3,1.8,.5,1) both,twinkle 2.8s ease-in-out infinite;animation-delay:calc(var(--d) * .15s + 2.6s),3.4s}@keyframes popIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}@keyframes twinkle{0%,to{transform:none}50%{transform:rotate(10deg) scale(1.08)}}.animate .btn-start{animation:popIn .5s cubic-bezier(.3,1.8,.5,1) 2.9s both,breathe 2.4s ease-in-out 3.6s infinite}@keyframes breathe{0%,to{scale:1}50%{scale:1.04}}.home-title{background:var(--rainbow);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:0;font-size:1.9rem!important}.streaks{display:flex;gap:10px;flex:none}.streak-chip{display:flex;align-items:center;gap:6px;min-height:52px;padding:4px 14px 4px 8px;background:var(--white);border:3px solid var(--ink);border-radius:999px;font-size:1.1rem}.streak-chip b{font-size:1.4rem}.chip-icon svg{width:34px;height:34px;display:block}.chip-label{color:var(--ink-soft);font-size:.9rem}.home-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(200px,24%) 1fr;gap:8px}.home-guide{align-self:end;padding-bottom:8px}.home-guide .guide{flex-direction:column-reverse;align-items:flex-start}.home-guide .bubble{margin-bottom:10px}.home-guide .bubble:before{left:40px;bottom:-13px;transform:rotate(-45deg)}.home-guide .guide-cat{width:min(170px,100%)}.map{position:relative;min-height:0}.map-path{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.map-path-line{fill:none;stroke:var(--pink-deep);stroke-width:6;stroke-dasharray:2 14;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.8}.map-node{--s: clamp(86px, min(12vw, 17vh), 128px);position:absolute;width:var(--s);height:var(--s);transform:translate(-50%,-50%);border-radius:50%;border:var(--border) solid var(--ink);background:var(--white);box-shadow:0 6px 0 var(--ink);padding:0;cursor:pointer;touch-action:manipulation}.map-node:active{transform:translate(-50%,calc(-50% + 4px));box-shadow:0 2px 0 var(--ink)}.node-art{position:absolute;inset:9%;display:block}.node-art svg{width:100%;height:100%;display:block}.node-num{position:absolute;top:-10px;left:-10px;width:34px;height:34px;border-radius:50%;background:var(--yellow);border:3px solid var(--ink);font-weight:700;font-size:1rem;display:grid;place-items:center;z-index:1}.node-name{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);white-space:nowrap;font-weight:700;font-size:1rem;background:#fff8eceb;padding:0 8px;border-radius:10px}.node-stars{position:absolute;bottom:-6px;right:-12px;color:#ffc61a;font-size:1.3rem;-webkit-text-stroke:1.5px var(--ink)}.map-node.locked{background:#f3edf5;box-shadow:0 6px #b9a9bd;border-color:#b9a9bd}.map-node.locked .node-art{filter:grayscale(1) brightness(1.15);opacity:.35}.map-node.locked .node-num{background:#e6dcea;border-color:#b9a9bd;color:#8d7b92}.map-node.locked .node-name{color:#8d7b92}.node-lock{position:absolute;inset:0;display:grid;place-items:center;color:#9b88a1}.node-lock svg{width:40%;height:40%}.map-node.next{background:var(--pink-light)}.map-node.next:after{content:"";position:absolute;inset:-12px;border-radius:50%;border:4px dashed var(--pink-deep);animation:spin 9s linear infinite}.map-node.next{animation:nodeBounce 1.8s ease-in-out infinite}@keyframes nodeBounce{0%,to{translate:0 0}50%{translate:0 -6px}}@keyframes spin{to{transform:rotate(360deg)}}.map-node.shake{animation:shake .4s}@keyframes shake{25%{translate:-6px 0}75%{translate:6px 0}}.draw-title{flex:0 1 auto!important}.accuracy-placeholder{flex:1}.draw-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(180px,22%) 1fr auto;gap:14px}.reference{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:0}.ref-card{position:relative;width:min(100%,40vh);aspect-ratio:1;background:var(--white);border:var(--border) solid var(--ink);border-radius:var(--radius)}.ref-card>svg,.ref-card>canvas{position:absolute;inset:8%;width:84%;height:84%}.ref-label{margin:0;font-weight:700;font-size:1.2rem;text-align:center}.ref-note{margin:0;font-size:.8rem;color:var(--ink-soft);text-align:center}.reference .guide{margin-top:auto}.sheet-wrap{min-width:0;min-height:0;container-type:size;display:grid;place-items:center}.sheet{position:relative;width:min(100cqw,100cqh);height:min(100cqw,100cqh);background:var(--white);border:var(--border) solid var(--ink);border-radius:20px;box-shadow:0 6px #4a315040;overflow:hidden}.sheet-layer{position:absolute;left:0;top:0;display:block}.sheet-input{touch-action:none;cursor:crosshair}.tools{display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;padding:2px 4px 8px;width:204px}.tool-group{display:grid;grid-template-columns:repeat(3,var(--tap));gap:8px;justify-content:center}.colors{grid-template-columns:repeat(3,var(--tap))}.swatch{width:var(--tap);height:var(--tap);border-radius:50%;background:var(--sw);border:3px solid var(--ink);cursor:pointer;padding:0}.swatch[aria-pressed=true]{box-shadow:0 0 0 4px var(--white),0 0 0 8px var(--ink);transform:scale(.9)}.size-btn,.tool-btn,.brush-btn{min-width:var(--tap);height:var(--tap);border-radius:16px;border:3px solid var(--ink);background:var(--white);display:grid;place-items:center;cursor:pointer;padding:0 6px}.size-dot{width:var(--d);height:var(--d);border-radius:50%;background:var(--ink)}.size-btn[aria-pressed=true],.brush-btn[aria-pressed=true]{background:var(--mint);box-shadow:inset 0 0 0 3px var(--white)}.brushes{grid-template-columns:repeat(2,1fr)}.brush-btn{font-weight:700;font-size:1rem}.tool-btn svg{width:28px;height:28px}.tool-btn:disabled{opacity:.35;cursor:default}.tool-btn:not(:disabled):active,.size-btn:active,.brush-btn:active{transform:translateY(2px)}.settings-card,.about-card{width:min(640px,100%);margin:8px auto;padding:20px 24px;overflow-y:auto}.setting-row{display:flex;align-items:center;gap:14px;min-height:64px;border-bottom:2px dashed #eadff0}.setting-icon{width:30px;flex:none}.setting-icon svg{width:28px;height:28px}.setting-label{flex:1;font-size:1.2rem;font-weight:600}.setting-note{color:var(--ink-soft);font-size:.95rem}.switch{width:88px;height:52px;border-radius:999px;border:3px solid var(--ink);background:#e9e1ec;position:relative;cursor:pointer;padding:0}.switch-knob{position:absolute;top:4px;left:4px;width:38px;height:38px;border-radius:50%;background:var(--white);border:3px solid var(--ink);transition:left .15s}.switch[aria-checked=true]{background:var(--green)}.switch[aria-checked=true] .switch-knob{left:40px}input[type=range]{width:min(260px,45vw);height:40px;accent-color:var(--pink-deep)}.segmented{display:flex;border:3px solid var(--ink);border-radius:999px;overflow:hidden}.segmented button{min-height:52px;padding:0 16px;border:0;background:var(--white);font-weight:600;font-size:1rem;cursor:pointer}.segmented button+button{border-left:3px solid var(--ink)}.segmented button[aria-checked=true]{background:var(--mint)}.about-card{text-align:center}.about-pp{width:150px;margin:0 auto}.about-pp svg{width:100%;height:auto}.about-card h2{font-size:2rem}.about-idea{font-weight:700;font-size:1.2rem}.about-safe{background:var(--mint);border-radius:14px;padding:10px}.studio{margin:20px 0 8px;padding-top:16px;border-top:2px dashed #eadff0}.studio-logo{width:min(260px,70%);height:auto}.studio p{margin:4px 0}.muted{color:var(--ink-soft)}.small{font-size:.8rem}@media(orientation:portrait){.home-body{grid-template-columns:1fr;grid-template-rows:1fr auto}.home-guide{order:2}.home-guide .guide{flex-direction:row;align-items:flex-end}.home-guide .guide-cat{width:120px}.home-guide .bubble{margin-bottom:70px}.home-guide .bubble:before{left:-14px;bottom:14px;transform:rotate(45deg)}.streak-chip .chip-label{display:none}.draw-body{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.reference{flex-direction:row;align-items:center}.ref-card{width:150px;flex:none}.reference .guide{margin-top:0;flex:1;flex-direction:row;align-items:flex-end}.reference .guide .bubble{margin-bottom:50px}.reference .guide .bubble:before{left:-14px;bottom:14px;margin:0;transform:rotate(45deg)}.ref-label,.ref-note{display:none}.tools{width:auto;flex-direction:row;flex-wrap:wrap;justify-content:center;overflow:visible}.colors{grid-template-columns:repeat(7,var(--tap))}.brushes{grid-template-columns:repeat(4,auto)}}@media(max-width:760px),(max-height:500px){:root{--margin-x: 26px;--tap: 52px}.margin-doodles{display:none}.screen{padding-left:calc(var(--margin-x) + 2px);padding-right:10px}.btn-start{min-height:64px;min-width:200px;font-size:1.8rem}.home-title{display:none}.bubble-text{font-size:1rem}.colors{grid-template-columns:repeat(7,var(--tap))}}@media(max-height:500px)and (orientation:landscape){.tools{width:184px}.draw-body{grid-template-columns:150px 1fr auto}.ref-card{max-height:34vh}.reference .guide{display:none}.home-guide .guide-cat{width:100px}.title-bottom{padding-bottom:22px}.topbar{min-height:58px}.colors{grid-template-columns:repeat(3,var(--tap))}}body.high-contrast{--ink: #000000;--ink-soft: #222222;--paper: #ffffff;--paper-line: transparent;--margin-line: transparent}body.high-contrast .bubble-text,body.high-contrast .node-name{font-weight:700}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){body:not(.motion-ok) *,body:not(.motion-ok) *:before,body:not(.motion-ok) *:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}.draw-top{gap:12px}.draw-top .draw-title{flex:0 0 auto!important;max-width:22%}.acc-bar{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.acc-track{flex:1;display:flex;gap:3px;height:34px;padding:4px;background:var(--white);border:var(--border) solid var(--ink);border-radius:999px;overflow:hidden}.acc-track .seg{flex:1;border-radius:4px;background:#efe6f2;transition:background-color .2s}.acc-track .seg:first-child{border-radius:999px 4px 4px 999px}.acc-track .seg:last-child{border-radius:4px 999px 999px 4px}.acc-track .seg[data-state=good]{background:#5fd38d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8' fill='none' stroke='white' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / min(80%,18px) no-repeat}.acc-track .seg[data-state=off]{background:#ff6f91 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12c2-4 4-4 6 0s4 4 6 0 4-4 6 0' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center / min(90%,20px) no-repeat;animation:segWiggle .6s ease}@keyframes segWiggle{30%{transform:translateY(-3px)}60%{transform:translateY(2px)}}.acc-step{flex:none;min-width:64px;text-align:center;font-weight:700;font-size:1.2rem;background:var(--yellow);border:3px solid var(--ink);border-radius:999px;padding:6px 12px}.ref-info{display:flex;flex-direction:column;align-items:center;gap:8px}.ref-label{font-size:1.25rem;line-height:1.25}.ref-svg{position:absolute;inset:6%;width:88%;height:88%;overflow:visible}.ref-svg path{fill:none;stroke-linecap:round;stroke-linejoin:round}.ref-prev{stroke:var(--ink);stroke-width:1.6;opacity:.9}.ref-dot.ref-prev{fill:var(--ink);stroke:none}.ref-cur{stroke:var(--pink-deep);stroke-width:2.6;filter:drop-shadow(0 0 1.6px rgba(255,126,174,.9))}.ref-dot.ref-cur{fill:var(--pink-deep);stroke:none}.ref-cur.anim{animation:refDraw 1.3s ease-in-out both;animation-delay:calc(var(--k) * 1.3s + .25s)}.ref-dot.ref-cur.anim{animation:popIn .4s cubic-bezier(.3,1.8,.5,1) both;animation-delay:calc(var(--k) * 1.3s + .25s);transform-box:fill-box;transform-origin:center}.anim-all{animation:refDraw var(--dur, .6s) ease-in-out both;animation-delay:calc(var(--k) * var(--dur, .6s))}@keyframes refDraw{0%{stroke-dasharray:1 1;stroke-dashoffset:1}99%{stroke-dasharray:1 1;stroke-dashoffset:0}to{stroke-dasharray:none;stroke-dashoffset:0}}.btn-small{min-height:var(--tap);font-size:1rem;padding:0 18px;gap:6px}.btn-ico svg,.next-ico svg{width:24px;height:24px;display:block}.sheet-overlay{pointer-events:none}.sheet-overlay.pulse{animation:haloPulse 1.1s ease-in-out infinite alternate}@keyframes haloPulse{0%{opacity:.55}to{opacity:1}}.sheet.erasing .sheet-input{cursor:cell}.tools-note{margin:0;text-align:center;font-weight:600;color:var(--ink-soft);font-size:.95rem}.big-tools{grid-template-columns:1fr 1fr}.big-tool,.eraser-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:84px;border-radius:18px;border:3px solid var(--ink);background:var(--white);font-weight:700;font-size:1rem;cursor:pointer}.eraser-btn{flex-direction:row;min-height:var(--tap);grid-column:1 / -1;gap:8px}.tool-ico svg{width:34px;height:34px;display:block}.eraser-btn .tool-ico svg{width:28px;height:28px}.big-tool[aria-pressed=true],.eraser-btn[aria-pressed=true]{background:var(--mint);box-shadow:inset 0 0 0 3px var(--white)}.big-tool[data-tool=eraser][aria-pressed=true],.eraser-btn[aria-pressed=true]{background:var(--pink-light)}.next-wrap{margin-top:auto;padding-top:8px}.btn-next{width:100%;min-height:76px;font-size:1.6rem;background:#d9d1dc;color:var(--white);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill}.btn-next .next-ico{color:var(--white)}.btn-next.ready{background:var(--green);animation:breathe 1.6s ease-in-out infinite}@media(orientation:portrait){.draw-top{flex-wrap:wrap}.draw-top .acc-bar{flex-basis:100%;order:3}.draw-top .draw-title{max-width:none;flex:1!important}.ref-info{align-items:flex-start;flex:1}.ref-label{display:block;text-align:left}.reference .guide{display:none}.next-wrap{margin:0;padding:0;flex-basis:100%;display:flex;justify-content:center}.btn-next{width:min(420px,100%);min-height:64px}.tools-note{flex-basis:100%}.big-tool{min-height:var(--tap);flex-direction:row;gap:8px;padding:0 16px}.eraser-btn{grid-column:auto}}@media(max-height:500px)and (orientation:landscape){.acc-track{height:28px}.draw-top .draw-title,.ref-info .btn-watch{display:none}.ref-label{font-size:1rem}.btn-next{min-height:56px;font-size:1.3rem}.big-tool{min-height:var(--tap)}}.dev-screen{overflow-y:auto;user-select:text;-webkit-user-select:text}.dev-drawing{padding:16px;margin-bottom:16px}.dev-drawing h2{font-size:1.2rem;margin-bottom:8px}.dev-steps{display:flex;flex-wrap:wrap;gap:12px}.dev-step{margin:0;width:180px;font-size:.9rem}.dev-step.decorate{opacity:.8}.dev-svg{width:180px;height:180px;border:2px solid #ddd;border-radius:10px;display:block}.dev-errors{color:#c0304f;font-weight:600}.dev-ok,.dev-good{color:#2e9c5e;font-weight:600}.dev-warn{color:#c0304f;font-weight:600}.btn-restart{flex:none;background:var(--white)}.btn-restart .btn-ico svg{width:22px;height:22px}.dialog-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#4a315059;padding:16px}.dialog{width:min(480px,100%);padding:20px 24px 24px;text-align:center;animation:popIn .3s cubic-bezier(.3,1.6,.5,1)}.dialog h2{font-size:1.7rem;margin-bottom:6px}.dialog p{font-size:1.15rem;margin:0 0 16px}.dialog-pp{width:120px;margin:-70px auto 4px}.dialog-pp svg{width:100%;height:auto}.dialog-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.dialog-actions .btn{min-width:170px}.memory-card{display:grid;place-items:center;background:repeating-linear-gradient(45deg,#fff,#fff 14px,#fff4f8 14px 28px)}.memory-q{font-size:clamp(4rem,9vw,7rem);font-weight:700;color:var(--pink-deep);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.btn-peek{gap:6px}.btn-peek:disabled{opacity:.5}.paws{display:inline-flex;gap:2px;margin-left:4px}.paw svg{width:18px;height:18px;display:block;color:var(--pink-deep)}.paw.used svg{color:#d8cdda}.final-round .acc-step{background:var(--pink)}.sheet-demo,.sheet-peek{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.sheet-demo .ref-prev{stroke-width:1.1}.ref-dot.anim-all{animation:popIn .35s cubic-bezier(.3,1.8,.5,1) both;animation-delay:calc(var(--k) * var(--dur, .6s));transform-box:fill-box;transform-origin:center}.sheet-peek{opacity:0;transform-origin:0 0;transition:opacity .35s}.sheet-peek.show{opacity:.3}.sheet-peek .ref-prev{stroke:var(--sky);stroke-width:1.4}.sheet-peek .ref-dot{fill:var(--sky)}.demo-running{box-shadow:0 0 0 6px var(--pink-light),0 6px #4a315040}.your-turn{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);pointer-events:none;font-size:clamp(2rem,6vw,4rem);font-weight:700;color:var(--white);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);opacity:0;z-index:5;white-space:nowrap}.your-turn.show{animation:turnBanner 2.2s ease both}@keyframes turnBanner{0%{opacity:0;scale:.4}15%{opacity:1;scale:1.08}25%{scale:1}80%{opacity:1}to{opacity:0}}.results-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,40%);gap:20px}.result-paper{container-type:size;min-height:0;display:grid;place-items:center}.result-canvas{width:min(100cqw,100cqh);height:min(100cqw,100cqh);background:#fff;border:var(--border) solid var(--ink);border-radius:20px;box-shadow:0 6px #4a315040}.results-side{display:flex;flex-direction:column;align-items:center;gap:10px;overflow-y:auto;padding-bottom:8px}.stars-row{display:flex;gap:6px}.big-star svg{width:clamp(64px,9vw,96px);height:auto;display:block;filter:grayscale(1) opacity(.3)}.big-star.on svg{filter:drop-shadow(0 4px 0 rgba(74,49,80,.25))}.stars-row.animate .big-star.on{animation:starPop .55s cubic-bezier(.3,1.8,.5,1) both;animation-delay:calc(var(--s) * .45s + .5s)}.stars-row.animate .big-star.on:nth-child(2){translate:0 -10px}@keyframes starPop{0%{scale:0;rotate:-40deg}to{scale:1;rotate:0deg}}.result-stats{margin:0;font-weight:600;color:var(--ink-soft)}.saved-note{margin:0;display:flex;align-items:center;gap:6px;font-weight:700;color:var(--green-deep)}.saved-note svg{width:22px;height:22px;display:block}.results-side .guide .guide-cat{width:120px}.result-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.result-actions.secondary .btn{font-size:1rem;min-height:var(--tap);padding:0 16px}.btn-next-critter{background:var(--sky)}.btn-delete{background:#ffe3ea}.empty-card{padding:24px;text-align:center;margin:20px auto}.confetti{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:40}.gallery-screen{overflow:hidden}.gallery-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;align-content:start;padding:6px 4px 20px}.gallery-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px;background:var(--white);border:var(--border) solid var(--ink);border-radius:20px;box-shadow:0 5px 0 var(--ink);text-decoration:none}.gallery-card:active{transform:translateY(3px);box-shadow:0 2px 0 var(--ink)}.gallery-thumb{width:100%;aspect-ratio:1;border-radius:12px;border:2px solid #eee;background:#fff}.gallery-name{font-weight:700;font-size:1.1rem}.gallery-stars{color:#ffc61a;font-size:1.4rem;letter-spacing:2px;-webkit-text-stroke:1px var(--ink)}.gallery-date{color:var(--ink-soft);font-size:.9rem}.gallery-empty{flex:1;display:grid;place-items:center}@media(orientation:portrait){.results-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.results-side{overflow:visible}.results-side .guide,.restart-text{display:none}}@media(max-height:500px)and (orientation:landscape){.restart-text,.results-side .guide{display:none}.big-star svg{width:52px}}#print-root{display:none}@media print{@page{margin:12mm}html,body{height:auto;overflow:visible;background:#fff!important}body{background-image:none!important}body>*:not(#print-root){display:none!important}#print-root{display:flex!important;flex-direction:column;align-items:center;justify-content:space-between;min-height:248mm;color:#000}.print-title{font:700 26pt Fredoka,system-ui,sans-serif;margin:0 0 6mm}.print-img{width:100%;max-width:186mm;max-height:205mm;object-fit:contain}.print-footer{font:600 10pt Fredoka,system-ui,sans-serif;color:#555;margin:4mm 0 0}}.btn-stepback{flex:none;background:var(--white)}.btn-stepback .btn-ico svg{width:22px;height:22px}.btn-stepback:disabled{opacity:.4}.btn-stepback[hidden]{display:none}.next-wrap{position:relative}.next-tip{position:absolute;left:50%;bottom:calc(100% + 4px);z-index:5;translate:-50% 0;padding:6px 16px;border-radius:18px;background:var(--white);border:3px solid var(--ink);color:var(--ink);font-weight:700;font-size:1.25rem;white-space:nowrap;pointer-events:none;opacity:0;scale:.6;transition:opacity .2s,scale .25s cubic-bezier(.3,1.6,.5,1)}.next-tip:after{content:"";position:absolute;left:50%;top:100%;translate:-50% -3px;border:10px solid transparent;border-top-color:var(--ink)}.next-tip.show{opacity:1;scale:1;animation:tipBob .7s ease-in-out infinite alternate}.btn-next.ready.nudge{animation:nudgeHop .55s ease-in-out 4;box-shadow:0 0 0 6px #7ed99a99,0 4px 0 var(--ink)}@keyframes nudgeHop{0%,to{translate:0 0;scale:1}40%{translate:0 -12px;scale:1.06}70%{translate:0 0;scale:.98}}@keyframes tipBob{0%{translate:-50% 0}to{translate:-50% -6px}}