:root{--bg: #fff4e4;--card: #ffffff;--line: #f1dfc8;--text: #4a3f36;--dim: #a5907c;--good: #2fa495;--bad: #ef6b73;--accent: #ff85a2;--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:Gowun Dodum,system-ui,-apple-system,sans-serif;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}#ad-slot{flex:0 0 auto;max-width:460px;width:100%;margin:0 auto;padding:0 16px calc(10px + var(--pad-bottom));box-sizing:border-box}.jua{font-family:Jua,Gowun Dodum,sans-serif}.top{display:flex;align-items:baseline;justify-content:space-between}.top__title{font-family:Jua,sans-serif;font-size:19px;margin:0}.top__meta{font-size:13px;color:var(--dim)}.top__score{font-size:19px;color:var(--accent)}.timer{height:8px;border-radius:99px;background:var(--line);overflow:hidden}.timer__bar{display:block;height:100%;width:100%;border-radius:99px;background:var(--accent);transition:width .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--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:Jua,sans-serif;font-size:17px;width:100%;padding:15px;border:none;border-radius:18px;background:var(--accent);color:#fff;cursor:pointer;box-shadow:0 5px #e5637f;transition:transform .12s,box-shadow .12s}.btn:active{transform:translateY(4px);box-shadow:0 1px #e5637f}.btn:disabled{opacity:.6;cursor:default}.btn__ad{font-size:10px;border:1px solid rgba(255,255,255,.7);border-radius:5px;padding:1px 4px;margin-right:5px;vertical-align:2px}.btn--ghost{background:transparent;color:var(--dim);box-shadow:none;font-size:14px;padding:11px 8px;min-height:40px}.btn--ghost:active{transform:none}.ad{border:2px solid var(--line);border-radius:16px;padding:10px 12px;background:var(--card);display:flex;align-items:center;gap:10px;flex:none;min-height:68px}.ad__icon{flex:none;width:48px;height:48px;border-radius:12px;display:block}.ad__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.ad__title{font-family:Jua,sans-serif;font-size:15px;color:var(--text);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad__desc{font-size:12px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad__cta{flex:none;font-family:Jua,sans-serif;font-size:13px;color:#fff;background:var(--accent);border-radius:999px;padding:6px 14px}.ad__badge{flex:none;font-size:9px;color:var(--dim);border:1px solid var(--line);border-radius:5px;padding:1px 4px;align-self:flex-start}.vad{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#14101c;display:flex;align-items:center;justify-content:center;padding:calc(12px + var(--pad-top)) 12px calc(12px + var(--pad-bottom))}.vad__stage{width:100%;max-width:380px;height:100%;display:flex;flex-direction:column;gap:10px}.vad__frame{position:relative;flex:1;min-height:0;border-radius:16px;overflow:hidden;background:#2a2140}.vad__reel{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.vad__bar{position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff38}.vad__fill{display:block;height:100%;width:0;background:#ffd45e}.vad__ctrl{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;gap:8px}.vad__badge{position:static}.vad__icon{margin-left:auto;width:40px;height:40px;flex:none;display:grid;place-items:center;padding:0;cursor:pointer;border:0;border-radius:50%;background:#0000006b}.vad__icon svg{width:22px;height:22px}.vad__icon--close{margin-left:0}.vad__time{margin-left:0;min-width:40px;height:40px;padding:0 10px;display:grid;place-items:center;border-radius:20px;background:#0000006b;color:#fff;font-size:16px;font-variant-numeric:tabular-nums}.vad__cta{flex:none;display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:16px;background:var(--card);text-align:left;cursor:pointer;font:inherit;color:var(--text)}.vad__cta:active{transform:scale(.99)}.vad__orb,.vad__card,.vad__spark,.vad__sheen{transform-box:fill-box;transform-origin:50% 50%}.vad__orb--a{animation:vad-drift 7s ease-in-out infinite alternate}.vad__orb--b{animation:vad-drift 9s ease-in-out infinite alternate-reverse}@keyframes vad-drift{0%{transform:translate(-8px,-10px) scale(1)}to{transform:translate(10px,12px) scale(1.12)}}.vad__card{animation:vad-bob 2.6s ease-in-out infinite}@keyframes vad-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}.vad__spark{animation:vad-rise 2.8s ease-in-out infinite}@keyframes vad-rise{0%{transform:translateY(10px) scale(.5);opacity:0}40%{opacity:1}to{transform:translateY(-34px) scale(1.1);opacity:0}}.vad__sheen{animation:vad-sweep 3.4s linear infinite}@keyframes vad-sweep{0%{transform:translate(0) skew(-12deg)}to{transform:translate(300px) skew(-12deg)}}@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: #f8ebd6;--wall-brick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='52'%3E%3Cg fill='%23f2e2cb'%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:#ecd9b6;border-radius:4px;box-shadow:0 2px #967a5c29;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 #7860484d,inset 9px 0 12px -11px #78604838,inset -9px 0 12px -11px #78604838}.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(150,122,92,.2) 56% 58%,#f2e2c6 58%,#e9d5b2 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(150,122,92,.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:#fff8ee;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:#78604824}.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}}