.db-app{--db-ink:#2d1c2a;--db-sun:#ffb63a;--db-deep:#8a4a12;--db-teal:#1fa89a;--db-coral:#ff5a64;--db-cream:#fff8ec;--db-glass:rgba(38,22,28,0.74);--play-accent:#ffb63a;--play-ink:#2d1c2a;--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:#2b1a14;color:#fff}.db-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.db-app:not([data-phase=play]) :is(.db-head,.db-xp,.db-stats,.db-boss,.db-tools,.db-keys,.db-hint,.db-count,.db-toast,.db-warn,.db-stick,.db-pick){display:none}.db-head{position:absolute;z-index:4;left:0;right:0;top:calc(env(safe-area-inset-top, 0px) + 10px);display:grid;grid-template-columns:44px 1fr 44px;align-items:center;grid-gap:8px;gap:8px;padding:0 12px;pointer-events:none}.db-head>*{pointer-events:auto}.db-icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:var(--db-glass);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)}.db-icon-btn .off,.db-icon-btn[aria-pressed=true] .on{display:none}.db-icon-btn[aria-pressed=true] .off{display:inline}.db-pill{justify-self:center;display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 7px 0 14px;border-radius:22px;background:var(--db-glass);border:2px solid rgba(255,255,255,.9);box-shadow:0 3px 0 rgba(0,0,0,.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}.db-pill span{font:800 15px/1 Playful,sans-serif;letter-spacing:.5px;color:var(--db-sun);white-space:nowrap}.db-pill b{font:800 18px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--db-cream);color:var(--db-ink);border-radius:14px;padding:6px 10px;min-width:52px;text-align:center}.db-pill b.low{background:var(--db-coral);color:#fff;animation:db-pulse 1s infinite}@keyframes db-pulse{50%{transform:scale(1.1)}}.db-xp{position:absolute;z-index:4;left:14px;right:14px;top:calc(env(safe-area-inset-top, 0px) + 60px);height:12px;border-radius:8px;background:rgba(30,16,20,.7);border:2px solid rgba(255,255,255,.75);overflow:hidden;pointer-events:none}.db-xp u{display:block;height:100%;width:0;background:linear-gradient(90deg,#5ae07a,#c8ff6a);box-shadow:0 0 10px rgba(140,255,120,.7);transition:width .12s}.db-stats{position:absolute;z-index:4;left:50%;top:calc(env(safe-area-inset-top, 0px) + 80px);transform:translateX(-50%);display:flex;gap:6px;pointer-events:none}.db-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:74px;padding:6px 10px 7px;border-radius:14px;background:var(--db-glass);border:2px solid rgba(255,255,255,.55);box-shadow:0 3px 0 rgba(0,0,0,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.db-stat>span{font:800 9px/1 Playful,sans-serif;letter-spacing:1.1px;opacity:.9;white-space:nowrap}.db-stat>b{font:800 19px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#ffe08a}.db-cores{gap:5px;align-items:center}.db-cores,.db-cores u{display:flex;height:20px}.db-cores u{position:relative;width:15px;border-radius:4px;background:rgba(255,255,255,.15);border:2px solid #fff;overflow:hidden;align-items:flex-end}.db-cores u:before{content:"";position:absolute;left:3px;right:3px;top:-5px;height:4px;background:#fff;border-radius:2px 2px 0 0}.db-cores s{display:block;width:100%;background:linear-gradient(180deg,#8aff9a,#2ec860);transition:height .15s;text-decoration:none}.db-cores u.low s{background:linear-gradient(180deg,#ffb08a,#ff4a4a);animation:db-blink .5s infinite}.db-cores u.lost{opacity:.4;border-color:#8a7a80;transform:scale(.85)}@keyframes db-blink{50%{opacity:.45}}.db-boss{position:absolute;z-index:4;left:50%;top:calc(env(safe-area-inset-top, 0px) + 136px);transform:translateX(-50%) translateY(-6px);width:min(300px,calc(100% - 40px));display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}.db-boss.show{opacity:1;transform:translateX(-50%)}.db-boss span{font:800 13px/1 Playful,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#ffd0d4;-webkit-text-stroke:3px #5a1018;paint-order:stroke fill}.db-boss i{display:block;width:100%;height:12px;border-radius:7px;background:rgba(30,10,14,.75);border:2px solid #fff;overflow:hidden}.db-boss u{display:block;height:100%;background:linear-gradient(90deg,#ff4a5a,#ff9a6a);transition:width .1s}.db-tools{position:absolute;z-index:4;left:12px;bottom:calc(env(safe-area-inset-bottom, 0px) + 14px);display:flex;flex-wrap:wrap;gap:5px;max-width:calc(100% - 24px);pointer-events:none}.db-tool{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-size:18px;line-height:1;background:var(--db-glass);border:2px solid rgba(255,210,120,.9);box-shadow:0 2px 0 rgba(0,0,0,.3)}.db-tool.p{border-color:rgba(160,220,255,.8);width:30px;height:30px;font-size:15px}.db-tool b{position:absolute;right:-4px;bottom:-4px;min-width:15px;height:15px;border-radius:8px;background:var(--db-sun);color:var(--db-ink);font:800 10px/15px Playful,sans-serif;text-align:center}.db-count{position:absolute;z-index:6;left:50%;top:40%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;white-space:nowrap;font:800 92px/1 Playful,sans-serif;color:#fff;-webkit-text-stroke:10px var(--db-deep);paint-order:stroke fill;text-shadow:0 8px 0 #4a2208}.db-count.show{animation:db-count .75s ease-out}@keyframes db-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)}}.db-toast{position:absolute;z-index:7;left:50%;top:27%;transform:translate(-50%,10px) scale(.9);opacity:0;pointer-events:none;font:800 21px/1.15 Playful,sans-serif;color:#fff;text-align:center;width:max-content;max-width:calc(100% - 28px);-webkit-text-stroke:5px #4a2208;paint-order:stroke fill;text-shadow:0 3px 0 #4a2208;transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}.db-toast.show{opacity:1;transform:translate(-50%)}.db-toast.good{color:#fff3b0}.db-toast.bad{color:#ffe1d8;-webkit-text-stroke-color:#7a1018;text-shadow:0 3px 0 #7a1018}.db-warn{position:absolute;z-index:6;left:50%;top:34%;transform:translate(-50%);pointer-events:none;display:none;padding:9px 16px;border-radius:16px;background:#c8203a;border:3px solid #fff;color:#fff;text-align:center;font:800 15px/1.2 Playful,sans-serif;width:max-content;max-width:calc(100% - 32px);box-shadow:0 4px 0 #6a0a18,0 0 26px rgba(255,40,60,.6)}.db-warn.show{display:block;animation:db-shake .35s infinite}.db-warn span{display:block;font-size:22px;letter-spacing:2px}.db-warn b{color:#ffe066}@keyframes db-shake{25%{transform:translate(calc(-50% - 3px)) rotate(-1deg)}75%{transform:translate(calc(-50% + 3px)) rotate(1deg)}}.db-cores.hit{animation:db-cshake .4s}@keyframes db-cshake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.db-hint{position:absolute;z-index:5;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 66px);transform:translateX(-50%) translateY(8px);margin:0;padding:9px 16px;border-radius:16px;background:var(--db-glass);border:2px solid rgba(255,210,120,.85);font:800 15px/1.25 Playful,sans-serif;text-align:center;width:max-content;max-width:calc(100% - 32px);color:#fff4dc;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}.db-hint.show{opacity:1;transform:translateX(-50%)}.db-stick{position:absolute;z-index:5;left:-60px;top:-60px;width:120px;height:120px;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(255,255,255,.06) 40%,rgba(255,255,255,.2));border:3px solid rgba(255,255,255,.75);box-shadow:0 0 0 2px rgba(138,74,18,.4);transition:opacity .15s}.db-stick.show{opacity:1}.db-stick i{position:absolute;left:33px;top:33px;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ffe0a0 60%,#ffb63a);box-shadow:0 4px 10px rgba(0,0,0,.3)}.db-keys{display:none}@media (hover:hover) and (pointer:fine) and (min-width:760px){.db-keys{display:block;position:absolute;z-index:5;right:16px;bottom:12px;font:700 12px/1 Playful,sans-serif;color:rgba(255,236,210,.7);white-space:nowrap;pointer-events:none}}.db-pick{position:absolute;inset:0;z-index:9;display:none;align-items:center;justify-content:center;padding:16px;background:radial-gradient(ellipse at 50% 40%,rgba(60,30,20,.45),rgba(20,10,14,.82))}.db-pick.show{display:flex;animation:db-fade .2s ease-out}@keyframes db-fade{0%{opacity:0}}.db-pick-inner{width:min(420px,100%);text-align:center}.db-pick-title{margin:8px 0 2px;font:800 44px/1 Playful,sans-serif;color:#fff6c8;-webkit-text-stroke:4px var(--db-deep);paint-order:stroke fill;text-shadow:0 5px 0 #4a2208;animation:db-pop .45s cubic-bezier(.3,1.8,.5,1)}@keyframes db-pop{0%{transform:scale(.4)}}.db-pick-sub{margin:0 0 12px;font:700 14px/1.2 Playful,sans-serif;color:#ffe8c8}.db-cards{grid-gap:10px}.db-cards,.db-up{display:grid;gap:10px}.db-up{position:relative;grid-template-columns:58px 1fr;align-items:center;grid-gap:10px;padding:12px 14px;text-align:left;cursor:pointer;border-radius:20px;background:var(--db-cream);color:var(--db-ink);border:3px solid #fff;box-shadow:0 5px 0 #c8a070,0 10px 24px rgba(0,0,0,.35);animation:db-card .35s cubic-bezier(.3,1.5,.5,1) both;transition:transform .1s}.db-up:active{transform:scale(.97)}@keyframes db-card{0%{opacity:0;transform:translateY(24px) scale(.9)}}.db-up.weapon{box-shadow:0 5px 0 #e0902a,0 10px 24px rgba(0,0,0,.35)}.db-up.new{background:linear-gradient(180deg,#fffbe0,#ffefb8)}.db-up.snack{box-shadow:0 5px 0 #b07a4a,0 10px 24px rgba(0,0,0,.35)}.db-up .ico{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;font-size:32px;background:#2d1c2a;box-shadow:inset 0 -4px 0 rgba(0,0,0,.3)}.db-up.weapon .ico{background:linear-gradient(180deg,#ffb63a,#e07a1a)}.db-up.part .ico{background:linear-gradient(180deg,#5ac8ff,#2a7ad8)}.db-up .txt{display:flex;flex-direction:column;gap:3px}.db-up em{font:800 10px/1 Playful,sans-serif;font-style:normal;letter-spacing:1.2px;color:#c86a12}.db-up.new em{color:#e8283a}.db-up strong{font:800 19px/1.05 Playful,sans-serif}.db-up small{font:600 12.5px/1.25 Playful,sans-serif;color:#5a4a50}.db-up .pips{display:flex;gap:3px;margin-top:2px}.db-up .pips i{width:14px;height:6px;border-radius:3px;background:#e6dccc}.db-up .pips i.on{background:#ffb63a}.db-up .pips i.next{background:#5ae07a;animation:db-blink .8s infinite}.db-up kbd{position:absolute;right:10px;top:8px;font:800 11px/1 Playful,sans-serif;color:#b8a898;display:none}@media (hover:hover) and (pointer:fine){.db-up kbd{display:block}.db-up:hover{transform:translateY(-2px)}}.playful-game .db-menu,.playful-game .db-results{background:linear-gradient(180deg,rgba(30,14,10,0) 35%,rgba(30,14,10,.6));backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:flex-start;padding:28vh 12px calc(env(safe-area-inset-bottom, 0px) + 12px)}.playful-game .db-results{padding-top:24vh}.db-card{width:min(440px,100%);margin:auto auto 0;flex:none;background:var(--db-cream);color:var(--db-ink);border:3px solid #fff;border-radius:28px;padding:14px 14px 16px;box-shadow:0 7px 0 #d8a868,0 20px 50px rgba(0,0,0,.45);text-align:center}.db-kicker{display:inline-block;font:800 11px/1 Playful,sans-serif;letter-spacing:2px;color:var(--db-deep);background:#ffe8c0;border-radius:10px;padding:5px 10px}.db-logo{margin:6px 0 10px;font:800 34px/.92 Playful,sans-serif;letter-spacing:1px;color:#fff8ec;-webkit-text-stroke:3px #e0861a;paint-order:stroke fill;text-shadow:0 5px 0 var(--db-deep);transform:rotate(-2deg)}.db-modes{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.db-mode{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:2px 6px;gap:2px 6px;padding:9px 12px;border-radius:16px;cursor:pointer;text-align:left;background:#f6ead6;border:2px solid #e6d2b0;color:var(--db-ink);transition:transform .15s,border-color .15s}.db-mode strong{font:800 15px/1.05 Playful,sans-serif}.db-mode span{font:800 12px/1 Playful,sans-serif;color:#d0761a}.db-mode small{font-size:12px;color:#ffb000;letter-spacing:1px}.db-mode small i{color:#e0d4c0;font-style:normal}.db-mode em{font:700 11px/1 Playful,sans-serif;font-style:normal;color:#8a7a6a;text-align:right}.db-mode.on{border-color:#e0861a;background:#fff;transform:translateY(-2px);box-shadow:0 3px 0 #e0861a,0 0 14px rgba(224,134,26,.35)}.db-blurb{margin:8px 0 6px;font:700 13px/1.3 Playful,sans-serif;color:#5a4446;min-height:2.6em}.db-rules{list-style:none;margin:0 0 10px;padding:0;text-align:left;display:grid;grid-gap:4px;gap:4px}.db-rules li{display:flex;gap:6px;align-items:baseline;font:600 12.5px/1.3 Playful,sans-serif;color:#4a3438}.db-rules li span{flex:none;width:18px;text-align:center}.db-rules li p{margin:0}.db-rules b{color:var(--db-deep)}.playful-game .db-card button.big{width:100%;background:var(--db-teal);color:#fff;border-color:#0f6a62;box-shadow:inset 0 3px 0 #6af0e0,0 5px 0 #0f6a62;font-size:23px}.db-best{margin:10px 0 0;font:700 12px/1.2 Playful,sans-serif;color:#8a7068}.db-r-title{margin:6px 0 0;font:800 29px/1 Playful,sans-serif;color:#e0861a}.db-r-title.lost{color:#c8203a}.db-r-score{display:flex;align-items:baseline;justify-content:center;gap:6px}.db-r-score b{font:800 52px/1 Playful,sans-serif;color:var(--db-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.db-r-score span{font:800 16px/1 Playful,sans-serif;color:#9a8478}.db-stars{display:flex;justify-content:center;gap:6px;margin:2px 0}.db-stars i{width:30px;height:30px;background:#e8dcc8;-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}.db-stars i.on{background:#ffbf2e;transform:scale(1.18) rotate(-6deg)}.db-r-line{margin:6px 0 8px;font:700 13px/1.3 Playful,sans-serif;color:#5a4446}.db-r-stats{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px}.db-r-stats li{display:flex;flex-direction:column;gap:3px;padding:7px 2px;border-radius:12px;background:#f6ead6}.db-r-stats b{font:800 17px/1 Playful,sans-serif;color:var(--db-deep);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.db-r-stats span{font:700 10px/1 Playful,sans-serif;color:#8a7068}.db-r-build{display:flex;justify-content:center;gap:8px;margin:4px 0 6px;min-height:34px}.db-r-build .db-tool{background:#2d1c2a}.db-r-best{margin:2px 0 10px;font:800 13px/1 Playful,sans-serif;color:#8a7068;min-height:13px}.db-r-best.new{color:#e8503a}.db-r-row{display:flex;gap:10px;justify-content:center;align-items:center}.playful-game .db-r-row .share-btn{margin-top:10px;padding:8px 14px;font-size:15px}.db-link-btn{margin-top:10px;background:#f6ead6;color:var(--db-ink);border:2px solid #e6d2b0;border-radius:14px;padding:9px 14px;font:800 15px/1.2 Playful,sans-serif;cursor:pointer}.playful-game .db-loading{background:radial-gradient(ellipse at 50% 40%,#5a3a28,#1e120e)}@media (min-width:760px) and (min-aspect-ratio:1/1){.playful-game .db-menu,.playful-game .db-results{background:linear-gradient(90deg,rgba(30,14,10,0) 40%,rgba(30,14,10,.5));align-items:flex-end;justify-content:flex-start;padding:24px 6vw 24px 24px}.db-card{margin:auto 0}.db-logo{font-size:44px}.db-toast{font-size:26px}.db-cards{grid-template-columns:repeat(3,1fr)}.db-pick-inner{width:min(760px,100%)}.db-up{grid-template-columns:1fr;justify-items:center;text-align:center;padding:18px 14px}.db-up .txt{align-items:center}.db-up .ico{width:72px;height:72px;font-size:40px}}@media (max-height:700px) and (max-width:759px){.playful-game .db-menu,.playful-game .db-results{padding-top:14vh}.db-rules{display:none}}