@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#19191d;--paper:#f4f2eb;--lime:#c5fb45;--violet:#aa91f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #6841c7;outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;padding:25px 5%;border-bottom:1px solid #ccc9c0}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:36px;letter-spacing:-4px}.brand>span{font-size:14px;letter-spacing:1px;border-left:1px solid;padding-left:13px}.brand small{display:block;font-size:8px;letter-spacing:1.5px;margin-top:4px}nav{display:flex;align-items:center;gap:34px;font-size:11px;font-weight:700;letter-spacing:1px}.nav-cta{border:1px solid;padding:13px 18px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:700px}.hero-copy{padding:54px 9% 22px 10%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:9px}.eyebrow i{width:7px;height:7px;background:#6a8b22;border-radius:50%}h1,h2,h3,.thumb strong{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif}h1{font-size:clamp(70px,7.7vw,125px);font-weight:800;line-height:.88;letter-spacing:-2px;margin:35px 0 25px}h1 span{color:#7560ac}p{font-size:14px;line-height:1.8;color:#5a5961}.button{border:1px solid var(--ink);display:inline-flex;align-items:center;justify-content:space-between;gap:50px;background:var(--lime);padding:18px 22px;font-size:11px;font-weight:700;letter-spacing:1px;box-shadow:4px 4px 0 var(--ink);transition:transform .2s}.button:hover{transform:translate(-2px,-2px)}.button b{font-size:20px}.hero .button{margin-top:18px}.hero-foot{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;margin-top:45px}.hero-art{position:relative;overflow:hidden;background:var(--lime);border-left:1px solid var(--ink);min-height:700px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#242a1220 1px,transparent 1px),linear-gradient(90deg,#242a1220 1px,transparent 1px);background-size:50px 50px}.orbit{width:500px;height:500px;border:1px solid #373f2460;border-radius:50%;position:absolute;top:100px;left:5%}.orbit:after{content:'';position:absolute;inset:25px;border:1px dashed #373f2460;border-radius:50%}.character{position:absolute;bottom:-15px;width:100%;height:100%;object-fit:contain;filter:drop-shadow(12px 10px 0 #23221c20)}.vertical{position:absolute;right:20px;top:100px;writing-mode:vertical-rl;font-size:12px;letter-spacing:5px}.art-label{position:absolute;left:24px;top:27px;font-size:14px;font-weight:700;z-index:2}.art-label span{display:block;font-size:8px;letter-spacing:2px;margin-top:7px}.power-tag{position:absolute;bottom:35px;right:30px;background:var(--paper);border:2px solid;padding:16px;font-size:11px;transform:rotate(-7deg);box-shadow:5px 5px 0 var(--ink)}.power-tag strong{font-size:20px}.power-tag span{display:block;letter-spacing:4px;margin-top:5px;color:#7454bc}.spark{position:absolute;top:55px;right:60px;font-size:85px}.ticker{padding:19px 25px;background:var(--ink);color:var(--lime);display:flex;justify-content:space-around;gap:25px;overflow:hidden;white-space:nowrap;font-size:12px;letter-spacing:2px;font-weight:700}.section{padding:85px 6%}.section-top{display:flex;justify-content:space-between;align-items:end}.section-top p{padding-bottom:10px}h2{font-size:clamp(45px,5vw,74px);line-height:.95;letter-spacing:-.6px;margin:20px 0 30px}h2 span{color:#8060ba}.filters{display:flex;gap:10px;margin:20px 0 28px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid #c5c1b9;padding:11px 17px;font-size:10px;letter-spacing:1px;font-weight:700}.filters button.active{background:var(--ink);border-color:var(--ink);color:var(--lime)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.cards article[hidden]{display:none}.thumb{height:265px;position:relative;padding:25px;overflow:hidden;border:1px solid var(--ink)}.thumb strong{font-size:65px;line-height:.85;position:absolute;top:65px;left:26px;z-index:1}.card-number{font-size:10px;letter-spacing:2px}.tag{position:absolute;bottom:16px;left:25px;font-size:9px;letter-spacing:1px;font-weight:700}.siege{background:#292834;color:var(--lime)}.crosshair{position:absolute;width:200px;height:200px;border:1px solid #c5fb4560;border-radius:50%;right:-20px;top:25px}.crosshair:before,.crosshair:after{content:'';position:absolute;background:#c5fb4560}.crosshair:before{width:270px;height:1px;left:-35px;top:50%}.crosshair:after{width:1px;height:270px;left:50%;top:-35px}.anime{background:var(--violet)}.big-star{position:absolute;font-size:270px;right:-50px;top:-40px;color:#dacbff;transform:rotate(10deg)}.creator{background:var(--lime);background-image:linear-gradient(135deg,transparent 70%,#1b211b 70%,#1b211b 72%,transparent 72%,transparent 75%,#1b211b 75%,#1b211b 77%,transparent 77%)}.rec{position:absolute;right:20px;top:25px;font-size:10px}.card-meta{font-size:8px;letter-spacing:1.5px;margin-top:22px;color:#716b7a}h3{font-size:28px;margin:9px 0}.cards p{font-size:12px;line-height:1.7;max-width:300px}.note{font-size:8px;letter-spacing:1.3px;border-top:1px solid #ccc9c0;padding-top:22px;margin-top:30px}.about{background:#e9e5ef;border-block:1px solid #c8c3d0;display:grid;grid-template-columns:.8fr 1fr;gap:10%;align-items:center}.lore-art{background:var(--ink);color:var(--lime);padding:28px;transform:rotate(-3deg);max-width:420px;box-shadow:12px 12px 0 #b7a3de}.lore-art>span{font-size:10px;letter-spacing:2px}.lore-art>div{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:180px;letter-spacing:-12px;border-bottom:1px solid #ffffff30;line-height:1.3}.lore-art>div span{font-size:70px;color:var(--violet);padding-left:20px}.lore-art small{display:block;font-size:9px;line-height:2;letter-spacing:1px;margin-top:20px}.about h2 em{font-style:normal;color:#8060ba}.about p{max-width:440px}.pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.pills span{border:1px solid #b9b2c3;padding:9px;font-size:9px}.connect{text-align:center;padding-block:90px;background:radial-gradient(#a79bb030 .8px,transparent .8px);background-size:8px 8px}.connect .eyebrow{justify-content:center}.connect h2{font-size:clamp(66px,8vw,115px)}.connect p{margin-bottom:30px}#share-status{min-height:20px;font-size:12px;margin:20px 0 0}footer{border-top:1px solid #c5c0b8;display:flex;justify-content:space-between;align-items:center;padding:30px 5%}footer>span,footer>a:last-child{font-size:9px;letter-spacing:1px}@media(min-width:1500px){body{max-width:1800px;margin:auto}}@media(max-width:850px){nav{gap:18px}nav>a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6% 30px}.hero h1{font-size:100px}.hero-art{min-height:580px;border-top:1px solid;border-left:0}.character{width:100%;height:110%}.hero-foot{margin-top:35px}.cards{grid-template-columns:1fr}.thumb{height:300px}.thumb strong{font-size:85px}.cards p{max-width:none}.section{padding:55px 6%}.section-top{display:block}.section-top p{display:none}.about{grid-template-columns:1fr;gap:55px}.lore-art{width:100%;margin:auto}.ticker{justify-content:flex-start}.connect h2{font-size:75px}footer{gap:25px;flex-wrap:wrap}footer .brand{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
