*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;font-size:1rem;line-height:1.7;font-weight:400;color:#FFF5E6;background:#2A2A2A;overflow-x:hidden;position:relative}

h1,h2{font-family:'Source Serif 4',serif;font-weight:700;color:#FFF5E6}
h1{font-size:clamp(2rem,4.5vw,4rem)}
h2{font-size:clamp(1.2rem,2.5vw,1.8rem);margin-bottom:.75rem}

/* Grain */
.grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}

/* Fish decorations */
.fish{position:fixed;pointer-events:none;z-index:0}
.fish-1{width:60px;top:30vh;left:-10px;animation:fishSwim1 18s ease-in-out infinite}
.fish-2{width:50px;top:65vh;right:-10px;animation:fishSwim2 22s ease-in-out infinite}
@keyframes fishSwim1{0%{transform:translateX(-60px)}50%{transform:translateX(100vw)}100%{transform:translateX(-60px)}}
@keyframes fishSwim2{0%{transform:translateX(60px) scaleX(-1)}50%{transform:translateX(-100vw) scaleX(-1)}100%{transform:translateX(60px) scaleX(-1)}}

/* Hero */
.hero{position:relative;z-index:1;text-align:center;padding:8rem 2rem 4rem}
.subtitle{font-size:1rem;opacity:.6;margin-top:.5rem}

/* Quest Grid */
.quest-grid{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}
.quest-card{background:#1A1A1A;padding:1.5rem;border-radius:4px;border-left:3px solid transparent;transition:transform .3s ease,border-color .3s ease}
.quest-card:nth-child(odd){border-left-color:#FF6B6B}
.quest-card:nth-child(even){border-left-color:#4ECDC4}
.quest-card:hover{transform:translateY(-4px)}
.stage{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#FFD93D;margin-bottom:.5rem;font-weight:500}
.quest-card p{font-size:.9rem;opacity:.8;margin-bottom:.75rem}
.tag{display:inline-block;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .5rem;border-radius:2px}
.tag.coral{color:#FF6B6B;border:1px solid rgba(255,107,107,.3)}
.tag.teal{color:#4ECDC4;border:1px solid rgba(78,205,196,.3)}
.tag.gold{color:#FFD93D;border:1px solid rgba(255,217,61,.3)}

/* Footer */
.site-footer{position:relative;z-index:1;text-align:center;padding:4rem 2rem;font-size:.8125rem;opacity:.5}

/* Card reveal */
.card{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}
.card.visible{opacity:1;transform:translateY(0)}

@media(max-width:600px){
  .quest-grid{grid-template-columns:1fr}
}