.ds-app{--ds-ink:#3a2414;--ds-jade:#1f8a73;--ds-jade-deep:#0f5546;--ds-bamboo:#d8a35c;--ds-bamboo-deep:#9a6a30;--ds-cream:#fff6e4;--ds-hot:#e2462a;--ds-mint:#6fd6b0;--ds-gold:#ffcf4a;--ds-night:rgba(36,18,10,0.72);--play-accent:#1f8a73;--play-ink:#3a2414;--play-paper:#fff6e4;overflow:hidden;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100dvh;background:#2a1610;color:#fff}.ds-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none;cursor:-webkit-grab;cursor:grab}.ds-app[data-phase=play] .ds-scene:active{cursor:-webkit-grabbing;cursor:grabbing}.ds-app:not([data-phase=play]) :is(.ds-top,.ds-progress,.ds-keys,.ds-hint,.ds-banner){display:none}.ds-top{position:absolute;z-index:4;left:0;right:0;top:calc(env(safe-area-inset-top, 0px) + 8px);display:grid;grid-template-columns:40px 1fr auto 40px;align-items:start;grid-gap:8px;gap:8px;padding:0 10px;pointer-events:none}.ds-top>*{pointer-events:auto}.ds-icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:var(--ds-night);color:#fff;border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 0 rgba(0,0,0,.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ds-icon-btn .off,.ds-icon-btn[aria-pressed=true] .on{display:none}.ds-icon-btn[aria-pressed=true] .off{display:inline}.ds-score-box{justify-self:center;display:grid;justify-items:center;grid-gap:3px;gap:3px;padding:5px 16px 7px;border-radius:16px;pointer-events:none;background:var(--ds-cream);color:var(--ds-ink);border:2px solid #fff;box-shadow:0 3px 0 var(--ds-bamboo-deep);min-width:108px}.ds-score-box small{font:800 9px/1 Playful,sans-serif;letter-spacing:1px;color:var(--ds-bamboo-deep);white-space:nowrap}.ds-score-box b{font:800 26px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:inline-block}.ds-score-box b.pop{animation:ds-pop .35s cubic-bezier(.3,1.8,.5,1)}@keyframes ds-pop{40%{transform:scale(1.3);color:var(--ds-jade)}}.ds-charge{display:flex;gap:4px}.ds-charge i{width:16px;height:6px;border-radius:4px;background:#ecdcc0;transition:background .15s,box-shadow .15s}.ds-charge i.on{background:var(--ds-gold)}.ds-charge.full i{background:#ffb21f;box-shadow:0 0 8px rgba(255,190,40,.9);animation:ds-glow .5s infinite alternate}@keyframes ds-glow{to{filter:brightness(1.3)}}.ds-leaves{display:flex;gap:3px;padding:7px 8px;border-radius:14px;background:var(--ds-night);border:2px solid rgba(190,255,200,.7);pointer-events:none}.ds-leaves i{width:22px;height:22px;display:block;background:radial-gradient(circle at 40% 35%,#b9f08f,#4fae3e 70%);border-radius:60% 10% 60% 10%;transform:rotate(-12deg);border:1.5px solid #e6ffd4;transition:transform .3s,opacity .3s}.ds-leaves i.gone{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);transform:rotate(-12deg) scale(.8)}.ds-leaves i.hurt{animation:ds-shake .5s}.ds-leaves.empty{border-color:#ff8a6a;animation:ds-beat .9s infinite}@keyframes ds-shake{20%,60%{transform:translateX(-3px) rotate(-12deg)}40%,80%{transform:translateX(3px) rotate(-12deg)}}@keyframes ds-beat{50%{box-shadow:0 0 0 4px rgba(255,110,70,.35)}}.ds-progress{position:absolute;z-index:4;left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top, 0px) + 72px);width:min(300px,72vw);display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:8px;gap:8px;pointer-events:none}.ds-track{position:relative;height:10px;border-radius:6px;background:rgba(255,246,228,.25);border:2px solid rgba(255,255,255,.75);overflow:visible}.ds-track em{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:4px;background:linear-gradient(90deg,#ffe7a8,var(--ds-gold));transition:width .2s}.ds-track span{position:absolute;top:50%;left:0;width:20px;height:17px;margin:-9px 0 0 -10px;border-radius:50% 50% 45% 45%/60% 60% 40% 40%;background:radial-gradient(circle at 40% 35%,#fff,#f3e2c4);border:2px solid var(--ds-bamboo-deep);transition:left .2s}.ds-progress small{font:800 12px/1 Playful,sans-serif;color:var(--ds-cream);text-shadow:0 1px 3px rgba(0,0,0,.6);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ds-banner{position:absolute;z-index:7;left:50%;top:22%;transform:translate(-50%,10px) scale(.85);opacity:0;pointer-events:none;font:800 36px/1.05 Playful,sans-serif;color:#fff;text-align:center;width:max-content;max-width:calc(100% - 28px);letter-spacing:.5px;-webkit-text-stroke:8px var(--ds-jade-deep);paint-order:stroke fill;text-shadow:0 5px 0 var(--ds-jade-deep);transition:opacity .18s,transform .3s cubic-bezier(.3,1.6,.5,1)}.ds-banner.show{opacity:1;transform:translate(-50%) scale(1)}.ds-banner.gold{color:var(--ds-gold);-webkit-text-stroke-color:#8a4a00;text-shadow:0 5px 0 #8a4a00;font-size:42px}.ds-banner.hot{color:#ffe0d6;-webkit-text-stroke-color:#8a1e10;text-shadow:0 5px 0 #8a1e10}.ds-banner.mint{color:#e6fff4;-webkit-text-stroke-color:#12705a;text-shadow:0 5px 0 #12705a;font-size:30px}.ds-banner.small{font-size:26px}.ds-hint{position:absolute;z-index:5;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 26px);transform:translateX(-50%);margin:0;padding:9px 16px;border-radius:16px;background:var(--ds-night);border:2px solid rgba(255,230,180,.7);font:700 14.5px/1.25 Playful,sans-serif;text-align:center;width:max-content;max-width:calc(100% - 32px);opacity:0;transition:opacity .25s;pointer-events:none}.ds-hint.show{opacity:1}.ds-hint.swipe:before{content:"⟵ ✋ ⟶";display:block;font-size:18px;letter-spacing:2px;margin-bottom:3px;animation:ds-swipe 1.2s ease-in-out infinite}@keyframes ds-swipe{50%{transform:translateX(10px)}}.ds-keys{display:none}@media (hover:hover) and (pointer:fine){.ds-keys{display:block;position:absolute;z-index:5;left:50%;bottom:8px;transform:translateX(-50%);font:700 12px/1 Playful,sans-serif;color:rgba(255,240,220,.9);text-shadow:0 1px 3px rgba(0,0,0,.6);white-space:nowrap;pointer-events:none}.ds-hint{bottom:34px}}.playful-game .ds-menu,.playful-game .ds-results{background:linear-gradient(180deg,rgba(30,12,6,0) 30%,rgba(30,12,6,.55));backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:flex-start;padding:33vh 12px calc(env(safe-area-inset-bottom, 0px) + 12px)}.playful-game .ds-results{padding-top:24vh}.ds-card{width:min(440px,100%);margin:auto auto 0;flex:none;background:var(--ds-cream);color:var(--ds-ink);border:3px solid #fff;border-radius:26px;padding:12px 12px 14px;box-shadow:0 7px 0 #c99a5a,0 20px 50px rgba(20,8,2,.45);text-align:center}.ds-kicker{display:inline-block;font:800 10.5px/1 Playful,sans-serif;letter-spacing:1.8px;color:var(--ds-jade-deep);background:#d9f3e8;border-radius:10px;padding:5px 10px}.ds-logo{margin:4px 0 6px;font:800 35px/.95 Playful,sans-serif;letter-spacing:.5px;color:#fff8ea;-webkit-text-stroke:3px var(--ds-bamboo-deep);paint-order:stroke fill;text-shadow:0 5px 0 #6a4418;transform:rotate(-2deg)}.ds-label{margin:6px 2px 5px;text-align:left;font:800 11px/1 Playful,sans-serif;letter-spacing:1.4px;color:#9a6a44;text-transform:uppercase}.ds-towers{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:5px;gap:5px}.ds-tower{position:relative;display:grid;place-items:center;grid-gap:1px;gap:1px;height:46px;padding:3px 0 4px;border-radius:12px;cursor:pointer;min-width:0;background:#fff;border:2px solid #f0dcc0;color:var(--ds-ink);transition:transform .15s,border-color .15s}.ds-tower strong{font:800 16px/1 Playful,sans-serif}.ds-tower small{font:800 9px/1 Playful,sans-serif;color:#e0a020;letter-spacing:.5px;min-height:9px}.ds-tower small.none{color:#d8c6a8}.ds-tower.on{border-color:var(--ds-jade);background:#e8f8f1;transform:translateY(-2px);box-shadow:0 3px 0 var(--ds-jade)}.ds-tower.locked{background:#f1e6d4;color:#b9a283;cursor:not-allowed}.ds-tower.locked strong:after{content:"🔒";font-size:10px;position:absolute;top:3px;right:4px}.ds-tower-info{margin:6px 2px 0;font:700 12.5px/1.3 Playful,sans-serif;color:#6a4a32;min-height:1.3em;text-align:left}.ds-tower-info b{color:var(--ds-jade-deep)}.ds-legend{list-style:none;margin:8px 0 10px;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:4px 8px;gap:4px 8px;text-align:left}.ds-legend li{display:flex;gap:6px;align-items:center;font:600 11.5px/1.2 Playful,sans-serif;color:#5a3a24}.ds-legend p{margin:0}.ds-legend b{color:var(--ds-ink)}.ds-legend .sw{flex:none;width:20px;height:14px;border-radius:5px;border:1.5px solid rgba(60,30,10,.35)}.sw-bamboo{background:repeating-linear-gradient(90deg,#d9a862 0 4px,#b98340 4px 5px)}.sw-hot{background:repeating-linear-gradient(90deg,#3a2420 0 3px,#ff6a2a 3px 5px);box-shadow:0 0 6px rgba(255,90,40,.6)}.sw-lid{background:radial-gradient(circle,#9a7a4a 1px,transparent 1.5px) 0 0 /5px 5px,#f5ecd6}.sw-steam{background:linear-gradient(180deg,#fff,#dfe8ec);box-shadow:inset 0 0 0 2px rgba(214,166,64,.8)}.sw-cool{background:linear-gradient(135deg,#c9f2e1,#6fd6b0)}.sw-drag{background:none;border:none!important}.sw-drag:before{content:"↔";font:800 15px/14px Playful,sans-serif;color:var(--ds-jade)}.playful-game .ds-card button.big{width:100%;background:var(--ds-jade);color:#fff;border-color:var(--ds-jade-deep);box-shadow:inset 0 3px 0 #5fcfb2,0 5px 0 var(--ds-jade-deep);font-size:24px;letter-spacing:1px}.ds-best{margin:9px 0 0;font:700 12px/1.2 Playful,sans-serif;color:#8a6a4a}.ds-r-title{margin:0;font:800 30px/1 Playful,sans-serif;color:var(--ds-jade);letter-spacing:.5px}.ds-results.lost .ds-r-title{color:var(--ds-hot)}.ds-r-line{margin:4px 0 8px;font:700 12.5px/1.3 Playful,sans-serif;color:#6a4a32}.ds-photo{margin:0 auto 8px;width:64%;background:#fff;padding:5px 5px 4px;border-radius:6px;box-shadow:0 3px 12px rgba(40,20,8,.28);transform:rotate(-2deg)}.ds-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px;background:#4a3020}.ds-photo img[hidden]{display:none}.ds-photo figcaption{font:800 10.5px/1.3 Playful,sans-serif;color:#8a6a4a;padding-top:3px}.ds-r-score{display:flex;align-items:baseline;justify-content:center;gap:6px}.ds-r-score b{font:800 44px/1 Playful,sans-serif;color:var(--ds-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ds-r-score span{font:800 17px/1 Playful,sans-serif;color:#a88a6a}.ds-stars{display:flex;justify-content:center;gap:6px;margin:2px 0 6px}.ds-stars i{width:28px;height:28px;background:#ead9c0;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);transition:transform .3s cubic-bezier(.3,1.8,.5,1),background .2s}.ds-stars i.on{background:var(--ds-gold);transform:scale(1.18) rotate(-6deg)}.ds-r-rows{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:3px 12px;gap:3px 12px}.ds-r-rows li{display:flex;justify-content:space-between;font:700 12.5px/1.25 Playful,sans-serif;color:#5a3a24;opacity:0;transform:translateX(-8px);transition:opacity .25s,transform .25s;padding:0 4px}.ds-r-rows li.show{opacity:1;transform:none}.ds-r-rows em{font-style:normal;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ds-jade-deep);font-weight:800}.ds-r-best{margin:0 0 8px;font:800 13px/1 Playful,sans-serif;color:#2f8a4a;min-height:13px}.playful-game .ds-card button.big.ds-again{margin-top:8px;background:var(--ds-bamboo);border-color:var(--ds-bamboo-deep);box-shadow:inset 0 3px 0 #f6d29a,0 5px 0 var(--ds-bamboo-deep);color:#4a2a10}.playful-game .ds-card button.big[hidden]{display:none}.ds-r-row{display:flex;gap:10px;justify-content:center;align-items:center}.playful-game .ds-r-row .share-btn{margin-top:10px;padding:8px 14px;font-size:15px}.ds-link-btn{margin-top:10px;background:#fbe9cf;color:var(--ds-ink);border:2px solid #ecd2ae;border-radius:14px;padding:9px 14px;font:800 15px/1.2 Playful,sans-serif;cursor:pointer}.playful-game .ds-loading{background:radial-gradient(ellipse at 50% 40%,#5a3424,#2a1610)}@media (min-width:760px) and (min-aspect-ratio:1/1){.playful-game .ds-menu,.playful-game .ds-results{background:linear-gradient(90deg,rgba(30,12,6,0) 45%,rgba(30,12,6,.45));align-items:flex-end;justify-content:flex-start;padding:24px 6vw 24px 24px}.ds-card{margin:auto 0}.ds-logo{font-size:44px}.ds-top{grid-template-columns:44px 1fr auto 44px}.ds-icon-btn{width:44px;height:44px}.ds-score-box b{font-size:30px}.ds-progress{top:84px}}@media (max-height:700px) and (max-width:759px){.playful-game .ds-menu{padding-top:20vh}.playful-game .ds-results{padding-top:12vh}.ds-legend{display:none}.ds-photo{width:50%}}