/* The same storybook garden, with a little more life. Motion never touches wallet UI. */
.donut{overflow:hidden} /* Contain the counter-rotated label layer inside its circular chart. */
@media(max-width:520px){.garden-heading h2#garden-title{font-size:clamp(22px,6.4vw,26px)}.garden-heading .garden-mascot{width:clamp(70px,21vw,95px)}.garden-mascot img{max-height:100%;object-fit:cover}}
.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 82% 40%,#ffeabf66,transparent 58%)}
.hero-garden-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:25px}
.garden-new-link{font-size:11px;font-weight:900;letter-spacing:.2px;color:#65784e;text-decoration:none;border-bottom:1px dashed #a5b38d;padding:7px 0}
.garden-new-link span{margin-left:8px}.motion-toggle{border:0;border-radius:22px;background:#edeedc;color:#687151;font:800 11px var(--round,sans-serif);padding:8px 12px;cursor:pointer}
.motion-toggle:focus-visible,.garden-tabs button:focus-visible,.garden-refresh:focus-visible,.garden-more:focus-visible,.garden-invite-link:focus-visible{outline:3px solid #9b623a;outline-offset:4px}
.garden-orbit{position:absolute;inset:0;pointer-events:none;z-index:2}.garden-orbit span{position:absolute;display:grid;place-items:center;border:1px solid #dac29d;border-radius:18px;width:46px;height:46px;background:#fff8e5;box-shadow:2px 4px 0 #dec39e4d;color:#b57840;font-size:26px}
.garden-orbit span:nth-child(1){top:9%;left:8%;transform:rotate(-13deg)}.garden-orbit span:nth-child(2){right:4%;top:30%;background:#e7efdf;color:#7d9259;transform:rotate(12deg)}.garden-orbit span:nth-child(3){left:2%;bottom:14%;background:#ffe6d1;transform:rotate(-8deg)}.garden-orbit span:nth-child(4){bottom:2%;right:21%;background:#f7dc94;transform:rotate(11deg)}
.hero-art>img{filter:drop-shadow(0 17px 17px #b7925c13)}
.story-card,.scene-figure,.sticker-figure{transition:box-shadow .3s ease,border-color .3s ease}.story-card:hover{box-shadow:0 11px 0 #d5bd931c,0 18px 36px #9b623a15}.scene-figure:hover{box-shadow:5px 9px 0 #74624a18}
.garden-section{padding-top:86px;padding-bottom:70px;position:relative;isolation:isolate}.garden-section:before{content:"";position:absolute;inset:30px 0 20px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 11% 33%,#e6edcc55,transparent 48%),radial-gradient(ellipse at 88% 65%,#ffe6bc66,transparent 40%)}
.garden-heading{display:flex;justify-content:space-between;align-items:center;gap:38px;margin-bottom:35px}.garden-heading>div:first-child{max-width:660px}.garden-heading .eyebrow{color:#7b8054;margin:0 0 17px;font-size:11px}.garden-heading h2{font-size:clamp(35px,4.3vw,54px);line-height:1.13;letter-spacing:-1.8px;color:#503c2d;margin:0}.garden-intro{max-width:530px;color:#80664d;font-size:14px;line-height:1.9;margin:20px 0 0}
.garden-mascot{position:relative;width:225px;height:220px;flex-shrink:0;display:grid;place-items:center}.garden-mascot img{position:relative;width:140px;height:140px;border-radius:42%;transform:rotate(7deg);box-shadow:7px 9px 0 #6c81461c;border:5px solid #fffaf0;z-index:1}.garden-arch{position:absolute;inset:13px 0 7px;background:#e5edd5;border:1px solid #ccd8b8;border-radius:110px 110px 40px 40px;transform:rotate(-5deg)}.garden-mascot-label{position:absolute;bottom:0;z-index:3;background:#ffde8b;border:1px solid #d8b375;color:#775330;padding:9px 15px;font-size:11px;font-weight:900;border-radius:12px;transform:rotate(-5deg)}.garden-petal{position:absolute;font-size:38px;color:#ce9448;z-index:2}.petal-a{top:-7px;right:9px}.petal-b{bottom:25px;left:-10px;color:#94a071}
.garden-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.garden-totals>div{display:grid;grid-template-columns:45px 1fr;column-gap:15px;align-items:center;border:1px solid #e1d3ba;background:#fffcf3dd;border-radius:20px;padding:21px 23px;box-shadow:0 4px 0 #ede3cf70}.garden-totals>div:nth-child(2){background:#edf3e5cc;border-color:#cfdcc4}.garden-totals>div:nth-child(3){background:#fff0e3cc;border-color:#e9d0ba}.garden-total-icon{grid-row:1/3;display:grid;place-items:center;width:45px;height:45px;font-size:28px;border-radius:50%;background:#fce7ad;color:#ae783c}.garden-totals>div:nth-child(2) .garden-total-icon{background:#d9e6c5;color:#6d8452}.garden-totals>div:nth-child(3) .garden-total-icon{background:#f9dcc6;color:#b87c5c}.garden-totals strong{font-size:29px;line-height:1.2;font-weight:950;color:#553d2b;font-variant-numeric:tabular-nums}.garden-totals [data-board-copy]{font-size:11px;color:#7a674f;line-height:1.6;margin-top:3px}
.leaderboard-shell{border:1px solid #d5c1a3;border-radius:28px;background:#fffdf6;box-shadow:6px 7px 0 #e3d3b873,0 16px 45px #b69a6a0c;overflow:hidden}.garden-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px;border-bottom:1px solid #e4d5bd;background:#f4eddc}.garden-tabs button{min-height:65px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:17px;background:transparent;color:#8c735a;cursor:pointer;font:900 16px var(--round,sans-serif);transition:background .2s,box-shadow .2s,color .2s}.garden-tabs button>span{font-size:25px;line-height:1}.garden-tabs button:hover{background:#fff8e8}.garden-tabs button[aria-selected=true]{color:#573d26;background:#ffdb8b;border-color:#dba754;box-shadow:0 3px 0 #e8be71}.garden-tabs button:nth-child(2)[aria-selected=true]{background:#f8d7bd;border-color:#dbaf8b;box-shadow:0 3px 0 #dfb595}.garden-tabs button:nth-child(3)[aria-selected=true]{background:#ddebc8;border-color:#adbf8c;box-shadow:0 3px 0 #bccc9f}
.garden-board-body{padding:28px 35px 20px;min-height:430px;outline-offset:-4px}.garden-board-note{margin:0 0 22px;font-size:12px;line-height:1.7;color:#8a7159}.garden-table{width:100%;border-collapse:collapse;table-layout:fixed}.garden-table th{text-align:left;font-size:11px;font-weight:800;letter-spacing:.4px;color:#947b63;padding:0 12px 14px;border-bottom:1px solid #e5d9c3}.garden-table th:first-child{width:75px}.garden-table th:last-child{text-align:right;width:34%}.garden-table td{padding:13px 12px;height:65px;border-bottom:1px dashed #e7dcc9;vertical-align:middle}.garden-table tbody tr:last-child td{border-bottom:0}.garden-table tbody tr{transition:background .2s}.garden-table tbody tr:hover{background:#fff5df}.garden-table .garden-winner{background:linear-gradient(90deg,#fff6df8a,#fffdf600)}.garden-rank{display:inline-grid;place-items:center;width:31px;height:33px;border-radius:10px;color:#987d60;font-size:13px;font-weight:950}.rank-1{background:#f9d581;color:#966222;border:1px solid #e4bd63;box-shadow:0 3px 0 #efdaa2}.rank-2{background:#e7eee0;color:#6c7d59;border:1px solid #d0d9c6}.rank-3{background:#f6dfc8;color:#a27147;border:1px solid #e5c6ab}.garden-member{display:flex;align-items:center;gap:13px;min-width:0}.garden-avatar{flex-shrink:0;width:36px;height:36px;border-radius:13px;display:grid;place-items:center;font-size:23px;background:hsl(var(--avatar-hue) 55% 88%);color:hsl(var(--avatar-hue) 30% 42%);border:1px solid hsl(var(--avatar-hue) 35% 76%)}.garden-member-id{font-size:13px;font-weight:800;letter-spacing:.4px;color:#6d543c;font-variant-numeric:tabular-nums}.garden-score{text-align:right;color:#60452e}.garden-score strong{font-size:18px;font-weight:950;font-variant-numeric:tabular-nums}.garden-score small{display:block;font-size:10px;color:#9a8064;margin-top:2px}
.garden-empty{text-align:center;padding:22px 16px 38px;max-width:450px;margin:auto}.garden-empty-flower{font-size:82px;line-height:1.25;color:#e3ba65;display:block;filter:drop-shadow(0 5px 0 #f2e6cb)}.garden-empty h3{font-size:21px;line-height:1.45;margin:17px 0 10px;color:#72563c}.garden-empty p{font-size:13px;line-height:1.85;color:#94795e;margin:0 auto 23px}.garden-invite-link{display:inline-block;text-decoration:none;background:#e7edda;border:1px solid #bdcba4;padding:11px 19px;border-radius:12px;color:#6a7c4b;font-size:12px;font-weight:900;box-shadow:0 3px 0 #d8dfc8}
.garden-board-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:23px;margin-top:7px;border-top:1px solid #eee4d2}.garden-snapshot{font-size:10px;color:#99836c;line-height:1.7}.garden-refresh{border:1px solid #e2d5bc;background:#fffaf0;border-radius:10px;color:#8b7153;cursor:pointer;white-space:nowrap;font:800 11px var(--round,sans-serif);padding:9px 14px}.garden-refresh:disabled{opacity:.5;cursor:wait}.garden-more{display:block;margin:22px auto 4px;color:#8f693c;background:#f7ecd1;border:1px solid #ddcba5;font:900 12px var(--round,sans-serif);padding:12px 22px;border-radius:13px;cursor:pointer}.garden-board-footer{display:flex;align-items:center;justify-content:center;gap:9px;padding:14px;background:#f8f2e4;border-top:1px solid #e6d9be;color:#a18b6d}.garden-board-footer>span{font-size:23px;color:#bba26c}.garden-board-footer p,.garden-footnote{font-size:10px;line-height:1.7;margin:0}.garden-footnote{text-align:center;color:#9b866c;margin-top:19px}.garden-more[hidden],.garden-empty[hidden],.garden-table[hidden]{display:none}
.garden-reveal{opacity:0;transform:translateY(23px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.6,.2,1)}.garden-reveal.garden-visible{opacity:1;transform:translateY(0)}
@keyframes garden-float{0%,100%{translate:0 0}50%{translate:0 -11px}}@keyframes garden-sway{0%,100%{rotate:-5deg}50%{rotate:5deg}}@keyframes garden-glow{0%,100%{opacity:.5;scale:.98}50%{opacity:.85;scale:1.04}}@keyframes garden-wave{0%,100%{rotate:0deg}50%{rotate:12deg}}
[data-garden-motion=on] .hero-art>img{animation:garden-float 7s ease-in-out infinite}[data-garden-motion=on] .art-halo{animation:garden-glow 8s ease-in-out infinite}[data-garden-motion=on] .garden-orbit span{animation:garden-float 5s ease-in-out infinite}[data-garden-motion=on] .garden-orbit span:nth-child(2){animation-delay:-2s}[data-garden-motion=on] .garden-orbit span:nth-child(3){animation-delay:-3.4s}[data-garden-motion=on] .garden-orbit span:nth-child(4){animation-delay:-1s}[data-garden-motion=on] .art-label{animation:garden-sway 8s ease-in-out infinite}[data-garden-motion=on] .garden-mascot img{animation:garden-float 6s ease-in-out infinite}[data-garden-motion=on] .garden-petal{animation:garden-wave 5s ease-in-out infinite}[data-garden-motion=on] .price-flower{animation:garden-sway 6s ease-in-out infinite}[data-garden-motion=on] .scene-chips li:hover{translate:0 -3px;transition:translate .2s}
[data-garden-motion=off] .garden-reveal{opacity:1;transform:none}[data-garden-motion=off] .ticker div{animation:none}.garden-paused *{animation-play-state:paused!important}
@media(max-width:1100px){.garden-heading h2{font-size:44px}.site-header nav{gap:13px;font-size:11px}.garden-totals>div{padding:18px 17px;gap:12px}.garden-totals strong{font-size:26px}}
@media(max-width:800px){.hero-garden-actions{justify-content:center}.garden-section{padding-top:64px;padding-bottom:45px}.garden-heading{gap:20px}.garden-heading h2{font-size:38px}.garden-mascot{width:165px;height:175px}.garden-mascot img{width:110px;height:110px}.garden-mascot-label{font-size:9px}.garden-intro{font-size:13px}.garden-totals{gap:10px}.garden-totals>div{display:flex;flex-direction:column;text-align:center;padding:18px 10px;gap:7px}.garden-total-icon{width:35px;height:35px;font-size:22px}.garden-totals [data-board-copy]{font-size:10px}.garden-board-body{padding:23px}.garden-tabs button{min-height:57px;font-size:14px}}
@media(max-width:520px){.hero-garden-actions{gap:10px;margin-top:20px}.garden-new-link{font-size:10px}.motion-toggle{font-size:10px;padding:7px 9px}.garden-orbit span{width:34px;height:34px;border-radius:12px;font-size:21px}.garden-orbit span:nth-child(1){left:5%;top:3%}.garden-heading{align-items:flex-start;gap:12px;margin-bottom:26px}.garden-heading h2{font-size:30px;letter-spacing:-1px}.garden-heading .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:13px}.garden-intro{font-size:12px;margin-top:15px}.garden-mascot{width:95px;height:128px;margin-top:18px}.garden-mascot img{width:77px;height:77px;border-width:3px}.garden-arch{inset:4px -3px 5px}.garden-mascot-label{display:none}.garden-petal{font-size:23px}.petal-a{top:-10px;right:0}.petal-b{bottom:-1px;left:2px}.garden-totals{gap:8px;margin-bottom:18px}.garden-totals>div{border-radius:16px;padding:16px 6px;gap:6px}.garden-totals strong{font-size:23px}.garden-totals [data-board-copy]{font-size:9px;margin:0}.garden-total-icon{width:31px;height:31px;font-size:20px}.leaderboard-shell{border-radius:22px;box-shadow:4px 5px 0 #e3d3b873}.garden-tabs{padding:9px;gap:5px}.garden-tabs button{min-height:52px;font-size:12px;gap:6px;border-radius:12px}.garden-tabs button>span{font-size:21px}.garden-board-body{padding:20px 15px;min-height:405px}.garden-board-note{font-size:11px;margin-bottom:20px}.garden-table th{font-size:10px;padding:0 5px 11px;letter-spacing:0}.garden-table th:first-child{width:40px}.garden-table th:last-child{width:30%}.garden-table td{padding:12px 5px;height:60px}.garden-rank{width:27px;height:30px;font-size:12px}.garden-member{gap:8px}.garden-avatar{width:26px;height:29px;font-size:20px;border-radius:9px}.garden-member-id{font-size:9px;letter-spacing:0;overflow-wrap:anywhere}.garden-score strong{font-size:14px}.garden-score small{font-size:9px}.garden-empty{padding:15px 9px 28px}.garden-empty h3{font-size:18px}.garden-empty p{font-size:12px}.garden-board-footer{padding:13px 12px;gap:6px}.garden-board-footer p{font-size:9px}.garden-snapshot{font-size:9px}.garden-board-bottom{gap:9px}.garden-refresh{font-size:10px;padding:8px 11px}.garden-footnote{font-size:9px}}
@media(prefers-reduced-motion:reduce){.garden-reveal{opacity:1;transform:none}.garden-orbit span,.hero-art>img,.art-label,.garden-petal,.garden-mascot img{animation:none!important}}

#leaderboards[hidden],[data-leaderboards-link][hidden]{display:none!important}