.cs-app{--cs-ink:#3a2418;--cs-clay:#c47a52;--cs-terra:#d65f36;--cs-deep:#8e3b1c;--cs-cream:#fff6ea;--cs-sage:#5f8f7c;--cs-night:rgba(38,24,16,0.74);--play-accent:#c4572f;--play-ink:#3a2418;--play-paper:#fff6ea;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:#2a1f1a;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=throw]) :is(.cs-head,.cs-side,.cs-controls,.cs-keys,.cs-hint,.cs-wobble){display:none}.cs-app:is([data-phase=menu],[data-phase=result],[data-phase=loading]) .cs-toast{display:none}.cs-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}.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,.3);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:12px;height:44px;padding:0 8px 0 18px;border-radius:22px;background:var(--cs-night);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);pointer-events:none}.cs-pill span{font:800 17px/1 Playful,sans-serif;letter-spacing:.3px;white-space:nowrap}.cs-pill b{font:800 18px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--cs-cream);color:var(--cs-ink);border-radius:14px;padding:6px 10px;min-width:52px;text-align:center}.cs-pill b.low{background:#ff5a3c;color:#fff;animation:cs-beat 1s infinite}@keyframes cs-beat{50%{transform:scale(1.1)}}.cs-side{position:absolute;z-index:4;left:12px;top:calc(env(safe-area-inset-top, 0px) + 66px);pointer-events:none;display:flex;flex-direction:column;gap:6px;width:104px}.cs-meter,.cs-section{background:var(--cs-night);border:2px solid rgba(255,255,255,.75);border-radius:16px;padding:6px 4px 4px;box-shadow:0 3px 0 rgba(0,0,0,.28);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-align:center}.cs-meter span,.cs-section span{display:block;font:800 9px/1 Playful,sans-serif;letter-spacing:1px;opacity:.8}.cs-section canvas{display:block;width:96px;height:120px;margin:2px auto 0}.cs-meter{display:flex;align-items:center;justify-content:space-between;padding:6px 10px}.cs-meter b{font:800 20px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#ffe08a}.cs-wobble{position:absolute;z-index:7;left:50%;top:calc(env(safe-area-inset-top, 0px) + 66px);transform:translateX(-50%) scale(.8);margin-left:56px;width:min(220px,calc(100% - 150px));padding:8px 12px 9px;border-radius:16px;text-align:center;background:#e2402a;border:3px solid #fff;box-shadow:0 4px 0 #8e1f10;opacity:0;pointer-events:none;transition:opacity .2s,transform .25s cubic-bezier(.3,1.6,.5,1)}.cs-wobble.show{opacity:1;transform:translateX(-50%);animation:cs-shake .35s infinite}@keyframes cs-shake{25%{rotate:-2deg}75%{rotate:2deg}}.cs-wobble b{display:block;font:800 18px/1 Playful,sans-serif;letter-spacing:1px}.cs-wobble span{display:block;font:700 12px/1.25 Playful,sans-serif;margin:3px 0 6px}.cs-wobble i{height:7px;background:rgba(0,0,0,.3);overflow:hidden}.cs-wobble em,.cs-wobble i{display:block;border-radius:4px}.cs-wobble em{height:100%;width:0;background:#ffe08a;transition:width .15s}.cs-toast{position:absolute;z-index:7;left:50%;top:34%;transform:translate(-50%,10px) scale(.9);opacity:0;pointer-events:none;font:800 26px/1.1 Playful,sans-serif;color:#fff;text-align:center;white-space:nowrap;-webkit-text-stroke:6px var(--cs-deep);paint-order:stroke fill;text-shadow:0 4px 0 var(--cs-deep);transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}.cs-toast.show{opacity:1;transform:translate(-50%)}.cs-toast.good{-webkit-text-stroke-color:#2d6b52;text-shadow:0 4px 0 #2d6b52}.cs-hint{position:absolute;z-index:5;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 140px);transform:translateX(-50%);margin:0;padding:8px 14px;border-radius:14px;background:var(--cs-night);border:2px solid rgba(255,255,255,.6);font:700 14px/1.25 Playful,sans-serif;text-align:center;width:max-content;max-width:calc(100% - 40px);opacity:0;transition:opacity .3s;pointer-events:none}.cs-hint.show{opacity:1}.cs-controls{position:absolute;z-index:5;left:0;right:0;bottom:calc(env(safe-area-inset-bottom, 0px) + 18px);display:flex;align-items:flex-end;justify-content:space-between;padding:0 18px;pointer-events:none}.cs-controls>*{pointer-events:auto}.cs-pedal{position:relative;width:108px;height:108px;border-radius:50%;border:0;padding:0;cursor:pointer;touch-action:none;background:radial-gradient(circle at 50% 35%,#6fa892,#3f6f5e 70%);color:#fff;box-shadow:inset 0 3px 0 rgba(255,255,255,.35),0 6px 0 #26453a,0 10px 22px rgba(0,0,0,.35);transition:transform .08s,box-shadow .08s}.cs-pedal.down{transform:translateY(5px);box-shadow:inset 0 3px 0 rgba(255,255,255,.3),0 1px 0 #26453a,0 4px 12px rgba(0,0,0,.3)}.cs-pedal svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.cs-pedal .track{fill:none;stroke:rgba(0,0,0,.25);stroke-width:7}.cs-pedal .ring{fill:none;stroke:#ffe08a;stroke-width:7;stroke-linecap:round;stroke-dasharray:0 100}.cs-pedal-icon{position:absolute;left:50%;top:26px;transform:translateX(-50%);display:grid}.cs-pedal.down .cs-pedal-icon svg{animation:cs-spin .6s linear infinite}.cs-pedal-icon svg{position:static;transform:none;width:30px;height:30px}@keyframes cs-spin{to{transform:rotate(1turn)}}.cs-pedal-label{position:absolute;left:0;right:0;bottom:22px;font:800 12px/1.05 Playful,sans-serif;letter-spacing:.6px}.cs-done{min-width:124px;height:64px;border-radius:22px;cursor:pointer;padding:0 18px;background:var(--cs-terra);color:#fff;border:3px solid #fff;box-shadow:0 5px 0 var(--cs-deep),0 10px 20px rgba(0,0,0,.3);font:800 24px/1 Playful,sans-serif;letter-spacing:1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.cs-done small{font:700 11px/1 Playful,sans-serif;letter-spacing:.4px;opacity:.9}.cs-done:active{transform:translateY(3px);box-shadow:0 2px 0 var(--cs-deep)}.playful-game .cs-done:disabled{opacity:.45;cursor:default}.cs-keys{display:none}@media (hover:hover) and (pointer:fine){.cs-keys{display:block;position:absolute;z-index:5;left:50%;bottom:12px;transform:translateX(-50%);font:700 12px/1 Playful,sans-serif;color:rgba(255,255,255,.75);white-space:nowrap;pointer-events:none}}.cs-glaze{position:absolute;z-index:8;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 16px);width:min(420px,calc(100% - 24px));transform:translate(-50%,130%);transition:transform .4s cubic-bezier(.3,1.3,.5,1);background:var(--cs-cream);color:var(--cs-ink);border:3px solid #fff;border-radius:26px;padding:14px 16px 16px;box-shadow:0 6px 0 #c9a98c,0 18px 40px rgba(0,0,0,.35);text-align:center}.cs-glaze.show{transform:translate(-50%)}.cs-glaze h2{margin:0 0 10px;font:800 20px/1 Playful,sans-serif;color:var(--play-accent)}.cs-glazes{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-bottom:12px}.cs-swatch{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:0;padding:4px 0;cursor:pointer;color:var(--cs-ink)}.cs-swatch i{width:54px;height:54px;border-radius:50%;border:3px solid #fff;background:radial-gradient(circle at 35% 30%,var(--e) 0 18%,var(--g) 62%);box-shadow:0 3px 0 rgba(0,0,0,.18);transition:transform .2s cubic-bezier(.3,1.8,.5,1)}.cs-swatch span{font:800 13px/1 Playful,sans-serif}.cs-swatch.on i{transform:scale(1.12);box-shadow:0 0 0 3px var(--play-accent),0 3px 0 rgba(0,0,0,.18)}.playful-game button.cs-fire{width:100%;background:var(--cs-terra);color:#fff;border-color:var(--cs-deep);box-shadow:inset 0 3px 0 #ff9c76,0 5px 0 var(--cs-deep)}.playful-game .cs-menu,.playful-game .cs-results{background:linear-gradient(180deg,rgba(42,31,26,0) 30%,rgba(42,31,26,.55));backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:flex-start;padding:40vh 14px calc(env(safe-area-inset-bottom, 0px) + 14px)}.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 #c9a98c,0 20px 50px rgba(0,0,0,.35);text-align:center}.cs-kicker{display:inline-block;font:800 11px/1 Playful,sans-serif;letter-spacing:2px;color:var(--cs-sage);background:#e3efe8;border-radius:10px;padding:5px 10px}.cs-logo{margin:4px 0 8px;font:800 40px/.95 Playful,sans-serif;letter-spacing:1px;color:#fff6ea;-webkit-text-stroke:3px var(--cs-terra);paint-order:stroke fill;text-shadow:0 5px 0 var(--cs-deep);transform:rotate(-2deg)}.cs-shapes{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px;gap:7px}.cs-shape{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 2px;border-radius:16px;cursor:pointer;background:#fff;border:2px solid #ecdccb;color:var(--cs-ink);transition:transform .15s,border-color .15s}.cs-shape svg{width:36px;height:38px}.cs-shape strong{font:800 13px/1.1 Playful,sans-serif}.cs-shape small{font-size:11px;color:#e0a020;letter-spacing:1px}.cs-shape small span{color:#e3d6c8}.cs-shape em{font:700 10px/1 Playful,sans-serif;font-style:normal;color:#8b6f5c}.cs-shape.on{border-color:var(--cs-terra);background:#fff1e6;transform:translateY(-2px);box-shadow:0 3px 0 var(--cs-terra)}.cs-blurb{margin:8px 0 6px;font:700 13.5px/1.3 Playful,sans-serif;color:#6b4b39;min-height:2.6em}.cs-rules{list-style:none;margin:0 0 12px;padding:0;text-align:left;display:grid;grid-gap:4px;gap:4px}.cs-rules li{display:flex;gap:6px;align-items:baseline;font:600 12.5px/1.3 Playful,sans-serif;color:#5a3d2c}.cs-rules li span{flex:none;width:18px;text-align:center}.cs-rules li p{margin:0}.playful-game .cs-card button.big{width:100%;background:var(--cs-terra);color:#fff;border-color:var(--cs-deep);box-shadow:inset 0 3px 0 #ff9c76,0 5px 0 var(--cs-deep);font-size:24px}.cs-best{margin:10px 0 0;font:700 12px/1.2 Playful,sans-serif;color:#8b6f5c}.cs-r-title{margin:0;font:800 32px/1 Playful,sans-serif;color:var(--play-accent)}.cs-results.collapsed .cs-r-title{color:#c2311c}.cs-r-line{margin:6px 0 4px;font:700 13.5px/1.3 Playful,sans-serif;color:#6b4b39}.cs-r-score{display:flex;align-items:baseline;justify-content:center;gap:6px}.cs-r-score b{font:800 64px/1 Playful,sans-serif;color:var(--cs-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cs-r-score span{font:800 20px/1 Playful,sans-serif;color:#a88b76}.cs-stars{display:flex;justify-content:center;gap:6px;margin:2px 0 8px}.cs-stars i{width:34px;height:34px;background:#eadccd;-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-parts{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-gap:6px;gap:6px}.cs-r-parts li{display:grid;grid-template-columns:82px 1fr 46px;align-items:center;grid-gap:8px;gap:8px;font:700 13px/1 Playful,sans-serif;text-align:left}.cs-r-parts i{height:10px;background:#eadccd;overflow:hidden}.cs-r-parts b,.cs-r-parts i{display:block;border-radius:6px}.cs-r-parts b{height:100%;width:0;background:linear-gradient(90deg,#e98a52,var(--cs-terra));transition:width .7s cubic-bezier(.2,.8,.3,1)}.cs-r-parts em{font-style:normal;text-align:right;color:#8b6f5c;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cs-r-best{margin:0 0 10px;font:800 13px/1 Playful,sans-serif;color:var(--cs-sage);min-height:13px}.cs-r-row{display:flex;gap:10px;justify-content:center;align-items:center}.playful-game .cs-r-row .share-btn{margin-top:10px;padding:8px 14px;font-size:15px}.cs-link-btn{margin-top:10px;background:#f3e6d8;color:var(--cs-ink);border:2px solid #e2cdb8;border-radius:14px;padding:9px 14px;font:800 15px/1.2 Playful,sans-serif;cursor:pointer}.playful-game .cs-loading{background:radial-gradient(ellipse at 50% 40%,#4a3328,#2a1f1a)}@media (min-width:760px) and (min-aspect-ratio:1/1){.playful-game .cs-menu,.playful-game .cs-results{background:linear-gradient(90deg,rgba(42,31,26,0) 40%,rgba(42,31,26,.5));align-items:flex-end;justify-content:flex-start;padding:24px 6vw 24px 24px}.cs-card{margin:auto 0}.cs-logo{font-size:54px}.cs-side{left:22px;width:130px}.cs-section canvas{width:120px;height:150px}.cs-controls{padding:0 32px;bottom:30px}.cs-hint{bottom:46px}}@media (max-height:700px) and (max-width:759px){.playful-game .cs-menu,.playful-game .cs-results{padding-top:34vh}.cs-rules{display:none}}