:root{--ink: #1c1b1b;--sub: #6a6a6a;--accent: #f94c43;--accent-dark: #e0392f;--cream: #f4f1ea;--paper: #ffffff;--border: #e9e5dd;--radius: 18px;--shadow: 0 12px 44px rgba(28, 27, 27, .16);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--cream);font-family:Montserrat,system-ui,-apple-system,sans-serif;color:var(--ink);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none}#container,#container canvas{position:fixed;inset:0;width:100%;height:100%;display:block}#loading-screen{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:linear-gradient(165deg,#faf7f1,#ece4d6);transition:opacity .5s ease}#loading-screen.fade-out{opacity:0}.loading-card{text-align:center}.loading-logo{font-size:2.6rem;font-weight:700;letter-spacing:-.03em;color:var(--ink);margin-bottom:1.3rem}.loading-logo-img{display:block;width:260px;max-width:72vw;height:auto;margin:0 auto 1.1rem;mix-blend-mode:multiply}.loader{width:44px;height:44px;margin:0 auto .9rem;border:4px solid rgba(28,27,27,.12);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-weight:600;color:var(--ink)}.loading-progress{margin-top:.3rem;font-variant-numeric:tabular-nums;color:var(--sub)}#hud{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));left:calc(14px + var(--safe-l));right:calc(14px + var(--safe-r));z-index:20;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;gap:10px}#discovery-counter{background:#ffffffe6;backdrop-filter:blur(8px);border-radius:999px;padding:9px 18px;font-weight:700;font-size:1rem;box-shadow:var(--shadow);display:flex;align-items:center;gap:6px;letter-spacing:-.01em}.discovery-label{font-weight:500;color:var(--sub);font-size:.82rem}#discovery-count{color:var(--accent);display:inline-block}#discovery-count.pop{animation:pop .35s ease}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.55)}to{transform:scale(1)}}.hint{background:#1c1b1b8c;color:#fff;border-radius:12px;padding:8px 13px;font-size:.74rem;font-weight:500;max-width:55%;text-align:right}body.is-touch .hint-desktop,body.is-desktop .hint-mobile{display:none}.overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;padding:16px;padding-bottom:calc(20px + var(--safe-b))}.overlay.hidden{display:none}.card{pointer-events:auto;background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);width:min(460px,94vw);position:relative;overflow:hidden;animation:rise .3s cubic-bezier(.2,.8,.3,1)}@keyframes rise{0%{transform:translateY(26px);opacity:0}to{transform:translateY(0);opacity:1}}#product-card .card{display:flex;align-items:stretch}.card-close{position:absolute;top:10px;right:12px;border:none;background:#1c1b1b0f;width:30px;height:30px;border-radius:50%;font-size:1.2rem;line-height:1;cursor:pointer;z-index:2;color:var(--ink)}.card-image{flex:0 0 42%;background:var(--cream);display:flex;align-items:center;justify-content:center;padding:12px}.card-image img{max-width:100%;max-height:160px;object-fit:contain;border-radius:10px}.card-body{padding:18px 20px;flex:1;display:flex;flex-direction:column}.card-cat{font-size:.66rem;font-weight:700;letter-spacing:.14em;color:var(--accent);margin-bottom:5px}.card-body h2{margin:0 0 7px;font-size:1.22rem;font-weight:700;letter-spacing:-.01em;line-height:1.15}.card-body p{margin:0 0 16px;font-size:.9rem;line-height:1.45;color:var(--sub)}.card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.price{font-weight:800;font-size:1.15rem}.cta{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;font-size:.9rem;padding:11px 18px;border-radius:999px;border:none;cursor:pointer;transition:transform .1s ease,background .15s ease;white-space:nowrap}.cta:hover{background:var(--accent-dark);transform:translateY(-1px)}.e-hint{margin-top:12px;font-size:.74rem;color:var(--sub);text-align:center}.e-hint kbd{background:var(--ink);color:#fff;border-radius:5px;padding:1px 7px;font-family:inherit;font-weight:700;font-size:.72rem}body.is-touch .e-hint{display:none}#link-card .card{display:flex;align-items:stretch}.link-card-icon{flex:0 0 30%;background:var(--cream);display:flex;align-items:center;justify-content:center;font-size:3rem}@media (max-width: 520px){#link-card .card{flex-direction:column}.link-card-icon{flex-basis:auto;padding:14px 0 0;font-size:2.4rem}}#completion{align-items:center;background:#1c1b1b80;backdrop-filter:blur(4px);pointer-events:auto}.completion-card{text-align:center;padding:30px 26px;width:min(420px,92vw)}.completion-emoji{font-size:2.6rem;margin-bottom:6px}.completion-card h2{margin:0 0 8px;font-size:1.45rem;font-weight:800;letter-spacing:-.02em}.completion-card p{margin:0 0 18px;color:var(--sub)}.email-form{display:flex;gap:8px;margin-bottom:8px}.email-form input{flex:1;min-width:0;padding:12px 16px;border-radius:999px;border:1.5px solid var(--border);font-size:1rem;font-family:inherit;background:var(--cream)}.email-form input:focus{outline:none;border-color:var(--accent)}.email-msg{min-height:1.2em;font-size:.86rem;margin:4px 0 10px}.email-msg.error{color:var(--accent-dark)}.email-msg.success{color:var(--ink);font-weight:600}.link-btn{background:none;border:none;color:var(--sub);text-decoration:underline;cursor:pointer;font-size:.9rem;font-family:inherit}body.pre-start #hud,body.pre-start #breed-picker,body.pre-start #bark-btn,body.pre-start #mobile-buttons{display:none!important}#start-screen{align-items:center;background:#1c1b1b6b;backdrop-filter:blur(5px);pointer-events:auto}.start-card{text-align:center;padding:26px 26px 28px;width:min(420px,92vw)}.start-logo{display:block;width:200px;max-width:60vw;height:auto;margin:0 auto .4rem;mix-blend-mode:multiply}.start-card h2{margin:0 0 6px;font-size:1.4rem;font-weight:800;letter-spacing:-.02em}.start-card p{margin:0 0 18px;color:var(--sub);font-size:.92rem}.start-breed{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}#start-breed-select{border:1.5px solid var(--border);background:var(--cream);border-radius:999px;padding:11px 16px;font-family:inherit;font-weight:600;font-size:.95rem;color:var(--ink);cursor:pointer;max-width:60vw}#start-breed-select:focus{outline:2px solid var(--accent)}.start-btn{display:block;width:100%;font-size:1.05rem;padding:14px;border-radius:16px}#breed-picker{position:fixed;left:calc(14px + var(--safe-l));bottom:calc(16px + var(--safe-b));z-index:25;background:#ffffffeb;backdrop-filter:blur(8px);box-shadow:var(--shadow);border-radius:999px;padding:8px 10px 8px 16px;display:flex;align-items:center;gap:8px}.breed-label{font-size:.8rem;font-weight:700;color:var(--ink)}#breed-select{border:none;background:var(--cream);border-radius:999px;padding:8px 14px;font-family:inherit;font-weight:600;font-size:.85rem;color:var(--ink);cursor:pointer;max-width:46vw}#breed-select:focus{outline:2px solid var(--accent)}#bark-btn{position:fixed;left:50%;bottom:calc(22px + var(--safe-b));transform:translate(-50%);z-index:26;background:var(--accent);color:#fff;border:none;border-radius:999px;padding:12px 24px;font-family:inherit;font-weight:700;font-size:1rem;box-shadow:var(--shadow);cursor:pointer;transition:background .15s ease}#bark-btn:hover{background:var(--accent-dark)}#bark-btn.pop{animation:barkpop .3s ease}@keyframes barkpop{0%{transform:translate(-50%) scale(1)}40%{transform:translate(-50%) scale(1.18) rotate(-3deg)}to{transform:translate(-50%) scale(1)}}body.is-touch #bark-btn{bottom:calc(92px + var(--safe-b))}#joystick-zone{position:fixed;inset:0;z-index:10;display:none;pointer-events:none}.joy-base{position:absolute;width:120px;height:120px;margin-left:-60px;margin-top:-60px;border-radius:50%;background:#ffffff38;border:2px solid rgba(255,255,255,.65)}.joy-base.hidden{display:none}.joy-thumb{position:absolute;left:50%;top:50%;width:56px;height:56px;border-radius:50%;background:#ffffffd9;box-shadow:var(--shadow);transform:translate(-50%,-50%)}#mobile-buttons{position:fixed;right:calc(20px + var(--safe-r));bottom:calc(28px + var(--safe-b));z-index:25;display:flex;flex-direction:column;gap:14px}.m-btn{width:62px;height:62px;border-radius:50%;border:none;background:#ffffffe0;box-shadow:var(--shadow);font-size:1.4rem;cursor:pointer;color:var(--ink)}.m-btn:active{background:var(--accent);color:#fff}@media (max-width: 520px){#product-card .card{flex-direction:column}.card-image{flex-basis:auto}.card-image img{max-height:130px}}