@font-face{font-family:Fredoka;src:url(/fonts/Fredoka-Variable.woff2)format("woff2");font-weight:300 700;font-display:swap}.scr{--ink:#2e2e2e;--orange:#ff8a3d;--orange-d:#c4601f;--robot:#ff7a1a;--sky:#9fd8ff;--green:#4cd964;--green-d:#2a9c3e;--blue:#3d8bff;--blue-d:#2560b8;--yellow:#ffd23f;--red:#ff4d5e;--card:#fffffff0;--back-out:cubic-bezier(.34, 1.56, .64, 1);z-index:20;pointer-events:none;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:Fredoka,"Baloo 2",system-ui,sans-serif;position:fixed;inset:0}.scr *,.scr :before,.scr :after{box-sizing:border-box}.scr-layer{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));pointer-events:auto;-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0;overflow-y:auto}.scr-layer.dim{background:radial-gradient(#14284659,#0b0d14b3)}.scr-layer.clear{pointer-events:none}.scr-layer.clear .scr-btn,.scr-layer.clear .scr-panel{pointer-events:auto}.scr-panel{background:var(--card);text-align:center;border:6px solid #fff;border-radius:36px;flex-direction:column;flex:none;align-items:center;gap:18px;width:min(760px,100%);margin:auto 0;padding:28px 28px 30px;display:flex;position:relative;box-shadow:0 10px #0000002e,0 18px 40px #0000004d}.scr-enter{animation:scr-in .52s var(--back-out) both}@keyframes scr-in{0%{opacity:0;transform:translateY(60px)scale(.85)}to{opacity:1;transform:none}}.scr-pop{animation:scr-pop .42s var(--back-out) both}@keyframes scr-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.outl{color:#fff;-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;filter:drop-shadow(0 4px #00000040)}.outl-w{-webkit-text-stroke:8px #fff;paint-order:stroke fill;filter:drop-shadow(0 3px #0003)}.scr-title{margin:0;font-size:clamp(40px,7vmin,72px);font-weight:700;line-height:1.05}.scr-h2{margin:0;font-size:clamp(32px,5vmin,48px);font-weight:700;line-height:1.1}.scr-text{margin:0;font-size:28px;font-weight:500;line-height:1.25}.scr-small{opacity:.8;margin:0;font-size:28px;font-weight:500;line-height:1.3}.scr-btn{appearance:none;color:#fff;background:var(--orange);min-width:64px;min-height:72px;box-shadow:0 8px 0 var(--orange-d), 0 12px 20px #00000040;cursor:pointer;touch-action:manipulation;text-shadow:0 2px #0003;transition:transform .12s var(--back-out), box-shadow .12s ease;border:5px solid #fff;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:0 36px;font:700 34px/1 Fredoka,system-ui,sans-serif;display:inline-flex}.scr-btn:active,.scr-btn.pressed{box-shadow:0 2px 0 var(--orange-d), 0 4px 8px #0003;transform:translateY(6px)scale(.97)}.scr-btn.big{min-height:96px;padding:0 56px;font-size:clamp(40px,6vmin,56px)}.scr-btn.green{background:var(--green);box-shadow:0 8px 0 var(--green-d), 0 12px 20px #00000040}.scr-btn.blue{background:var(--blue);box-shadow:0 8px 0 var(--blue-d), 0 12px 20px #00000040}.scr-btn.ghost{background:#5a6380;font-size:28px;box-shadow:0 8px #363d55,0 12px 20px #00000040}.scr-btn.round{border-radius:50%;width:72px;padding:0;font-size:34px}.scr-btn svg{flex:none;width:48px;height:48px}.scr-btn.wide{width:min(560px,100%)}.scr-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;width:100%;display:flex}.scr-col{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.scr-corner{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));position:absolute}.scr-corner-l{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));position:absolute}.scr-gear{background:#2e2e2e8c;width:64px;min-height:64px;font-size:30px;box-shadow:0 6px #0000004d}.scr-logo{flex-direction:column;align-items:center;gap:4px;display:flex}.scr-logo .scr-title{color:var(--robot);font-size:clamp(56px,11vmin,110px)}.scr-hero{font-size:30px;font-weight:600}.cards{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;display:flex}.card{appearance:none;font:inherit;color:var(--ink);cursor:pointer;touch-action:manipulation;min-width:200px;max-width:100%;min-height:188px;transition:transform .16s var(--back-out);background:#ffffffd9;border:6px solid #fff;border-radius:30px;flex-direction:column;align-items:center;gap:10px;padding:16px 10px 14px;display:flex;box-shadow:0 8px #0000002e}.card.sel{border-color:var(--orange);background:#fff;transform:scale(1.06)}.card:active{transform:scale(.95)}.card .ava{color:#fff;text-shadow:0 3px #0003;border:6px solid #fff;border-radius:50%;place-items:center;width:96px;height:96px;font-size:48px;font-weight:700;display:grid;box-shadow:0 5px #0003}.card .nm{overflow-wrap:break-word;font-size:28px;font-weight:700;line-height:1.05}.card.add{background:#ffffff80;border-style:dashed;border-color:#fff}.card.add .ava{background:#2e2e2e40;border-style:dashed;font-size:60px}.scr-input{border:6px solid var(--orange);width:min(480px,100%);min-height:80px;color:var(--ink);text-align:center;-webkit-user-select:text;user-select:text;background:#fff;border-radius:28px;outline:none;padding:0 24px;font:700 36px Fredoka,system-ui,sans-serif}.swatches{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.swatch{cursor:pointer;width:64px;height:64px;transition:transform .15s var(--back-out);border:6px solid #fff;border-radius:50%;box-shadow:0 5px #0003}.swatch.sel{box-shadow:0 0 0 5px var(--ink), 0 5px 0 #0003;transform:scale(1.18)}.checklist{text-align:left;flex-direction:column;gap:12px;width:100%;margin:0;padding:0;list-style:none;display:flex}.checklist li{align-items:center;gap:16px;font-size:28px;font-weight:600;line-height:1.15;display:flex}.checklist .ico{background:var(--sky);border:4px solid #fff;border-radius:20px;flex:none;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 4px #00000026}.checklist .ico svg{width:42px;height:42px}.privacy{text-align:left;background:#eaf7ff;border-radius:20px;align-items:center;gap:12px;padding:12px 16px;font-size:28px;font-weight:500;display:flex}.privacy svg{flex:none;width:40px;height:40px}.tut-top{left:0;right:0;top:calc(max(16px, env(safe-area-inset-top)) + 84px);pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:0 16px;display:flex;position:absolute}.tut-title{font-size:clamp(40px,7.5vmin,76px);font-weight:700;line-height:1.05}.tut-sub{color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;font-size:clamp(28px,4vmin,40px);font-weight:600;line-height:1.15}.tut-mid{left:max(20px, env(safe-area-inset-left));pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:52%;transform:translateY(-50%)}.tut-icon{background:var(--orange);color:#fff;border:6px solid #fff;border-radius:34px;place-items:center;width:112px;height:112px;display:grid;box-shadow:0 8px #00000040}.tut-icon svg{width:70%;height:70%;overflow:visible}.tut-icon.jump svg{animation:.9s ease-in-out infinite tut-jump}.tut-icon.duck svg{animation:1.1s ease-in-out infinite tut-duck}.tut-icon.stop svg{animation:1s ease-in-out infinite tut-stop}@keyframes tut-jump{0%,to{transform:translateY(6px)scaleY(.92)}45%{transform:translateY(-14px)scaleY(1.04)}}@keyframes tut-duck{0%,to{transform:translateY(-4px)}50%{transform:translateY(10px)scaleY(.85)}}@keyframes tut-stop{0%,to{transform:scale(1)}50%{transform:scale(1.12)translateY(-4px)}}.tut-count{font-variant-numeric:tabular-nums;font-size:clamp(64px,12vmin,120px);font-weight:700;line-height:1}.tut-count.bump{animation:scr-pop .38s var(--back-out)}.tut-praise{text-align:center;color:var(--yellow);pointer-events:none;opacity:0;font-size:clamp(56px,11vmin,110px);font-weight:700;position:absolute;top:30%;left:0;right:0}.tut-praise.on{animation:praise .9s var(--back-out) both}@keyframes praise{0%{opacity:0;transform:scale(.4)rotate(-6deg)}25%{opacity:1;transform:scale(1.1)rotate(2deg)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)translateY(-30px)}}.tut-hint{background:var(--red);color:#fff;text-align:center;pointer-events:none;border:5px solid #fff;border-radius:28px;max-width:100%;margin-top:6px;padding:10px 26px;font-size:clamp(30px,4.5vmin,44px);font-weight:700;line-height:1.1;display:none;box-shadow:0 8px #0003}.tut-hint.on{animation:scr-pop .38s var(--back-out) both;display:block}.tut-bar{background:#fff9;border:4px solid #fff;border-radius:11px;width:min(420px,80vw);height:22px;overflow:hidden}.tut-bar>div{background:var(--orange);width:0;height:100%;transition:width .1s linear}.tut-back{pointer-events:auto}.tut-ready{max-width:640px}.tut-legend{flex-direction:column;gap:8px;width:100%;display:flex}.tut-legend .lg{text-align:left;align-items:center;gap:14px;font-size:32px;line-height:1.15;display:flex}.tut-legend .lg svg{width:48px;height:48px;color:var(--robot);flex:none;overflow:visible}.tut-legend .lg b{font-weight:700}.tut-table{border-collapse:separate;border-spacing:0 10px;width:100%;font-size:30px}.tut-table td{background:#f1f7ff;padding:10px 16px}.tut-table td:first-child{text-align:left;border-radius:20px 0 0 20px;font-weight:600}.tut-table td:last-child{text-align:right;color:var(--robot);border-radius:0 20px 20px 0;font-weight:700}.keys{flex-direction:column;gap:14px;width:100%;display:flex}.keys .k{align-items:center;gap:16px;font-size:30px;font-weight:600;display:flex}.keys kbd{border:4px solid var(--ink);min-width:132px;box-shadow:0 5px 0 var(--ink);text-align:center;background:#fff;border-radius:16px;padding:12px 14px;font:700 26px Fredoka,system-ui,sans-serif}.cd{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.cd-num{color:var(--yellow);font-size:clamp(140px,30vmin,300px);font-weight:700;line-height:1}.cd-num.go{color:var(--green);font-size:clamp(90px,20vmin,200px)}.cd-num.anim{animation:cd-pop .9s var(--back-out) both}@keyframes cd-pop{0%{opacity:0;transform:scale(2.2)}30%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(.95)}to{opacity:0;transform:scale(.7)}}.pause-banner{pointer-events:none;text-align:center;background:#0b0d148c;flex-direction:column;align-items:center;gap:10px;padding:26px 16px;display:flex;position:absolute;top:28%;left:0;right:0}.res-score{color:var(--orange);font-variant-numeric:tabular-nums;font-size:clamp(72px,14vmin,130px);font-weight:700;line-height:1}.res-record{color:#fff;background:var(--red);border:5px solid #fff;border-radius:999px;padding:6px 24px;font-size:36px;font-weight:700;animation:1.1s ease-in-out infinite rec;box-shadow:0 6px #0003}@keyframes rec{0%,to{transform:rotate(-3deg)scale(1)}50%{transform:rotate(3deg)scale(1.08)}}.res-stats{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.stat{background:#f1f7ff;border-radius:22px;align-items:center;gap:8px;min-height:64px;padding:8px 16px;font-size:32px;font-weight:700;display:flex}.stat svg{width:44px;height:44px;color:var(--ink)}.res-best{opacity:.85;font-size:28px;font-weight:600}.scr-toast{text-align:center;width:max-content;max-width:calc(100% - 32px);left:0;right:0;bottom:max(28px, env(safe-area-inset-bottom));background:var(--ink);color:#fff;animation:scr-pop .3s var(--back-out) both;pointer-events:none;z-index:5;border:4px solid #fff;border-radius:999px;margin:0 auto;padding:14px 28px;font-size:28px;font-weight:600;position:absolute}.confetti{pointer-events:none;border-radius:4px;width:14px;height:20px;position:absolute;top:0;left:0}.pip{z-index:15;pointer-events:none;transition:width .3s var(--back-out,ease), height .3s var(--back-out,ease), left .3s ease, bottom .3s ease, opacity .2s ease;background:#1b1f2e;border:5px solid #fff;position:fixed;overflow:hidden;box-shadow:0 6px #00000040}.pip canvas{width:100%;height:100%;position:absolute;inset:0}.pip.hidden{opacity:0;visibility:hidden}.pip.game{left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));opacity:.92;border-radius:18px;width:160px;height:120px}.pip.tutorial,.pip.tutorialBig{left:50%;bottom:max(16px, env(safe-area-inset-bottom));border-radius:26px;width:320px;height:240px;translate:-50%}.pip.tutorialBig{border-color:var(--yellow,#ffd23f);width:min(440px,100vw - 32px);height:min(330px,75vw - 24px)}.pip-guide{opacity:0;transition:opacity .2s;position:absolute;inset:0}.pip-guide.on{opacity:.85;animation:1.4s ease-in-out infinite guide}.pip-guide svg{width:100%;height:100%}@keyframes guide{0%,to{opacity:.45}50%{opacity:.95}}.pip-debug{z-index:30;color:#cfe;pointer-events:none;white-space:pre;background:#0000008c;border-radius:6px;margin:0;padding:6px 8px;font:12px/1.35 ui-monospace,Menlo,monospace;position:fixed;top:120px;left:8px}.tq.off{display:none}@media (max-width:720px){.scr-layer.has-corner{padding-top:calc(max(16px, env(safe-area-inset-top)) + 76px)}}@media (max-width:520px){.scr-panel{border-radius:28px;gap:14px;padding:20px 16px 22px}.card{min-width:132px;min-height:160px;padding:14px 12px 12px}.cards{gap:12px}.card .nm{font-size:22px}.card .ava{width:80px;height:80px;font-size:40px}.scr-btn{padding:0 22px;font-size:28px}.scr-btn svg{width:40px;height:40px}.scr-btn.big{padding:0 32px}.checklist li{font-size:24px}.scr-small,.privacy,.scr-text{font-size:22px}.checklist .ico{width:56px;height:56px}.tut-table{font-size:26px}.tut-legend .lg{font-size:32px}.keys .k{font-size:26px}.keys kbd{min-width:110px;font-size:22px}.pip.tutorial{width:280px;height:210px}.tut-icon{border-radius:26px;width:80px;height:80px}.tut-count{font-size:56px}}