:root{
  --parchment:#F5E8C7;
  --gold:#FACC15;
  --red:#B91C1C;
  --brown:#3F2A1E;
  --ink:#170b08;
  --navy:#0f172a;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background: radial-gradient(circle at 20% 0%, rgba(250,204,21,.25), transparent 28%), radial-gradient(circle at 90% 10%, rgba(185,28,28,.18), transparent 30%), var(--parchment);
  color:var(--ink);
  overflow-x:hidden;
}
.font-pixel{font-family:'Press Start 2P',monospace;}
.pixel-border{box-shadow:0 0 0 3px #170b08, 0 0 0 7px rgba(250,204,21,.95), 10px 10px 0 rgba(63,42,30,.32);}
.pixel-panel{background:rgba(255,248,222,.92); border:3px solid var(--ink); box-shadow:8px 8px 0 rgba(63,42,30,.22);}
.pixel-button{font-family:'Press Start 2P',monospace; border:3px solid #170b08; box-shadow:5px 5px 0 #170b08; transition:transform .15s ease, box-shadow .15s ease, filter .15s ease; text-transform:uppercase;}
.pixel-button:hover{transform:translate(-2px,-2px); box-shadow:8px 8px 0 #170b08; filter:saturate(1.1);}
.pixel-button:active{transform:translate(3px,3px); box-shadow:2px 2px 0 #170b08;}
.scanlines:after{content:""; position:absolute; inset:0; pointer-events:none; background:repeating-linear-gradient(0deg, rgba(255,255,255,.06) 0px, rgba(255,255,255,.06) 1px, transparent 1px, transparent 5px); mix-blend-mode:soft-light;}
.pixel-bg{background-image:linear-gradient(45deg, rgba(63,42,30,.045) 25%, transparent 25%), linear-gradient(-45deg, rgba(63,42,30,.045) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(63,42,30,.045) 75%), linear-gradient(-45deg, transparent 75%, rgba(63,42,30,.045) 75%); background-size:22px 22px; background-position:0 0,0 11px,11px -11px,-11px 0px;}
.hero-glow{filter:drop-shadow(0 24px 38px rgba(185,28,28,.34)) drop-shadow(0 0 18px rgba(250,204,21,.42)); animation:floaty 4.6s ease-in-out infinite;}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.marquee{overflow:hidden; white-space:nowrap;}
.marquee span{display:inline-block; padding-left:100%; animation:marquee 18s linear infinite;}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
.nav-link{position:relative;}
.nav-link:after{content:""; position:absolute; left:0; right:0; bottom:-7px; height:3px; background:var(--gold); transform:scaleX(0); transform-origin:left; transition:transform .2s ease;}
.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1);}
.card-hover{transition:transform .18s ease, box-shadow .18s ease;}
.card-hover:hover{transform:translateY(-7px); box-shadow:10px 10px 0 rgba(23,11,8,.24);}
.wallet-modal{backdrop-filter:blur(9px);}
.confetti{position:fixed; width:9px; height:9px; pointer-events:none; z-index:80; animation:pop 900ms ease-out forwards;}
@keyframes pop{0%{transform:translate(0,0) scale(1); opacity:1}100%{transform:translate(var(--x),var(--y)) rotate(360deg) scale(.2); opacity:0}}
.game-shell{background:linear-gradient(180deg,#171717,#2b140f); border:4px solid #120806; box-shadow:0 0 0 8px #facc15, 14px 14px 0 rgba(63,42,30,.35);}
canvas{image-rendering:pixelated; image-rendering:crisp-edges; touch-action:manipulation;}
::-webkit-scrollbar{width:12px}::-webkit-scrollbar-thumb{background:var(--red); border:3px solid var(--parchment)}::-webkit-scrollbar-track{background:#ead9a7}