*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#1a0a10}canvas{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes gentlePop{0%{transform:scale(.92);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%,to{opacity:.85}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes borderGlow{0%,to{box-shadow:inset 0 0 20px #ffb6c11a,inset 0 0 40px #ffb6c10d}50%{box-shadow:inset 0 0 30px #ffb6c126,inset 0 0 60px #ffb6c114}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.interact-prompt{display:flex;align-items:center;gap:8px;background:linear-gradient(145deg,#fff0f58c,#ffe4eb80);border:2.5px solid rgba(255,182,193,.35);border-radius:18px;padding:6px 16px 6px 10px;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;animation:gentlePop .25s ease-out;box-shadow:0 3px 14px #ff69b426}.interact-prompt .keycap{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fff;border:2px solid #f48fb1;border-bottom-width:4px;border-radius:7px;font-family:monospace;font-size:14px;font-weight:700;color:#d63384}.interact-prompt .action-text{font-family:monospace;font-size:15px;color:#8b1a4a;font-weight:700;letter-spacing:.5px}