.ttd-app{--tt-ink:#4a2a16;--tt-tea:#b8642a;--tt-deep:#7a3a14;--tt-jade:#3fa894;--tt-coral:#e8604a;--tt-gold:#ffc93a;--tt-cream:#fff8ec;--tt-glass:rgba(74,42,22,0.74);--play-accent:#3fa894;--play-ink:#4a2a16;--play-paper:#fff8ec;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:#f2e2cc;color:#fff}.ttd-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.ttd-app:not([data-phase=play]) :is(.ttd-top,.ttd-cards,.ttd-keys,.ttd-hint,.ttd-count,.ttd-toast,.ttd-banner,.ttd-pop,.ttd-fly){display:none}.ttd-app.dragging,.ttd-app.dragging *{cursor:-webkit-grabbing!important;cursor:grabbing!important}.ttd-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 auto 1fr 40px;align-items:start;grid-gap:7px;gap:7px;padding:0 10px;pointer-events:none}.ttd-top>*{pointer-events:auto}.ttd-icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:var(--tt-glass);color:#fff;border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 0 rgba(0,0,0,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ttd-icon-btn .off,.ttd-icon-btn[aria-pressed=true] .on{display:none}.ttd-icon-btn[aria-pressed=true] .off{display:inline}.ttd-tea{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px 0 8px;border-radius:20px;background:linear-gradient(180deg,#fff8ec,#ffe8c4);color:var(--tt-deep);border:2px solid #fff;box-shadow:0 3px 0 #c8884a;pointer-events:none}.ttd-tea b{font:800 21px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:34px}.ttd-tea.bump{animation:ttd-bump .35s ease-out}@keyframes ttd-bump{40%{transform:scale(1.14)}}.ttd-card .cost i,.ttd-drop-icon,.ttd-pop em i{display:inline-block;width:18px;height:22px;flex:none;background:radial-gradient(circle at 35% 62%,#ffe2a8 0 12%,#f0a040 30%,#b8642a 75%);-webkit-clip-path:path("M9 0 C 9 0, 18 10, 18 14.5 A 9 7.5 0 0 1 0 14.5 C 0 10, 9 0, 9 0 Z");clip-path:path("M9 0 C 9 0, 18 10, 18 14.5 A 9 7.5 0 0 1 0 14.5 C 0 10, 9 0, 9 0 Z")}.ttd-level{min-width:0;padding:5px 9px 6px;border-radius:14px;background:var(--tt-glass);border:2px solid rgba(255,255,255,.7);box-shadow:0 3px 0 rgba(0,0,0,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}.ttd-level-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.ttd-level-row span{font:800 12px/1 Playful,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ttd-level-row b{font:800 12px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#ffe08a}.ttd-prog{position:relative;height:8px;margin:5px 0 4px;border-radius:5px;background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.45)}.ttd-prog u{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:5px;background:linear-gradient(90deg,#7ad8c4,#ffd27a,#ff9a6a)}.ttd-prog i{position:absolute;top:-6px;width:9px;height:14px;margin-left:-4px;background:#ff6a5a;-webkit-clip-path:polygon(0 0,100% 25%,0 50%,0 100%,15% 100%,15% 0);clip-path:polygon(0 0,100% 25%,0 50%,0 100%,15% 100%,15% 0)}.ttd-cookies{display:flex;gap:4px}.ttd-cookies u{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f6c47e,#c88440);box-shadow:inset -2px -2px 0 rgba(90,40,10,.3);transition:transform .3s,opacity .3s,filter .3s}.ttd-cookies u.lost{opacity:.35;filter:grayscale(1);transform:scale(.7)}.ttd-cards{position:absolute;z-index:4;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 10px);transform:translateX(-50%);display:flex;gap:6px;padding:6px;border-radius:20px;background:rgba(110,62,30,.78);border:2px solid rgba(255,236,200,.75);box-shadow:0 4px 0 rgba(60,30,10,.4),0 10px 24px rgba(0,0,0,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ttd-card{position:relative;width:64px;height:80px;padding:0;border-radius:14px;cursor:-webkit-grab;cursor:grab;overflow:hidden;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:linear-gradient(180deg,#fffaf0,#f6e2c2);border:2px solid #fff;box-shadow:0 3px 0 #b8743a;transition:transform .12s,filter .2s}.ttd-card .pic{flex:1 1;display:grid;place-items:center;font-size:34px;width:100%}.ttd-card img{width:60px;height:60px;margin-top:2px;pointer-events:none;-webkit-user-drag:none}.ttd-card .cost{display:flex;align-items:center;gap:2px;padding:2px 8px 4px;font:800 14px/1 Playful,sans-serif;color:var(--tt-deep)}.ttd-card .cost i{width:11px;height:14px;-webkit-clip-path:path("M5.5 0 C 5.5 0, 11 6.5, 11 9.2 A 5.5 4.8 0 0 1 0 9.2 C 0 6.5, 5.5 0, 5.5 0 Z");clip-path:path("M5.5 0 C 5.5 0, 11 6.5, 11 9.2 A 5.5 4.8 0 0 1 0 9.2 C 0 6.5, 5.5 0, 5.5 0 Z")}.ttd-card .cd{position:absolute;left:0;right:0;top:0;height:calc(var(--p, 0) * 100%);pointer-events:none;background:rgba(60,30,10,.5);border-bottom:2px solid rgba(255,230,190,.7)}.ttd-card:not(.wait) .cd{border-bottom:0}.ttd-card.poor{filter:grayscale(.75) brightness(.85)}.ttd-card.poor .cost{color:#b8402e}.ttd-card.armed{transform:translateY(-8px);border-color:var(--tt-gold);box-shadow:0 3px 0 #b8743a,0 0 0 3px var(--tt-gold),0 0 18px rgba(255,201,58,.8)}.ttd-card:active{transform:translateY(2px) scale(.97)}.ttd-card.nope{animation:ttd-nope .35s}@keyframes ttd-nope{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.ttd-keys{display:none}@media (hover:hover) and (pointer:fine) and (min-width:760px){.ttd-keys{display:block;position:absolute;z-index:4;left:50%;bottom:124px;transform:translateX(-50%);font:700 12px/1 Playful,sans-serif;color:rgba(74,42,22,.75);white-space:nowrap;pointer-events:none}}.ttd-pop{position:absolute;z-index:6;left:0;top:0;transform:translate(-50%,calc(-100% - 8px)) scale(.9);opacity:0;pointer-events:none;padding:7px 8px 8px;border-radius:16px;background:var(--tt-cream);color:var(--tt-ink);border:2px solid #fff;box-shadow:0 4px 0 #c8884a,0 10px 24px rgba(0,0,0,.28);text-align:center;transition:opacity .15s,transform .15s}.ttd-pop.show{opacity:1;transform:translate(-50%,calc(-100% - 8px));pointer-events:auto}.ttd-pop strong{display:block;font:800 13px/1 Playful,sans-serif;margin:1px 0 6px}.ttd-pop-row{display:flex;gap:5px}.ttd-pop button{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;padding:8px 10px;border-radius:12px;cursor:pointer;font:800 13px/1 Playful,sans-serif;color:#fff;background:var(--tt-jade);border:2px solid #fff;box-shadow:0 3px 0 #23705e}.ttd-pop button[hidden]{display:none}.ttd-pop #ttd-flip{background:#6a9ae0;box-shadow:0 3px 0 #3a64a8}.ttd-pop #ttd-sell{background:#c8a080;box-shadow:0 3px 0 #8a6040}.ttd-pop button:disabled{background:#d8c8b0;box-shadow:0 3px 0 #a89880}.ttd-pop button.poor{filter:grayscale(.7)}.ttd-pop em{display:inline-flex;align-items:center;gap:2px;font-style:normal}.ttd-pop em i{width:10px;height:13px;-webkit-clip-path:path("M5 0 C 5 0, 10 6, 10 8.5 A 5 4.5 0 0 1 0 8.5 C 0 6, 5 0, 5 0 Z");clip-path:path("M5 0 C 5 0, 10 6, 10 8.5 A 5 4.5 0 0 1 0 8.5 C 0 6, 5 0, 5 0 Z")}.ttd-count{position:absolute;z-index:7;left:50%;top:40%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;font:800 96px/1 Playful,sans-serif;color:#fff;-webkit-text-stroke:10px var(--tt-tea);paint-order:stroke fill;text-shadow:0 8px 0 var(--tt-deep)}.ttd-count.show{animation:ttd-count .75s ease-out}@keyframes ttd-count{0%{opacity:0;transform:translate(-50%,-50%) scale(1.6)}25%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.ttd-toast{position:absolute;z-index:7;left:50%;top:22%;transform:translate(-50%,10px) scale(.9);opacity:0;pointer-events:none;font:800 19px/1.15 Playful,sans-serif;color:#fff;text-align:center;width:max-content;max-width:calc(100% - 28px);-webkit-text-stroke:5px var(--tt-deep);paint-order:stroke fill;text-shadow:0 3px 0 var(--tt-deep);transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}.ttd-toast.show{opacity:1;transform:translate(-50%)}.ttd-toast.good{color:#fff3c0;-webkit-text-stroke-color:#1f6a5a;text-shadow:0 3px 0 #1f6a5a}.ttd-toast.bad{color:#ffe1d8;-webkit-text-stroke-color:#7a1018;text-shadow:0 3px 0 #7a1018}.ttd-banner{position:absolute;z-index:7;left:50%;top:30%;transform:translate(-50%);pointer-events:none;opacity:0;padding:10px 18px;border-radius:18px;background:#e8504a;border:3px solid #fff;color:#fff;text-align:center;width:max-content;max-width:calc(100% - 32px);box-shadow:0 5px 0 #8a1e1a,0 0 30px rgba(255,80,60,.6)}.ttd-banner b{display:block;font:800 22px/1.05 Playful,sans-serif;letter-spacing:.5px}.ttd-banner span{display:block;margin-top:3px;font:700 13px/1.2 Playful,sans-serif;color:#ffe8a8}.ttd-banner.show{animation:ttd-banner 3s ease-out forwards}@keyframes ttd-banner{0%{opacity:0;transform:translate(-50%) scale(1.4)}10%{opacity:1;transform:translate(-50%) scale(1)}15%,30%{transform:translate(-50%) rotate(-2deg)}22%{transform:translate(-50%) rotate(2deg)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-10px)}}.ttd-hint{position:absolute;z-index:5;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 112px);transform:translateX(-50%) translateY(8px);margin:0;padding:9px 15px;border-radius:16px;background:var(--tt-glass);border:2px solid rgba(255,220,160,.9);font:800 14px/1.25 Playful,sans-serif;text-align:center;width:max-content;max-width:calc(100% - 32px);color:#fff6e0;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}.ttd-hint.show{opacity:1;transform:translateX(-50%)}.ttd-fly{position:absolute;inset:0;z-index:8;pointer-events:none}.ttd-flydrop{position:absolute;width:18px;height:22px;margin:-11px 0 0 -9px;transition:transform .6s cubic-bezier(.5,-.3,.6,1),opacity .6s;background:radial-gradient(circle at 35% 62%,#fff0c8 0 14%,#f0a040 35%,#b8642a 80%);-webkit-clip-path:path("M9 0 C 9 0, 18 10, 18 14.5 A 9 7.5 0 0 1 0 14.5 C 0 10, 9 0, 9 0 Z");clip-path:path("M9 0 C 9 0, 18 10, 18 14.5 A 9 7.5 0 0 1 0 14.5 C 0 10, 9 0, 9 0 Z")}.playful-game .ttd-menu,.playful-game .ttd-results{background:linear-gradient(180deg,rgba(74,42,22,0) 30%,rgba(74,42,22,.5));backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:flex-start;padding:22vh 12px calc(env(safe-area-inset-bottom, 0px) + 12px)}.playful-game .ttd-results{padding-top:30vh}.ttd-card-panel{width:min(440px,100%);margin:auto auto 0;flex:none;background:var(--tt-cream);color:var(--tt-ink);border:3px solid #fff;border-radius:28px;padding:14px 14px 16px;box-shadow:0 7px 0 #d8a26a,0 20px 50px rgba(0,0,0,.35);text-align:center}.ttd-kicker{display:inline-block;font:800 11px/1 Playful,sans-serif;letter-spacing:2px;color:var(--tt-deep);background:#ffe8c4;border-radius:10px;padding:5px 10px}.ttd-logo{margin:6px 0 10px;font:800 34px/.95 Playful,sans-serif;letter-spacing:1px;color:#fff8ec;-webkit-text-stroke:3px var(--tt-tea);paint-order:stroke fill;text-shadow:0 5px 0 var(--tt-deep);transform:rotate(-2deg)}.ttd-levels{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:6px;gap:6px}.ttd-lv{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0 5px;border-radius:13px;cursor:pointer;background:#f6ead6;border:2px solid #ecd6b4;color:var(--tt-ink);transition:transform .15s}.ttd-lv strong{font:800 17px/1 Playful,sans-serif}.ttd-lv small{font-size:10px;color:#ffb000;letter-spacing:.5px}.ttd-lv small i{color:#dccab0;font-style:normal}.ttd-lv.on{background:#fff;border-color:var(--tt-tea);transform:translateY(-2px);box-shadow:0 3px 0 var(--tt-tea),0 0 12px rgba(184,100,42,.35)}.ttd-lv.locked{opacity:.5;cursor:not-allowed}.ttd-info{margin:10px 0 8px;padding:9px 10px;border-radius:16px;background:#fbefdc;text-align:left}.ttd-info strong{font:800 15px/1.1 Playful,sans-serif;color:var(--tt-deep)}.ttd-info p{margin:3px 0 7px;font:700 12.5px/1.3 Playful,sans-serif;color:#6a4a30}.ttd-read{font:800 9.5px/1 Playful,sans-serif;letter-spacing:1.5px;color:var(--tt-jade)}.ttd-dust{list-style:none;margin:5px 0 0;padding:0;display:grid;grid-gap:4px;gap:4px}.ttd-dust li{display:flex;gap:7px;align-items:center;font:600 11.5px/1.25 Playful,sans-serif;color:#5a3a24}.ttd-dust li i{flex:none;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8 0 15%,var(--c) 45%);box-shadow:0 0 0 2px #fff,0 1px 3px rgba(0,0,0,.3)}.ttd-dust li b{margin-right:4px;color:var(--tt-ink)}.playful-game .ttd-card-panel button.big{width:100%;background:var(--tt-jade);color:#fff;border-color:#23705e;box-shadow:inset 0 3px 0 #8ae0cc,0 5px 0 #23705e;font-size:23px}.playful-game .ttd-card-panel button.big[hidden]{display:none}.playful-game .ttd-card-panel button.big.alt{margin-top:8px;background:#f6ead6;color:var(--tt-ink);border-color:#d8b88a;box-shadow:inset 0 3px 0 #fff,0 5px 0 #d8b88a;font-size:18px;padding:9px 16px}.ttd-best{margin:9px 0 0;font:700 12px/1.2 Playful,sans-serif;color:#8a6a50}.ttd-r-title{margin:6px 0 0;font:800 29px/1 Playful,sans-serif;color:var(--tt-jade)}.ttd-r-title.lose{color:var(--tt-coral)}.ttd-r-score{display:flex;align-items:baseline;justify-content:center;gap:6px}.ttd-r-score b{font:800 50px/1 Playful,sans-serif;color:var(--tt-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ttd-r-score span{font:800 16px/1 Playful,sans-serif;color:#a08060}.ttd-stars{display:flex;justify-content:center;gap:6px;margin:2px 0}.ttd-stars i{width:30px;height:30px;background:#ecdcc4;-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}.ttd-stars i.on{background:#ffbf2e;transform:scale(1.18) rotate(-6deg)}.ttd-r-line{margin:6px 0 8px;font:700 13px/1.3 Playful,sans-serif;color:#6a4a30}.ttd-r-stats{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px}.ttd-r-stats li{display:flex;flex-direction:column;gap:3px;padding:7px 2px;border-radius:12px;background:#fbefdc}.ttd-r-stats b{font:800 17px/1 Playful,sans-serif;color:var(--tt-deep);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ttd-r-stats span{font:700 10px/1 Playful,sans-serif;color:#8a6a50}.ttd-r-best{margin:2px 0 10px;font:800 13px/1 Playful,sans-serif;color:#8a6a50;min-height:13px}.ttd-r-best.new{color:var(--tt-coral)}.ttd-r-row{display:flex;gap:10px;justify-content:center;align-items:center}.playful-game .ttd-r-row .share-btn{margin-top:10px;padding:8px 14px;font-size:15px}.ttd-link-btn{margin-top:10px;background:#f6ead6;color:var(--tt-ink);border:2px solid #ecd6b4;border-radius:14px;padding:9px 14px;font:800 15px/1.2 Playful,sans-serif;cursor:pointer}.playful-game .ttd-loading{background:radial-gradient(ellipse at 50% 40%,#fff3dc,#e8c89a)}@media (min-width:760px) and (min-aspect-ratio:1/1){.playful-game .ttd-menu,.playful-game .ttd-results{background:linear-gradient(90deg,rgba(74,42,22,0) 45%,rgba(74,42,22,.4));align-items:flex-end;justify-content:flex-start;padding:24px 5vw 24px 24px}.ttd-card-panel{margin:auto 0}.ttd-logo{font-size:44px}.ttd-top{grid-template-columns:44px auto minmax(0,420px) 1fr 44px}.ttd-top .ttd-level{grid-column:3}.ttd-top #ttd-mute{grid-column:5}.ttd-card{width:74px;height:90px}.ttd-card img{width:68px;height:68px}.ttd-toast{font-size:24px}.ttd-hint{bottom:150px}}@media (max-height:720px) and (max-width:759px){.playful-game .ttd-menu,.playful-game .ttd-results{padding-top:8vh}.ttd-dust{display:none}}