@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@300;400;500&display=swap";
:root{--mystic-950:#05040f;--mystic-900:#0a0818;--mystic-800:#110f2a;--mystic-700:#1a1640;--gold-300:#fde68a;--gold-400:#fbbf24;--gold-500:#f59e0b;--gold-600:#d97706}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--mystic-900);color:#e2e0f0;background-image:radial-gradient(at 20%,#581cc814 0%,#0000 50%),radial-gradient(at 80% 20%,#8b5cf60f 0%,#0000 40%);min-height:100vh;font-family:Inter,sans-serif;font-weight:300}h1,h2,h3{font-family:Cinzel,serif}.glass-card{-webkit-backdrop-filter:blur(16px);background:#110f2ab3;border:1px solid #f59e0b1f;border-radius:1.5rem}.glass-card:hover{border-color:#f59e0b40;transition:border-color .3s}.text-gold{color:var(--gold-400)}.text-gold-dim{color:#fbbf2499}.glow-gold{text-shadow:0 0 20px #f59e0b66}.btn-primary{background:linear-gradient(135deg, var(--gold-600), var(--gold-400));color:var(--mystic-950);cursor:pointer;border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;box-shadow:0 0 20px #f59e0b33}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 30px #f59e0b59}.btn-ghost{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.75rem;padding:.75rem 1.25rem;font-family:Inter,sans-serif;font-size:.9rem;transition:all .2s}.btn-ghost:hover{color:#fff;background:#ffffff0d}.btn-ghost.active{background:linear-gradient(135deg, var(--gold-600), var(--gold-400));color:var(--mystic-950);font-weight:600;box-shadow:0 0 15px #f59e0b40}.divider{background:linear-gradient(90deg,#0000,#f59e0b33,#0000);height:1px;margin:2rem 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s forwards fadeInUp}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.animate-pulse{animation:2.5s ease-in-out infinite pulse}.search-input{color:#e2e0f0;background:#110f2acc;border:1px solid #645aa04d;border-radius:1rem;outline:none;width:100%;padding:.875rem 1rem .875rem 3rem;font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:#b4aadc66}.search-input:focus{border-color:#f59e0b66;box-shadow:0 0 0 3px #f59e0b14}.star-decoration:before{content:"✦";color:var(--gold-500);opacity:.4;margin-right:.5rem}.star-decoration:after{content:"✦";color:var(--gold-500);opacity:.4;margin-left:.5rem}@keyframes ki-breathe{0%{opacity:0}20%{opacity:.9}50%{opacity:.9}70%{opacity:0}to{opacity:0}}.ki-breath-overlay{mix-blend-mode:screen;animation:9s ease-in-out infinite ki-breathe}.animal-card{aspect-ratio:4/3;cursor:pointer;background:#110f2acc;border:1px solid #f59e0b1f;border-radius:1rem;transition:border-color .3s,transform .3s,box-shadow .3s;position:relative;overflow:hidden}.animal-card:hover{border-color:#f59e0b73;transform:translateY(-4px);box-shadow:0 16px 48px #f59e0b24}.animal-card-gradient{background:radial-gradient(at 50% 30%,#8b5cf640,#05040ff2);position:absolute;inset:0}.animal-card-overlay{background:linear-gradient(#0000 0%,#05040f4d 50%,#05040feb 100%);position:absolute;inset:0}.animal-card-emoji{filter:drop-shadow(0 0 8px #f59e0b66);font-size:1.5rem;position:absolute;top:.75rem;right:.75rem}.animal-card-text{padding:1rem;position:absolute;bottom:0;left:0;right:0}.animal-card-name{color:#fde68a;margin-bottom:.2rem;font-family:Cinzel,serif;font-size:1rem;font-weight:600}.animal-card-title{color:#f59e0b99;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-style:italic;overflow:hidden}.tageskarte-hero{cursor:pointer;color:inherit;border:1px solid #f59e0b40;border-radius:1.25rem;text-decoration:none;transition:border-color .3s,box-shadow .3s;display:grid;overflow:hidden;box-shadow:0 0 60px #f59e0b14}.tageskarte-hero:hover{border-color:#f59e0b80;box-shadow:0 0 80px #f59e0b2e}