.cs-app{--cs-ink:#20193a;--cs-night:rgba(24,19,50,0.78);--cs-cream:#fff8ea;--cs-pip:#ff8a3d;--cs-mo:#2fc4b2;--cs-gold:#ffc93c;--play-accent:#6d4fd0;--play-ink:#20193a;--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:#16132c;color:#fff}.cs-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.cs-app:not([data-phase=play]) :is(.cs-hud-top,.cs-controls,.cs-tip,.cs-toast,.cs-stamp){display:none}.cs-hud-top{position:absolute;z-index:4;left:0;right:0;top:calc(env(safe-area-inset-top, 0px) + 10px);padding:0 12px;pointer-events:none}.cs-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;grid-gap:8px;gap:8px}.cs-head>*{pointer-events:auto}.cs-icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:var(--cs-night);color:#fff;border:2px solid rgba(255,255,255,.8);box-shadow:0 3px 0 rgba(0,0,0,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.cs-icon-btn .off,.cs-icon-btn[aria-pressed=true] .on{display:none}.cs-icon-btn[aria-pressed=true] .off{display:inline}.cs-pill{justify-self:center;display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px 0 6px;border-radius:22px;max-width:100%;background:var(--cs-night);border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 0 rgba(0,0,0,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}.cs-pill i{font:800 17px/32px Playful,sans-serif;font-style:normal;width:32px;height:32px;border-radius:50%;text-align:center;background:var(--cs-gold);color:var(--cs-ink)}.cs-pill span{font:800 17px/1 Playful,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-turnbox{margin:8px auto 0;width:max-content;display:flex;align-items:center;gap:8px;padding:5px 12px 5px 14px;border-radius:16px;background:var(--cs-night);border:2px solid rgba(255,255,255,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.cs-turnbox span{font:800 10px/1 Playful,sans-serif;letter-spacing:1.4px;opacity:.8}.cs-turnbox b{font:800 22px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--cs-gold);min-width:28px;text-align:center}.cs-turnbox b.tick{animation:cs-tick .3s ease-out}@keyframes cs-tick{0%{transform:scale(1.45);color:#fff}to{transform:scale(1)}}.cs-turn-bar{display:block;width:92px;height:10px;border-radius:6px;background:#3a3260;overflow:hidden;border:1.5px solid rgba(255,255,255,.35)}.cs-turn-bar u{display:block;height:100%;width:100%;border-radius:5px;background:linear-gradient(90deg,#6fe0a0,#c3ffcf);transition:width .25s}.cs-turn-bar u.low{background:linear-gradient(90deg,#ff4d3a,#ff9a7a);animation:cs-blink .7s infinite}@keyframes cs-blink{50%{opacity:.5}}.cs-tip{position:absolute;z-index:5;left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top, 0px) + 104px);margin:0;padding:8px 14px;border-radius:14px;background:var(--cs-cream);color:var(--cs-ink);border:2px solid #fff;box-shadow:0 4px 0 rgba(0,0,0,.3);font:700 14px/1.25 Playful,sans-serif;text-align:center;width:max-content;max-width:calc(100% - 32px);opacity:0;transition:opacity .3s;pointer-events:none}.cs-tip.show{opacity:1}.cs-toast{position:absolute;z-index:7;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 196px);transform:translate(-50%,10px) scale(.92);opacity:0;pointer-events:none;padding:8px 14px;border-radius:14px;background:var(--cs-night);border:2px solid rgba(255,255,255,.8);font:800 15px/1.2 Playful,sans-serif;color:#fff;text-align:center;width:max-content;max-width:calc(100% - 28px);transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}.cs-toast.show{opacity:1;transform:translate(-50%)}.cs-toast.good{color:#fff3b0}.cs-toast.warn{color:#ffe0b0;border-color:#ffb36a}.cs-toast.bad{color:#ffd8d0;background:rgba(90,12,24,.85);border-color:#ff8a7a}.cs-toast.title{font-size:19px;background:var(--cs-cream);color:var(--cs-ink);border-color:#fff}.cs-flash{position:absolute;inset:0;z-index:8;pointer-events:none;opacity:0}.cs-flash.show.bad{animation:cs-flash .9s ease-out;background:radial-gradient(ellipse at center,rgba(255,40,30,0) 30%,rgba(255,40,30,.55))}.cs-flash.show.good{animation:cs-flash 1.2s ease-out;background:radial-gradient(ellipse at center,rgba(120,255,170,0) 35%,rgba(120,255,170,.4))}@keyframes cs-flash{0%{opacity:1}to{opacity:0}}.cs-stamp{position:absolute;z-index:8;left:50%;top:42%;transform:translate(-50%,-50%) rotate(-8deg) scale(.6);opacity:0;pointer-events:none;font:800 46px/1 Playful,sans-serif;letter-spacing:1px;white-space:nowrap;padding:6px 18px;border-radius:16px;border:5px solid;background:rgba(255,248,234,.92)}.cs-stamp.bad{color:#e8322a}.cs-stamp.good{color:#19a35a}.cs-stamp.show{animation:cs-stamp 1.5s cubic-bezier(.2,1.6,.4,1) forwards}@keyframes cs-stamp{0%{opacity:0;transform:translate(-50%,-50%) rotate(-8deg) scale(1.8)}18%{opacity:1;transform:translate(-50%,-50%) rotate(-8deg) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(-8deg) scale(1)}}.cs-controls{position:absolute;z-index:5;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom, 0px) + 10px);width:min(94vw,460px);display:flex;flex-direction:column;gap:8px}.cs-who{display:grid;grid-template-columns:1fr 104px 1fr;grid-gap:8px;gap:8px;height:84px}.cs-app .cs-chip{--c:var(--cs-pip);position:relative;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:22px;cursor:pointer;background:rgba(30,24,62,.82);color:#fff;border:3px solid rgba(255,255,255,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 5px 0 rgba(0,0,0,.35);transition:transform .12s,background .15s,border-color .15s,box-shadow .15s}.cs-chip.mo{--c:var(--cs-mo);flex-direction:row-reverse}.cs-chip b{font:800 22px/1 Playful,sans-serif}.cs-face{flex:none;width:46px;height:46px;border-radius:50%;position:relative;background:radial-gradient(circle at 34% 62%,#2b2440 0 4px,transparent 5px),radial-gradient(circle at 66% 62%,#2b2440 0 4px,transparent 5px),radial-gradient(circle at 50% 66%,#ffd8b8 0 60%,transparent 61%);border:3px solid #fff}.cs-face:before{content:"";position:absolute;left:-3px;right:-3px;top:-3px;height:52%;border-radius:26px 26px 6px 6px;background:var(--c);border:3px solid #fff;border-bottom:0}.cs-chip.mo .cs-face{background:radial-gradient(circle at 34% 62%,#2b2440 0 4px,transparent 5px),radial-gradient(circle at 66% 62%,#2b2440 0 4px,transparent 5px),radial-gradient(ellipse 34% 12% at 50% 84%,#2b2440 0 99%,transparent 100%),radial-gradient(circle at 50% 66%,#c58d66 0 60%,transparent 61%)}.cs-chip em{position:absolute;top:-10px;font-style:normal;font-size:20px;display:none;filter:drop-shadow(0 2px 0 rgba(0,0,0,.4))}.cs-chip.pip em{right:8px}.cs-chip.mo em{left:8px}.cs-chip.key em{display:block}.cs-chip.on{background:color-mix(in srgb,var(--c) 78%,#1a1530);border-color:#fff;transform:translateY(-3px);box-shadow:0 6px 0 color-mix(in srgb,var(--c) 45%,#000),0 0 22px color-mix(in srgb,var(--c) 70%,transparent)}.cs-chip.out:after{content:"EXIT ✓";position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);padding:2px 7px;border-radius:8px;background:#29c271;color:#fff;font:800 10px/1.2 Playful,sans-serif;border:2px solid #fff}.cs-app .cs-wait{border-radius:22px;cursor:pointer;font:800 19px/1 Playful,sans-serif;letter-spacing:.5px;color:var(--cs-ink);background:linear-gradient(180deg,#fffdf6,#efe2c6);border:3px solid #fff;box-shadow:inset 0 -4px 0 #d9c49a,0 5px 0 rgba(0,0,0,.35)}.cs-chip:active,.cs-tool:active,.cs-wait:active{transform:translateY(3px)}.cs-app .cs-give{background:linear-gradient(180deg,#ffe58a,#ffc93c);box-shadow:inset 0 -4px 0 #d39a1a,0 5px 0 rgba(0,0,0,.35);animation:cs-bob .9s ease-in-out infinite;font-size:17px}.cs-give[hidden],.cs-wait[hidden]{display:none}@keyframes cs-bob{50%{box-shadow:inset 0 -4px 0 #d39a1a,0 5px 0 rgba(0,0,0,.35),0 0 20px #ffd84a}}.cs-tools{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.cs-app .cs-tool{height:40px;border-radius:14px;cursor:pointer;font:800 15px/1 Playful,sans-serif;color:#fff;background:var(--cs-night);border:2px solid rgba(255,255,255,.45);box-shadow:0 3px 0 rgba(0,0,0,.35)}.cs-tool:disabled{opacity:.4;cursor:default}.cs-keys{display:none;margin:0;text-align:center;font:700 12px/1 Playful,sans-serif;color:rgba(255,255,255,.7)}@media (hover:hover) and (pointer:fine){.cs-keys{display:block}}.playful-game .cs-menu,.playful-game .cs-results{background:linear-gradient(180deg,rgba(22,19,44,0) 30%,rgba(22,19,44,.75));backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:flex-start;padding:36vh 12px calc(env(safe-area-inset-bottom, 0px) + 12px)}.cs-card{width:min(440px,100%);margin:auto auto 0;flex:none;background:var(--cs-cream);color:var(--cs-ink);border:3px solid #fff;border-radius:28px;padding:14px 14px 16px;box-shadow:0 7px 0 #8f7bc4,0 20px 50px rgba(0,0,0,.45);text-align:center}.cs-kicker{display:inline-block;font:800 11px/1 Playful,sans-serif;letter-spacing:2px;color:#5a3fb5;background:#ece4ff;border-radius:10px;padding:5px 10px}.cs-logo{margin:6px 0 2px;font:800 38px/.95 Playful,sans-serif;letter-spacing:.5px;color:var(--cs-pip);-webkit-text-stroke:3px var(--cs-ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--cs-ink);transform:rotate(-2deg)}.cs-logo em{font-style:normal;color:var(--cs-mo)}.cs-tag{margin:6px 0 10px;font:700 13px/1.25 Playful,sans-serif;color:#4b3f78}.cs-levels{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:6px;gap:6px}.cs-lv{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0 5px;border-radius:12px;cursor:pointer;background:#efe7d6;border:2px solid #dfd2b8;color:var(--cs-ink);transition:transform .12s,background .15s}.cs-lv b{font:800 18px/1 Playful,sans-serif}.cs-lv small{font-size:10px;line-height:1;color:#d39a1a;letter-spacing:-1px}.cs-lv.done{background:#fff3c9;border-color:#f0cf6a}.cs-lv.sel{background:#6d4fd0;border-color:#3d2a8c;color:#fff;transform:translateY(-2px);box-shadow:0 3px 0 #3d2a8c}.cs-lv.sel small{color:#ffe27a}.playful-game .cs-lv:disabled{opacity:.45;cursor:not-allowed}.cs-sel{margin:10px 0;padding:8px 10px;border-radius:14px;background:#f1ead9;text-align:left;min-height:58px}.cs-sel b{font:800 16px/1.1 Playful,sans-serif;color:#5a3fb5}.cs-sel p{margin:3px 0 0;font:700 12.5px/1.3 Playful,sans-serif;color:#4b3f78}.playful-game .cs-card button.big{width:100%;background:#6d4fd0;color:#fff;border-color:#3d2a8c;box-shadow:inset 0 3px 0 #9a82ff,0 5px 0 #3d2a8c;font-size:22px}.cs-best{margin:10px 0 0;font:700 12px/1.25 Playful,sans-serif;color:#6f6496}.cs-r-title{margin:6px 0 0;font:800 32px/1 Playful,sans-serif;color:#19a35a}.cs-r-name{margin:2px 0;font:800 14px/1.1 Playful,sans-serif;color:#6f6496}.cs-stars{display:flex;justify-content:center;gap:6px;margin:4px 0}.cs-stars i{width:34px;height:34px;background:#e8e0cc;-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}.cs-stars i.on{background:#ffbf2e;transform:scale(1.18) rotate(-6deg)}.cs-r-score{display:flex;align-items:baseline;justify-content:center;gap:6px}.cs-r-score b{font:800 50px/1 Playful,sans-serif;color:var(--cs-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cs-r-score span{font:800 16px/1 Playful,sans-serif;color:#8f84b8}.cs-r-stats{list-style:none;margin:6px 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px}.cs-r-stats li{display:flex;flex-direction:column;gap:3px;padding:7px 2px;border-radius:12px;background:#efe7fb}.cs-r-stats b{font:800 18px/1 Playful,sans-serif;color:#5a3fb5;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cs-r-stats span{font:700 10px/1 Playful,sans-serif;color:#6f6496}.cs-r-line{margin:6px 0 4px;font:700 13px/1.3 Playful,sans-serif;color:#4b3f78}.cs-r-best{margin:2px 0 10px;font:800 13px/1 Playful,sans-serif;color:#e06a1a;min-height:13px}.cs-r-row{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.playful-game .cs-r-row .share-btn{margin-top:10px;padding:8px 14px;font-size:15px}.cs-app .cs-link-btn{margin-top:10px;background:#efe7d6;color:var(--cs-ink);border:2px solid #dfd2b8;border-radius:14px;padding:9px 14px;font:800 15px/1.2 Playful,sans-serif;cursor:pointer}.cs-link-btn.big{background:#6d4fd0;color:#fff}.playful-game .cs-loading{background:radial-gradient(ellipse at 50% 40%,#3b3270,#16132c)}@media (min-width:900px){.playful-game .cs-menu,.playful-game .cs-results{background:linear-gradient(90deg,rgba(22,19,44,0) 45%,rgba(22,19,44,.6));align-items:flex-end;justify-content:flex-start;padding:24px 6vw 24px 24px}.cs-card{margin:auto 0}.cs-logo{font-size:48px}.cs-toast{bottom:190px}}@media (max-height:720px) and (max-width:899px){.playful-game .cs-menu,.playful-game .cs-results{padding-top:22vh}.cs-tag{display:none}.cs-who{height:70px}}.cs-app button:focus:not(:focus-visible){outline:none}