:root{--tinta: #f3e0d6;--fondo: #2a1712;--fresa: #e4718c;--cacao: #6b3a2a;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100dvh;overflow:hidden;overscroll-behavior:none;background:var(--fondo);color:var(--tinta);font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;-webkit-font-smoothing:antialiased}#app{position:relative;height:100%}.escena{position:absolute;inset:0;touch-action:none}.escena canvas{display:block;width:100%;height:100%}.pista-lectura{position:absolute;left:50%;bottom:max(1.5rem,env(safe-area-inset-bottom));transform:translate(-50%);margin:0;z-index:1;padding:.45rem 1.1rem;border-radius:999px;background:#160d09b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);white-space:nowrap;font-size:.85rem;letter-spacing:.08em;opacity:.85;pointer-events:none;animation:latir 2.6s ease-in-out infinite}.pista-lectura[hidden]{display:none}@keyframes latir{50%{opacity:.25}}.escena:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 45%,rgba(18,9,6,.55) 100%),radial-gradient(circle at 78% 16%,rgba(228,113,140,.18),transparent 48%)}.panel{position:absolute;inset:0;display:grid;place-content:center;gap:clamp(1.25rem,4vh,1.75rem);padding:max(2rem,env(safe-area-inset-top)) 1.35rem max(2rem,env(safe-area-inset-bottom));text-align:center;max-width:34rem;margin:0 auto;animation:aparecer 1.2s ease both}.panel[hidden]{display:none}.panel p{margin:0;font-size:clamp(1.05rem,2.6vw,1.3rem);line-height:1.75;text-wrap:balance}.pregunta{font-style:italic;letter-spacing:.02em;opacity:.92}form{display:grid;gap:1rem;justify-items:center}input{width:min(22rem,80vw);padding:.85rem 1rem;border:0;border-bottom:1px solid rgba(228,113,140,.45);background:transparent;color:inherit;font:inherit;font-size:1.15rem;text-align:center;outline:none;transition:border-color .3s}input:focus{border-bottom-color:var(--fresa)}button{min-height:2.75rem;padding:.7rem 2rem;border:1px solid rgba(228,113,140,.55);border-radius:999px;background:transparent;color:inherit;font:inherit;letter-spacing:.06em;cursor:pointer;transition:background .3s,border-color .3s}button:hover:not(:disabled),button:focus-visible{background:#e4718c29;border-color:var(--fresa)}button:disabled{opacity:.5;cursor:progress}.error{min-height:1.5em;margin:0;font-size:.95rem;color:var(--fresa)}.pista{font-size:.85rem;opacity:.55}.carta-plana{position:absolute;inset:0;overflow-y:auto;padding:4rem 1.5rem 6rem}.carta-plana article{max-width:38rem;margin:0 auto;white-space:pre-wrap;font-size:1.15rem;line-height:1.95;color:#3f2118;background:#f2ddd2;padding:clamp(2rem,6vw,4rem);border-radius:2px;box-shadow:0 30px 80px #0009}@keyframes aparecer{0%{opacity:0;transform:translateY(.6rem)}}@media(prefers-reduced-motion:reduce){.panel{animation:none}}