:root{--pink:#FF007A;--deep-pink:#b4005c;--pink-soft:#ff4da6;--lime:#C3F53C;--robinhood:#C3F53C;--uniswap:#FF007A;--night:#120b35;--ink:#151113;--cream:#fff4d3;--paper:#f0e9dc;--muted:#aca59b;--line:rgba(255,244,211,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--cream);background:var(--night);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{height:auto;max-width:100%}
.lore-shell{width:100%;max-width:1440px;margin:0 auto}

.lore-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(24px,4vw,56px);align-items:center;min-height:calc(100vh - 80px);padding:clamp(32px,5vw,78px) clamp(24px,5vw,90px);background:radial-gradient(circle at 80% 30%,rgba(255,0,122,.12),transparent 40%),linear-gradient(135deg,var(--night) 0%,#1a0f3a 100%)}
.section-label{margin:0 0 14px;color:var(--pink-soft);font:800 .85rem "Courier New",monospace;letter-spacing:.1em;text-transform:uppercase}
.lore-hero h1{margin:0;font:clamp(3.8rem,8vw,7.5rem)/.82 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;letter-spacing:-.025em;text-transform:uppercase}
.lore-lead{max-width:520px;margin:22px 0 0;color:rgba(255,244,211,.76);font:clamp(1.05rem,1.3vw,1.25rem)/1.6 Arial,Helvetica,sans-serif}
.lore-hero-art{display:grid;place-items:center;margin:0}
.lore-hero-art img{width:min(100%,520px);height:auto;filter:drop-shadow(18px 24px 0 rgba(255,0,122,.25));animation:float 5s ease-in-out infinite}

.lore-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center;padding:clamp(48px,7vw,110px) clamp(24px,5vw,90px);border-top:2px solid var(--cream);background:var(--night)}
.lore-story figure{margin:0}
.lore-story figure img{width:100%;height:auto;border:8px solid var(--cream);box-shadow:12px 14px 0 var(--pink)}
.lore-story figcaption{margin-top:12px;color:var(--muted);font:800 .85rem "Courier New",monospace;letter-spacing:.06em;text-transform:uppercase}
.story-panel{min-width:0}
.story-panel h2{margin:14px 0 0;font:clamp(2.8rem,6vw,5rem)/.86 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase}
.story-panel p{margin:20px 0 0;color:rgba(255,244,211,.75);font:clamp(1.05rem,1.3vw,1.2rem)/1.65 Georgia,serif}
.lore-story-alt{background:#080611}
.lore-story-alt figure img{box-shadow:12px 14px 0 var(--lime)}

.legend-books{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);gap:clamp(30px,5vw,74px);align-items:center;padding:clamp(48px,7vw,110px) clamp(24px,5vw,90px);border-top:2px solid var(--cream);background:radial-gradient(circle at 86% 26%,rgba(195,245,60,.12),transparent 34%),#080611}
.legend-books-copy h2,.mission-records h2{margin:14px 0 0;font:clamp(2.8rem,6vw,5rem)/.86 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase}
.legend-books-copy>p:not(.section-label),.mission-records header>p:last-child{margin:20px 0 0;color:rgba(255,244,211,.75);font:clamp(1.05rem,1.3vw,1.2rem)/1.65 Georgia,serif}
.found-page{position:relative;margin:0;padding:clamp(30px,4vw,50px);color:var(--ink);background:var(--paper);border:2px solid var(--cream);box-shadow:14px 16px 0 var(--pink);transform:rotate(1.2deg)}
.found-page:before{content:"";position:absolute;inset:10px;border:1px solid rgba(21,17,19,.25);pointer-events:none}
.found-page-label{position:relative;margin:0 0 22px;color:var(--deep-pink);font:800 .78rem "Courier New",monospace;letter-spacing:.1em;text-transform:uppercase}
.found-page ol{position:relative;margin:0;padding-left:1.4rem;font:700 clamp(1rem,1.25vw,1.15rem)/1.7 Georgia,serif}
.found-page-note{position:relative;margin:26px 0 0;padding-top:18px;border-top:1px solid rgba(21,17,19,.28);font:italic 700 1rem/1.5 Georgia,serif}

.mission-records{padding:clamp(48px,7vw,110px) clamp(24px,5vw,90px);border-top:2px solid var(--cream);background:var(--night)}
.mission-records header{max-width:820px;margin-bottom:38px}
.mission-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mission-card{min-height:220px;padding:24px;border:3px solid currentColor;background:rgba(255,244,211,.04);box-shadow:7px 8px 0 currentColor}
.mission-card span{display:block;margin-bottom:38px;font:800 .75rem "Courier New",monospace;letter-spacing:.08em;text-transform:uppercase}
.mission-card strong{display:block;color:var(--cream);font:900 clamp(1.45rem,2.2vw,2.1rem)/.95 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase}
.mission-card p{margin:16px 0 0;color:rgba(255,244,211,.72);font:1rem/1.5 Georgia,serif}
.mission-green{color:#74d64b}.mission-blue{color:#5eb7ff}.mission-purple{color:#b385ff}.mission-gold{color:#e6bd55}
.mission-note{max-width:880px;margin:34px 0 0;padding-left:18px;border-left:5px solid var(--pink);color:rgba(255,244,211,.72);font:1rem/1.55 Georgia,serif}
.mission-note strong{color:var(--cream)}

.lore-vibe{padding:clamp(48px,7vw,110px) clamp(24px,5vw,90px);border-top:2px solid var(--cream);background:#080611}
.lore-vibe header{max-width:760px;margin-bottom:42px}
.lore-vibe h2{font:clamp(2.8rem,6vw,5rem)/.86 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase;margin:14px 0 0}
.vibe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.vibe-grid article{padding:26px;border:2px solid rgba(255,244,211,.16);background:rgba(255,244,211,.05);transition:transform .2s ease,border-color .2s ease}
.vibe-grid article:hover{transform:translateY(-6px);border-color:var(--lime)}
.vibe-grid span{display:inline-block;margin-bottom:14px;border:1px solid var(--lime);padding:5px 10px;color:var(--lime);font:800 .8rem "Courier New",monospace;letter-spacing:.06em;text-transform:uppercase}
.vibe-grid strong{display:block;margin-bottom:10px;color:var(--pink-soft);font:900 1.5rem Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase}
.vibe-grid p{margin:0;color:rgba(255,244,211,.72);font:1.05rem/1.55 Georgia,serif}

.lore-moments{padding:clamp(48px,7vw,110px) clamp(24px,5vw,90px);border-top:2px solid var(--cream);background:var(--night)}
.lore-moments header{max-width:760px;margin-bottom:42px}
.lore-moments h2{font:clamp(2.8rem,6vw,5rem)/.86 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase;margin:14px 0 0}
.lore-moments header > p:last-child{margin-top:18px;color:rgba(255,244,211,.7);font:clamp(1.05rem,1.3vw,1.2rem)/1.6 Georgia,serif}
.moments-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.moments-grid figure{margin:0;padding:12px;border:2px solid rgba(255,244,211,.16);background:rgba(255,244,211,.05);transition:transform .2s ease,border-color .2s ease}
.moments-grid figure:hover{transform:translateY(-6px);border-color:var(--pink)}
.moments-grid img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;object-position:center;border:4px solid var(--cream);background:#05040b}
.moments-grid figcaption{margin-top:14px}
.moments-grid figcaption strong{display:block;font:900 1.25rem Impact,sans-serif;text-transform:uppercase}
.moments-grid figcaption span{display:block;margin-top:6px;color:rgba(255,244,211,.65);font:.95rem/1.45 Georgia,serif}

.lore-artist{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(28px,4vw,64px);align-items:center;padding:clamp(48px,7vw,110px) clamp(24px,5vw,90px);border-top:2px solid var(--cream);background:var(--pink);color:var(--cream)}
.artist-copy{min-width:0}
.lore-artist .section-label{color:var(--night)}
.artist-copy h2{margin:14px 0 0;font:clamp(2.8rem,6vw,5rem)/.86 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase}
.artist-copy p{margin:20px 0 0;color:rgba(21,17,19,.82);font:clamp(1.05rem,1.3vw,1.2rem)/1.65 Georgia,serif}
.artist-copy .button{margin-top:28px}
.lore-artist figure{margin:0}
.lore-artist figure img{width:min(100%,420px);height:auto;border:8px solid var(--cream);box-shadow:12px 14px 0 var(--night)}

.lore-cta{padding:clamp(48px,7vw,110px) clamp(24px,5vw,90px);border-top:2px solid var(--cream);text-align:center;background:var(--night)}
.lore-cta header{max-width:760px;margin:0 auto}
.lore-cta h2{margin:14px 0 0;font:clamp(2.8rem,6vw,5rem)/.86 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase}
.lore-cta p{margin:18px 0 0;color:rgba(255,244,211,.72);font:clamp(1.05rem,1.3vw,1.2rem)/1.6 Georgia,serif}
.lore-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 22px;border:2px solid var(--cream);font:800 .85rem Arial,Helvetica,sans-serif;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}
.button:hover{transform:translate(-2px,-2px)}
.button-lime{color:var(--ink);background:var(--lime);border-color:var(--lime);box-shadow:6px 7px 0 rgba(0,0,0,.3)}
.button-lime:hover{background:#d4ff5c}
.button-plain{color:var(--cream);background:transparent}
.button-plain:hover{background:rgba(255,244,211,.1)}

.lore-footer{display:grid;gap:14px;padding:clamp(38px,5vw,70px) clamp(24px,5vw,90px);border-top:2px solid var(--cream);background:var(--ink)}
.lore-footer nav{display:flex;flex-wrap:wrap;gap:14px 24px}
.lore-footer nav a{font:800 .78rem "Courier New",monospace;letter-spacing:.06em;text-transform:uppercase}
.lore-footer nav a:hover{color:var(--lime)}

@keyframes float{50%{transform:translateY(-12px)}}

@media(max-width:1050px){.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.lore-hero,.lore-story,.lore-artist,.legend-books{grid-template-columns:1fr}.lore-hero-art{order:-1}.lore-hero-art img{max-width:320px}.lore-story figure{order:-1}.lore-artist figure{order:-1}.lore-story-alt figure{order:1}.found-page{max-width:620px}}
@media(max-width:600px){.lore-hero,.lore-story,.legend-books,.mission-records,.lore-vibe,.lore-moments,.lore-artist,.lore-cta{padding:38px 22px}.lore-hero h1{font-size:clamp(3rem,14vw,4.6rem)}.lore-lead{font-size:1.05rem}.story-panel h2,.legend-books-copy h2,.mission-records h2,.lore-vibe h2,.lore-moments h2,.lore-artist h2,.lore-cta h2{font-size:clamp(2.6rem,12vw,3.8rem)}.mission-grid{grid-template-columns:1fr}.mission-card{min-height:0}.mission-card span{margin-bottom:24px}.lore-actions{flex-direction:column;align-items:stretch}.button{width:100%}.vibe-grid,.moments-grid{grid-template-columns:1fr}.moments-grid figcaption span{font-size:.9rem}}