:root{--pink: #f48ca0;--pink-soft: #f8c8d4;--pink-deep: #e56b84;--blue: #6eb5d0;--blue-soft: #c5e4f3;--blue-deep: #4f9bb8;--cream: #fff7f4;--text: #3d3a4a;--text-soft: #5c5668;--shadow: 0 10px 28px rgba(80, 60, 90, .14);--font: "Fredoka", "Trebuchet MS", sans-serif}html,body,#root{width:100%;min-height:100%}body{font-family:var(--font);color:var(--text);background:linear-gradient(160deg,#f8c8d4,#f3dce8 42%,#c5e4f3);background-attachment:fixed}button{font-family:inherit}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.entry-page{min-height:100vh;background:linear-gradient(160deg,#f8c8d4,#f3dce8 45%,#c5e4f3);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:1.5rem}.paw-prints{position:absolute;inset:0;pointer-events:none}.paw{position:absolute;font-size:1.8rem;opacity:.28;animation:float 6s ease-in-out infinite}.paw-1{top:10%;left:10%;animation-delay:0s}.paw-2{top:18%;right:12%;animation-delay:1.2s}.paw-3{top:72%;left:8%;animation-delay:2.2s}.paw-4{top:78%;right:10%;animation-delay:3.4s}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.22}50%{transform:translateY(-14px) rotate(8deg);opacity:.4}}.entry-content{text-align:center;z-index:10;max-width:640px;width:100%}.svrca-logo{margin-bottom:1.4rem}.logo-circle{width:180px;height:180px;border-radius:50%;border:6px solid #fff;box-shadow:var(--shadow);margin:0 auto;overflow:hidden;background:#fff}.svrca-image{width:100%;height:100%;object-fit:cover}.welcome-title{font-size:2.4rem;color:var(--text);margin-bottom:.4rem;font-weight:650;line-height:1.15}.for-ana{display:block;font-size:1.45rem;color:var(--pink-deep);margin-top:.4rem;font-weight:500}.menu-hint{color:var(--text-soft);font-size:1.15rem;margin:1.2rem 0 1.4rem}.menu-buttons{display:flex;flex-direction:column;align-items:center;gap:.85rem}.mode-button{min-width:240px;width:min(280px,100%);border:none;padding:1rem 1.8rem;font-size:1.55rem;font-weight:650;border-radius:22px;cursor:pointer;color:#fff;letter-spacing:.6px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.mode-button .mode-emoji{font-size:1.4rem}.mode-button.boop{background:linear-gradient(180deg,#f7a3b3,#f48ca0)}.mode-button.feed{background:linear-gradient(180deg,#86c6dd,#6eb5d0)}.mode-button:hover{transform:translateY(-3px);filter:brightness(1.04)}.mode-button:active{transform:translateY(-1px)}@media (max-width: 768px){.welcome-title{font-size:1.9rem}.for-ana{font-size:1.2rem}.logo-circle{width:140px;height:140px}.mode-button{min-width:200px;font-size:1.3rem;padding:.9rem 1.4rem}}.game-screen{min-height:100vh;background:linear-gradient(160deg,#f3dce8,#c5e4f3 55%,#d9eef8);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:1.5rem}.game-header{display:flex;justify-content:space-between;width:100%;max-width:800px;margin-bottom:1.5rem;background:#fff7f4b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:.9rem 1.6rem;box-shadow:var(--shadow)}.score-display,.timer-display{display:flex;flex-direction:column;align-items:center;gap:.2rem}.score-label,.timer-label{font-size:1rem;color:var(--text-soft);font-weight:500}.score-value,.timer-value{font-size:2rem;font-weight:700;color:var(--text)}.game-content{display:flex;flex-direction:column;align-items:center;gap:1.4rem}.svrca-container{position:relative;display:inline-block;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.svrca-game-image{max-width:460px;max-height:460px;width:auto;height:auto;display:block;cursor:pointer;border-radius:22px}.nose-hotspot{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10}.nose-glow{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,rgba(244,140,160,.32) 0%,rgba(244,140,160,.1) 55%,transparent 74%);animation:pulse 2.8s ease-in-out infinite;box-shadow:0 0 10px #f48ca02e}.nose-text{position:absolute;top:72px;left:50%;transform:translate(-50%);background:#fff7f4d1;color:var(--text);padding:.28rem .7rem;border-radius:16px;font-size:.88rem;font-weight:600}.press-effect{position:absolute;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.45) 0%,rgba(255,255,255,.12) 55%,transparent 74%);animation:pressPulse .28s ease-out;pointer-events:none;z-index:12}@keyframes pulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.08);opacity:.8}}@keyframes pressPulse{0%{opacity:.55;transform:scale(.7)}to{opacity:0;transform:scale(1.55)}}.click-effect{position:absolute;font-size:1.15rem;font-weight:650;color:#4a8f6a;pointer-events:none;z-index:20;animation:clickAnimation .26s ease-out forwards}@keyframes clickAnimation{0%{opacity:.85;transform:scale(.95) translateY(0)}to{opacity:0;transform:scale(1.05) translateY(-16px)}}.game-instructions{text-align:center;color:var(--text);background:#fff7f4b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.6rem;border-radius:16px;box-shadow:var(--shadow)}.game-instructions p{margin:.25rem 0;font-size:1.1rem}@media (max-width: 768px){.game-screen{padding:.7rem}.game-header{padding:.7rem 1rem;margin-bottom:1rem}.score-value,.timer-value{font-size:1.5rem}.svrca-game-image{max-width:340px;max-height:340px;width:100%}.game-instructions p{font-size:1rem}}.feed-screen{min-height:100vh;background:linear-gradient(160deg,#c5e4f3,#e8d4f0 48%,#f8c8d4);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden;overscroll-behavior:none}.feed-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px;gap:1.2rem}.feed-play{display:flex;align-items:center;justify-content:center;width:100%}.feed-screen .svrca-container{position:relative;display:inline-block;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.feed-screen .svrca-container.expecting{box-shadow:0 0 0 6px #3d9b6a47,var(--shadow)}.feed-screen .svrca-container.happy{animation:dogHappy .5s ease}.feed-screen .svrca-game-image{max-width:400px;max-height:400px;width:auto;height:auto;display:block;border-radius:22px}.nose-drop{position:absolute;top:48%;left:50%;width:108px;height:108px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(110,181,208,.4) 0%,rgba(110,181,208,.1) 58%,transparent 74%);pointer-events:none;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;animation:noseIdle 2.2s ease-in-out infinite}.nose-drop.ready{animation:none;transform:translate(-50%,-50%) scale(1.18);background:radial-gradient(circle,rgba(255,214,90,.55) 0%,rgba(61,155,106,.18) 58%,transparent 74%);box-shadow:0 0 22px #ffc4508c}.yum-message{position:absolute;top:72%;left:50%;transform:translate(-50%);background:#fff7f4f0;color:var(--text);padding:.55rem 1.1rem;border-radius:18px;font-size:1.2rem;font-weight:650;animation:yumPop .7s ease-out;z-index:16;white-space:nowrap}.feed-screen .score-display{min-width:108px}.feed-screen .score-goal{font-size:.85rem;color:var(--text-soft);font-weight:550;margin-top:-.15rem}.feed-screen .score-value.goal-met{color:#2f9e62;animation:scorePop .45s ease}.goal-banner{position:fixed;top:18%;left:50%;transform:translate(-50%);z-index:45;background:#fff7f4f2;color:var(--pink-deep);padding:.7rem 1.3rem;border-radius:999px;font-size:1.2rem;font-weight:700;box-shadow:var(--shadow);animation:bannerPop 2.2s ease forwards;pointer-events:none;white-space:nowrap}.treat{padding:0;border:none;background:transparent;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;appearance:none;-webkit-tap-highlight-color:transparent}.treat img{width:100%;height:100%;object-fit:contain;pointer-events:none;background:transparent}.treat.idle{animation:treatIn .45s ease,treatBob 1.7s ease-in-out .45s infinite;filter:drop-shadow(0 8px 14px rgba(70,50,70,.2)) drop-shadow(0 0 10px rgba(255,196,80,.45))}.treat.dragging{cursor:grabbing;transform:scale(1.14) rotate(-12deg);filter:drop-shadow(0 16px 20px rgba(70,50,70,.28)) drop-shadow(0 0 16px rgba(255,196,80,.7));animation:none}.treat.over-nose{transform:scale(1.2) rotate(-18deg);filter:drop-shadow(0 0 18px rgba(61,155,106,.65))}.treat:disabled{cursor:default;opacity:.7}.treat-sparkle{position:absolute;font-size:1rem;pointer-events:none;animation:sparkleTwinkle 1.2s ease-in-out infinite}.treat-sparkle-1{top:-4px;right:6px}.treat-sparkle-2{bottom:2px;left:4px;animation-delay:.4s;font-size:.85rem}.treat.dragging .treat-sparkle{display:none}.feed-particle{position:fixed;z-index:50;pointer-events:none;font-size:calc(1.15rem * var(--size, 1));transform:translate(-50%,-50%);animation:particleBurst .85s ease-out forwards}@keyframes treatBob{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-12px) rotate(8deg)}}@keyframes treatIn{0%{transform:scale(.4) rotate(-20deg);opacity:0}70%{transform:scale(1.12) rotate(8deg);opacity:1}to{transform:scale(1) rotate(-8deg);opacity:1}}@keyframes sparkleTwinkle{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes noseIdle{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.85}50%{transform:translate(-50%,-50%) scale(1.08);opacity:1}}@keyframes dogHappy{0%,to{transform:scale(1)}30%{transform:scale(1.045) rotate(-1.2deg)}60%{transform:scale(1.02) rotate(1.2deg)}}@keyframes yumPop{0%{opacity:0;transform:translate(-50%) scale(.6) translateY(8px)}25%{opacity:1;transform:translate(-50%) scale(1.12) translateY(-4px)}70%{opacity:1;transform:translate(-50%) scale(1) translateY(-8px)}to{opacity:0;transform:translate(-50%) scale(.95) translateY(-18px)}}@keyframes particleBurst{0%{opacity:1;transform:translate(-50%,-50%) scale(.4) rotate(0)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.2) rotate(var(--rot))}}@keyframes bannerPop{0%{opacity:0;transform:translate(-50%) scale(.7) translateY(12px)}12%{opacity:1;transform:translate(-50%) scale(1.06) translateY(0)}80%{opacity:1;transform:translate(-50%) scale(1) translateY(0)}to{opacity:0;transform:translate(-50%) scale(.96) translateY(-10px)}}@keyframes scorePop{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1)}}@media (max-width: 768px){.feed-screen{padding:.8rem .7rem .7rem;justify-content:flex-start}.feed-screen .svrca-game-image{max-width:300px;max-height:300px;width:100%}.nose-drop{width:92px;height:92px}.goal-banner{font-size:1rem;padding:.55rem 1rem;top:14%}}.result-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem}.result-screen.success{background:linear-gradient(160deg,#f8c8d4,#f3dce8 45%,#c5e4f3)}.result-screen.defeat{background:linear-gradient(160deg,#b9d4e4,#8fb4c8 55%,#6d8ea0)}.background-decorations{position:absolute;inset:0;pointer-events:none;z-index:1}.heart,.paw{position:absolute;font-size:1.8rem;animation:float 4s ease-in-out infinite}.heart-1{top:10%;left:10%;animation-delay:0s}.heart-2{top:20%;right:15%;animation-delay:1s}.heart-3{top:60%;left:5%;animation-delay:2s}.heart-4{top:70%;right:10%;animation-delay:3s}.paw-1{top:30%;left:20%;animation-delay:.5s}.paw-2{top:40%;right:30%;animation-delay:1.5s}.paw-3{top:80%;left:30%;animation-delay:2.5s}.paw-4{top:15%;right:40%;animation-delay:3.5s}.rain-drop{position:absolute;width:2px;height:20px;background:linear-gradient(to bottom,rgba(255,255,255,.8),transparent);animation:rain 1s linear infinite}.rain-1{left:10%;animation-delay:0s}.rain-2{left:20%;animation-delay:.1s}.rain-3{left:30%;animation-delay:.2s}.rain-4{left:40%;animation-delay:.3s}.rain-5{left:50%;animation-delay:.4s}.rain-6{left:60%;animation-delay:.5s}.rain-7{left:70%;animation-delay:.6s}.rain-8{left:80%;animation-delay:.7s}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-20px) rotate(10deg);opacity:1}}@keyframes rain{0%{transform:translateY(-100vh);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}.result-content{text-align:center;z-index:10;max-width:800px;background:#fff7f4c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px;padding:2.4rem;box-shadow:var(--shadow);animation:slideIn .7s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.result-image-container{margin-bottom:1.4rem}.result-image{max-width:360px;max-height:360px;width:auto;height:auto;border-radius:20px;box-shadow:var(--shadow)}.result-text{margin-bottom:1.4rem}.success-title{font-size:2.6rem;color:var(--pink-deep);margin-bottom:.8rem;animation:bounce 1s ease-out}.defeat-title{font-size:2.4rem;color:#4f6d7a;margin-bottom:.8rem}.success-message,.defeat-message{font-size:1.2rem;color:var(--text);margin-bottom:.7rem;line-height:1.55}.success-subtitle{font-size:1.35rem;color:var(--pink-deep);font-weight:650}.defeat-subtitle{font-size:1.3rem;color:#4f6d7a;font-weight:650}.result-actions{margin-top:1.4rem}.play-again-button{background:linear-gradient(180deg,#f7a3b3,#f48ca0);color:#fff;border:none;padding:.95rem 2.2rem;font-size:1.25rem;font-weight:650;border-radius:50px;cursor:pointer;box-shadow:var(--shadow);transition:transform .2s ease,filter .2s ease}.play-again-button:hover{transform:translateY(-3px);filter:brightness(1.04)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 768px){.result-content{padding:1.5rem;margin:.6rem}.success-title,.defeat-title{font-size:1.9rem}.result-image{max-width:260px;max-height:260px}.success-message,.defeat-message{font-size:1.05rem}}.sound-toggle{position:fixed;top:14px;right:14px;z-index:80;width:46px;height:46px;border:none;border-radius:50%;background:#fff7f4e0;box-shadow:var(--shadow);cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.sound-toggle:hover{transform:scale(1.06)}.sound-toggle:active{transform:scale(.96)}.app{width:100%;height:100vh;margin:0;padding:0}*{margin:0;padding:0;box-sizing:border-box}