@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#21170f;color:#f5d6a3;font-family:'Space Mono',monospace;overflow-x:hidden}
.paper{position:fixed;inset:0;background:linear-gradient(120deg,rgba(210,160,90,.25),transparent),url('../assets/images/anocat-character.jpg') center/cover;filter:blur(25px);opacity:.25;z-index:-1}
header{height:90px;display:flex;justify-content:space-between;align-items:center;padding:0 70px}
.brand{font-size:38px;font-weight:700}.brand small{display:block;font-size:18px;color:#d49b57}
nav a,.buttons a,button{background:#b47a3e;color:#20150d;padding:15px 28px;border-radius:4px;text-decoration:none;margin-left:12px;cursor:pointer;border:0;font-weight:bold}
.hero{height:900px;display:flex;align-items:center;justify-content:space-around;padding:50px 80px}
.copy{width:40%}h1{font-size:100px;margin:0;color:#f0c27c}h2{font-size:42px}.copy p{font-size:22px;line-height:1.5}
.character{width:45%;animation:float 5s infinite}.character img{width:100%;border-radius:20px;box-shadow:0 40px 100px #000}
@keyframes float{50%{transform:translateY(-20px)}}
.ca-box{background:#2d2117;border:1px solid #805b34;padding:20px;margin:30px 0;display:flex;gap:15px;align-items:center;flex-wrap:wrap}
.marquee{padding:25px;background:#c08a4e;color:#24170d;font-size:24px}
.story,.world,.final{min-height:500px;padding:100px 180px}
.world{display:flex;justify-content:space-between;align-items:center}
.card{font-size:40px;border:2px solid #b47a3e;padding:60px;transform:rotate(-3deg)}
.final{text-align:center}

.banner-section{width:100%;padding:34px 70px 10px}
.banner-section img{width:100%;display:block;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.45);border:1px solid rgba(240,194,124,.28)}
h1{letter-spacing:-5px;text-transform:none}
.hero h1:after{content:" / anonymous mode";display:block;font-size:17px;letter-spacing:3px;margin-top:14px;color:#b78a56}

/* Seamless full-width marquee */
.marquee{
  width:100%;
  overflow:hidden;
  white-space:nowrap;
  background:#c08a4e;
  color:#24170d;
  padding:0;
  border-top:1px solid rgba(36,23,13,.28);
  border-bottom:1px solid rgba(36,23,13,.28);
}
.marquee-track{
  display:flex;
  width:max-content;
  min-width:200%;
  animation:anonMarquee 34s linear infinite;
  will-change:transform;
}
.marquee-track > span{
  display:block;
  flex:none;
  padding:24px 0;
  font-size:24px;
  font-weight:700;
  letter-spacing:1.2px;
}
@keyframes anonMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.marquee:hover .marquee-track{
  animation-play-state:paused;
}

/* Tight visual join for catwi + fanon everywhere */
.token-word{
  display:inline-flex;
  align-items:baseline;
  white-space:nowrap;
}
.token-word-a,
.token-word-b{
  display:inline-block;
}
.token-word-b{
  margin-left:-0.10em;
}

/* Keep the tightened catwifanon word intact inside the marquee */
.marquee-track .token-word{
  display:inline-flex;
  padding:0;
  font-size:inherit;
  font-weight:inherit;
  letter-spacing:inherit;
}
.marquee-track .token-word-a,
.marquee-track .token-word-b{
  display:inline-block;
  padding:0;
  font-size:inherit;
  font-weight:inherit;
  letter-spacing:inherit;
}