:root{--bg: #fff7ea;--surface: #ffffff;--surface-2: #ffebd0;--line: #f1dfc4;--edge: #e6d3b5;--text: #2b1b3f;--hint: #76657f;--primary-a: #ffc53d;--primary-b: #ff9a3c;--primary-edge: #d9731a;--primary-text: #2b1b3f;--accent: #0b7f58;--accent-text: #ffffff;--accent-bright: #1dbf84;--coral: #ff5a5f;--coral-text: #2b1b3f;--turq: #12b5cb;--sun: #ffd23f;--danger: #c8323a;--canvas-bg: #f3e7d3;--shadow: 0 6px 18px rgba(84, 52, 20, .12)}:root[data-theme=dark]{--bg: #1a1322;--surface: #2a2036;--surface-2: #382b47;--line: #3a2d49;--edge: #140e1b;--text: #fff4e6;--hint: #b9a9c6;--primary-edge: #b85f14;--accent: #2ed39a;--accent-text: #0e2a20;--accent-bright: #2ed39a;--danger: #ff8a8e;--canvas-bg: #120d18;--shadow: 0 6px 18px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none}:root{--fs-status-floor: 0px;--fs-controls-floor: 0px;--safe-top: calc(max(env(safe-area-inset-top, 0px), var(--tg-safe-area-inset-top, 0px), var(--fs-status-floor)) + max(var(--tg-content-safe-area-inset-top, 0px), var(--fs-controls-floor))) ;--safe-bottom: calc(max(env(safe-area-inset-bottom, 0px), var(--tg-safe-area-inset-bottom, 0px)) + var(--tg-content-safe-area-inset-bottom, 0px));--safe-left: calc(max(env(safe-area-inset-left, 0px), var(--tg-safe-area-inset-left, 0px)) + var(--tg-content-safe-area-inset-left, 0px));--safe-right: calc(max(env(safe-area-inset-right, 0px), var(--tg-safe-area-inset-right, 0px)) + var(--tg-content-safe-area-inset-right, 0px))}#app{height:100vh;height:var(--tg-viewport-stable-height, 100dvh);box-sizing:border-box;padding-top:var(--safe-top);display:flex;flex-direction:column;overflow:hidden}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}.app-stage{flex:1;min-height:0;display:flex;flex-direction:column}#app.has-tabs .app-stage{--safe-bottom: 0px}.tabbar{flex:none;display:grid;grid-template-columns:repeat(4,1fr);padding:6px calc(8px + var(--safe-right)) calc(6px + var(--safe-bottom)) calc(8px + var(--safe-left));background:var(--surface);box-shadow:0 -1px 0 var(--line)}.tabbar[hidden]{display:none}.tab{min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:14px;color:var(--hint);font-size:12px;font-weight:700}.tab:active{transform:scale(.95)}.tab.active{color:var(--accent)}.tab .icon{display:inline-flex}.tab-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 4px}.brand-mark{flex:none;display:block;width:32px;height:32px;border-radius:8px;overflow:hidden}.tab-header .header-title{display:flex;align-items:center;gap:10px;min-width:0}.tab-header .header-title{font-size:28px}.gallery-screen{overflow-y:auto}.gallery-body{display:flex;flex-direction:column;gap:10px;padding:4px 16px calc(18px + var(--safe-bottom))}.section-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:10px}.section-row .section-title{margin:0;padding:0;color:var(--hint);font-size:17px}.section-note{font-size:13px;font-weight:700;color:var(--hint);text-align:right}.section-link{font-size:14px;font-weight:800;color:var(--sun)}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tile{display:flex;flex-direction:column;gap:6px;min-width:0;text-align:left}.tile:active .tile-thumb,.exclusive-card:active .exclusive-thumb{transform:scale(.97)}.tile-thumb{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:16px;overflow:hidden;background:var(--surface)}.tile-thumb canvas,.exclusive-thumb canvas{display:block;width:100%;height:100%}.tile-thumb .tag{top:6px;left:6px;padding:3px 8px;font-size:11px}.tile-thumb .tag-percent{top:auto;left:auto;right:6px;bottom:6px}.tag.tag-sun{background:var(--sun);color:#2b1b3f}.tile-title{font-size:14px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pack-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pack-card{display:flex;flex-direction:column;min-width:0;border-radius:18px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow);text-align:left}.pack-card:active{transform:scale(.98)}.pack-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px}.pack-swatches span{aspect-ratio:1;border-radius:8px}.pack-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 10px 12px}.pack-text{min-width:0;display:flex;flex-direction:column}.pack-title{font-size:15px;font-weight:800;line-height:1.15}.pack-sub{font-size:12px;color:var(--hint)}.price-pill{flex:none;display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 10px;border-radius:999px;background:var(--sun);color:#2b1b3f;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.price-pill .icon{display:inline-flex}.price-pill.owned{background:var(--accent);color:var(--accent-text)}.exclusive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.exclusive-grid .tile-thumb{aspect-ratio:4 / 3}.exclusive-card{display:flex;flex-direction:column;gap:4px;min-width:0;padding:8px 8px 10px;border:2px solid transparent;border-radius:18px;background:var(--surface);text-align:left}.exclusive-thumb{position:relative;display:block;width:100%;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;background:var(--surface-2)}.exclusive-thumb canvas{filter:grayscale(.9) brightness(.45) contrast(.7) blur(1.5px);transform:scale(1.06)}.exclusive-thumb.placeholder canvas{display:none}.exclusive-card .ring{width:40px;height:40px}.exclusive-caption{font-size:12px;font-weight:700;color:var(--hint)}.exclusive-card.ready{border-color:var(--sun);box-shadow:0 0 18px #f7c94840}.exclusive-card.ready .exclusive-thumb canvas{filter:saturate(.9) brightness(.8) blur(1px)}.exclusive-card.ready .exclusive-caption{color:var(--sun);font-size:14px}.exclusive-card:disabled{opacity:.6}.screen{flex:1;display:flex;flex-direction:column;min-height:0;padding-left:var(--safe-left);padding-right:var(--safe-right)}.color-screen{padding-left:0;padding-right:0}.loading{margin:auto;color:var(--hint)}.shop-screen{overflow-y:auto}.shop-list{display:flex;flex-direction:column;gap:10px;padding:6px 16px calc(18px + var(--safe-bottom))}.shop-section{margin:8px 0 0;font-size:17px;color:var(--hint)}.free-banner{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border-radius:18px;background:#2f6f3e;color:#f4fff2;text-align:left}.free-banner:active{transform:scale(.98)}.free-banner.off{opacity:.6}.free-icon{flex:none;width:36px;height:36px;border-radius:10px;border:2px solid currentColor;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.free-text{flex:1;min-width:0;display:flex;flex-direction:column}.free-title{font-size:17px;font-weight:800}.free-sub{font-size:13px;opacity:.85}.free-banner .row-chevron{color:inherit}.boost-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.boost-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:14px 12px;border:2px solid transparent;border-radius:18px;background:var(--surface)}.boost-card.best{border-color:var(--sun)}.best-badge{position:absolute;top:-10px;right:10px;padding:2px 10px;border-radius:999px;background:var(--sun);color:#2b1b3f;font-size:11px;font-weight:800}.boost-card h3,.shop-row h3,.pack-mini h3{margin:0;font-size:16px;font-weight:800}.boost-items{margin:0;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:14px;font-weight:700;color:var(--hint);font-variant-numeric:tabular-nums}.shop-row{display:flex;align-items:center;gap:12px;padding:14px 12px;border-radius:18px;background:var(--surface)}.shop-row-text{flex:1;min-width:0}.shop-row p{margin:2px 0 0;font-size:13px;color:var(--hint)}.hd-badge{flex:none;width:44px;height:44px;border-radius:12px;background:var(--surface-2);display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.sub-row{margin-top:6px}.pack-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.pack-mini{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:8px 8px 10px;border-radius:16px;background:var(--surface)}.pack-mini .pack-swatches{width:100%;grid-template-columns:repeat(2,1fr);gap:3px;padding:0}.pack-mini .pack-swatches span{aspect-ratio:2 / 1;border-radius:6px}.pack-mini h3{max-width:100%;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price-btn{height:38px;padding:0 14px;box-shadow:0 3px #00000040;transition:transform .06s;white-space:nowrap}.price-btn:active{transform:translateY(2px);box-shadow:0 1px #00000040}.price-btn.busy{opacity:.75}.price-btn.busy .icon{animation:price-spin .9s linear infinite}@keyframes price-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.price-btn.busy .icon{animation:none}}.shop-card{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.shop-name{margin:0;font-size:18px}.shop-card .note{margin:0;text-align:left}.shop-state{margin:0;font-weight:700;color:var(--accent)}.blocker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--text);font-size:17px;font-weight:600}.icon{display:inline-flex}.icon svg{display:block}.icon-btn{width:40px;height:40px;font-size:30px;line-height:1;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.btn{display:block;width:100%;min-height:56px;border-radius:18px;font-weight:700;font-size:17px;background:var(--surface);box-shadow:0 4px 0 var(--edge);transition:transform .06s ease-out}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--edge)}.btn.primary{background:linear-gradient(180deg,var(--primary-a),var(--primary-b));color:var(--primary-text);box-shadow:0 4px 0 var(--primary-edge)}.btn.primary:active:not(:disabled){box-shadow:0 1px 0 var(--primary-edge)}.pixel-art{image-rendering:pixelated;image-rendering:crisp-edges;display:block;width:100%;aspect-ratio:1}.screen-title{font-size:24px;margin:16px 16px 4px}.home-screen{overflow-y:auto;gap:14px;padding-bottom:calc(18px + var(--safe-bottom))}.home-top{display:flex;align-items:center;gap:6px;padding:10px 12px 0}.home-top-gap{flex:1}.home-streak:empty{display:none}.pill{flex:none;height:40px;padding:0 12px;border-radius:999px;background:var(--surface);display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.pill:active{transform:scale(.96)}.boosters-pill{display:grid;grid-template-columns:auto auto;align-content:center;column-gap:8px;row-gap:1px;padding:0 12px;font-size:12px;line-height:1.25}.pill-item{display:inline-flex;align-items:center;gap:3px}.shop-pill{gap:6px;background:var(--sun);color:#2b1b3f}.shop-pill .icon{display:inline-flex}@media (max-width: 379px){.shop-pill .pill-label{display:none}}.home-top .streak-chip{height:40px;padding:0 12px;font-size:14px}.day-slot{display:flex;flex-direction:column;gap:10px;padding:0 16px}.day-slot:empty{display:none}.day-card{border-radius:22px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.day-thumb{position:relative;display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden}.day-thumb canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.tag{position:absolute;top:10px;padding:5px 10px;border-radius:999px;background:#2b1b3fb8;color:#fff7ea;font-size:12px;font-weight:700}.tag-dark{left:10px;background:#2b1b3f}.tag-right{right:10px}.tag-percent{top:auto;right:10px;bottom:10px;background:#2b1b3f}.day-meta{display:flex;align-items:center;gap:12px;padding:12px 14px 14px}.day-text{flex:1;min-width:0}.day-text h2{margin:0;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day-text p{margin:2px 0 0;font-size:13px;color:var(--hint)}.btn.day-cta{flex:none;width:auto;min-height:46px;padding:0 18px;border-radius:16px}.day-slot .daily-card,.day-slot .early-btn{margin:0;width:100%}.photo-card{display:flex;flex-direction:column;gap:10px;margin:0 16px;padding:14px;border-radius:22px;background:var(--sun);color:#2b1b3f}.photo-card-top{display:flex;align-items:center;gap:12px}.before-after{flex:none;display:flex;align-items:center;gap:6px}.art-tile{position:relative;width:60px;height:60px;border-radius:12px;overflow:hidden;background:#f3d9bd}.art-tile canvas{display:block;width:100%;height:100%}.art-grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(43,27,63,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(43,27,63,.14) 1px,transparent 1px);background-size:5px 5px;pointer-events:none}.art-arrow{font-size:18px;font-weight:800}.photo-card-text{min-width:0}.photo-card-text h2{margin:0;font-size:19px;line-height:1.15}.photo-left{margin:4px 0 0;font-size:13px;font-weight:700;opacity:.8}.photo-card .tip-line{font-size:14px}.btn.photo-card-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;background:#2b1b3f;color:var(--sun);box-shadow:none}.photo-card-btn .icon{display:inline-flex}.photo-card-note{margin:0;text-align:center;font-size:12px;opacity:.75}.continue-slot{display:flex;flex-direction:column;gap:10px;padding:0 16px}.continue-slot:empty{display:none}.row-card{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow);text-align:left}.row-card:active{transform:scale(.98)}.row-thumb{flex:none;width:56px;height:56px;border-radius:12px;overflow:hidden}.row-thumb canvas,.row-stack canvas{display:block;width:100%;height:100%}.row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.row-label{font-size:12px;font-weight:700;color:var(--hint)}.row-title{font-size:16px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress.row-progress{flex:none;height:6px;margin-top:2px}.row-chevron{flex:none;font-size:24px;color:var(--hint)}.row-stack{flex:none;display:flex}.row-stack canvas{width:40px;height:40px;border-radius:10px;border:2px solid var(--surface)}.row-stack canvas+canvas{margin-left:-16px}.streak-gift{margin:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:16px;background:var(--surface-2);font-weight:700}.gift-items{font-size:22px;letter-spacing:2px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px 16px 24px}.card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;text-align:left;background:var(--surface);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.card-meta{flex:1;display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px}.card-title{font-weight:600;line-height:1.25;min-height:2.5em}.card-sub{font-size:13px;color:var(--hint)}.color-header{position:relative;display:flex;align-items:center;gap:10px;padding:6px calc(12px + var(--safe-right)) 6px calc(12px + var(--safe-left));min-height:60px;background:var(--bg)}:root.tg-fullscreen .color-header{padding-top:10px}.round-btn{flex:none;width:44px;height:44px;border-radius:50%;background:var(--surface);font-size:26px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.round-btn:active{transform:scale(.94)}.header-mid{position:relative;flex:1;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:6px}.header-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.color-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700}.header-mid .progress{flex:none;height:10px}.header-mid .tip{top:50%;transform:translate(-50%,-50%);line-height:1.15}.header-mid .cheer{top:calc(50% - 18px)}.header-mid .tip,.header-mid .cheer{left:50%;width:100%;max-width:100%;box-sizing:border-box;z-index:4}.progress{position:relative;flex:1;height:12px;border-radius:6px;background:var(--surface-2);overflow:hidden}.progress>div{height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,var(--accent-bright),var(--sun));transition:width .2s ease-out}.color-header .progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent calc(25% - 1px),var(--bg) 0 25%,transparent 0 calc(50% - 1px),var(--bg) 0 50%,transparent 0 calc(75% - 1px),var(--bg) 0 75%,transparent 0);opacity:.7;pointer-events:none}.progress.milestone{animation:bar-bump .5s ease-out}@keyframes bar-bump{0%{transform:scaleY(1)}35%{transform:scaleY(1.7)}to{transform:scaleY(1)}}.cheer{position:absolute;left:50%;top:12px;padding:8px 16px;border-radius:999px;background:var(--surface);color:var(--text);font-size:15px;font-weight:800;white-space:nowrap;box-shadow:var(--shadow);pointer-events:none;z-index:2;animation:cheer 1.6s ease-out both}.cheer b{color:var(--accent)}@keyframes cheer{0%{opacity:0;transform:translate(-50%,-14px) scale(.9)}12%{opacity:1;transform:translate(-50%) scale(1.05)}20%{transform:translate(-50%) scale(1)}80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-8px) scale(1)}}@media (prefers-reduced-motion: reduce){.progress.milestone{animation:none}}.percent{flex:none;text-align:right;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent)}.canvas-wrap{flex:1;min-height:0;position:relative;background:var(--canvas-bg);overflow:hidden}.booster-bar{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 48px;gap:6px;padding:8px calc(12px + var(--safe-right)) 0 calc(12px + var(--safe-left))}.booster-btn,.booster-plus{height:48px;border-radius:16px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;font-weight:800;font-variant-numeric:tabular-nums;-webkit-touch-callout:none}.booster-icon{font-size:20px;line-height:1}.booster-btn:active,.booster-plus:active{transform:scale(.96)}.booster-btn:disabled{opacity:.5}.booster-btn.empty .booster-count{color:var(--hint)}.booster-plus{background:var(--sun);color:#2b1b3f;font-size:28px;font-weight:700}.booster-btn.running{position:relative;overflow:hidden;background:var(--sun);color:#2b1b3f;box-shadow:0 0 0 3px var(--accent)}.booster-btn.running:after{content:"";position:absolute;left:0;bottom:0;height:5px;width:var(--left, 0%);background:var(--accent);transition:width .2s linear}.booster-btn.armed{background:var(--sun);color:#2b1b3f;box-shadow:0 0 0 3px var(--accent);animation:bomb-armed .9s ease-in-out infinite}@keyframes bomb-armed{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (prefers-reduced-motion: reduce){.booster-btn.armed{animation:none}}.booster-tip{position:absolute;left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));bottom:calc(100% + 6px);padding:10px 14px;border-radius:14px;background:#2b1b3ff5;color:#fff7ea;font-size:14px;font-weight:600;text-align:center;pointer-events:none;z-index:5}.how-cards{display:flex;flex-direction:column;gap:10px;text-align:left}.how-card{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:16px;background:var(--surface-2)}.how-icon{flex:none;font-size:26px;line-height:1.2}.how-card h3{margin:0 0 2px;font-size:16px;font-weight:800}.how-card p{margin:0;font-size:14px;color:var(--hint)}.menu-sheet .options{margin:0}.minimap{flex:none;width:48px;height:48px;padding:0;border:2px solid var(--surface);border-radius:10px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.minimap:active{transform:scale(.94)}.minimap canvas{display:block;width:100%;height:100%}.header-mid .cheer{white-space:normal;text-align:center}.canvas-wrap canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}.color-footer{padding:10px var(--safe-right) calc(8px + var(--safe-bottom)) var(--safe-left);background:var(--surface);border-radius:22px 22px 0 0;box-shadow:0 -4px 14px #00000014}.color-screen{background:var(--canvas-bg)}.palette{overscroll-behavior-x:contain;display:flex;gap:10px;overflow-x:auto;padding:6px 12px 2px;scrollbar-width:none}.palette::-webkit-scrollbar{display:none}.swatch{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;width:52px}.swatch-dot{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;box-shadow:inset 0 0 0 1px #0000001f;transition:transform .12s,box-shadow .12s}.swatch.selected .swatch-dot{transform:scale(1.1);box-shadow:0 0 0 3px var(--bg),0 0 0 6px var(--text)}.swatch-dot{position:relative}.swatch.complete .swatch-dot{transform:scale(.8)}.swatch.complete .swatch-dot:after{content:"✓";position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-bright);color:#0e2a20;font-size:14px;font-weight:800;box-shadow:0 0 0 2px var(--surface)}.swatch.just-done .swatch-dot{animation:color-done .5s cubic-bezier(.2,.9,.3,1.2)}.swatch.just-done .swatch-dot:after{animation:check-in .35s cubic-bezier(.2,.9,.3,1.6) .1s both}@keyframes color-done{0%{transform:scale(1.1)}40%{transform:scale(1.32)}to{transform:scale(.8)}}@keyframes check-in{0%{transform:scale(0)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.swatch.just-done .swatch-dot,.swatch.just-done .swatch-dot:after{animation:none}}.swatch-count{font-size:11px;min-height:13px;color:var(--hint);font-variant-numeric:tabular-nums}.plain-header{min-height:48px;padding:4px 12px;display:flex;align-items:center}.done-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:0 24px}.art-frame{width:min(64vw,300px,38vh);padding:8px;border-radius:16px;background:#fff;box-shadow:0 10px 30px #00000038;transform:rotate(-2deg)}.art-frame canvas{border-radius:8px}.done-title{margin:0;font-size:34px;font-weight:900;color:var(--primary-b)}.done-body>*{animation:rise .45s cubic-bezier(.2,.9,.3,1.3) both}.done-body>:nth-child(2){animation-delay:.08s}.done-body>:nth-child(3){animation-delay:.16s}@keyframes rise{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1}}@media (prefers-reduced-motion: reduce){.done-body>*{animation:none}}.actions{display:flex;flex-direction:column;gap:14px;padding:16px 16px calc(20px + var(--safe-bottom))}.actions-row{display:flex;gap:12px}.actions-row>.btn{flex:1;min-width:0}.hero{padding:24px 16px 8px;display:flex;flex-direction:column;gap:8px}.hero-btn{position:relative;min-height:84px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:21px;font-weight:800;border-radius:22px;overflow:hidden}.btn.primary.hero-btn{background:linear-gradient(120deg,var(--sun),var(--primary-b) 55%,#ff6b5b)}.hero-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,rgba(255,255,255,.28) 50%,transparent 0),linear-gradient(rgba(255,255,255,.28) 50%,transparent 0);background-size:18px 18px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 30%,transparent 70%,#000);mask-image:linear-gradient(90deg,#000,transparent 30%,transparent 70%,#000);pointer-events:none}.hero-btn>*{position:relative}.section-title{font-size:21px;font-weight:800;margin:16px 16px 0}.note{margin:0;text-align:center;color:var(--hint);font-size:14px}.note.small{font-size:13px}.header-title{font-size:17px;margin:0 0 0 4px}.photo-screen{overflow-y:auto}.photo-empty{flex:1;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:24px;text-align:center}.error-text{margin:0;color:var(--danger)}.limit-text{margin:0;font-size:18px;line-height:1.4}.stage-wrap{display:flex;justify-content:center;padding:4px 16px 8px}.stage{position:relative;border-radius:14px;overflow:hidden;background:var(--canvas-bg);flex:0 0 auto}.stage canvas{display:block;width:100%;height:100%;touch-action:none}.stage-busy{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;color:#fff;font-weight:600;opacity:0;pointer-events:none;transition:opacity .15s}.stage-busy.visible{opacity:1}.size-compare{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:flex;gap:2px;padding:3px;border-radius:999px;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2}.size-compare[hidden]{display:none}.size-compare-btn{min-width:56px;padding:7px 12px;border:0;border-radius:999px;background:transparent;color:#fff;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.size-compare-btn.selected{background:#fff;color:#1c1c1e}.btn.hd-unlock{justify-content:center;gap:10px}.btn.hd-unlock.busy{opacity:.75}.photo-controls{display:flex;flex-direction:column;gap:12px;padding:4px 16px calc(16px + var(--safe-bottom))}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;color:var(--hint)}.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.chip{min-height:48px;border-radius:14px;background:var(--surface);box-shadow:0 3px 0 var(--edge);font-weight:600;font-size:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.chip.selected{background:var(--accent);color:var(--accent-text);box-shadow:0 3px #00000040}.chip.locked{opacity:.75}.chip-price{font-size:11px;font-weight:500}.chip-price.free{color:var(--accent);font-weight:700}.chip.selected .chip-price.free{color:inherit}.stepper{display:flex;align-items:center;gap:12px}.step{width:48px;height:48px;border-radius:14px;background:var(--surface);box-shadow:0 3px 0 var(--edge);font-size:22px;font-weight:600}.step:disabled{opacity:.4}.step-value{min-width:8ch;text-align:center;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.difficulty{margin:0;font-size:15px}.stars{color:#f5a623;letter-spacing:1px}.btn:disabled{opacity:.5}.toast{position:fixed;left:50%;top:calc(12px + var(--safe-top));transform:translate(-50%,-12px);max-width:calc(100% - 32px);padding:12px 16px;border-radius:12px;background:#2b1b3ff0;color:#fff7ea;font-size:15px;font-weight:600;opacity:0;transition:opacity .2s,transform .2s;z-index:10;pointer-events:none}.toast.visible{opacity:1;transform:translate(-50%)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 16px 0;min-height:36px}.section-head .section-title{margin:0}.home-actions{flex-direction:row;align-items:center}.home-actions .btn{flex:1}.settings-btn{width:56px;height:56px;border-radius:18px;background:var(--surface);color:var(--hint);box-shadow:0 4px 0 var(--edge)}.settings-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--edge)}.options{margin:10px 16px 0;border-radius:18px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.option{width:100%;min-height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font-size:17px;text-align:left}.option+.option{border-top:1px solid var(--line)}.option.selected{font-weight:600}.option-check{color:var(--accent);font-size:20px}.option.danger{color:var(--danger);font-weight:600}.switch{position:relative;flex:none;width:48px;height:28px;border-radius:999px;background:var(--edge);transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .15s}[aria-checked=true]>.switch{background:var(--accent)}[aria-checked=true]>.switch:after{transform:translate(20px)}.streak-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:var(--coral);color:var(--coral-text);font-weight:700;font-size:15px}.hero{padding-top:12px}.daily .section-title{margin-top:12px}.daily-slot{padding:10px 16px 0;min-height:132px;display:flex;flex-direction:column;gap:10px}.early-btn{width:100%}.daily-card{width:100%;display:grid;grid-template-columns:132px 1fr;align-items:center}.daily-card .card-meta{padding:12px 14px;gap:4px}.daily-card .card-title{font-size:18px;min-height:0}.home-screen .actions{padding-top:14px}.collection-screen{overflow-y:auto}.collection-body{padding-bottom:calc(16px + var(--safe-bottom))}.settings-screen{overflow-y:auto;padding-bottom:calc(16px + var(--safe-bottom))}.collection-body .section-title{margin-top:8px}.done-screen{overflow-y:auto}.done-streak{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.done-day{margin:0;font-size:18px;font-weight:700;text-align:center}.teaser{display:flex;align-items:center;gap:12px;padding:8px 14px 8px 8px;border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.teaser-thumb{width:56px;border-radius:8px;overflow:hidden;flex:0 0 auto}.teaser-title{font-weight:600;text-align:left}.section-sub,.header-sub{margin:2px 16px 0;font-size:13px;color:var(--hint)}.section-sub:empty{display:none}.header-titles{margin-left:4px}.header-titles .header-title,.header-sub{margin-left:0}.header-sub{margin-top:0}.btn-two{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:6px 12px}.btn-sub{font-size:12px;font-weight:500;color:var(--hint)}.btn.primary .btn-sub{color:inherit;opacity:.8}.btn.locked:disabled{opacity:.6}.btn.locked>span:first-child:before{content:"🔒 "}.tip-line{margin:0;text-align:center;font-size:15px;font-weight:600}.tip{position:absolute;left:50%;top:10px;transform:translate(-50%);width:max-content;max-width:calc(100% - 24px);padding:8px 14px;border-radius:999px;background:#2b1b3ff0;color:#fff7ea;font-size:14px;font-weight:600;text-align:center;pointer-events:none;opacity:0;transition:opacity .2s;z-index:2}.tip.visible{opacity:1}.card-title{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:4px 8px}.card-badge{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--coral);color:var(--coral-text);font-size:12px;font-weight:600;vertical-align:middle}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;background:#0000;transition:background .2s}.sheet-backdrop.open{background:#00000073}.sheet{width:100%;max-width:520px;max-height:88vh;overflow-y:auto;padding:10px calc(20px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(20px + var(--safe-left));border-radius:26px 26px 0 0;background:var(--surface);color:var(--text);box-shadow:0 -8px 30px #00000040;transform:translateY(100%);transition:transform .22s cubic-bezier(.2,.8,.3,1)}.sheet-backdrop.open .sheet{transform:translateY(0)}.sheet-grip{width:44px;height:5px;margin:0 auto 12px;border-radius:999px;background:var(--line)}button.streak-chip{box-shadow:0 3px #0000002e}button.streak-chip:active{transform:translateY(2px);box-shadow:0 1px #0000002e}.streak-sheet{display:flex;flex-direction:column;align-items:stretch;gap:14px;text-align:center}.streak-title{margin:4px 0 0;font-size:30px;font-weight:800}.streak-next,.streak-reward{margin:0;font-size:clamp(15px,4.7vw,17px);font-weight:600}.streak-reward{padding:12px 14px;border-radius:16px;background:var(--surface-2)}.streak-sheet .note{margin:0}.ribbon{display:grid;grid-template-columns:repeat(7,minmax(0,44px));justify-content:space-between;gap:4px;margin:2px 0;padding:0;list-style:none}.ribbon-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-2);color:var(--hint);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.ribbon-day.passed{background:var(--accent);color:var(--accent-text)}.ribbon-day.today{background:linear-gradient(180deg,var(--primary-a),var(--primary-b));color:var(--primary-text);box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--primary-b)}.ribbon-day.prize{font-size:13px;font-weight:800}.ribbon-day.prize.ahead{background:linear-gradient(135deg,#f7dc7a,#e6b325);color:#3a2a00}.card.exclusive{border:3px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#f7dc7a,#e6b325 35%,#b8860b 60%,#f7dc7a) border-box}.card.exclusive .card-badge{background:linear-gradient(135deg,#f7dc7a,#e6b325);color:#3a2a00}.locked-slot{padding:10px 16px 8px}.card.locked .card-thumb canvas{opacity:.75}.card.locked .card-thumb.placeholder{aspect-ratio:1;background:linear-gradient(135deg,#f7dc7a,#e6b325 55%,#b8860b)}.card.locked .card-thumb.placeholder canvas{visibility:hidden}.lock-mark{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:34px;text-shadow:0 2px 6px rgba(0,0,0,.35)}.card.locked .card-sub{color:var(--text);font-weight:700}.swatch.gold .swatch-dot{background-image:linear-gradient(135deg,#ffffffb3,#fff0 45%,#6e410047)}.starters .cards{padding-bottom:4px}.empty-note{margin:32px 24px;text-align:center;color:var(--hint);font-size:16px;line-height:1.4}.ad-stub{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#14141a;color:#fff;font-size:20px;font-weight:700}.ad-stub-bar{width:160px;height:6px;border-radius:999px;background:#fff3;overflow:hidden}.ad-stub-bar>div{height:100%;background:#fff;transform-origin:left;animation:ad-stub-fill 2s linear forwards}@keyframes ad-stub-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.export-screen{overflow-y:auto}.export-body{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:4px 16px 0}.export-stage{width:min(100%,56vh,540px);aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--surface-2);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.export-stage canvas,.export-stage video,.export-stage img{display:block;width:100%;height:100%;object-fit:contain}.export-stage .pixel-art{height:auto}.export-status{width:100%;max-width:420px;display:flex;flex-direction:column;gap:8px}.export-status .progress{flex:0 0 auto;width:100%}.chips.three{grid-template-columns:repeat(3,1fr)}.chips.two{grid-template-columns:repeat(2,1fr)}.btn-row{display:flex;align-items:center;justify-content:center;gap:10px}.btn.hd-buy.busy{opacity:.75}.hd-card{display:flex;align-items:center;gap:12px;width:100%;margin-top:8px;padding:10px 12px;border:2px solid transparent;border-radius:16px;background:var(--surface);text-align:left}.hd-card:active{transform:scale(.98)}.hd-card.selected{border-color:var(--accent)}.hd-card.busy{opacity:.75}.hd-card-text{flex:1;min-width:0;display:flex;flex-direction:column}.hd-card-title{font-size:16px;font-weight:800}.hd-card-sub{font-size:13px;color:var(--hint)}.card-thumb{position:relative;display:block}.ring{position:absolute;right:8px;bottom:8px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--accent-bright) calc(var(--p, 0) * 1%),rgba(255,255,255,.4) 0);box-shadow:0 1px 4px #0006}.done-check{position:absolute;right:8px;bottom:8px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-bright);color:#0e2a20;font-size:20px;font-weight:800;box-shadow:0 0 0 3px #fff,0 2px 6px #00000059}.ring:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:#1c1c1ee0}.ring span{position:relative;font-size:12px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.more-link{display:block;margin:2px 16px 0;min-height:40px;padding:0 4px;font-size:15px;font-weight:600;color:var(--accent)}.continue .card,.prize .card{margin:10px 16px 0;width:calc(100% - 32px)}.starters .section-title,.prize .section-title{margin-top:16px}.safe-probe{position:fixed;left:0;top:0;width:0;height:0;visibility:hidden;pointer-events:none;padding-top:var(--safe-top);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left)}.swatch.nudge .swatch-dot{animation:nudge .45s ease-out}@keyframes nudge{0%{transform:scale(1)}30%{transform:scale(1.28);box-shadow:0 0 0 3px var(--bg),0 0 0 6px var(--primary-b)}to{transform:scale(1)}}.btn.share-btn{justify-content:center;gap:10px}.bonus-badge{flex:0 0 auto;padding:3px 9px;border-radius:999px;background:#00000029;font-size:14px;font-weight:800;white-space:nowrap}.btn:not(.primary) .bonus-badge{background:var(--surface-2)}.export-forward{margin:-4px 0 2px;text-align:center}.friends-slot{margin-top:8px}.friends-card{display:flex;flex-direction:column;gap:10px;margin:12px 16px 8px;padding:14px;border-radius:16px;background:var(--surface)}.friends-count{margin:0;font-size:16px;font-weight:800}.friends-earned{margin:-6px 0 0;font-size:14px;color:var(--hint)}.goal-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:2px solid transparent;border-radius:14px;background:var(--surface-2);color:inherit;font:inherit;text-align:left}button.goal-row:active{transform:scale(.98)}.goal-row.ready{border-color:var(--accent)}.goal-thumb{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;overflow:hidden;background:var(--surface);font-size:24px}.goal-thumb canvas{width:100%;height:100%}.goal-thumb.muted canvas{filter:grayscale(1) opacity(.55)}.goal-text{flex:1;min-width:0;display:flex;flex-direction:column;font-size:15px;font-weight:700}.goal-sub{font-size:13px;font-weight:600;color:var(--hint)}.goal-state{flex:0 0 auto;padding:4px 10px;border-radius:999px;background:var(--surface);font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.goal-state.ready{background:var(--accent);color:var(--accent-text, #1c1c1e)}.goal-state.done{color:var(--hint)}.streak-friends{justify-content:center;text-align:center;line-height:1.3}.mascot{display:block;width:160px;height:160px;border-radius:24px;overflow:hidden;box-shadow:0 6px 18px #0000001f}.empty-state{display:flex;flex-direction:column;align-items:center;gap:4px;padding:28px 24px 8px}.empty-state .empty-note{margin:16px 0 0}.tiles-empty{padding:0 16px}.error-screen{align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.error-title{margin:12px 0 0;font-size:22px}.error-note{margin:0 0 8px;color:var(--hint);font-size:16px;line-height:1.4}.error-screen .btn{width:100%;max-width:320px}.landing-screen{align-items:center;justify-content:center;gap:12px;padding:32px 24px;text-align:center}.landing-title{display:flex;align-items:center;gap:10px;margin:16px 0 0;font-size:30px}.landing-lead{margin:0;max-width:340px;font-size:18px;line-height:1.35}.landing-note{margin:0 0 12px;max-width:340px;color:var(--hint);font-size:15px;line-height:1.4}.landing-open{display:flex;align-items:center;justify-content:center;width:100%;max-width:320px;text-decoration:none}