*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;color:white;font-family:Georgia,"Times New Roman",serif}.hidden{display:none!important}#intro{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#000;overflow:hidden}.intro-star-wrap{display:grid;place-items:center}#startBtn{width:95px;height:95px;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:3.5rem;color:white;background:radial-gradient(circle,#fff,#ffe6ae 35%,rgba(70,160,255,.18) 70%,transparent);text-shadow:0 0 18px white;box-shadow:0 0 25px white,0 0 60px #ffd080,0 0 110px #5ab8ff;animation:starPulse 2.4s ease-in-out infinite}.intro-text{position:absolute;width:min(900px,88%);text-align:center;color:#fff2d6;font-size:clamp(1.25rem,3vw,2.2rem);line-height:1.7;text-shadow:0 0 18px white,0 0 38px #ffb347,0 0 60px #5eb8ff;animation:fadeIn 1.8s ease}@keyframes starPulse{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.18);opacity:1}}#app{position:fixed;inset:0}#universo{width:100vw;height:100vh;display:block;cursor:grab}#hud{position:fixed;top:22px;left:24px;z-index:5;pointer-events:none;text-shadow:0 0 14px #5eb8ff}#hud h1{color:#ffe7bd;font-size:1.4rem}#hud p{margin-top:6px;color:rgba(255,255,255,.72);font-size:.88rem}#mensaje{position:fixed;left:50%;bottom:9%;transform:translateX(-50%);width:min(900px,88%);text-align:center;font-size:clamp(1.05rem,3vw,1.85rem);line-height:1.6;color:#fff2d6;text-shadow:0 0 15px white,0 0 34px #ffb347,0 0 55px #62b8ff;z-index:6;pointer-events:none}#musicBox{position:fixed;top:22px;right:24px;z-index:7;display:flex;gap:10px;align-items:center;padding:9px 14px;border-radius:30px;background:rgba(0,0,0,.35);border:1px solid rgba(255,225,170,.35)}#musicBtn{background:none;border:none;color:white;font-size:1.3rem;cursor:pointer}#volume{width:90px}#modal{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.86);display:grid;place-items:center;padding:20px}.modal-card{width:min(720px,94%);max-height:88vh;overflow-y:auto;text-align:center;padding:26px;border-radius:25px;background:rgba(7,12,36,.97);border:1px solid rgba(255,220,160,.8);box-shadow:0 0 35px rgba(255,190,100,.35),0 0 55px rgba(90,160,255,.22)}.modal-card h2{font-family:"Brush Script MT","Segoe Script","Lucida Handwriting",cursive;font-size:clamp(2rem,5vw,3.2rem);color:#ffe4b5;margin-bottom:15px;text-shadow:0 0 18px #ffcf8a}.modal-card img{display:block;width:auto;max-width:100%;max-height:430px;margin:16px auto 22px;object-fit:contain;object-position:center center;border-radius:18px;box-shadow:0 0 28px rgba(255,220,160,.4)}.modal-card p{color:#fff7ec;line-height:1.8;white-space:pre-line}#closeModal{float:right;background:none;border:none;color:white;font-size:2rem;cursor:pointer}@keyframes fadeIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}