*{box-sizing:border-box}
body{margin:0;background:#efe7d7;color:#17130f;font-family:Manrope,sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.paper{position:fixed;inset:0;background:radial-gradient(circle,#fff 0,#ead9bc 60%,#c8a77d);z-index:-1}
.paper:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#00000008 1px,transparent 1px);background-size:100% 12px}
header{width:min(1080px,calc(100% - 32px));margin:20px auto;padding:14px 20px;background:#f8f0df;border:3px solid #17130f;border-radius:25px;display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:8px 8px #17130f22}
.logo{font-family:"Special Elite";font-size:2rem;display:flex;gap:12px;align-items:center;min-width:0}
.logo img{width:52px;height:52px;border-radius:12px;flex:0 0 auto}
.icons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.icons a{display:grid;place-items:center}
.icons img{width:36px;height:36px;display:block}
.hero{width:min(1080px,calc(100% - 32px));margin:30px auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:24px;align-items:center}
.box,.story,.token,.road,.links{background:#f8f0df;border:3px solid #17130f;border-radius:25px;box-shadow:10px 10px #17130f22;padding:30px}
.box span{font-family:"Special Elite";text-transform:uppercase}
.box h1{font-family:"Special Elite";font-size:clamp(3.5rem,7vw,7rem);line-height:.84;margin:20px 0 24px;word-break:break-word}
.box p{font-size:1.2rem;line-height:1.7}
.buttons{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}
.buttons a{padding:14px 18px;border:3px solid #17130f;border-radius:999px;background:#d7ad75;font-weight:900}
.ca{padding:15px;border:2px dashed #17130f;border-radius:16px}
.ca code{display:block;word-break:break-all;margin:10px 0}
.ca button{padding:8px 14px;border:2px solid #17130f;background:#fff;border-radius:999px}
.art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;overflow:visible}
.art img{display:block;width:100%;max-width:460px;height:auto;max-height:72vh;object-fit:contain;border:4px solid #17130f;border-radius:20px;box-shadow:14px 14px #17130f33;animation:float 5s infinite}
.paper-shadow{position:absolute;inset:auto 12% 6% 12%;height:72%;background:#17130f33;filter:blur(34px);z-index:-1;border-radius:30px}
.story,.token,.road,.links{width:min(1080px,calc(100% - 32px));margin:25px auto}
.story h2,.token h2,.road h2{font-family:"Special Elite";font-size:3rem;margin:0 0 16px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.grid b{padding:18px;background:#fff;border:2px solid #17130f;border-radius:15px;display:block}
.links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.links a{display:grid;place-items:center;gap:8px;border:3px solid #17130f;border-radius:18px;padding:18px;background:#fff;font-weight:900;text-align:center}
.links img{width:38px;height:38px;display:block}
.social-link.dex img,.link-card.dex img,.dex img,.icons a:first-child img,.links a:first-child img{filter:brightness(0) saturate(100%)}
@keyframes float{50%{transform:translateY(-14px) rotate(1deg)}}
@media(max-width:920px){
  .hero{grid-template-columns:1fr;gap:20px}
  .art{order:-1}
  .art img{max-width:min(92vw,420px);max-height:56vh}
}
@media(max-width:800px){
  .grid,.links{grid-template-columns:1fr 1fr}
  header{display:block}
  .icons{margin-top:12px;justify-content:flex-start}
}
@media(max-width:560px){
  .grid,.links{grid-template-columns:1fr}
  .box,.story,.token,.road,.links{padding:22px}
  .box h1{font-size:clamp(2.7rem,16vw,4.5rem)}
  .logo{font-size:1.45rem}
  .logo img{width:44px;height:44px}
}