:root{color-scheme:light;--ink: #25202e;--muted: #6c6376;--paper: #fffaf3;--panel: rgba(255, 255, 255, .84);--panel-strong: #ffffff;--coral: #ff7d73;--coral-dark: #e85f59;--mint: #74ddbd;--sky: #7fd2ff;--gold: #ffd86f;--lavender: #b7a2ff;--line: rgba(37, 32, 46, .13);--shadow: 0 18px 45px rgba(68, 49, 76, .14);--soft-shadow: 0 10px 24px rgba(68, 49, 76, .1);--radius: 8px}*{box-sizing:border-box}html{min-height:100%;background:#fff7e8}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);font-family:Inter,ui-rounded,SF Pro Rounded,Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,rgba(255,125,115,.14),transparent 27%),linear-gradient(215deg,rgba(116,221,189,.25),transparent 38%),linear-gradient(325deg,rgba(127,210,255,.22),transparent 44%),repeating-linear-gradient(0deg,rgba(37,32,46,.035),rgba(37,32,46,.035) 1px,transparent 1px,transparent 34px),repeating-linear-gradient(90deg,rgba(37,32,46,.028),rgba(37,32,46,.028) 1px,transparent 1px,transparent 34px),#fff7e8}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:4px solid rgba(127,210,255,.75);outline-offset:3px}.app-shell{width:min(1440px,100%);min-height:100svh;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0 16px}.brand-lockup{display:inline-flex;align-items:center;min-width:0;gap:10px;padding:7px 8px;border:0;border-radius:var(--radius);background:#fffaf3bf;box-shadow:0 0 0 1px var(--line);cursor:pointer}.brand-mark{display:grid;flex:0 0 auto;width:42px;height:42px;place-items:center;border-radius:var(--radius);color:var(--ink);background:linear-gradient(135deg,var(--coral),var(--gold));box-shadow:inset 0 -4px #25202e17}.brand-mark .ui-icon{width:28px;height:28px}.eyebrow{display:block;font-size:1.32rem;font-weight:900;line-height:1;letter-spacing:0}.brand-subtitle{display:none;color:var(--muted);font-size:.76rem;font-weight:800;line-height:1.2}.top-actions{display:inline-flex;flex:0 0 auto;gap:8px;padding:4px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffb8;box-shadow:var(--soft-shadow)}.nav-pill,.tab-button,.action-button,.icon-button,.pose-button,.option-card,.swatch-button,.camp-game-button,.choice-chip{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;-webkit-tap-highlight-color:transparent}.nav-pill{display:inline-flex;align-items:center;justify-content:center;min-height:42px;gap:7px;padding:0 10px;color:var(--muted);font-size:.9rem;font-weight:900}.nav-pill span{display:none}.nav-pill strong{display:grid;min-width:22px;height:22px;place-items:center;border-radius:999px;color:var(--ink);background:var(--gold);font-size:.78rem}.nav-pill.active{color:var(--ink);background:#fff4d2;border-color:#ffb85cb3}.builder-grid{display:grid;gap:14px}.preview-panel,.controls-panel,.flow-panel,.flow-preview,.cat-card,.camp-preview-panel,.camp-play-panel,.empty-gallery,.gallery-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.preview-panel{display:grid;gap:12px;padding:12px;overflow:hidden}.preview-topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.step-chip{display:inline-flex;align-items:center;min-height:29px;padding:0 11px;border:1px solid rgba(37,32,46,.09);border-radius:999px;color:var(--ink);background:#fff3cb;font-size:.76rem;font-weight:900;text-transform:uppercase}.mini-status{min-width:0;overflow:hidden;color:var(--muted);font-size:.88rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.cat-stage{position:relative;display:grid;width:min(100%,620px);aspect-ratio:1;margin:0 auto;place-items:center;border:1px solid rgba(37,32,46,.08);border-radius:var(--radius);background:linear-gradient(180deg,#fffffff0,#fffaf39e),radial-gradient(circle at 50% 84%,rgba(255,216,111,.3),transparent 34%);overflow:hidden}.cat-stage:before{position:absolute;inset:7%;content:"";border:2px dashed rgba(255,125,115,.22);border-radius:50%;transform:rotate(-7deg)}.cat-svg{position:relative;z-index:1;display:block;width:100%;height:100%;overflow:visible}.cat-svg.mini{width:min(100%,360px);height:auto}.cat-breath{transform-box:fill-box;transform-origin:50% 74%;animation:purrBreath 5.8s ease-in-out infinite}.cat-tail{transform-box:fill-box;transform-origin:20% 70%;animation:tailSwish 4.2s ease-in-out infinite}.cat-ears{transform-box:fill-box;transform-origin:50% 72%}.cat-eyes{transform-box:fill-box;transform-origin:center;animation:blink 5.8s ease-in-out infinite}.cat-accessory{transform-box:fill-box;transform-origin:center;animation:accessoryShimmer 7s ease-in-out infinite}.animation-blink-only .cat-breath,.animation-blink-only .cat-tail,.animation-blink-only .cat-accessory,.animation-calm-sticker .cat-breath,.animation-calm-sticker .cat-tail,.animation-calm-sticker .cat-accessory{animation:none}.animation-purr-bounce .cat-breath{animation:purrBounce 2.2s ease-in-out infinite}.animation-tail-swish .cat-breath,.animation-tail-swish .cat-accessory{animation:none}.animation-tail-swish .cat-tail{animation-duration:2.4s}.animation-sparkle-aura .cat-accessory{animation-duration:2.6s}.animation-sparkle-aura:after{position:absolute;inset:14%;z-index:0;content:"";border:2px dotted rgba(255,216,111,.45);border-radius:50%;animation:auraSpin 9s linear infinite;pointer-events:none}.animation-sleepy-breath .cat-breath{animation:sleepyBreath 7.2s ease-in-out infinite}.animation-sleepy-breath .cat-tail{animation-duration:6.8s}.animation-show-off .cat-breath{animation:showOffWiggle 3.2s ease-in-out infinite}.animation-show-off .cat-tail{animation-duration:2.9s}.animation-happy-hop .cat-breath{animation:happyHop 2.8s ease-in-out infinite}.animation-ear-wiggle .cat-ears{animation:earWiggle 3.4s ease-in-out infinite}.animation-card-reveal .cat-breath{animation:cardRevealFloat 4.4s ease-in-out infinite}.animation-card-reveal .cat-accessory{animation-duration:2.8s}.pose-toggle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pose-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:7px;padding:0 10px;color:var(--muted);font-size:.82rem;font-weight:950;background:#ffffffd6}.pose-button span{display:block;width:12px;height:12px;border:2px solid currentColor;border-radius:999px;background:transparent}.pose-button.active{color:var(--ink);border-color:#8f78e894;background:linear-gradient(135deg,#f0ecff,#fff5d7);box-shadow:inset 0 0 0 2px #8f78e81f,var(--soft-shadow)}.pose-button.active span{background:var(--lavender);box-shadow:inset 0 0 0 2px #fff}.stage-spark{position:absolute;z-index:2;display:block;width:16px;height:16px;opacity:0;background:var(--gold);clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%)}.stage-spark.s1{top:18%;left:23%}.stage-spark.s2{top:25%;right:19%;background:var(--sky)}.stage-spark.s3{right:28%;bottom:20%;background:var(--coral)}.sparkle-burst .stage-spark{animation:popSpark .76s ease-out both}.sparkle-burst .stage-spark.s2{animation-delay:90ms}.sparkle-burst .stage-spark.s3{animation-delay:.17s}.preview-actions,.flow-actions,.card-actions,.camp-actions-row,.gallery-card-actions{display:flex;align-items:center;gap:8px}.preview-actions{display:grid;grid-template-columns:1fr 48px 1fr}.preset-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.custom-pack-studio{display:grid;gap:10px;padding:10px;border:1px solid rgba(37,32,46,.12);border-radius:var(--radius);background:linear-gradient(135deg,#74ddbd2e,#ffffffc2),#ffffff9e}.pack-studio-head{display:flex;align-items:end;justify-content:space-between;gap:10px}.pack-studio-head h2{margin:6px 0 0;font-size:1rem;line-height:1}.pack-count{display:inline-grid;min-height:28px;place-items:center;border:1px solid var(--line);border-radius:999px;padding:0 9px;color:var(--muted);background:#ffffffbf;font-size:.76rem;font-weight:950}.pack-name-field{display:grid;gap:6px}.pack-name-field span{color:var(--muted);font-size:.78rem;font-weight:950;text-transform:uppercase}.pack-name-field input,.pack-row-name input{width:100%;min-width:0;border:1px solid rgba(37,32,46,.12);border-radius:var(--radius);color:var(--ink);background:#ffffffe6;font-weight:950}.pack-name-field input{min-height:46px;padding:0 11px}.scope-picker{display:flex;flex-wrap:wrap;gap:7px}.scope-chip{min-height:34px;border:1px solid var(--line);border-radius:999px;padding:0 10px;color:var(--muted);background:#fff;font-size:.78rem;font-weight:950;cursor:pointer}.scope-chip.active{color:var(--ink);border-color:#74ddbdb3;background:#eafff7;box-shadow:inset 0 0 0 2px #74ddbd2e}.pack-list{display:grid;gap:8px;padding:8px;border:1px dashed rgba(37,32,46,.15);border-radius:var(--radius);background:#ffffff8a}.pack-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:center;padding:8px;border:1px solid rgba(37,32,46,.09);border-radius:var(--radius);background:#ffffffad}.pack-button{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:42px;gap:8px;border:1px solid var(--line);border-radius:var(--radius);padding:0 10px;color:var(--ink);background:#fff;font-weight:950;cursor:pointer}.pack-row-name{min-width:0}.pack-row-name input{height:42px;padding:0 10px}.pack-row-actions{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.pack-row-actions .icon-button{width:100%}.pack-scope-summary{display:flex;grid-column:1 / -1;flex-wrap:wrap;gap:5px}.pack-scope-summary span{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;color:var(--muted);background:#fff3cbd6;font-size:.68rem;font-weight:950}.action-button,.icon-button{min-height:48px;font-weight:950}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px}.action-button.primary{color:#211725;border-color:#25202e26;background:linear-gradient(135deg,var(--coral),#ffb85c);box-shadow:0 9px #c6534c3b,var(--soft-shadow)}.action-button.secondary{color:var(--ink);border-color:#74ddbda6;background:linear-gradient(135deg,#e9fff8,#fff)}.action-button.ghost{color:var(--ink);background:#ffffffbd}.action-button.full{width:100%}.action-button.small,.icon-button.small{min-height:40px}.action-button.small{padding:0 10px;font-size:.9rem}.icon-button{display:inline-grid;width:48px;min-width:48px;padding:0;place-items:center;color:var(--ink);background:#fff}.icon-button.small{width:42px;min-width:42px}.nav-pill:hover,.tab-button:hover,.action-button:hover,.icon-button:hover,.option-card:hover,.swatch-button:hover,.camp-game-button:hover,.choice-chip:hover{transform:translateY(-2px);box-shadow:var(--soft-shadow)}.action-button.primary:hover{box-shadow:0 10px #c6534c45,var(--soft-shadow)}.nav-pill:active,.tab-button:active,.action-button:active,.icon-button:active,.option-card:active,.swatch-button:active,.camp-game-button:active,.choice-chip:active{transform:translateY(1px)}.controls-panel{min-width:0;overflow:hidden}.tab-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px;border-bottom:1px solid var(--line);background:#ffffff8c}.tab-button{display:grid;min-height:58px;place-items:center;gap:4px;padding:6px 4px;color:var(--muted);font-size:.78rem;font-weight:950}.tab-button .ui-icon{width:21px;height:21px}.tab-button.active{color:var(--ink);border-color:#ff7d7399;background:#fff2ed}.control-scroll{display:grid;max-height:none;gap:14px;padding:12px}.control-section{display:grid;gap:8px}.control-section h2{margin:0;color:var(--ink);font-size:.88rem;font-weight:950;letter-spacing:0}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.option-card{display:grid;min-height:104px;grid-template-rows:1fr auto auto;gap:6px;align-items:center;justify-items:center;padding:10px 6px;color:var(--ink);background:#ffffffde}.option-card>span:last-child{width:100%;min-width:0;overflow-wrap:anywhere;font-size:.82rem;font-weight:950;line-height:1.1}.option-card small{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:999px;color:var(--muted);background:#fff3cbc7;font-size:.66rem;font-weight:950;line-height:1}.option-card.active{border-color:#ff7d73bf;background:linear-gradient(135deg,#fff6e0,#fff1f0);box-shadow:inset 0 0 0 2px #ff7d732e,var(--soft-shadow)}.accessory-grid .option-card{min-height:112px}.option-card.locked{opacity:.5;cursor:not-allowed}.option-art{display:grid;width:50px;height:50px;place-items:center;border-radius:var(--radius);color:var(--ink);background:linear-gradient(135deg,#dffbf3,#fff3cb);box-shadow:inset 0 -3px #25202e0f}.option-art svg{width:34px;height:34px;overflow:visible;fill:currentColor;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.swatch-button{display:flex;align-items:center;min-width:0;min-height:54px;gap:9px;padding:7px 8px;color:var(--ink);background:#ffffffde;font-size:.82rem;font-weight:950;text-align:left}.swatch-button span:last-child{min-width:0;overflow-wrap:anywhere}.swatch-button.active{border-color:#7fd2ffe6;background:#effaff;box-shadow:inset 0 0 0 2px #7fd2ff33}.swatch{display:block;flex:0 0 auto;width:32px;height:32px;border:2px solid rgba(37,32,46,.22);border-radius:50%;box-shadow:inset 0 2px 7px #ffffff9e}.selected-accessories{display:grid;gap:10px}.accessory-color-row,.part-color-picker{display:grid;min-width:0;gap:8px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffb8}.accessory-color-row>span,.part-color-picker>span{overflow-wrap:anywhere;color:var(--ink);font-size:.82rem;font-weight:950}.mini-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(32px,1fr));gap:7px}.mini-swatch{min-width:32px;height:34px;border:2px solid rgba(37,32,46,.14);border-radius:var(--radius);box-shadow:inset 0 2px 8px #fff9;cursor:pointer}.mini-swatch.active{border-color:#25202e9e;box-shadow:inset 0 0 0 3px #ffffffbf,var(--soft-shadow)}.flow-grid{display:grid;gap:14px}.flow-preview{display:grid;min-height:250px;padding:12px;place-items:center}.flow-panel{display:grid;gap:14px;padding:14px}.text-field{display:grid;gap:8px}.text-field span{font-size:.9rem;font-weight:950}.text-field input{width:100%;min-height:58px;border:1px solid var(--line);border-radius:var(--radius);padding:0 14px;color:var(--ink);background:#fff;font-size:1.05rem;font-weight:900;box-shadow:inset 0 2px 8px #25202e0d}.chip-grid{display:flex;flex-wrap:wrap;gap:8px}.choice-chip{min-height:44px;padding:0 12px;color:var(--muted);background:#fff;font-size:.9rem;font-weight:950}.choice-chip.active{color:var(--ink);border-color:#74ddbdd9;background:#eafff7}.flow-actions{justify-content:space-between;padding-top:2px}.card-stage{display:grid;gap:14px}.cat-card{position:relative;display:grid;gap:12px;padding:14px;overflow:hidden;background:linear-gradient(135deg,#ffd86f3d,#ffffffe0 42%),#ffffffe6}.cat-card.saved{animation:savedPulse .85s ease-out}.rarity-strip{position:absolute;top:12px;right:12px;z-index:3;display:inline-flex;align-items:center;min-height:36px;gap:7px;padding:0 11px;border:1px solid rgba(37,32,46,.12);border-radius:var(--radius);background:#fff3cb;font-size:.82rem;font-weight:950}.card-copy{display:grid;gap:10px;min-width:0}.card-copy h1,.gallery-title h1{margin:0;font-size:clamp(2rem,9vw,4.8rem);line-height:.95;letter-spacing:0}.card-copy p{max-width:54ch;margin:0;color:var(--muted);font-size:1rem;font-weight:750;line-height:1.45}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.stat-grid div{min-width:0;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffb8}.stat-grid dt{color:var(--muted);font-size:.72rem;font-weight:950;text-transform:uppercase}.stat-grid dd{margin:4px 0 0;overflow-wrap:anywhere;color:var(--ink);font-weight:950}.card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.card-actions .icon-button{width:100%}.camp-screen{display:grid;gap:14px}.camp-preview-panel,.camp-play-panel{display:grid;gap:14px;padding:12px;overflow:hidden}.camp-preview-panel{align-content:start}.camp-play-panel{position:relative;background:linear-gradient(135deg,#74ddbd38,#ffffffd1 42%),#ffffffe0}.camp-play-panel:after{position:absolute;top:14px;right:18px;width:42px;height:42px;content:"";opacity:0;background:var(--gold);clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%);pointer-events:none}.reward-pop .camp-play-panel:after{animation:rewardTwinkle .68s ease-out both}.camp-hero-copy{display:grid;gap:8px;min-width:0}.camp-hero-copy h1{margin:0;overflow-wrap:anywhere;font-size:clamp(2.1rem,11vw,5rem);line-height:.95;letter-spacing:0}.camp-hero-copy p{max-width:46ch;margin:0;color:var(--muted);font-size:1rem;font-weight:850;line-height:1.42}.camp-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.camp-stats div{min-width:0;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffbd}.camp-stats div:last-child{grid-column:1 / -1}.camp-stats dt{color:var(--muted);font-size:.72rem;font-weight:950;text-transform:uppercase}.camp-stats dd{margin:5px 0 0;overflow-wrap:anywhere;color:var(--ink);font-size:1rem;font-weight:950}.energy-dots{display:flex;align-items:center;min-height:24px;gap:5px}.energy-dots span{display:block;width:14px;height:14px;border:1px solid rgba(37,32,46,.16);border-radius:999px;background:#25202e14}.energy-dots .filled{border-color:#ffb85c8c;background:linear-gradient(135deg,var(--gold),#ffb85c);box-shadow:inset 0 1px #ffffffad}.unlock-row{display:flex;flex-wrap:wrap;gap:7px}.unlock-row span{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid rgba(143,120,232,.24);border-radius:999px;color:var(--ink);background:#f0ecff;font-size:.78rem;font-weight:950}.camp-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.camp-game-button{display:grid;min-height:98px;place-items:center;gap:7px;padding:10px;color:var(--ink);background:linear-gradient(180deg,#fffffff0,#fff3cbd1),#fff;font-size:.9rem;font-weight:950;text-align:center}.camp-game-button .ui-icon{width:28px;height:28px;color:var(--coral-dark)}.camp-actions-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gallery-screen{display:grid;gap:14px}.gallery-title{display:flex;align-items:end;justify-content:space-between;gap:12px}.gallery-title h1{margin-top:6px}.empty-gallery{display:grid;min-height:520px;place-items:center;padding:18px;text-align:center}.empty-gallery .cat-stage{width:min(100%,330px)}.empty-gallery h2{margin:0;font-size:1.4rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px}.gallery-card{display:grid;gap:10px;padding:10px}.gallery-card .cat-stage{width:100%}.gallery-card-copy{min-width:0}.gallery-card-copy h2{margin:0;overflow:hidden;font-size:1.2rem;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.gallery-card-copy p{margin:4px 0 0;color:var(--muted);font-size:.86rem;font-weight:850}.gallery-card-actions{justify-content:space-between}.ui-icon{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes tailSwish{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(5.5deg)}}@keyframes purrBreath{0%,to{transform:translateY(0) scale(1)}45%{transform:translateY(1px) scale(1.006,.996)}}@keyframes purrBounce{0%,to{transform:translateY(0) scale(1)}38%{transform:translateY(-4px) scale(1.012,.99)}62%{transform:translateY(2px) scale(.996,1.006)}}@keyframes sleepyBreath{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(2px) scale(1.004,.998)}}@keyframes showOffWiggle{0%,to{transform:rotate(0) translateY(0)}32%{transform:rotate(-1.2deg) translateY(-2px)}66%{transform:rotate(1.2deg) translateY(1px)}}@keyframes happyHop{0%,to{transform:translateY(0) scale(1)}34%{transform:translateY(-9px) scale(1.01,.99)}56%{transform:translateY(1px) scale(.996,1.008)}}@keyframes earWiggle{0%,to{transform:rotate(0)}18%{transform:rotate(-2.8deg)}34%{transform:rotate(2.2deg)}48%{transform:rotate(0)}}@keyframes cardRevealFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-.7deg)}}@keyframes auraSpin{to{transform:rotate(360deg)}}@keyframes blink{0%,91%,to{transform:scaleY(1)}94%{transform:scaleY(.08)}}@keyframes accessoryShimmer{0%,to{filter:drop-shadow(0 0 0 rgba(255,216,111,0))}54%{filter:drop-shadow(0 0 7px rgba(255,216,111,.38))}}@keyframes popSpark{0%{opacity:0;transform:scale(.1) rotate(0)}45%{opacity:1;transform:scale(1.4) rotate(20deg)}to{opacity:0;transform:scale(.4) rotate(50deg)}}@keyframes savedPulse{0%{transform:scale(1)}45%{transform:scale(1.015);box-shadow:0 0 0 7px #74ddbd3d,var(--shadow)}to{transform:scale(1)}}@keyframes rewardTwinkle{0%{opacity:0;transform:translateY(10px) scale(.2) rotate(0)}42%{opacity:1;transform:translateY(0) scale(1.25) rotate(18deg)}to{opacity:0;transform:translateY(-18px) scale(.55) rotate(44deg)}}@media(min-width:420px){.brand-subtitle,.nav-pill span{display:block}.color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:720px){.app-shell{padding:20px}.tab-row{grid-template-columns:repeat(6,minmax(0,1fr))}.option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-grid{grid-template-columns:minmax(300px,.85fr) minmax(340px,1fr);align-items:stretch}.flow-preview,.flow-panel{min-height:calc(100svh - 130px)}.cat-card{grid-template-columns:minmax(300px,.86fr) minmax(360px,1fr);align-items:center;padding:18px}.card-actions{display:flex;justify-content:center;flex-wrap:wrap}.card-actions .icon-button{width:48px}.camp-screen{grid-template-columns:minmax(300px,.88fr) minmax(340px,1fr);align-items:stretch}.camp-preview-panel,.camp-play-panel{min-height:calc(100svh - 130px)}}@media(min-width:980px){.builder-grid{grid-template-columns:minmax(430px,.88fr) minmax(490px,1.12fr);align-items:start}.preview-panel{position:sticky;top:18px;min-height:calc(100svh - 118px);align-content:space-between;padding:14px}.cat-stage{width:min(100%,660px)}.controls-panel{min-height:calc(100svh - 118px)}.control-scroll{max-height:calc(100svh - 214px);overflow:auto;padding:14px}.option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.camp-screen{grid-template-columns:minmax(430px,.9fr) minmax(490px,1.1fr);align-items:start}.camp-preview-panel{position:sticky;top:18px}.camp-preview-panel,.camp-play-panel{min-height:calc(100svh - 118px);padding:14px}.camp-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1240px){.builder-grid{grid-template-columns:minmax(520px,.9fr) minmax(600px,1.1fr)}.option-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}