.cc-app{--cc-ink:#173b45;--cc-teal:#1f8f8c;--cc-teal-d:#146a6c;--cc-coral:#ff5a36;--cc-gold:#ffd23f;--cc-cream:#fff8ea;--cc-night:rgba(14,52,60,0.82);--play-accent:#1f8f8c;--play-ink:#173b45;--play-paper:#fff8ea;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:#9fd6cf;color:var(--cc-ink)}.cc-stage{z-index:0;overflow:hidden}.cc-scene,.cc-stage{position:absolute;inset:0;touch-action:none}.cc-scene{width:100%;height:100%;display:block}.cc-app:not([data-phase=play]) :is(.cc-head,.cc-stats,.cc-toast,.cc-hint,.cc-tide){display:none}.cc-app button{cursor:pointer;font-family:Playful,sans-serif}@keyframes cc-pulse{50%{transform:scale(1.07)}}@keyframes cc-pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.12)}}@keyframes cc-bounce{30%{transform:scale(1.18)}60%{transform:scale(.94)}}@keyframes cc-shake{20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}@keyframes cc-wave{50%{transform:translate(-50%) rotate(-2deg) scale(1.04)}}.cc-head{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 40px;align-items:center;grid-gap:8px;gap:8px;padding:0 10px;pointer-events:none}.cc-app .cc-icon-btn{pointer-events:auto;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--cc-night);color:#fff;border:2px solid rgba(255,255,255,.9);box-shadow:0 3px 0 rgba(0,0,0,.25)}.cc-app .cc-icon-btn .off,.cc-app .cc-icon-btn[aria-pressed=true] .on{display:none}.cc-app .cc-icon-btn[aria-pressed=true] .off{display:inline}.cc-pill{justify-self:center;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 6px 0 12px;border-radius:20px;background:var(--cc-night);border:2px solid rgba(255,255,255,.9);box-shadow:0 3px 0 rgba(0,0,0,.25)}.cc-pill-k{font:800 10px/1 Playful,sans-serif;letter-spacing:1px;color:#bfeee6}.cc-pill>b{font:800 16px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--cc-cream);color:var(--cc-ink);border-radius:13px;padding:5px 9px;min-width:50px;text-align:center}.cc-pill>b.low{background:var(--cc-coral);color:#fff;animation:cc-pulse .8s ease-in-out infinite}.cc-stats{position:absolute;z-index:4;left:50%;top:calc(env(safe-area-inset-top, 0px) + 54px);transform:translateX(-50%);display:flex;gap:5px;pointer-events:none}.cc-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:62px;height:34px;padding:0 8px;border-radius:12px;background:var(--cc-night);border:2px solid rgba(255,255,255,.55);box-shadow:0 3px 0 rgba(0,0,0,.18);color:#fff}.cc-stat span{font:800 8.5px/1 Playful,sans-serif;letter-spacing:1.2px;color:#bfeee6}.cc-stat b{font:800 15px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--cc-gold)}#cc-tray{display:flex;gap:3px}#cc-tray i{width:13px;height:10px;border-radius:7px 7px 4px 4px;background:rgba(255,255,255,.22)}#cc-tray i.on{background:#fff8ee;box-shadow:inset 0 -2px 0 #e6d3b8}.cc-traystat.pop{animation:cc-bounce .4s}.cc-traystat.drop{animation:cc-shake .4s;border-color:var(--cc-coral)}.cc-tide{position:absolute;z-index:5;left:50%;top:calc(env(safe-area-inset-top, 0px) + 98px);transform:translate(-50%,-8px);opacity:0;pointer-events:none;display:flex;align-items:center;gap:6px;padding:6px 13px;border-radius:16px;width:max-content;max-width:calc(100vw - 24px);background:#e4fbf6;color:var(--cc-teal-d);border:3px solid #fff;box-shadow:0 4px 0 rgba(0,0,0,.18);font:800 14px/1.1 Playful,sans-serif;letter-spacing:.4px;transition:opacity .2s,transform .2s}.cc-tide span{font-size:18px}.cc-tide.show{opacity:1;transform:translate(-50%)}.cc-tide.warn{animation:cc-wave .7s ease-in-out infinite}.cc-tide.turn{background:var(--cc-teal);color:#fff}.cc-toast{position:absolute;z-index:8;left:50%;top:40%;transform:translate(-50%,-50%) scale(.8);opacity:0;pointer-events:none;padding:8px 14px;border-radius:15px;background:var(--cc-cream);color:var(--cc-ink);border:3px solid #fff;max-width:calc(100vw - 30px);width:max-content;font:800 15px/1.2 Playful,sans-serif;text-align:center;box-shadow:0 4px 0 rgba(0,0,0,.2);transition:opacity .15s,transform .15s}.cc-toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.cc-toast.good{background:#3fbf8a;color:#fff}.cc-toast.bad{background:var(--cc-coral);color:#fff}.cc-toast.hot{background:var(--cc-gold);color:#6a4a00}.cc-hint{position:absolute;z-index:6;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 22px);transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);margin:0;padding:7px 13px;border-radius:14px;background:rgba(255,253,246,.95);border:2px solid #fff;box-shadow:0 3px 0 rgba(0,0,0,.18);font:800 13px/1.25 Playful,sans-serif;color:var(--cc-teal-d);text-align:center;opacity:0;transition:opacity .2s;pointer-events:none}.cc-hint.show{opacity:1}.cc-menu,.cc-results{background:linear-gradient(180deg,rgba(190,236,228,.35),rgba(20,90,96,.55))!important}.cc-card-ui{position:relative;width:min(420px,100%);margin:auto;padding:22px 20px 20px;border-radius:28px;background:var(--cc-cream);border:4px solid #fff;box-shadow:0 8px 0 #7fc9bf,0 18px 40px rgba(10,60,70,.3);text-align:center}.cc-kicker{display:inline-block;padding:4px 12px;border-radius:10px;background:#dff5f0;color:var(--cc-teal-d);font:800 11px/1.2 Playful,sans-serif;letter-spacing:1.4px}.cc-logo{margin:10px 0 8px;font:800 46px/.92 Playful,sans-serif;color:#fff2e6;-webkit-text-stroke:2px #c8402a;paint-order:stroke fill;text-shadow:0 5px 0 #c8402a;letter-spacing:-1px;transform:rotate(-2deg)}.cc-tagline{margin:0 0 12px;font-size:14.5px;line-height:1.35;color:#3f5a5e}.cc-rules{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-gap:8px;gap:8px;text-align:left}.cc-rules li{display:grid;grid-template-columns:34px 1fr;grid-gap:8px;gap:8px;align-items:center}.cc-rules span{font-size:21px;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#e4f5f1}.cc-rules p{margin:0;font-size:13px;line-height:1.3;color:#35494c}.cc-rules b{color:var(--cc-teal-d)}.cc-app .cc-start{width:100%;background:var(--cc-coral)}.cc-best{margin:10px 0 0;font-size:12px;color:#6a8286}.cc-r-title{margin:10px 0 2px;font:800 28px/1 Playful,sans-serif;color:#c8402a}.cc-r-score{display:flex;align-items:baseline;justify-content:center;gap:6px}.cc-r-score b{font:800 50px/1 Playful,sans-serif;color:var(--cc-teal);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cc-r-score span{font-weight:800;color:#6a8286}.cc-stars{display:flex;justify-content:center;gap:6px;margin:4px 0 6px}.cc-stars i{width:34px;height:34px;-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%);background:#dfe6e2}.cc-stars i.on{background:var(--cc-gold);animation:cc-pop .35s}.cc-r-line{margin:0 0 10px;font-size:13.5px;line-height:1.35;color:#3f5a5e}.cc-r-stats{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px}.cc-r-stats li{padding:6px 2px;border-radius:12px;background:#eaf5f2}.cc-r-stats b{display:block;font:800 16px/1.1 Playful,sans-serif;color:var(--cc-ink)}.cc-r-stats span{font-size:10.5px;color:#6a8286}.cc-r-best{margin:0 0 8px;font-weight:800;color:#6a8286}.cc-r-best.new{color:#e0602a;animation:cc-pulse .9s infinite}.cc-results .big{width:100%}.cc-r-row{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.cc-app .cc-link-btn{margin-top:14px;padding:8px 10px;border:0;background:none;color:var(--cc-teal-d);font:800 15px/1 Playful,sans-serif;text-decoration:underline}@media (min-width:860px){.cc-toast{top:36%}.cc-hint{font-size:14px}}