.cc-app{--cc-ink:#17203a;--cc-navy:#22305a;--cc-gold:#ffd24a;--cc-coral:#ff5a4a;--cc-teal:#1fb5b0;--cc-green:#2fd07a;--cc-cream:#fff6e6;--cc-glass:rgba(18,26,50,0.76);--play-accent:#ff5a4a;--play-ink:#17203a;--play-paper:#fff6e6;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:#f4b89a;color:#fff}.cc-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.cc-app:not([data-phase=play]) :is(.cc-head,.cc-stats,.cc-bell,.cc-bonus,.cc-tags,.cc-keys,.cc-toast,.cc-card-pop,.cc-inspect,.cc-hint){display:none}.cc-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}.cc-head>*{pointer-events:auto}.cc-icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:var(--cc-glass);color:#fff;border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 0 rgba(0,0,0,.3)}.cc-icon-btn .off,.cc-icon-btn[aria-pressed=true] .on{display:none}.cc-icon-btn[aria-pressed=true] .off{display:inline}.cc-pill{justify-self:center;display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 7px 0 16px;border-radius:22px;background:var(--cc-glass);border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 0 rgba(0,0,0,.3);pointer-events:none}.cc-pill span{font:800 15px/1 Playful,sans-serif;white-space:nowrap}.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:14px;padding:7px 9px;min-width:54px;text-align:center}.cc-pill b.low{background:var(--cc-coral);color:#fff;animation:cc-pulse 1s infinite}@keyframes cc-pulse{50%{transform:scale(1.1)}}.cc-stats{position:absolute;z-index:4;left:50%;top:calc(env(safe-area-inset-top, 0px) + 62px);transform:translateX(-50%);display:flex;gap:6px;pointer-events:none}.cc-stat{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:70px;padding:6px 8px 7px;border-radius:14px;background:var(--cc-glass);border:2px solid rgba(255,255,255,.55);box-shadow:0 3px 0 rgba(0,0,0,.25)}.cc-stat span{font:800 9px/1 Playful,sans-serif;letter-spacing:1.2px;opacity:.75}.cc-stat b{font:800 18px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--cc-gold)}.cc-stat b.over{color:#ff7a6a;animation:cc-pulse .6s infinite}.cc-lamps{display:flex;gap:5px;height:18px;align-items:center}.cc-lamps u{width:15px;height:15px;border-radius:50%;background:#3a4566;border:2px solid #8090b8;transition:background .3s,box-shadow .3s}.cc-lamps u.on{background:#ff3a3a;border-color:#fff;box-shadow:0 0 12px rgba(255,58,58,.95)}.cc-lamps.bump{animation:cc-ring .5s}@keyframes cc-ring{25%{transform:rotate(10deg) scale(1.2)}60%{transform:rotate(-8deg)}}.cc-bell{position:absolute;z-index:4;left:50%;top:calc(env(safe-area-inset-top, 0px) + 112px);transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:4px 10px 4px 6px;border-radius:14px;background:var(--cc-glass);pointer-events:none}.cc-bell-icon{font-size:15px}.cc-bell.soon .cc-bell-icon{animation:cc-swing .4s infinite alternate}@keyframes cc-swing{0%{transform:rotate(-18deg)}to{transform:rotate(18deg)}}.cc-bell-track{width:120px;height:7px;border-radius:4px;background:rgba(255,255,255,.18);overflow:hidden}.cc-bell-track i{display:block;height:100%;background:linear-gradient(90deg,#6fd3ff,var(--cc-gold) 70%,var(--cc-coral));transform-origin:left}.cc-bell b{font:800 11px/1 Playful,sans-serif;letter-spacing:.6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:92px}.cc-bonus{position:absolute;z-index:4;left:50%;top:calc(env(safe-area-inset-top, 0px) + 142px);transform:translate(-50%,-6px);opacity:0;padding:5px 11px;border-radius:12px;background:#ffd24a;color:#5a3b06;font:800 12px/1 Playful,sans-serif;transition:opacity .3s,transform .3s;pointer-events:none}.cc-bonus.show{opacity:1;transform:translate(-50%)}.cc-tags{inset:0;z-index:3;pointer-events:none}.cc-tag,.cc-tags{position:absolute}.cc-tag{left:0;top:0;display:none;flex-direction:column;align-items:center;gap:3px;min-width:92px;max-width:118px;padding:5px 6px 6px;border-radius:14px;background:var(--cc-cream);color:var(--cc-ink);border:2px solid #fff;box-shadow:0 3px 0 rgba(23,32,58,.45),0 6px 14px rgba(0,0,0,.25);pointer-events:auto;cursor:pointer;will-change:transform}.cc-tag.show{display:flex}.cc-tag:after{content:"";position:absolute;bottom:-8px;left:50%;margin-left:-7px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:0;border-top:7px solid transparent;border-top-color:var(--cc-cream)}.cc-tag-name{font:800 10px/1 Playful,sans-serif;letter-spacing:.4px;color:#5a6a90;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:104px}.cc-tag-goods{display:flex;gap:2px}.cc-tag-goods i{position:relative;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#e6eaf4;font-style:normal;font-size:16px;line-height:1}.cc-tag-goods i.done{background:#c9f5d9}.cc-tag-goods i.done:after{content:"✓";position:absolute;right:-3px;bottom:-3px;width:13px;height:13px;border-radius:50%;background:var(--cc-green);color:#fff;font:900 9px/13px Arial,sans-serif;text-align:center}.cc-tag-bar{width:100%;height:5px;border-radius:3px;background:#dde2ee;overflow:hidden}.cc-tag-bar u{display:block;height:100%;background:var(--cc-teal);transform-origin:left;text-decoration:none}.cc-tag-cta{font:800 12px/1 Playful,sans-serif;font-style:normal;color:var(--cc-navy);white-space:nowrap}.cc-tag[data-state=offer]{background:#fff1b8;border-color:var(--cc-gold);animation:cc-bob .9s infinite alternate}.cc-tag[data-state=offer]:after{border-top-color:#fff1b8}.cc-tag[data-state=offer] .cc-tag-bar u{background:#e8a21a}.cc-tag[data-state=offer] .cc-tag-cta{color:#8a5200}.cc-tag[data-state=full]{background:#2fd07a;border-color:#fff;color:#fff;animation:cc-bob .6s infinite alternate;box-shadow:0 3px 0 #0c6a38,0 0 18px rgba(61,255,140,.7)}.cc-tag[data-state=full]:after{border-top-color:#2fd07a}.cc-tag[data-state=full] .cc-tag-cta,.cc-tag[data-state=full] .cc-tag-name{color:#fff}.cc-tag[data-state=full] .cc-tag-cta{font-size:14px}.cc-tag.low .cc-tag-bar u{background:var(--cc-coral)}.cc-tag.low{animation:cc-shake .5s infinite}@keyframes cc-bob{to{margin-top:-4px}}@keyframes cc-shake{25%{margin-left:-2px}75%{margin-left:2px}}.cc-hint{position:absolute;z-index:5;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 10px);transform:translateX(-50%);margin:0;padding:8px 14px;border-radius:14px;background:var(--cc-glass);border:2px solid rgba(255,255,255,.55);font:700 14px/1.25 Playful,sans-serif;text-align:center;width:max-content;max-width:calc(100% - 32px);opacity:0;transition:opacity .25s;pointer-events:none}.cc-hint.show{opacity:1}.cc-toast{position:absolute;z-index:7;left:50%;top:calc(env(safe-area-inset-top, 0px) + 168px);transform:translate(-50%,10px) scale(.9);opacity:0;pointer-events:none;font:800 23px/1.1 Playful,sans-serif;color:#fff;text-align:center;width:max-content;max-width:calc(100% - 28px);-webkit-text-stroke:6px var(--cc-navy);paint-order:stroke fill;text-shadow:0 4px 0 var(--cc-navy);transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}.cc-toast.show{opacity:1;transform:translate(-50%)}.cc-toast.good{color:#d8ffe4;-webkit-text-stroke-color:#0f4a2a;text-shadow:0 4px 0 #0f4a2a}.cc-toast.bad{color:#ffe1e4;-webkit-text-stroke-color:#6a0d1c;text-shadow:0 4px 0 #6a0d1c}.cc-keys{display:none}@media (hover:hover) and (pointer:fine) and (min-width:760px){.cc-keys{display:block;position:absolute;z-index:5;right:14px;bottom:8px;font:700 11px/1 Playful,sans-serif;color:rgba(23,32,58,.6);pointer-events:none}}.cc-card-pop{position:absolute;z-index:6;left:50%;top:42%;width:230px;transform:translate(-50%,-50%) rotateY(90deg) scale(.8);opacity:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 14px 16px;border-radius:20px;text-align:center;background:linear-gradient(180deg,#fff9ec,#ffe9c4);color:var(--cc-ink);border:4px solid #fff;outline:3px solid var(--cc-navy);box-shadow:0 8px 0 rgba(23,32,58,.5),0 20px 40px rgba(0,0,0,.35);pointer-events:none;transition:transform .45s cubic-bezier(.3,1.5,.5,1),opacity .2s}.cc-card-pop.show{opacity:1;transform:translate(-50%,-50%) rotateY(0) scale(1)}.cc-card-n{font:800 9px/1 Playful,sans-serif;letter-spacing:1.6px;color:#a36a10;background:#ffe08a;padding:4px 8px;border-radius:8px}.cc-card-icon{font-size:44px;line-height:1.1}.cc-card-pop strong{font:800 22px/1 Playful,sans-serif}.cc-card-pop p{margin:0;font:700 13px/1.3 Playful,sans-serif;color:#44507a}.cc-inspect{position:absolute;z-index:6;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 12px);width:min(370px,calc(100% - 20px));transform:translate(-50%,120%);transition:transform .4s cubic-bezier(.3,1.3,.5,1);display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 12px 14px;border-radius:24px;background:#fff6e6;color:var(--cc-ink);border:3px solid #fff;box-shadow:0 6px 0 #1f2f5a,0 18px 40px rgba(0,0,0,.4)}.cc-inspect.show{transform:translate(-50%)}.cc-ins-head{display:flex;align-items:center;gap:10px;align-self:stretch}.cc-ins-owl{font-size:34px}.cc-ins-head small{display:block;font:800 10px/1 Playful,sans-serif;letter-spacing:1.6px;color:#1f2f5a;opacity:.7}.cc-ins-head strong{font:800 21px/1.05 Playful,sans-serif}.cc-ins-text{margin:0;font:700 14px/1.2 Playful,sans-serif;color:#44507a}.cc-inspect[data-result=pass] .cc-ins-text{color:#1f8f4a}.cc-inspect[data-result=fail] .cc-ins-text{color:#c8283c}.cc-seq{display:flex;gap:8px}.cc-seq i{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;font-style:normal;font:800 28px/1 Playful,sans-serif;background:#e8ecf6;border:3px dashed #b8c2dc;color:#8090b8}.cc-seq i.next{border-style:solid;border-color:var(--cc-gold);animation:cc-pulse .8s infinite}.cc-seq i.done{background:#c9f5d9;border:3px solid var(--cc-green)}.cc-seq i.bad{background:#ffd6da;border:3px solid var(--cc-coral)}.cc-ins-track{width:100%;height:6px;border-radius:3px;background:#e2e6f0;overflow:hidden}.cc-ins-track i{display:block;height:100%;background:linear-gradient(90deg,var(--cc-coral),var(--cc-gold) 40%,var(--cc-teal));transform-origin:left}.cc-seals{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:6px;gap:6px;width:100%}.cc-app .cc-seal{height:52px;border-radius:14px;border:3px solid #fff;background:linear-gradient(180deg,#3a4f8a,#22305a);box-shadow:0 4px 0 #111a33;font-size:26px;line-height:1;cursor:pointer;transition:transform .1s;padding:0}.cc-app .cc-seal.hit,.cc-app .cc-seal:active{transform:translateY(3px);box-shadow:0 1px 0 #111a33}.cc-seals.locked .cc-seal{opacity:.45;pointer-events:none}.playful-game .cc-menu,.playful-game .cc-results{background:linear-gradient(180deg,rgba(23,32,58,0) 30%,rgba(23,32,58,.55));backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:flex-start;padding:22vh 12px calc(env(safe-area-inset-bottom, 0px) + 12px)}.playful-game .cc-results{padding-top:26vh}.cc-card{width:min(440px,100%);margin:auto auto 0;flex:none;background:var(--cc-cream);color:var(--cc-ink);border:3px solid #fff;border-radius:28px;padding:14px;box-shadow:0 7px 0 #c49a7e,0 20px 50px rgba(0,0,0,.35);text-align:center}.cc-kicker{display:inline-block;font:800 11px/1 Playful,sans-serif;letter-spacing:2px;color:#0f6a6a;background:#c8f2ee;border-radius:10px;padding:5px 10px}.cc-logo{margin:6px 0 10px;font:800 36px/.92 Playful,sans-serif;letter-spacing:1px;color:#fff6e6;-webkit-text-stroke:3px var(--cc-coral);paint-order:stroke fill;text-shadow:0 5px 0 var(--cc-navy);transform:rotate(-2deg)}.cc-modes{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.cc-mode{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:16px;cursor:pointer;background:var(--cc-navy);border:2px solid #3a4a7a;color:#fff;transition:transform .15s,border-color .15s}.cc-mode svg{width:50px;height:34px}.cc-mode strong{font:800 15px/1.05 Playful,sans-serif}.cc-mode small{font:700 11px/1 Playful,sans-serif;color:#c8d2ee}.cc-mode-stars{font-size:12px;color:var(--cc-gold);letter-spacing:1px}.cc-mode-stars span{color:#4a5a8a}.cc-mode em{font:700 10px/1 Playful,sans-serif;font-style:normal;color:#b8c4e4}.cc-mode.on{border-color:var(--cc-gold);background:#2e3f75;transform:translateY(-2px);box-shadow:0 3px 0 var(--cc-gold),0 0 14px rgba(255,210,74,.45)}.cc-rules{list-style:none;margin:10px 0;padding:0;text-align:left;display:grid;grid-gap:5px;gap:5px}.cc-rules li{display:flex;gap:6px;align-items:baseline;font:600 12.5px/1.3 Playful,sans-serif;color:#33406a}.cc-rules li span{flex:none;width:18px;text-align:center}.cc-rules li p{margin:0}.cc-rules b{color:#d8402c}.playful-game .cc-card button.big{width:100%;background:var(--cc-coral);color:#fff;border-color:#8a2016;box-shadow:inset 0 3px 0 #ff9a8a,0 5px 0 #8a2016;font-size:24px}.cc-note{margin:9px 0 0;font:700 11px/1.2 Playful,sans-serif;color:#8a8aa0}.cc-r-title{margin:6px 0 0;font:800 32px/1 Playful,sans-serif}.cc-r-title.good{color:#1f8f4a}.cc-r-title.bad{color:#c8283c}.cc-r-score{display:flex;align-items:baseline;justify-content:center;gap:6px}.cc-r-score b{font:800 52px/1 Playful,sans-serif;color:var(--cc-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cc-r-score span{font:800 16px/1 Playful,sans-serif;color:#8a8aa0}.cc-stars{display:flex;justify-content:center;gap:6px;margin:2px 0}.cc-stars i{width:30px;height:30px;background:#dfe3ee;-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}.cc-stars i.on{background:#ffbf2e;transform:scale(1.18) rotate(-6deg)}.cc-r-line{margin:6px 0 8px;font:700 13px/1.3 Playful,sans-serif;color:#44507a}.cc-r-stats{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px}.cc-r-stats li{display:flex;flex-direction:column;gap:3px;padding:7px 2px;border-radius:12px;background:#eef0f8}.cc-r-stats b{font:800 18px/1 Playful,sans-serif;color:var(--cc-navy);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cc-r-stats span{font:700 10px/1 Playful,sans-serif;color:#6a7494}.cc-r-best{margin:2px 0 10px;font:800 13px/1 Playful,sans-serif;color:#d8402c;min-height:13px}.cc-r-row{display:flex;gap:10px;justify-content:center;align-items:center}.playful-game .cc-r-row .share-btn{margin-top:10px;padding:8px 14px;font-size:15px}.cc-app .cc-link-btn{margin-top:10px;background:#eef0f8;color:var(--cc-ink);border:2px solid #d0d6e8;border-radius:14px;padding:9px 14px;font:800 15px/1.2 Playful,sans-serif;cursor:pointer}.playful-game .cc-loading{background:radial-gradient(ellipse at 50% 40%,#ff9f8a,#2a3a6a)}@media (min-width:760px) and (min-aspect-ratio:1/1){.playful-game .cc-menu,.playful-game .cc-results{background:linear-gradient(90deg,rgba(23,32,58,0) 45%,rgba(23,32,58,.5));align-items:flex-end;justify-content:flex-start;padding:24px 5vw 24px 24px}.cc-card{margin:auto 0}.cc-logo{font-size:46px}.cc-tag{max-width:150px;min-width:110px}}@media (max-height:700px) and (max-width:759px){.playful-game .cc-menu,.playful-game .cc-results{padding-top:12vh}.cc-rules{display:none}}