:root{--rosa: #f8bbd0;--rosa-fuerte: #ec6fa0;--rosa-oscuro: #c2477f;--lila: #d1b3f0;--lila-claro: #ece0fa;--verde: #b7e0c0;--verde-oscuro: #7fc29a;--crema: #fff5f8;--texto: #5a3a52;--k: 3}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{font-family:Quicksand,system-ui,sans-serif;font-weight:700;color:var(--texto);background:linear-gradient(180deg,var(--lila-claro),var(--rosa) 70%,#fde8ef);overflow-x:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none}.hidden{display:none!important}.stage{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:56px 4px 24px}.scene{box-sizing:content-box;position:relative;overflow:hidden;border-radius:14px;border:4px solid #fff;box-shadow:0 10px 30px #c2477f40;background:linear-gradient(180deg,#c9b0f2,#f7c6dc 62%,#fde8ef 85%);image-rendering:pixelated;background-size:cover;background-position:center}.sun{position:absolute;right:12%;top:10%;width:calc(var(--k) * 12px);height:calc(var(--k) * 12px);background:#fff3b0;border-radius:50%;box-shadow:0 0 0 calc(var(--k) * 2px) #fff3b066}.cloud{position:absolute;width:calc(var(--k) * 4px);height:calc(var(--k) * 4px);background:#fff;box-shadow:calc(var(--k) * 4px) 0 #fff,calc(var(--k) * 8px) 0 #fff,calc(var(--k) * 12px) 0 #fff,calc(var(--k) * 4px) calc(var(--k) * -4px) #fff,calc(var(--k) * 8px) calc(var(--k) * -4px) #fff;opacity:.9}.c1{left:8%;top:16%}.c2{left:48%;top:8%;transform:scale(.7)}.ground{position:absolute;left:0;right:0;bottom:0;height:18%;background:radial-gradient(circle,#f48fb1 18%,transparent 20%) 0 0 / 37px 29px,radial-gradient(circle,#fff 18%,transparent 20%) 18px 14px / 41px 31px,linear-gradient(180deg,var(--verde) 0,var(--verde-oscuro) 100%)}.world,.overlay{position:absolute;top:0;right:0;bottom:0;left:0}.overlay{pointer-events:none;z-index:30}.bubble{position:absolute;max-width:86%;padding:8px 12px;border-radius:14px;background:#fff;color:var(--texto);font-size:clamp(14px,calc(var(--k) * 4.6px),22px);line-height:1.25;text-align:center;box-shadow:0 4px 12px #5a3a5233;transform-origin:var(--tail, 50%) 100%}.bubble:after{content:"";position:absolute;left:var(--tail, 50%);bottom:-8px;margin-left:-8px;border:8px solid transparent;border-top-color:#fff;border-bottom:0}.bubble--isamar{background:#fff0f7}.bubble--isamar:after{border-top-color:#fff0f7}.emote{position:absolute;transform:translate(-50%);font-size:calc(var(--k) * 6px);z-index:25}.btn{font:inherit;font-weight:700;cursor:pointer;border:0;border-radius:999px;min-height:56px;min-width:56px;padding:14px 26px;font-size:1.15rem;color:#fff;box-shadow:0 6px #0000001f,0 8px 16px #c2477f40;transition:transform .15s,font-size .35s,padding .35s}.btn:active{transform:translateY(3px);box-shadow:0 3px #0000001f}.btn-yes{--grow: 1;background:linear-gradient(180deg,#f27fae,var(--rosa-oscuro));font-size:calc(1.15rem * var(--grow));padding:calc(14px * var(--grow)) calc(26px * var(--grow))}.btn-no{--s: 1;--dx: 0px;--dy: 0px;background:linear-gradient(180deg,#b9a0d8,#8d6fb8);transform:translate(var(--dx),var(--dy)) scale(var(--s));transition:transform .35s cubic-bezier(.3,1.5,.5,1)}.btn-no:active{transform:translate(var(--dx),var(--dy)) scale(calc(var(--s) * .92))}.choices{display:flex;flex-direction:column;align-items:center;gap:22px;width:min(92vw,420px);min-height:150px;justify-content:center}.choices.busy{pointer-events:none}.mute{position:fixed;top:calc(10px + env(safe-area-inset-top));right:12px;z-index:60;width:48px;height:48px;border-radius:50%;border:0;font-size:1.4rem;background:#ffffffd9;box-shadow:0 4px 10px #5a3a5233;cursor:pointer}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 30%,var(--crema),var(--rosa) 80%)}.screen--final{background:#fff5f88c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:55}.intro-card,.final-card{max-width:440px;width:100%;text-align:center;padding:28px 22px;background:#ffffffd9;border-radius:28px;box-shadow:0 14px 40px #c2477f40;border:3px dashed var(--lila)}.intro-flowers{font-size:2.2rem;margin-bottom:6px}h1{font-family:Pacifico,cursive;font-weight:400;margin:6px 0 4px;font-size:clamp(1.9rem,8vw,2.8rem);line-height:1.2;color:var(--rosa-oscuro)}#introSub{margin:0 0 22px;font-size:1.1rem;color:var(--texto)}.final-msg{font-family:Pacifico,cursive;font-weight:400;font-size:clamp(1.4rem,6vw,2rem);line-height:1.4;color:var(--rosa-oscuro);margin:8px 0;white-space:pre-line}.final-sign{font-size:1.2rem;margin:0 0 20px}.fx{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:70;overflow:hidden}.petal{position:absolute;top:0;will-change:transform}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-content:center;justify-items:center;gap:16px;background:var(--crema)}.loader-flower{font-size:3rem;animation:spin 2.4s linear infinite}.loader-track{width:200px;height:10px;border-radius:99px;background:var(--lila-claro);overflow:hidden}.loader-bar{height:100%;width:0;background:var(--rosa-fuerte);transition:width .2s}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.loader-flower{animation:none}.btn,.btn-no{transition:none}}