.hero{display:grid;grid-template-columns:1fr;gap:var(--s5,24px);padding:16px 16px 32px;overflow:hidden;position:relative}
.hero-stage{position:relative;aspect-ratio:3/2;width:100%;border:3px solid #0A0518;border-radius:12px;box-shadow:6px 6px 0 #0A0518;overflow:hidden;background:#1E1245}
.hp-poster,.hp-poster img,.hp-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.hp-video{opacity:0;transition:opacity .5s ease;pointer-events:none}
.hp-video.is-ready{opacity:1}
.sb-btn:focus-visible{outline:3px solid #FFC83D;outline-offset:3px}
.hero-card{position:relative;z-index:1}
.hp-anim{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.touch-grass .hp-anim{display:none}
.hero-sticker{display:inline-block;max-width:calc(100% - 12px);box-sizing:border-box;padding:6px 12px;background:#FFC83D;color:#0A0518;border:3px solid #0A0518;box-shadow:4px 4px 0 #0A0518;transform:rotate(-3deg)}
.hero-sign{position:relative;display:inline-block;max-width:calc(100% - 12px);box-sizing:border-box;margin:28px 0 16px;transform-origin:50% -28px}
.sign-chain{position:absolute;top:-28px;width:4px;height:28px;background:repeating-linear-gradient(#B9A9E0 0 6px,#0A0518 6px 8px)}
.sign-chain-l{left:18%}.sign-chain-r{right:18%}
.sign-board{max-width:100%;display:flex;align-items:center;gap:10px;padding:6px 18px;background:#140B2E;border:3px solid #0A0518;border-radius:10px;box-shadow:6px 6px 0 #0A0518;font-size:clamp(48px,14vw,104px);line-height:.95}
.sign-coin{width:.8em;flex:none}
.sign-coin img{width:100%;height:auto;display:block}
.sign-nfa{display:block;width:max-content;max-width:calc(100% - 12px);box-sizing:border-box;margin:10px 6px 0 auto;padding:4px 10px;font:700 15px/1.4 'Comic Neue',sans-serif;letter-spacing:.02em;text-shadow:none;background:#fff;color:#0A0518;border:2px solid #0A0518;box-shadow:3px 3px 0 #0A0518;transform:rotate(6deg);transform-origin:50% 0}
@media (min-width:700px){.sign-nfa{font-size:16px}}
.ticks{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:16px 0;padding:0}
.ticks li{padding:6px 10px 6px 28px;position:relative;background:#3CFF8F;color:#0A0518;font:700 14px/1.2 'Space Grotesk',sans-serif;border:2px solid #0A0518;border-radius:6px}
.ticks li:nth-child(even){transform:rotate(1.5deg);background:#2EE6D6}
.ticks li::before{content:'\2713';position:absolute;left:9px}
.ca-env{position:relative;display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;margin:16px 0;padding:12px;background:#FFF6E0;color:#0A0518;border:3px solid #0A0518;border-radius:8px;box-shadow:6px 6px 0 #0A0518}
.env-art img{width:96px;height:auto;display:block}
.env-note{margin:0;font:700 16px/1.3 'Space Grotesk',sans-serif}
.env-warn,.env-check{margin:4px 0 0;font-size:14px}
.ca-env[data-state="open"]{grid-template-columns:1fr}
.ca-env[data-state="open"] .env-art,.ca-env[data-state="open"] .env-sealed{display:none}
.ca-full{display:block;font:700 15px/1.5 var(--mono,'Space Mono',monospace);word-break:break-all;letter-spacing:.02em}
.ca-full span{margin-right:.35em}
.ca-env .ca-copy{margin-top:8px;min-height:48px}

.btn-alert{min-height:48px}
.sticky-bar{display:none}
@media (max-width:899px){
  .sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:8px;align-items:center;padding:8px 12px calc(8px + env(safe-area-inset-bottom));box-sizing:border-box;min-height:calc(var(--bar-h) + env(safe-area-inset-bottom));background:#140B2E;border-top:3px solid #0A0518;transform:translateY(110%);visibility:hidden;will-change:transform;transition:transform 180ms cubic-bezier(.2,.8,.2,1),visibility 0s linear 180ms}
  .sticky-bar.is-shown{transform:none;visibility:visible;transition-delay:0s}
  .sb-btn{display:flex;align-items:center;justify-content:center;min-height:48px;min-width:48px;padding:0 12px;font:700 14px/1 'Space Grotesk',sans-serif;color:#fff;text-decoration:none;border:3px solid #0A0518;border-radius:10px;background:#1E1245;box-shadow:3px 3px 0 #0A0518}
  .sb-icon{flex:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;font-size:18px}
  .sb-main{flex:1;background:#3CFF8F;color:#0A0518;text-align:center}
  .sb-main[hidden]{display:none}
  :root{--bar-h:68px}
  body.has-bar{padding-bottom:calc(var(--bar-h) + 8px + env(safe-area-inset-bottom))}
  .hero .hero-btns .btn-ghost{display:none}
}
@media (max-width:699px),(max-aspect-ratio:4/5){.hero-stage{aspect-ratio:2/3;max-height:78svh;max-width:calc(78svh*.6667);margin:0 auto}}
@media (min-width:900px){
  .hero{grid-template-columns:1fr 1fr;align-items:center;padding:32px 48px 64px}
  .hero-card{grid-column:1;grid-row:1}
  .hero-stage{grid-column:2;grid-row:1}
}
@media (prefers-reduced-motion:reduce){.sticky-bar{transition:none}}
.touch-grass .sticky-bar{transition:none}
.touch-grass .hp-video{display:none}