/* Hero and invitation pass. The game and signup remain visual prototypes until the ROM and service exist. */
.site-header{gap:clamp(16px,2vw,32px)}
.header-waitlist,.waitlist-link{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--violet);padding:12px 15px;text-decoration:none;font-size:.68rem;font-weight:900;letter-spacing:.09em;white-space:nowrap;transition:transform .2s,box-shadow .2s}
.header-waitlist:hover,.header-waitlist:focus-visible,.waitlist-link:hover,.waitlist-link:focus-visible{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--violet)}
.hero-art>img{object-position:center 52%}
.hero-copy{z-index:2}
.hero-shade{pointer-events:none}
.hero-rom-note{position:absolute;right:8%;bottom:10%;z-index:2;display:flex;flex-direction:column;gap:3px;width:max-content;max-width:190px;padding:10px 14px;color:#fff;background:#17151be8;border:2px solid var(--yellow);box-shadow:5px 5px 0 #17151b;transform:rotate(4deg);text-align:center}
.hero-rom-note strong{font-family:Impact,'Arial Black',sans-serif;font-size:1.15rem;letter-spacing:.03em}
.hero-rom-note small{font-size:.53rem;font-weight:900;letter-spacing:.1em;color:var(--yellow)}
.hero-actions{display:flex;justify-content:flex-end;align-items:center;gap:clamp(16px,2.4vw,34px);flex-wrap:wrap}
.waitlist-link{font-size:.69rem;padding:11px 14px}
.waitlist{width:min(100%,680px);margin:54px auto 44px;padding:34px 28px 38px;border-top:2px solid #ffffff8a;border-bottom:2px solid #ffffff8a;text-align:center;scroll-margin-top:25px}
.waitlist-kicker{color:var(--yellow);font-size:.7rem;font-weight:900;letter-spacing:.15em;margin:0 0 9px}
.waitlist h3{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(2.1rem,5vw,4rem);line-height:.95;letter-spacing:-.025em;margin:0 0 12px}
.waitlist>p:not(.waitlist-kicker){font-size:1rem;line-height:1.4;max-width:440px;margin:0 auto 23px}
.waitlist form{max-width:515px;margin:auto;text-align:left}
.waitlist label{display:block;font-size:.66rem;font-weight:900;letter-spacing:.14em;color:var(--yellow);margin-bottom:8px}
.waitlist-fields{display:flex;align-items:stretch;gap:8px}
.waitlist input{width:100%;min-width:0;border:2px solid #fff;background:#f4efe5;color:var(--ink);border-radius:0;padding:12px 13px;font:700 1rem Arial,Helvetica,sans-serif}
.waitlist input:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.waitlist-fields button{flex:none;border:2px solid var(--yellow);background:var(--yellow);color:var(--ink);padding:10px 14px;font-size:.67rem;font-weight:900;letter-spacing:.07em;cursor:pointer}
.waitlist-fields button:hover,.waitlist-fields button:focus-visible{background:#fff0a5;outline:2px solid #fff;outline-offset:2px}
.waitlist-message{min-height:1.3em;color:#d6cde2;font-size:.78rem;line-height:1.35;margin:10px 0 0}
.ending>.ending-link{margin-bottom:42px}
.ending{overflow:visible;padding-top:168px}
.founder-note{position:absolute;top:-52px;left:8%;z-index:4;width:min(450px,72vw);padding:20px 25px 22px;color:var(--ink);background:#f4e8c8;border:2px solid var(--ink);box-shadow:9px 10px 0 #0b0910;transform:rotate(-3deg);text-align:left}
.founder-note span{display:block;font-size:.66rem;font-weight:900;letter-spacing:.14em;color:var(--violet);margin-bottom:8px}
.founder-note p{font-family:Georgia,serif;font-size:clamp(1.15rem,2vw,1.5rem);font-style:italic;font-weight:700;line-height:1.22;margin:0}
.open-door{margin-top:26px;padding-top:23px;border-top:1px solid #ffffff65;text-align:center}
.open-door strong{display:block;color:var(--yellow);font-family:Impact,'Arial Black',sans-serif;font-size:1.65rem;letter-spacing:.02em}
.open-door p{max-width:480px;margin:9px auto 17px;font-size:.91rem;line-height:1.4}
.open-door-actions{display:flex;justify-content:center;gap:26px;flex-wrap:wrap}
.open-door-actions span{display:inline-block;border-bottom:2px solid var(--yellow);padding-bottom:4px;color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.1em}
.open-door small{display:block;margin-top:10px;color:#cbbfd0;font-size:.68rem}
@media(max-width:900px){.header-aside{display:none}.site-header{gap:12px}.site-nav{margin-left:auto}.header-waitlist{font-size:.6rem;padding:10px}}
@media(max-width:650px){.site-nav{display:none}.header-waitlist{margin-left:auto;font-size:.57rem;padding:9px 10px;box-shadow:3px 3px 0 var(--violet)}.hero-art>img{object-position:64% center}.hero-rom-note{right:5%;bottom:6%;padding:7px 9px;max-width:135px;box-shadow:3px 3px 0 #17151b}.hero-rom-note strong{font-size:.85rem}.hero-rom-note small{font-size:.4rem}.hero-actions{justify-content:flex-start;align-items:flex-start;gap:18px}.waitlist-link{font-size:.62rem;padding:10px 12px}.waitlist{margin:45px auto 35px;padding:29px 0}.waitlist h3{font-size:2.7rem}.waitlist>p:not(.waitlist-kicker){font-size:.92rem}.waitlist-fields{flex-direction:column}.waitlist-fields button{padding:13px}.waitlist-message{font-size:.73rem}.ending{padding-top:160px}.founder-note{left:18px;right:18px;top:-55px;width:auto;padding:17px 20px 19px}.founder-note p{font-size:1.12rem}.open-door p{font-size:.84rem}.open-door-actions{gap:15px}.open-door-actions span{font-size:.61rem}}
@media(prefers-reduced-motion:reduce){.header-waitlist,.waitlist-link{transition:none}}