.ock-app{--ock-ink:#23324a;--ock-orange:#ff7a1a;--ock-deep:#a8460c;--ock-green:#22c58b;--ock-red:#ff4d5e;--ock-cream:#fff8ec;--ock-glass:rgba(24,32,50,0.74);--play-accent:#ff7a1a;--play-ink:#23324a;--play-paper:#fff8ec;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:#9c7aa0;color:#fff}.ock-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.ock-app:not([data-phase=play]) :is(.ock-head,.ock-stats,.ock-strip,.ock-keys,.ock-hint,.ock-count,.ock-toast,.ock-stick,.ock-jump,.ock-intro){display:none}.ock-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}.ock-head>*{pointer-events:auto}.ock-icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:var(--ock-glass);color:#fff;border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 0 rgba(0,0,0,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ock-icon-btn .off,.ock-icon-btn[aria-pressed=true] .on{display:none}.ock-icon-btn[aria-pressed=true] .off{display:inline}.ock-pill{justify-self:center;display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 7px 0 16px;border-radius:22px;max-width:100%;min-width:0;background:var(--ock-glass);border:2px solid rgba(255,255,255,.9);box-shadow:0 3px 0 rgba(0,0,0,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}.ock-pill span{font:800 14px/1 Playful,sans-serif;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ock-pill b{font:800 18px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--ock-cream);color:var(--ock-ink);border-radius:14px;padding:6px 10px;min-width:52px;text-align:center}.ock-pill b.low{background:var(--ock-red);color:#fff;animation:ock-pulse 1s infinite}@keyframes ock-pulse{50%{transform:scale(1.1)}}.ock-stats{position:absolute;z-index:4;left:50%;top:calc(env(safe-area-inset-top, 0px) + 62px);transform:translateX(-50%);display:flex;gap:5px;pointer-events:none}.ock-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:74px;padding:6px 9px 7px;border-radius:14px;background:var(--ock-glass);border:2px solid rgba(255,255,255,.6);box-shadow:0 3px 0 rgba(0,0,0,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ock-stat>span{font:800 9px/1 Playful,sans-serif;letter-spacing:1.2px;opacity:.9;white-space:nowrap}.ock-stat>b{font:800 18px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#ffd9a8;white-space:nowrap}.ock-stat.ock-zone>b{font-size:13px;line-height:18px;color:#fff;max-width:130px;overflow:hidden;text-overflow:ellipsis}.ock-stat.safe{border-color:#7dffb8;box-shadow:0 3px 0 rgba(0,0,0,.22),0 0 14px rgba(125,255,184,.55)}.ock-stat.safe>b{color:#7dffb8}.ock-stat.danger>b{color:#ff9aa4}.ock-stat.bump{animation:ock-bump .4s ease-out}@keyframes ock-bump{35%{transform:scale(1.18)}}.ock-strip{position:absolute;z-index:4;right:calc(env(safe-area-inset-right, 0px) + 10px);top:calc(env(safe-area-inset-top, 0px) + 128px);bottom:150px;width:10px;border-radius:6px;background:rgba(24,32,50,.55);border:2px solid rgba(255,255,255,.7);pointer-events:none}.ock-strip-flag{position:absolute;left:50%;top:-12px;width:18px;height:12px;transform:translateX(-50%);border-radius:2px;background:repeating-conic-gradient(#1d1b22 0 25%,#fff 0 50%) 0 0 /6px 6px;border:1.5px solid #fff}.ock-strip u{position:absolute;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#c8d0e0;border:1.5px solid rgba(20,26,40,.8);transition:top .12s linear}.ock-strip u.me{width:16px;height:16px;margin:-8px 0 0 -8px;background:var(--ock-orange);border:2.5px solid #fff;z-index:2;box-shadow:0 0 8px rgba(255,122,26,.8)}.ock-strip u.done{background:#7dffb8}.ock-count{position:absolute;z-index:6;left:50%;top:40%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;font:800 92px/1 Playful,sans-serif;color:#fff;-webkit-text-stroke:10px var(--ock-orange);paint-order:stroke fill;text-shadow:0 8px 0 var(--ock-deep);white-space:nowrap}.ock-count.show{animation:ock-count .75s ease-out}@keyframes ock-count{0%{opacity:0;transform:translate(-50%,-50%) scale(1.6)}25%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.ock-toast{position:absolute;z-index:7;left:50%;top:27%;transform:translate(-50%,10px) scale(.9);opacity:0;pointer-events:none;font:800 22px/1.15 Playful,sans-serif;color:#fff;text-align:center;width:max-content;max-width:calc(100% - 28px);-webkit-text-stroke:5px var(--ock-ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ock-ink);transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}.ock-toast.show{opacity:1;transform:translate(-50%)}.ock-toast.good{color:#d6ffe8;-webkit-text-stroke-color:#0e5a3c;text-shadow:0 3px 0 #0e5a3c}.ock-toast.bad{color:#ffe1d8;-webkit-text-stroke-color:#7a1018;text-shadow:0 3px 0 #7a1018}.ock-toast.big{font-size:30px}.ock-hint{position:absolute;z-index:5;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 136px);transform:translateX(-50%) translateY(8px);margin:0;padding:9px 16px;border-radius:16px;background:var(--ock-glass);border:2px solid rgba(255,200,150,.85);font:800 15px/1.25 Playful,sans-serif;text-align:center;width:max-content;max-width:calc(100% - 32px);color:#fff4e8;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}.ock-hint.show{opacity:1;transform:translateX(-50%)}.ock-intro{position:absolute;z-index:6;left:50%;top:24%;transform:translate(-50%,-10px);width:min(340px,calc(100% - 40px));text-align:center;pointer-events:none;opacity:0;transition:opacity .3s,transform .4s cubic-bezier(.3,1.5,.5,1)}.ock-intro.show{opacity:1;transform:translate(-50%)}.ock-intro h2{margin:8px 0 4px;font:800 34px/1 Playful,sans-serif;color:#fff;-webkit-text-stroke:7px var(--ock-ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ock-ink)}.ock-intro p{margin:0;font:800 17px/1.2 Playful,sans-serif;color:#ffe0b8;-webkit-text-stroke:4px var(--ock-ink);paint-order:stroke fill}.ock-stick{position:absolute;z-index:5;left:-60px;top:-60px;width:120px;height:120px;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(255,255,255,.08) 40%,rgba(255,255,255,.22));border:3px solid rgba(255,255,255,.75);box-shadow:0 0 0 2px rgba(168,70,12,.35);transition:opacity .15s}.ock-stick.show{opacity:1}.ock-stick i{left:33px;top:33px;width:54px;height:54px;background:radial-gradient(circle at 35% 30%,#fff,#ffe0c0 60%,#ff9a50);box-shadow:0 4px 10px rgba(0,0,0,.25)}.ock-jump,.ock-stick i{position:absolute;border-radius:50%}.ock-jump{z-index:5;right:calc(env(safe-area-inset-right, 0px) + 18px);bottom:calc(env(safe-area-inset-bottom, 0px) + 26px);width:96px;height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;cursor:pointer;background:radial-gradient(circle at 40% 30%,#ffd2a8,var(--ock-orange) 60%,#d85a08);color:#fff;border:4px solid #fff;box-shadow:0 6px 0 var(--ock-deep),0 0 18px rgba(255,150,80,.5);touch-action:none;transition:transform .08s}.ock-jump.down{transform:translateY(4px) scale(.95);box-shadow:0 2px 0 var(--ock-deep),0 0 24px rgba(255,200,120,.9)}.ock-jump span{font:800 12px/1 Playful,sans-serif;letter-spacing:1px}.ock-jump-ring{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);transform:rotate(-90deg);pointer-events:none}.ock-jump-ring circle{fill:none;stroke:rgba(255,255,255,.25);stroke-width:7}.ock-jump-ring circle+circle{stroke:#ffe066;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283}.ock-keys{display:none}@media (hover:hover) and (pointer:fine) and (min-width:760px){.ock-keys{display:block;position:absolute;z-index:5;left:50%;bottom:10px;transform:translateX(-50%);font:700 12px/1 Playful,sans-serif;color:rgba(255,255,255,.8);white-space:nowrap;pointer-events:none}}.playful-game .ock-board{background:linear-gradient(180deg,rgba(20,26,40,.1),rgba(20,26,40,.7));-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);justify-content:flex-end;padding:20px 12px calc(env(safe-area-inset-bottom, 0px) + 18px)}.ock-board-card{width:min(420px,100%);margin:auto auto 0;text-align:center;background:var(--ock-cream);color:var(--ock-ink);border:3px solid #fff;border-radius:26px;padding:14px 14px 12px;box-shadow:0 7px 0 #c9a77a,0 20px 50px rgba(0,0,0,.35);animation:ock-rise .35s cubic-bezier(.3,1.4,.5,1)}@keyframes ock-rise{0%{transform:translateY(40px);opacity:0}}.ock-board-title{margin:6px 0 8px;font:800 28px/1 Playful,sans-serif;color:var(--ock-green)}.ock-board-title.bad{color:#e8503a}.ock-board-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:4px 6px;gap:4px 6px;text-align:left}.ock-board-list li{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:11px;background:#f3ebdc;font:800 13px/1 Playful,sans-serif;animation:ock-deal .3s cubic-bezier(.3,1.5,.5,1) backwards}.ock-board-list li b{width:22px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#8a7a6a}.ock-board-list li i{width:12px;height:12px;border-radius:50%;flex:none;border:1.5px solid rgba(0,0,0,.25)}.ock-board-list li em{font-style:normal;font-size:9px;letter-spacing:.8px;color:#fff;background:#8a93a8;border-radius:6px;padding:2px 4px}.ock-board-list li span{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ock-board-list li u{text-decoration:none;font-size:12px}.ock-board-list li.through{background:#dff7ea}.ock-board-list li.out{opacity:.55}.ock-board-list li.me{background:#ffe2c6;box-shadow:inset 0 0 0 2px var(--ock-orange)}@keyframes ock-deal{0%{transform:translateX(-12px);opacity:0}}.ock-board-next{margin:10px 0 0;font:800 13px/1.3 Playful,sans-serif;color:#6a5a4a}.playful-game .ock-menu,.playful-game .ock-results{background:linear-gradient(180deg,rgba(20,26,40,0) 35%,rgba(20,26,40,.6));backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:flex-start;padding:36vh 12px calc(env(safe-area-inset-bottom, 0px) + 12px)}.playful-game .ock-results{padding-top:26vh}.ock-card{width:min(440px,100%);margin:auto auto 0;flex:none;background:var(--ock-cream);color:var(--ock-ink);border:3px solid #fff;border-radius:28px;padding:14px 14px 16px;box-shadow:0 7px 0 #c9a77a,0 20px 50px rgba(0,0,0,.35);text-align:center}.ock-kicker{display:inline-block;font:800 11px/1 Playful,sans-serif;letter-spacing:2px;color:var(--ock-deep);background:#ffe6cc;border-radius:10px;padding:5px 10px}.ock-logo{margin:8px 0 10px;font:800 36px/.95 Playful,sans-serif;letter-spacing:1px;color:#fff8ec;-webkit-text-stroke:3px var(--ock-orange);paint-order:stroke fill;text-shadow:0 5px 0 var(--ock-deep);transform:rotate(-2deg)}.ock-rules{list-style:none;margin:0 0 6px;padding:0;text-align:left;display:grid;grid-gap:4px;gap:4px}.ock-rules li{display:flex;gap:6px;align-items:baseline;font:600 13px/1.3 Playful,sans-serif;color:#2a3a4a}.ock-rules li span{flex:none;width:18px;text-align:center}.ock-rules li p{margin:0}.ock-rules b{color:var(--ock-deep)}.ock-bots{margin:4px 0 10px;font:700 12px/1.3 Playful,sans-serif;color:#6a7a8a}.playful-game .ock-card button.big{width:100%;background:var(--ock-orange);color:#fff;border-color:#c0520a;box-shadow:inset 0 3px 0 #ffb070,0 5px 0 #c0520a;font-size:23px}.ock-best{margin:10px 0 0;font:700 12px/1.2 Playful,sans-serif;color:#7a6a5a}.ock-r-title{margin:6px 0 0;font:800 30px/1 Playful,sans-serif;color:var(--ock-orange)}.ock-r-title.bad{color:#e8503a}.ock-r-score{display:flex;align-items:baseline;justify-content:center;gap:6px}.ock-r-score b{font:800 50px/1 Playful,sans-serif;color:var(--ock-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ock-r-score span{font:800 16px/1 Playful,sans-serif;color:#8a7a6a}.ock-stars{display:flex;justify-content:center;gap:6px;margin:2px 0}.ock-stars i{width:30px;height:30px;background:#e8dcc8;-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}.ock-stars i.on{background:#ffbf2e;transform:scale(1.18) rotate(-6deg)}.ock-ladder{display:flex;justify-content:center;gap:6px;margin:6px 0 2px}.ock-ladder span{display:flex;flex-direction:column;gap:2px;align-items:center;min-width:76px;padding:6px;border-radius:12px;background:#f3ebdc;font:800 10px/1 Playful,sans-serif;color:#8a7a6a}.ock-ladder span b{font:800 16px/1 Playful,sans-serif;color:var(--ock-ink)}.ock-ladder span.ok{background:#dff7ea}.ock-ladder span.ok b{color:#138a5e}.ock-ladder span.out{background:#ffe0dc}.ock-ladder span.out b{color:#c0392b}.ock-ladder span.skip{opacity:.45}.ock-r-line{margin:6px 0 8px;font:700 13px/1.3 Playful,sans-serif;color:#4a5a66}.ock-r-stats{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px}.ock-r-stats li{display:flex;flex-direction:column;gap:3px;padding:7px 2px;border-radius:12px;background:#f3ebdc}.ock-r-stats b{font:800 17px/1 Playful,sans-serif;color:var(--ock-deep);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ock-r-stats span{font:700 10px/1 Playful,sans-serif;color:#7a6a5a}.ock-r-best{margin:2px 0 10px;font:800 13px/1 Playful,sans-serif;color:#7a6a5a;min-height:13px}.ock-r-best.new{color:#e8503a}.ock-r-row{display:flex;gap:10px;justify-content:center;align-items:center}.playful-game .ock-r-row .share-btn{margin-top:10px;padding:8px 14px;font-size:15px}.ock-link-btn{margin-top:10px;background:#f3ebdc;color:var(--ock-ink);border:2px solid #e2d4bc;border-radius:14px;padding:9px 14px;font:800 15px/1.2 Playful,sans-serif;cursor:pointer}.playful-game .ock-loading{background:radial-gradient(ellipse at 50% 40%,#c99a8e,#6a5a78)}@media (min-width:760px) and (min-aspect-ratio:1/1){.playful-game .ock-menu,.playful-game .ock-results{background:linear-gradient(90deg,rgba(20,26,40,0) 40%,rgba(20,26,40,.5));align-items:flex-end;justify-content:flex-start;padding:24px 6vw 24px 24px}.ock-card{margin:auto 0}.ock-logo{font-size:46px}.ock-toast{font-size:26px}.ock-hint{bottom:40px}.ock-strip{bottom:160px}}@media (max-height:700px) and (max-width:759px){.playful-game .ock-menu,.playful-game .ock-results{padding-top:16vh}.ock-rules{display:none}}