.reward-status{--reward-surface: #fff;--reward-text: #253047;--reward-line: #dbe2ec;--reward-shadow: #0002;position:fixed;left:12px;right:12px;bottom:max(8px,env(safe-area-inset-bottom));z-index:9999;padding:10px 12px;background:var(--reward-surface);color:var(--reward-text);border:1px solid var(--reward-line);border-radius:12px;font:13px/1.4 sans-serif;box-shadow:0 2px 12px var(--reward-shadow);text-align:center}.reward-status button{margin-left:8px;min-height:32px;border:1px solid var(--reward-line);border-radius:8px;padding:4px 10px;background:var(--reward-surface);color:var(--reward-text);font:inherit;cursor:pointer}.reward-status button:focus-visible{outline:2px solid var(--reward-text);outline-offset:2px}:root{--font-ui: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", system-ui, sans-serif;--tint: #e8f0ff;--bg: #f5f5f7;--card: #ffffff;--line: #2831451c;--text: #1d1d1f;--dim: #6e6e73;--good: #2fa495;--bad: #ef6b73;--accent: #0866ff;--signal: #ff5a47;--race: #0866ff;--pad-top: env(safe-area-inset-top, 0px);--pad-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;display:flex;flex-direction:column;min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font-ui);line-height:1.6;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}.app{max-width:460px;margin:0 auto;padding:calc(14px + var(--pad-top)) 16px calc(16px + var(--pad-bottom));flex:1;min-height:0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:10px}.jua{font-family:var(--font-ui)}.top{display:flex;align-items:baseline;justify-content:space-between;padding:10px 13px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--card) 86%,transparent);box-shadow:0 10px 26px #4b53610d}.top__title{font-family:var(--font-ui);font-size:19px;margin:0}.top__meta{font-size:13px;color:var(--dim)}.top__score{font-size:19px;color:var(--race);font-weight:700}.timer{height:8px;border-radius:99px;background:var(--line);overflow:hidden}.timer__bar{display:block;height:100%;width:100%;border-radius:99px;background:linear-gradient(90deg,var(--race),var(--signal));transform-origin:left center;transition:transform .12s linear}.play{flex:1;display:flex;flex-direction:column;gap:8px}.hud{display:flex;justify-content:center;padding:0 2px}.hud__say{font-size:19px;color:var(--text)}.stage{flex:1;min-height:0;position:relative}@keyframes co-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-6deg)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(2deg)}to{opacity:0;transform:translate(-50%,-120%) scale(1)}}@keyframes co-cut{0%{opacity:0;transform:translate(-50%,6px) scale(.8)}22%{opacity:1;transform:translate(-50%,-6px) scale(1.12)}to{opacity:0;transform:translate(-50%,-54px) scale(1)}}.timer--cut{animation:co-timer-cut .36s ease-out}@keyframes co-timer-cut{0%,to{background:var(--line)}30%{background:var(--bad)}}.heart:before,.heart:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:var(--accent)}.heart:before{left:-9px}.heart:after{top:-9px}.heart--a{left:14%;top:26%}.heart--b{right:12%;top:12%;animation-delay:.7s}.heart--c{right:24%;top:46%;animation-delay:1.4s}.demo{position:relative;height:104px}.demo .hero{font-size:50px;margin:0;line-height:1.1}.card{margin-top:auto;margin-bottom:auto;background:var(--card);border:2px solid var(--line);border-radius:24px;padding:26px 22px;text-align:center;box-shadow:0 18px 42px #4b536115;display:flex;flex-direction:column;gap:12px;width:100%}.card--result{animation:co-pop-in .38s cubic-bezier(.34,1.56,.64,1)}@keyframes co-pop-in{0%{transform:scale(.72)}}.card{margin-top:auto;margin-bottom:auto;background:var(--card);border:2px solid var(--line);border-radius:24px;padding:26px 22px;text-align:center;box-shadow:0 6px #c8aa822e;display:flex;flex-direction:column;gap:12px;width:100%}.card__head{font-size:21px;margin:0;word-break:keep-all}.card__head b{color:var(--accent)}.card__lead--sub{font-size:13px;opacity:.85;margin-top:-2px}.card__lead{color:var(--dim);margin:0;word-break:keep-all}.card__best{margin:0;font-size:15px}.card__plays{margin:0;font-size:13px;color:var(--dim);word-break:keep-all}.score{font-size:56px;color:var(--accent);margin:0}.score small{font-size:20px;color:var(--dim)}.btn{font-family:var(--font-ui);font-size:17px;width:100%;padding:15px;border:none;border-radius:18px;background:var(--accent);color:#fff;cursor:pointer;box-shadow:0 5px #715731;transition:transform .12s,box-shadow .12s}.btn:active{transform:translateY(4px);box-shadow:0 1px #715731}.btn:disabled{opacity:.6;cursor:default}.btn--ghost{background:transparent;color:var(--dim);box-shadow:none;font-size:14px;padding:11px 8px;min-height:40px}.btn--ghost:active{transform:none}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.cut{position:absolute;transform:translate(-50%);font-size:22px;pointer-events:none;white-space:nowrap;animation:tc-cut .7s ease-out forwards}.cut--gain{color:var(--good)}.cut--loss{color:var(--bad)}@keyframes tc-cut{0%{opacity:0;transform:translate(-50%,6px) scale(.8)}25%{opacity:1;transform:translate(-50%,-6px) scale(1.1)}to{opacity:0;transform:translate(-50%,-34px) scale(1)}}.hud{justify-content:space-between;align-items:baseline}.hud__score{font-size:26px;color:var(--accent)}.timer__bar--hot{background:var(--accent)}.hero{position:relative;display:grid;place-items:center;margin-bottom:2px}.hero__kit{width:128px}.spark{position:absolute;width:14px;height:14px;background:var(--accent);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:tc-spark 1.8s ease-in-out infinite}.spark--a{left:16%;top:22%}.spark--b{right:14%;top:34%;animation-delay:.9s}@keyframes tc-spark{0%,to{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}.yard{--wall-face: #f0f4fa;--wall-brick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='52'%3E%3Cg fill='%23e6edf6'%3E%3Crect width='104' height='2'/%3E%3Crect y='26' width='104' height='2'/%3E%3Crect width='2' height='26'/%3E%3Crect x='52' width='2' height='26'/%3E%3Crect x='26' y='26' width='2' height='26'/%3E%3Crect x='78' y='26' width='2' height='26'/%3E%3C/g%3E%3C/svg%3E");position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center}.yard__wall{position:relative;height:34px;flex:none}.yard__home{position:absolute;bottom:0;left:0;transform:translate(-50%);width:34px;z-index:2;animation:tc-sway 2.8s ease-in-out infinite}.house{width:100%;height:auto;display:block}@keyframes tc-sway{0%,to{transform:translate(-50%) rotate(-3deg)}50%{transform:translate(-50%) rotate(3deg)}}.yard__wall:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:10px;background:#dce5f2;border-radius:4px;box-shadow:0 2px #657da129;z-index:1}.yard__yarn{flex:1 1 auto;min-height:120px;max-height:360px;position:relative;background-image:var(--wall-brick);background-color:var(--wall-face);border-radius:14px 14px 0 0;box-shadow:inset 0 9px 10px -9px #596f914d,inset 9px 0 12px -11px #596f9138,inset -9px 0 12px -11px #596f9138}.yarn{display:block;width:100%;height:100%}.yarn__halo,.yarn__edge,.yarn__line,.yarn__twist{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}.yarn__halo,.yarn__edge{stroke-linecap:butt}.yarn__halo{stroke:var(--wall-face);stroke-width:12}.yarn__edge{stroke:#70584038;stroke-width:7.5}.yarn__line{stroke:#8f7a63;stroke-width:4.6}.yarn__twist{stroke:#c2ac91;stroke-width:1.8;stroke-dasharray:2 5.5}.yard__seats{display:flex;align-items:flex-end;flex:none;position:relative;background-image:linear-gradient(180deg,transparent 0 56%,rgba(101,125,161,.2) 56% 58%,#f5f8fc 58%,#e5edf8 100%),var(--wall-brick);background-color:var(--wall-face);border-radius:0 0 14px 14px}.yard__seats:after{content:"";position:absolute;top:58%;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(101,125,161,.12) 2px,transparent 2px);background-size:34px 100%}.seat{flex:1 1 0;min-width:40px;min-height:40px;position:relative;padding:4px 2px 10px;border:0;background:none;cursor:pointer;transition:transform .11s ease-out}.seat:active{transform:scale(.96)}.seat .kit{width:100%;max-width:86px;height:auto;display:block;margin:0 auto}.seat__ball{position:absolute;left:50%;top:-1px;transform:translate(-50%,-50%);width:20px}.ball{width:100%;height:auto;display:block}.seat__paw{position:absolute;left:50%;bottom:-4px;transform:translate(-50%);width:26px;z-index:2}.paw{width:100%;height:auto;display:block;animation:tc-paw 1.6s ease-in-out infinite}.seat:has(.seat__paw):before{content:"";position:absolute;top:14%;right:10%;bottom:4%;left:10%;border-radius:50%;z-index:0;background:radial-gradient(closest-side,#ffdfe8 40%,transparent)}.seat .kit{position:relative;z-index:1}@keyframes tc-paw{0%,to{transform:scale(.9);opacity:.85}50%{transform:scale(1.06);opacity:1}}.seat--found .kit__bob{animation:tc-found .24s ease-out}@keyframes tc-found{40%{transform:translateY(-9px) scale(1.06,.95)}}.seat--miss{animation:tc-miss .3s ease-in-out}@keyframes tc-miss{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.demo{position:relative;height:228px;margin:4px 0 18px}.demo .yard{left:11%;right:11%}.demo .seat{pointer-events:none}.demo .seat .kit{max-width:64px}.stats{display:flex;gap:6px;margin:12px 0 4px}.stat{flex:1;display:grid;gap:1px;padding:8px 2px;border-radius:12px;background:var(--bg);border:2px solid var(--line);color:var(--dim)}.stat__val{font-size:20px;color:var(--text)}.stat__key{font-size:11px;font-style:normal}.kit__bob,.kit__tail,.kit__eyes,.kit__bow{transform-box:fill-box;transform-origin:50% 50%}.kit__sh{fill:#596f9124}.kit__bl{fill:#ff8098;opacity:.3}.kit__no{fill:#ff8fa3}.ey{fill:#4b4453}.pu{fill:#2f2a38}.gl{fill:#fff}.ln{fill:none;stroke:#4b4453;stroke-width:2.6;stroke-linecap:round}.kit__wh{fill:none;stroke:#4b4453;stroke-width:1.6;stroke-linecap:round;opacity:.45}.kit__bob{animation:tc-bob 2.4s ease-in-out infinite;animation-delay:var(--d)}@keyframes tc-bob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2.5px) scale(1.03,.97)}}.kit__tail{transform-origin:20% 80%;animation:tc-tail 1.9s ease-in-out infinite;animation-delay:var(--d)}@keyframes tc-tail{0%,to{transform:rotate(-4deg)}50%{transform:rotate(6deg)}}.kit__eyes{transform-origin:50% 45%;animation:tc-blink 5.4s infinite;animation-delay:var(--d)}@keyframes tc-blink{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.1)}}.kit__bow{animation:tc-bow 2.1s ease-in-out infinite}@keyframes tc-bow{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@media(max-height:720px){.card{padding:20px 18px;gap:10px}.hero__kit{width:100px}.score{font-size:44px}.stats{margin:8px 0 2px}.stat{padding:6px 2px}.stat__val{font-size:18px}}@media(max-height:620px){.card{padding:16px;gap:8px}.hero__kit{width:76px}.card__head{font-size:18px}.score{font-size:34px}.score small{font-size:15px}.stat__val{font-size:16px}.stat__key{font-size:10px}}.top{background:var(--card);border:1px solid var(--line);box-shadow:none;border-radius:18px}.top__title{font-weight:700;letter-spacing:-.6px}.top__score,.score{font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-1px}.card{background:var(--card);border:1px solid var(--line);border-radius:28px;box-shadow:0 14px 40px #18254508}.card__head{font-weight:700;letter-spacing:-.7px}.card__lead{line-height:1.75}.btn{border-radius:999px;background:var(--accent);color:var(--card);font-weight:600;box-shadow:none;min-height:48px}.btn:active{transform:scale(.98);box-shadow:none}.btn--ghost{background:var(--tint);color:var(--accent);box-shadow:none}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.timer{height:6px}.timer__bar{background:var(--accent)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:40px;gap:10px;padding:0 11px;border:1px solid var(--line,#1d1d1f14);border-radius:18px;background:var(--card,#fff);font-family:var(--font-ui,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",system-ui,sans-serif);font-size:12px;font-weight:700;letter-spacing:1px;flex:none}.nav a{min-width:40px;min-height:40px;display:flex;align-items:center;color:var(--dim,#6e6e73);text-decoration:none;letter-spacing:0;white-space:nowrap;font-size:11px;flex:none}.nav a:focus-visible{outline:3px solid var(--accent,#0866ff);outline-offset:4px}@media(max-height:580px){.nav{min-height:34px}}@media(max-width:350px){.nav{gap:6px}.nav .pill{max-width:90px}}.nav .pill{max-width:104px;padding:4px 0;color:var(--dim,#6e6e73);font-size:8px;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}