*{box-sizing:border-box}html.leafer-demo-document,body.leafer-demo-body{margin:0;width:100%;height:100%;overflow:hidden}#coloring-game{margin:0;width:100%;height:100%;overflow:hidden;font-family:Nunito,Quicksand,Segoe UI,sans-serif;background:#ede8e5;color:#f5f5f5}#coloring-game{display:flex;flex-direction:column;min-height:0}#coloring-game button,#coloring-game a[href]{-webkit-tap-highlight-color:transparent}#coloring-game button:focus:not(:focus-visible){outline:none}.screen{display:none;flex:1;min-width:0;min-height:0}.screen--active{display:flex;flex-direction:column}#gallery-screen{background:#ede8e5;color:#2b2b2b;min-width:0;overflow-x:hidden}.gallery-header{flex-shrink:0;padding:28px 24px 12px;text-align:center;background:#ede8e5}.gallery-header__title{margin:0;font-size:32px;font-weight:700;color:#2b2b2b}.gallery-header__subtitle{margin:8px 0 0;font-size:15px;color:#65697d}.artwork-grid{flex:1;min-width:0;min-height:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:30px;padding:30px;overflow-x:hidden;overflow-y:auto;align-content:start}@media(max-width:1200px){.artwork-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:900px){.artwork-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:520px){.artwork-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:401px){.artwork-grid{gap:20px;padding:10px}}.artwork-card{display:block;width:100%;min-width:0;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;text-align:left;-moz-appearance:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.artwork-card:active{background:transparent;color:inherit}.artwork-card__preview{position:relative;width:100%;aspect-ratio:1;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 10px 20px #e5757421;transition:transform .2s ease,box-shadow .2s ease}.artwork-card:hover .artwork-card__preview,.artwork-card:focus-visible .artwork-card__preview{transform:scale(1.04);box-shadow:0 14px 28px #e5757442}.artwork-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;background:#ffffff85;opacity:0;transition:opacity .2s ease;pointer-events:none}.artwork-card:hover .artwork-card__overlay,.artwork-card:focus-visible .artwork-card__overlay{opacity:1}.artwork-card__color-action{position:relative;z-index:2;min-width:88px;height:36px;padding:0 18px;border-radius:999px;background-color:#01ac48;color:#fff;font-size:16px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #01ac4847;pointer-events:auto;transform:scale(.92);transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.artwork-card:hover .artwork-card__color-action,.artwork-card:focus-visible .artwork-card__color-action{transform:scale(1);background-color:#01ac48;color:#fff}.artwork-card:hover .artwork-card__color-action:hover,.artwork-card:focus-visible .artwork-card__color-action:hover{background-color:#01903c;box-shadow:0 8px 18px #01ac4857}.artwork-card:active .artwork-card__color-action{background-color:#01ac48;color:#fff;transform:scale(1)}.artwork-card__svg,.artwork-card__image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;pointer-events:none}.artwork-card__svg svg,.artwork-card__image img{width:100%;height:100%;max-width:100%;display:block}.artwork-card__image img,.artwork-card__image img[data-fallback-applied=true]{object-fit:contain}.artwork-card__badge,.artwork-card__progress{position:absolute;top:10px;right:10px;z-index:2;min-width:30px;height:30px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.artwork-card__badge{background:#01ac48;color:#fff}.artwork-card__progress{background:#1a1a1ac7;color:#ffd997}.loading-screen{position:relative;align-items:center;justify-content:center;overflow:hidden;padding:max(24px,env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));background:radial-gradient(circle at 50% 32%,#fffffff5,#ede8e5eb 58%),#ede8e5;color:#2b2b2b;opacity:1;transition:opacity var(--loading-fade-duration, .18s) ease}.loading-screen--entering .loading-screen__title,.loading-screen--entering .loading-screen__status,.loading-screen--logo.loading-screen--entering .loading-screen__preview{opacity:0;transform:translateY(10px)}.loading-screen:not(.loading-screen--entering) .loading-screen__title,.loading-screen:not(.loading-screen--entering) .loading-screen__status,.loading-screen--logo:not(.loading-screen--entering) .loading-screen__preview{opacity:1;transform:none;transition:opacity .32s ease .16s,transform .42s cubic-bezier(.22,1,.36,1) .12s}.loading-screen--fading{opacity:0;pointer-events:none}.loading-screen__back{position:absolute;top:max(16px,env(safe-area-inset-top,0px));left:max(16px,env(safe-area-inset-left,0px));z-index:2;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:none;border-radius:50%;background:#fff;color:#2b2b2b;box-shadow:0 8px 20px #2b2b2b1f;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.loading-screen__back:hover{background:#fff8ec;box-shadow:0 10px 24px #e5757433}.loading-screen__back:focus,.loading-screen__back:focus-visible{outline:none}.loading-screen__retry:focus-visible{outline:3px solid #146c43;outline-offset:3px}.loading-screen__back svg{width:25px;height:25px}.loading-screen__content{display:flex;flex-direction:column;align-items:center;width:min(100%,420px);max-height:100%;min-height:0;text-align:center}.loading-screen__preview{flex-shrink:0;width:min(52dvh,52vh,320px);max-width:min(86vw,320px);aspect-ratio:1;overflow:hidden;background:#fff;box-shadow:0 10px 20px #e5757421}.loading-screen--no-preview .loading-screen__preview{display:none}.loading-preview-stage{width:100%;height:100%}.loading-screen__preview .loading-preview-stage,.loading-screen__preview .artwork-card__svg{overflow:hidden}.loading-preview-region{transition:fill .42s cubic-bezier(.22,1,.36,1)}.loading-transition-ghost{position:fixed;top:0;left:0;z-index:40;overflow:hidden;background:#fff;box-shadow:0 10px 20px #e5757421;pointer-events:none;transform-origin:top left;will-change:transform}.loading-transition-ghost .artwork-card__svg{width:100%;height:100%;overflow:hidden}.loading-transition-ghost svg{width:100%;height:100%;display:block}.loading-screen__preview .artwork-card__svg,.loading-screen__preview svg{width:100%;height:100%}.loading-screen__logo{display:flex;align-items:center;justify-content:center}.loading-screen__logo-image{display:block;width:min(72vw,280px);height:auto;object-fit:contain}.loading-screen--logo .loading-screen__preview{width:auto;max-width:min(88vw,320px);aspect-ratio:auto;overflow:visible;background:transparent;box-shadow:none;contain:none;transform:none}.loading-screen--logo .loading-screen__title{display:none}.loading-screen--logo .loading-screen__status{margin-top:clamp(20px,4vh,32px)}.loading-preview-stage--placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#fff}.loading-screen__placeholder-image{display:block;width:100%;height:100%;object-fit:contain}.loading-preview-stage--not-found{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:transparent}.loading-screen--not-found .loading-screen__preview{aspect-ratio:auto;overflow:visible;background:transparent;box-shadow:none}.loading-screen__not-found-image{display:block;width:min(62vw,180px);height:auto;object-fit:contain}.loading-screen__title{flex-shrink:0;margin:clamp(16px,3vh,24px) 0 0;font-size:clamp(22px,4.8vw,34px);font-weight:700;line-height:1.15}.loading-screen__status{flex-shrink:0;width:100%;margin-top:clamp(14px,2.5vh,18px)}.loading-screen--error .loading-screen__status{display:none}.loading-screen__phase{min-height:24px;margin:0 0 12px;color:#65697d;font-size:16px;font-weight:600}.loading-screen__progress-row{display:flex;align-items:center;gap:12px}.loading-screen__progress{flex:1;height:12px;overflow:hidden;border-radius:999px;background:#65697d29}.loading-screen__progress-bar{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd997,#e57574);transition:width .24s cubic-bezier(.22,1,.36,1);transform:translateZ(0)}.loading-screen__progress-value{min-width:44px;color:#2b2b2b;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700;text-align:right}.loading-screen__error{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;margin-top:20px}.loading-screen__error[hidden]{display:none}.loading-screen__error-message{margin:0;color:#9c3e3d;font-size:16px;font-weight:600;line-height:1.4}.loading-screen__retry{min-width:148px;min-height:48px;padding:12px 24px;border:none;border-radius:999px;background:#01ac48;color:#fff;font:inherit;font-size:16px;font-weight:700;box-shadow:0 7px 18px #01ac4840;cursor:pointer;touch-action:manipulation}.loading-screen__retry:hover{background:#01933e}@media(max-width:600px){.loading-screen{justify-content:center;padding:max(72px,calc(env(safe-area-inset-top,0px) + 56px)) max(16px,env(safe-area-inset-right,0px)) max(20px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.loading-screen__back{width:48px;height:48px}.loading-screen:not(.loading-screen--logo) .loading-screen__preview{width:min(46dvh,46vh,280px);max-width:min(88vw,280px)}.loading-screen__title{margin-top:clamp(14px,2.5vh,20px)}.loading-screen__phase{font-size:15px}.loading-screen__progress-row{gap:10px}}@media(max-height:680px){.loading-screen:not(.loading-screen--logo) .loading-screen__preview{width:min(40dvh,40vh,240px);max-width:min(72vw,240px)}.loading-screen__title{font-size:clamp(20px,4vw,28px)}}@media(prefers-reduced-motion:reduce){.loading-screen,.loading-screen__title,.loading-screen__status,.loading-screen__progress-bar,.loading-preview-region,.artwork-card__preview,.artwork-card__overlay,.artwork-card__color-action{transition:none}}#game-screen{position:relative;flex-direction:column;background:#ede8e5}.game-back{position:absolute;top:16px;left:16px;z-index:25;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;border-radius:50%;background:#fff;color:#2b2b2b;box-shadow:0 6px 18px #0000002e,inset 0 -1px #00000014;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;-webkit-tap-highlight-color:transparent}.game-back:focus,.game-back:focus-visible{outline:none}.game-back svg{width:27px;height:27px}.game-back:hover{transform:translateY(-1px);box-shadow:0 8px 22px #00000038,inset 0 -1px #00000014}.game-back:active{transform:translateY(1px) scale(.98)}.game-round-action{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;border-radius:50%;background:#fff;color:#2b2b2b;box-shadow:0 6px 18px #0000002e,inset 0 -1px #00000014;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.game-round-action:hover{transform:translateY(-1px);box-shadow:0 8px 22px #00000038,inset 0 -1px #00000014}.game-round-action:active{transform:translateY(1px) scale(.98)}.game-round-action svg{width:27px;height:27px}.game-hint{position:absolute;top:16px;right:50px;z-index:24}.game-hint__bulb-fill{fill:#fadc7a;stroke:none}.game-nav-panel{position:absolute;right:48px;top:50%;z-index:24;display:flex;flex-direction:column;gap:28px;transform:translateY(-50%)}.game-nav-panel__button{width:60px;height:60px}.completed-screen{position:relative;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;background:#fff;color:#2b2b2b}.completed-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:0;background:linear-gradient(to bottom,#f4f4f400 calc(100% - 60px),#f4f4f4),radial-gradient(circle at center,#efe9e5,#e4dfdc 72%);transition:opacity .42s cubic-bezier(.33,.86,.4,1)}.completed-screen--background-visible:before,.completed-screen--entered:before{opacity:1}.completed-screen--entering.completed-screen--morph .completed-screen__actions,.completed-screen--entering.completed-screen--morph .completed-continue,.completed-screen--entering.completed-screen--direct .completed-screen__actions,.completed-screen--entering.completed-screen--direct .completed-continue,.completed-screen__content--preparing .completed-screen__actions,.completed-screen__content--preparing .completed-continue{opacity:0}.completed-morph-flyer{box-shadow:0 18px 40px #0000002e}.completed-screen__cloud{position:absolute;z-index:1;width:clamp(200px,45vw,640px);aspect-ratio:391 / 232;background:url(../assets/icon_cloud.png) center / contain no-repeat;opacity:.55;pointer-events:none}.completed-screen__cloud--top{top:4%;right:6%;transform:rotate(33deg)}.completed-screen__cloud--bottom{bottom:2%;left:8%;transform:rotate(213deg)}.completed-screen__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:24px;width:min(100%,760px);padding:32px 20px 40px}.completed-screen__image-frame{position:relative;flex-shrink:0;overflow:hidden;box-shadow:0 18px 40px #0000001f;pointer-events:none;touch-action:none}.completed-screen__image-frame .loading-preview-stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:transparent;box-shadow:none}.completed-screen__image-frame .artwork-card__svg{background:transparent;overflow:hidden}.completed-screen__image-frame .loading-preview-region{transition:none}.completed-screen__image{display:block;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.completed-screen__replay-host,.completed-screen__replay-static,.completed-screen__replay-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;touch-action:none;overflow:hidden}.completed-screen__replay-canvas{opacity:0;transition:opacity .14s ease}.completed-screen__replay-canvas canvas{pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.completed-screen__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:22px 32px}.completed-save{display:flex;flex-direction:column;align-items:center;gap:6px;border:none;background:transparent;color:#65697d;cursor:pointer;padding:0}.completed-save__icon{display:flex;align-items:center;justify-content:center;width:44px;height:38px}.completed-save__icon img{width:43px;height:38px;object-fit:contain}.completed-save__label{font-size:14px;font-weight:600}.completed-save:hover{opacity:.8}.completed-reset{position:absolute;top:20px;right:20px;z-index:2;min-width:150px;height:40px;padding:0 18px;border:2px solid rgba(43,43,43,.18);border-radius:999px;background:#fff;color:#2b2b2b;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #0000001f;transition:background .2s ease,opacity .2s ease}.completed-reset:hover{background:#f3f3f3}.completed-store-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px}.completed-store{display:block;height:40px;border-radius:6px;text-decoration:none;transition:opacity .2s ease}.completed-store:hover{opacity:.82}.completed-store__badge{display:block;width:auto;height:100%}.completed-store--google{width:135px}.completed-store--apple{width:120px}.completed-continue{min-width:220px;height:50px;padding:0 28px;border:none;border-radius:999px;background:#01ac48;color:#fff;font-size:22px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #01ac4847;transition:background .2s ease}.completed-continue:hover{background:#01903c}.dev-fab{position:absolute;top:16px;right:116px;z-index:20}.dev-fab__toggle{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;border-radius:50%;background:#fff;color:#2b2b2b;box-shadow:0 6px 18px #0000002e,inset 0 -1px #00000014;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.dev-fab__toggle:hover{transform:translateY(-1px);box-shadow:0 8px 22px #00000038,inset 0 -1px #00000014}.dev-fab__toggle[aria-expanded=true]{background:#fff}.dev-fab__toggle:active{transform:translateY(1px) scale(.98)}.dev-fab__icon{width:27px;height:27px}.dev-fab__menu{position:absolute;top:calc(100% + 10px);right:0;display:flex;flex-direction:column;gap:8px;min-width:220px;padding:12px;border:1px solid #444;border-radius:12px;background:#1a1a1afa;box-shadow:0 10px 28px #00000073}.dev-fab__menu[hidden]{display:none}.dev-fab__section-title{margin:0;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#888}.dev-fab__action{width:100%;padding:10px 12px;border:1px solid #555;border-radius:8px;background:#333;color:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer}.dev-fab__action:hover{background:#3d3d3d}.dev-fab__action--secondary{background:#262626;font-weight:500}.dev-fab__action--secondary:hover{background:#303030}.dev-fab__stats{margin:0;font-size:12px;line-height:1.4;color:#888}#palette-bar{position:absolute;left:0;right:0;bottom:0;z-index:20;flex-shrink:0;width:100%;min-height:80px;background:#f4f4f4;overflow:hidden;-webkit-tap-highlight-color:transparent;pointer-events:none}@media(min-width:744px){#palette-bar{background:linear-gradient(to bottom,#fff9,#fff)}}#palette{display:flex;align-items:center;justify-content:flex-start;gap:0;width:100%;max-width:100%;min-height:100px;padding:8px 8px 4px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch;scroll-behavior:auto;scrollbar-width:none;-ms-overflow-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none;pointer-events:auto}#palette::-webkit-scrollbar{display:none}#palette.is-dragging,#palette.is-dragging .palette-swatch{cursor:grabbing}#palette:empty:before{content:""}.palette-empty-hint{margin:0;font-size:13px;color:#666}.palette-swatch{flex:0 0 auto;height:88px;border:none;background:transparent;cursor:pointer;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.palette-swatch:focus,.palette-swatch:focus-visible,.palette-swatch:active{outline:none;box-shadow:none;background:transparent}.palette-swatch-slot{position:relative;display:flex;align-items:center;justify-content:center;width:70px;max-width:70px;height:88px;margin-right:2px;opacity:1;overflow:visible;transition:max-width .32s cubic-bezier(.4,0,.2,1),margin-right .32s cubic-bezier(.4,0,.2,1),opacity .24s cubic-bezier(.4,0,.2,1)}.palette-swatch--hiding{pointer-events:none}.palette-swatch--hiding .palette-swatch-slot{max-width:0;margin-right:0;opacity:0;overflow:hidden}.palette-swatch--hiding .palette-swatch-shell{transition:none}.palette-swatch-shell{--swatch-size: 60px;--swatch-scale: 1;--swatch-lift: 0px;position:relative;z-index:2;display:block;width:var(--swatch-size);height:var(--swatch-size);transform:translateY(var(--swatch-lift)) scale(var(--swatch-scale));transform-origin:center center;transition:transform .38s cubic-bezier(.22,1,.36,1)}.palette-swatch.active .palette-swatch-shell{--swatch-scale: 1.2;--swatch-lift: -16px}.palette-swatch-progress{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transform:scale(.85);transform-origin:center center;transition:opacity .32s cubic-bezier(.33,1,.68,1),transform .32s cubic-bezier(.33,1,.68,1);pointer-events:none}.palette-swatch.active .palette-swatch-progress{opacity:1;transform:scale(1)}.palette-swatch-progress__arc{fill:none;stroke-linecap:butt;transform:scaleX(-1) rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .22s linear}.palette-swatch-fill{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000014}.palette-swatch-number{position:absolute;top:4px;right:4px;bottom:4px;left:4px;display:flex;align-items:center;justify-content:center;font-family:Nunito,sans-serif;font-size:19px;font-weight:600;pointer-events:none;transition:opacity .2s ease}.palette-swatch-number--dark{color:#fff}.palette-swatch-number--light{color:#111}#canvas-host{position:relative;flex:1;min-height:0;width:100%;background:#fff;cursor:pointer;touch-action:none}#canvas-host canvas{cursor:pointer;touch-action:none}@media(max-width:767px){.game-back,.dev-fab__toggle,.game-round-action{width:44px;height:44px}.game-back svg,.dev-fab__icon,.game-round-action svg{width:22px;height:22px}.game-hint{top:16px;right:16px}.game-nav-panel{display:none}.dev-fab{right:72px}}@media(hover:none),(pointer:coarse){.artwork-card:hover .artwork-card__preview,.artwork-card:focus-visible .artwork-card__preview{transform:none;box-shadow:0 10px 20px #e5757421}.artwork-card:hover .artwork-card__overlay,.artwork-card:focus-visible .artwork-card__overlay{opacity:0}.artwork-card:hover .artwork-card__color-action,.artwork-card:focus-visible .artwork-card__color-action,.artwork-card:active .artwork-card__color-action{transform:scale(.92)}.loading-screen__back:hover{background:#fff;box-shadow:0 8px 20px #2b2b2b1f}.loading-screen__retry:hover{background:#01ac48}.game-back:hover,.game-back:active,.game-round-action:hover,.game-round-action:active,.dev-fab__toggle:hover,.dev-fab__toggle:active{transform:none;box-shadow:0 6px 18px #0000002e,inset 0 -1px #00000014}.completed-save:hover,.completed-store:hover{opacity:1}.completed-reset:hover{background:#fff}.completed-continue:hover{background:#01ac48}.dev-fab__action:hover{background:#333}.dev-fab__action--secondary:hover{background:#262626}.palette-swatch:active{background:transparent;opacity:1}}