:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa;overflow-x:hidden}.shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative}.scene{position:relative;width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.dino-container{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .1s}.dino-container:active{transform:scale(.95)}.dino-svg{width:260px;height:260px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5));transition:filter .5s}.dino-svg.healed{filter:drop-shadow(0 8px 32px rgba(74,222,128,.3))}.bandaid,.scar{transition:opacity .6s}.health-section{width:100%;max-width:320px;display:flex;flex-direction:column;gap:.5rem}.health-label{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#ffffff80;text-align:center}.health-bar-track{width:100%;height:14px;background:#ffffff14;border-radius:7px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.health-bar-fill{height:100%;border-radius:7px;transition:width .4s cubic-bezier(.34,1.56,.64,1),background .6s;position:relative}.health-bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.25) 0%,transparent 60%);border-radius:7px}.status-text{font-size:1.1rem;font-weight:500;text-align:center;min-height:1.6rem;transition:opacity .3s}.sparkle{position:absolute;pointer-events:none;animation:sparkle-rise 1s ease-out forwards;font-size:1.2rem}@keyframes sparkle-rise{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-80px) scale(.3)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.8);opacity:0}}.pulse-ring{position:absolute;top:50%;left:50%;width:200px;height:200px;margin:-100px 0 0 -100px;border-radius:50%;border:3px solid rgba(74,222,128,.5);animation:pulse-ring .8s ease-out forwards;pointer-events:none}.complete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;animation:fade-in .5s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.complete-card{text-align:center;padding:2.5rem 3rem;border-radius:1rem;background:#ffffff0d;border:1px solid rgba(74,222,128,.3);animation:pop-in .5s cubic-bezier(.34,1.56,.64,1)}@keyframes pop-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.complete-card h2{margin:0 0 .5rem;font-size:1.6rem;color:#4ade80}.complete-card p{color:#ffffffb3;margin:0 0 1.5rem}.reset-btn{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3);padding:.6rem 1.5rem;border-radius:.5rem;font-size:.9rem;cursor:pointer;transition:background .2s}.reset-btn:hover{background:#4ade8040}.ambient-particle{position:fixed;width:4px;height:4px;background:#4ade804d;border-radius:50%;pointer-events:none;animation:float-up linear infinite}@keyframes float-up{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(30px);opacity:0}}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.dino-container.healed .dino-svg{animation:gentle-bounce 2s ease-in-out infinite}