.cd-app{--cd-ink:#22304a;--cd-red:#e8423a;--cd-gold:#ffd24a;--cd-teal:#2aa79b;--cd-green:#4fbf6a;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:#cfe3e6}.cd-app.jolt{animation:cd-jolt .35s linear 1}@keyframes cd-jolt{0%,to{transform:none}20%{transform:translate(-6px,3px)}45%{transform:translate(5px,-2px)}70%{transform:translate(-3px,1px)}}.cd-app.alarm:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,rgba(255,40,30,0) 30%,rgba(255,40,30,.45) 100%);animation:cd-strobe .3s steps(2) infinite}@keyframes cd-strobe{50%{opacity:.15}}.cd-scene{width:100%;height:100%;display:block;z-index:0}.cd-scene,.cd-zone{position:absolute;inset:0}.cd-zone{z-index:2;touch-action:none;cursor:pointer}.cd-app:not([data-phase=play]) :is(.cd-zone,.cd-pad){pointer-events:none}.cd-app:not([data-phase=play]):not([data-phase=ending]) :is(.cd-head,.cd-pads,.cd-keys,.cd-pause-btn,.cd-hint,.cd-toast,.cd-bubbles){display:none}.cd-app[data-phase=ending] :is(.cd-pads,.cd-bubbles){opacity:0;transition:opacity .3s}.cd-bubbles{position:absolute;inset:0;z-index:3;pointer-events:none}.cd-bubble{position:absolute;left:0;top:0;display:flex;align-items:center;gap:4px;padding:3px 9px 3px 4px;border-radius:999px;background:#fff;border:3px solid #9aa6b8;box-shadow:0 3px 0 rgba(34,48,74,.35);opacity:0;transition:opacity .15s;font:800 12px/1 Playful,sans-serif;color:var(--cd-ink);white-space:nowrap;margin-top:-6px}.cd-bubble i{font-style:normal;font-size:22px;line-height:1}.cd-bubble.show{opacity:1}.cd-bubble.good{border-color:var(--cd-green);background:#eaffe6}.cd-bubble.bad{border-color:var(--cd-red);background:#ffecea}.cd-bubble.neutral{opacity:.75}.cd-bubble.neutral i{font-size:16px}.cd-splash{position:absolute;inset:0;z-index:3;pointer-events:none}.cd-splash i{position:absolute;width:46px;height:54px;border-radius:50% 50% 46% 46%;opacity:0;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.85),rgba(160,210,255,.35) 45%,rgba(120,180,240,.15) 70%);box-shadow:inset 0 -4px 6px rgba(80,140,200,.35)}.cd-splash i:first-child{left:12%;top:30%}.cd-splash i:nth-child(2){left:62%;top:22%;transform:scale(1.3)}.cd-splash i:nth-child(3){left:40%;top:55%;transform:scale(.8)}.cd-splash i:nth-child(4){left:78%;top:48%}.cd-splash i:nth-child(5){left:22%;top:66%;transform:scale(1.5)}.cd-splash i:nth-child(6){left:50%;top:36%;transform:scale(.6)}.cd-splash i:nth-child(7){left:8%;top:46%;transform:scale(.9)}.cd-splash.show i{animation:cd-drip 2.2s ease-in forwards}@keyframes cd-drip{0%{opacity:0;translate:0 -10px}8%{opacity:1;translate:0 0}70%{opacity:.9}to{opacity:0;translate:0 70px}}.cd-head{position:absolute;z-index:4;left:0;right:0;top:0;pointer-events:none;box-sizing:border-box;flex-direction:column;align-items:flex-start;padding:calc(env(safe-area-inset-top, 0px) + 8px) 108px 0 10px}.cd-head,.cd-row{display:flex;gap:6px}.cd-row{align-items:center;flex-wrap:wrap}.cd-chip{display:flex;align-items:baseline;gap:5px;padding:4px 10px;border-radius:12px;background:rgba(255,251,237,.95);border:2px solid #fff;color:var(--cd-ink);font:800 18px/1.1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:0 3px 0 rgba(34,48,74,.25)}.cd-chip span{font-size:10px;letter-spacing:.06em;color:#5a6a80}.cd-where{background:#14161a;border-color:#3a3f48}.cd-where span{font-size:12px;letter-spacing:0;color:#fff}.cd-where b{color:#ffb03a;font-size:17px}.cd-streak.hot b{color:var(--cd-red)}.cd-streak.hot{animation:cd-glow .6s ease-in-out infinite alternate}@keyframes cd-glow{to{box-shadow:0 3px 0 rgba(34,48,74,.25),0 0 12px rgba(255,140,40,.8)}}.cd-score-chip b{color:var(--cd-teal)}.cd-sanity{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border-radius:14px;background:rgba(255,251,237,.95);border:2px solid #fff;box-shadow:0 3px 0 rgba(34,48,74,.25);color:var(--cd-ink);font:800 15px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cd-sanity-icon{font-size:18px}.cd-bar{width:clamp(90px,30vw,180px);height:12px;border-radius:8px;background:#d7dde6;overflow:hidden}.cd-bar i{display:block;height:100%;width:calc(var(--v, 1) * 100%);background:var(--cd-green);border-radius:8px;transition:width .2s,background .3s}.cd-sanity[data-level=mid] .cd-bar i{background:#f2b632}.cd-sanity[data-level=low] .cd-bar i{background:var(--cd-red)}.cd-sanity[data-level=low]{animation:cd-wobble .5s linear infinite}@keyframes cd-wobble{50%{transform:translateX(2px)}}.cd-promo{display:flex;align-items:center;gap:3px;padding:4px 8px;border-radius:12px;background:rgba(255,251,237,.95);border:2px solid #fff;box-shadow:0 3px 0 rgba(34,48,74,.25)}.cd-promo span{font-size:15px}.cd-promo i{width:12px;height:12px;border-radius:50%;background:#d7dde6}.cd-promo[data-n="1"] i:nth-of-type(-n+1),.cd-promo[data-n="2"] i:nth-of-type(-n+2){background:var(--cd-gold);box-shadow:inset 0 0 0 2px #c89a10}.cd-promo b{font:800 14px/1 Playful,sans-serif;color:#b07a00}.cd-promo b:empty{display:none}.cd-banner{position:absolute;z-index:7;pointer-events:none;left:50%;top:40%;transform:translate(-50%,-50%) scale(.85);font:800 clamp(26px,8vw,54px)/1 Playful,sans-serif;color:#fff;text-align:center;width:max-content;max-width:92vw;-webkit-text-stroke:3px var(--cd-ink);paint-order:stroke fill;text-shadow:0 5px 0 rgba(34,48,74,.45);opacity:0;transition:opacity .18s,transform .18s}.cd-banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.cd-banner.red{color:#ffe1dc;-webkit-text-stroke-color:#9c1d10}.cd-banner.gold{color:#fff3c4;-webkit-text-stroke-color:#6a4a00}.cd-banner.green{color:#e3ffd9;-webkit-text-stroke-color:#2f6b2a}.cd-banner.small{font-size:clamp(20px,6vw,36px)}.cd-toast{position:absolute;z-index:7;pointer-events:none;left:50%;top:27%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.cd-toast-item{font:800 17px/1 Playful,sans-serif;color:#fff;padding:6px 12px;border-radius:10px;background:rgba(34,48,74,.88);animation:cd-toast 1.3s ease-out forwards;white-space:nowrap}.cd-toast-item.green{background:rgba(47,140,80,.94)}.cd-toast-item.red{background:rgba(200,50,40,.94)}.cd-toast-item.gold{background:rgba(170,115,10,.94)}@keyframes cd-toast{0%{opacity:0;transform:translateY(8px)}15%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-16px)}}.cd-hint{position:absolute;z-index:7;bottom:calc(env(safe-area-inset-bottom, 0px) + 100px);width:50%;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;opacity:0;transition:opacity .2s}.cd-hint.show{opacity:1}.cd-hint.hold{left:50%}.cd-hint.tap{left:0}.cd-hint-hand{font-size:52px;filter:drop-shadow(0 3px 0 rgba(34,48,74,.45))}.cd-hint.hold .cd-hint-hand{animation:cd-press 1.4s ease-in-out infinite}.cd-hint.tap .cd-hint-hand{animation:cd-tap .3s ease-out infinite alternate}.cd-hint-text{font:800 17px/1.1 Playful,sans-serif;color:#fff;background:rgba(34,48,74,.92);padding:7px 12px;border-radius:12px;white-space:nowrap}.cd-hint.tap .cd-hint-text{background:var(--cd-red)}.cd-hint.hold .cd-hint-text{background:#2f8c50}@keyframes cd-press{0%,to{transform:translateY(0) scale(1)}25%,85%{transform:translateY(10px) scale(.92)}}@keyframes cd-tap{0%{transform:translateY(12px) scale(.92)}to{transform:translateY(-6px)}}.cd-pads{position:absolute;z-index:5;left:0;right:0;bottom:calc(env(safe-area-inset-bottom, 0px) + 14px);display:flex;justify-content:space-between;gap:12px;padding:0 12px;pointer-events:none}.cd-pad{pointer-events:auto;flex:0 1 200px;min-height:76px;box-sizing:border-box;padding:8px 12px;border-radius:24px;touch-action:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:rgba(225,229,236,.96);border:4px solid #fff;box-shadow:0 6px 0 rgba(34,48,74,.4);transition:transform .06s,box-shadow .06s,background .1s;color:var(--cd-ink)}.cd-pad-icon{font:800 28px/1 Playful,sans-serif;letter-spacing:-2px}.cd-pad-text{font:800 14px/1.1 Playful,sans-serif;letter-spacing:.04em}.cd-pad-a .cd-pad-text b{color:var(--cd-red)}.cd-pad-b .cd-pad-text b{color:#2f8c50}.cd-pad.on{transform:translateY(4px);box-shadow:0 2px 0 rgba(34,48,74,.4)}.cd-pad-a.on{background:#ffd9c2}.cd-pad-b.on{background:#c9f2d2}.cd-keys{position:absolute;z-index:4;left:50%;transform:translateX(-50%);bottom:34px;font:700 13px/1 Playful,sans-serif;color:#fff;background:rgba(34,48,74,.72);padding:6px 12px;border-radius:10px;pointer-events:none;white-space:nowrap}@media (hover:none),(max-width:1000px),(pointer:coarse){.cd-keys{display:none}}.cd-corner{position:absolute;z-index:8;top:calc(env(safe-area-inset-top, 0px) + 8px);right:10px;display:flex;gap:6px}.cd-icon-btn{width:44px;height:40px;padding:0;border-radius:12px;border:2px solid #fff;display:grid;place-items:center;background:rgba(255,251,237,.94);color:var(--cd-ink);cursor:pointer}.cd-icon-btn .off,.cd-icon-btn[aria-pressed=true] .on{display:none}.cd-icon-btn[aria-pressed=true] .off{display:inline}.cd-app:has(.overlay.show:not(.cd-menu)) .cd-corner{display:none}.playful-game .cd-menu{background:linear-gradient(90deg,rgba(34,48,74,0) 40%,rgba(34,48,74,.55) 70%);-webkit-backdrop-filter:none;backdrop-filter:none;align-items:flex-end;padding-right:max(5vw,24px)}.cd-card{width:min(420px,100%);background:var(--play-paper);border:4px solid #fff;border-radius:28px;box-shadow:0 8px 0 #8f97a2;padding:22px 22px 18px;display:flex;flex-direction:column;gap:10px;color:var(--cd-ink)}.cd-card,.cd-card>*{flex-shrink:0}.cd-kicker{font:800 12px/1.2 Playful,sans-serif;letter-spacing:.06em;color:#c85a00}.cd-title{margin:0;font:800 clamp(34px,5.2vw,52px)/.95 Playful,sans-serif;color:#fff;letter-spacing:-.5px;-webkit-text-stroke:2.5px var(--cd-ink);paint-order:stroke fill;text-shadow:0 5px 0 #ffb03a}.cd-pitch{margin:0;font-size:15px;line-height:1.45}.cd-pitch b{color:var(--cd-red)}.cd-rules{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.cd-rules li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;line-height:1.25;background:#fff;border-radius:12px;padding:6px 10px}.cd-rules span{font:800 17px/1 Playful,sans-serif;min-width:40px;text-align:center;letter-spacing:-1px}.cd-best{margin:0;text-align:center;font-weight:800;color:var(--cd-red);min-height:1.2em}.cd-link-btn{background:none;border:0;color:var(--play-accent);font:800 17px/1.2 Playful,sans-serif;padding:8px;min-height:44px;cursor:pointer}.playful-game .cd-pause,.playful-game .cd-results{align-items:center;background:rgba(34,48,74,.6)}.cd-small-card{width:min(390px,100%);align-items:stretch;text-align:center}.cd-pause .cd-title{font-size:clamp(28px,7vw,40px)}.cd-result-title{margin:0;font:800 clamp(30px,8vw,44px)/1 Playful,sans-serif;color:#ffe1dc;transform:rotate(-3deg);-webkit-text-stroke:3px #9c1d10;paint-order:stroke fill;text-shadow:0 5px 0 rgba(156,29,16,.35)}.cd-result-line{margin:0;font-size:16px;font-weight:700}.cd-result-big{display:flex;align-items:baseline;justify-content:center;gap:8px}.cd-result-big b{font:800 56px/1 Playful,sans-serif;color:var(--cd-teal)}.cd-result-big span{font-weight:800;color:#52667a}.cd-stickers{display:flex;align-items:center;gap:8px;background:#fff;border-radius:12px;padding:6px 10px;text-align:left}.cd-stickers>span{font-weight:800;font-size:13px;color:#52667a;min-width:58px}.cd-stickers>div{display:flex;flex-wrap:wrap;gap:4px}.cd-stickers em{color:#9aa6b8;font-weight:700}.cd-sticker{font:800 15px/1 Playful,sans-serif;padding:4px 7px;border-radius:999px;border:2px solid #9aa6b8;background:#f4f6fa}.cd-sticker.good{border-color:var(--cd-green);background:#eaffe6}.cd-sticker.bad{border-color:var(--cd-red);background:#ffecea}.cd-result-list{margin:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.cd-result-list>div{display:flex;justify-content:space-between;gap:6px;background:#fff;border-radius:12px;padding:7px 10px}.cd-result-list dt{color:#52667a;font-weight:700;font-size:14px}.cd-result-list dd{margin:0;font-weight:800;color:var(--cd-red);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-aspect-ratio:4/5),(max-width:700px){.playful-game .cd-menu{align-items:center;justify-content:flex-end;padding:0 12px calc(env(safe-area-inset-bottom, 0px) + 12px);background:linear-gradient(180deg,rgba(34,48,74,0) 40%,rgba(34,48,74,.6) 62%)}.cd-menu .cd-card{max-height:60dvh;overflow-y:auto;gap:8px;padding:16px 16px 12px}.cd-menu .cd-pitch{font-size:14px}.cd-menu .cd-rules{display:none}.cd-menu #cd-start{position:-webkit-sticky;position:sticky;bottom:0;z-index:1}.cd-title{font-size:36px}.cd-results .cd-card{gap:7px;padding:16px}.cd-result-big b{font-size:46px}.cd-head{padding-right:104px}.cd-chip{font-size:16px;padding:3px 8px}.cd-where b{font-size:15px}}@media (max-height:560px){.playful-game .cd-menu{padding-top:12px;padding-bottom:12px}.cd-menu .cd-card{max-height:calc(100dvh - 24px);overflow-y:auto}.cd-menu .cd-rules{display:none}.cd-pad{min-height:64px}}@media (prefers-reduced-motion:reduce){.cd-app.alarm:after,.cd-app.jolt,.cd-hint .cd-hint-hand,.cd-sanity[data-level=low],.cd-splash.show i,.cd-streak.hot{animation:none!important}}