:root{--gold:#ffd94a;--parchment:#f0e2c0;--dim:#cbb892;--faint:#8d7a5a;--good:#9dffb0;--bad:#ff9a8a;--accent:#8fd6ff;--wood:#8a5a30;--wood-hi:#c08a48;--wood-sh:#6e431f;--wood-fill:#7a4a24;--wood-fill-hi:#9a6230;--outline:#16100a;--panel:#1c1712;--panel2:#241a10;--bg:#100b06;--bg2:#161009;--font-pixel:"Press Start 2P", monospace;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius:14px;--maxw:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-mono);color:var(--parchment);background-color:var(--bg);-webkit-font-smoothing:antialiased;background-image:radial-gradient(1200px 700px at 50% -10%,#c08a481a,#0000 60%),radial-gradient(900px 900px at 100% 110%,#8fd6ff0d,#0000 55%),linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:100% 100%,100% 100%,28px 28px,28px 28px;margin:0;line-height:1.55;overflow-x:hidden}img{max-width:100%;display:block}.pixel{image-rendering:pixelated;image-rendering:crisp-edges}a{color:var(--accent);text-decoration:none}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 22px}.section{padding:84px 0;position:relative}.center{text-align:center}.muted{color:var(--dim)}.wrap-tight{max-width:760px;margin:0 auto}h1,h2,h3{color:var(--parchment);letter-spacing:-.01em;margin:0 0 .4em;font-weight:800;line-height:1.12}h1{font-size:clamp(34px,6vw,62px)}h2{font-size:clamp(26px,4vw,40px)}h3{font-size:clamp(18px,2.4vw,23px)}p{color:var(--dim);margin:0 0 1em}.lead{color:var(--parchment);font-size:clamp(16px,2.1vw,20px)}.eyebrow{font-family:var(--font-pixel);letter-spacing:1px;color:var(--gold);text-transform:uppercase;text-shadow:0 2px 0 var(--outline);margin-bottom:16px;font-size:11px;display:inline-block}.grad-gold{background:linear-gradient(180deg, #ffe98a, var(--gold) 55%, #e0a92e);color:#0000;-webkit-background-clip:text;background-clip:text}.panel{border-radius:var(--radius);background:linear-gradient(var(--panel), var(--panel)) padding-box, linear-gradient(180deg, var(--wood-hi), var(--wood) 16%, var(--wood-sh)) border-box;box-shadow:0 0 0 2px var(--outline), 0 18px 44px -16px #000000b3;border:7px solid #0000;position:relative}.panel:after{content:"";pointer-events:none;border-radius:8px;position:absolute;inset:0;box-shadow:inset 0 2px #ffffff0f,inset 0 0 0 1px #00000073}.panel.parch{background:linear-gradient(var(--panel2), var(--panel2)) padding-box, linear-gradient(180deg, var(--wood-hi), var(--wood) 16%, var(--wood-sh)) border-box}.btn{--b:var(--wood-fill);--bh:var(--wood-fill-hi);font-family:var(--font-mono);color:var(--parchment);cursor:pointer;border:2px solid var(--outline);background:linear-gradient(180deg, var(--bh), var(--b));box-shadow:0 3px 0 var(--outline), inset 0 1px 0 #ffffff1f;white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:12px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms,filter .12s;display:inline-flex}.btn:hover{filter:brightness(1.08);box-shadow:0 4px 0 var(--outline), inset 0 1px 0 #ffffff24;transform:translateY(-1px)}.btn:active{box-shadow:0 1px 0 var(--outline);transform:translateY(2px)}.btn-gold{--b:#e7b13a;--bh:#ffdd6b;color:#2a1c08}.btn-good{--b:#3f7a35;--bh:#62b653;color:#ecfff0}.btn-ghost{box-shadow:none;border-color:var(--wood);color:var(--parchment);background:0 0}.btn-ghost:hover{background:#c08a481f;transform:translateY(-1px)}.btn-lg{padding:15px 26px;font-size:15px}.btn-sm{border-radius:9px;padding:8px 13px;font-size:12px}.chip{color:var(--parchment);background:var(--panel);border:1px solid var(--wood);border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;display:inline-flex}.chip .dot{background:var(--good);width:7px;height:7px;box-shadow:0 0 8px var(--good);border-radius:50%}.chip.gold{color:var(--gold);border-color:var(--wood-hi)}.tic{width:22px;height:22px;-webkit-mask:var(--src) center / contain no-repeat;-webkit-mask:var(--src) center / contain no-repeat;mask:var(--src) center / contain no-repeat;background:currentColor;display:inline-block}.reveal{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1);transform:translateY(22px)}.reveal.in{opacity:1;transform:none}.nav{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--outline);background:linear-gradient(#100b06eb,#100b06b8);position:sticky;top:0;box-shadow:0 2px #c08a482e}.nav__in{align-items:center;gap:20px;height:64px;display:flex}.brand{color:var(--parchment);align-items:center;gap:10px;display:flex}.brand__icon{object-fit:cover;width:32px;height:32px;filter:drop-shadow(0 1px 0 var(--outline));border-radius:50%}.brand__txt{font-family:var(--font-pixel);letter-spacing:1px;color:var(--dim);font-size:13px}.brand__txt b{color:var(--gold)}.nav__links{gap:22px;margin-left:auto;display:flex}.nav__links a{color:var(--dim);font-size:14px;font-weight:500}.nav__links a:hover{color:var(--gold)}.nav__cta{gap:10px;display:flex}.nav__burger{color:var(--gold);cursor:pointer;background:0 0;border:0;font-size:22px;display:none}.hero{padding:64px 0 0;position:relative;overflow:hidden}.hero__in{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;padding-bottom:56px;display:grid}.hero__copy h1{margin-bottom:.25em}.hero__btns{flex-wrap:wrap;gap:14px;margin:26px 0 22px;display:flex}.hero__chips{flex-wrap:wrap;gap:10px;display:flex}.hero__art{position:relative}.hero__mascot{filter:drop-shadow(0 10px 16px #0000008c);width:116px;height:auto;position:absolute;bottom:-26px;right:-10px}.float{animation:4.5s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.screen{padding:0;overflow:hidden}.screen__bar{background:linear-gradient(180deg, var(--wood-fill-hi), var(--wood-fill));border-bottom:2px solid var(--outline);align-items:center;gap:7px;padding:9px 13px;display:flex}.screen__dot{background:var(--outline);opacity:.55;border-radius:50%;width:9px;height:9px}.screen__title{color:#2a1c08;letter-spacing:.5px;margin-left:6px;font-size:11px;font-weight:700}.screen__img,.screen img{width:100%;display:block}.marquee{border-top:2px solid var(--outline);border-bottom:2px solid var(--outline);background:linear-gradient(180deg, var(--wood-fill-hi), var(--wood-fill));overflow:hidden}.marquee__t{white-space:nowrap;gap:26px;padding:11px 0;animation:26s linear infinite scroll;display:inline-flex}.marquee__t span{font-family:var(--font-pixel);color:#2a1c08;font-size:12px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.section.alt{background:linear-gradient(#241a1073,#0000);border-top:1px solid #c08a481f;border-bottom:1px solid #c08a481f}.section .center{margin-bottom:46px}.feat-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feat{padding:26px 24px;transition:transform .14s}.feat:hover{transform:translateY(-4px)}.feat__ic{background:var(--gold);width:30px;height:30px;-webkit-mask:var(--src) center / contain no-repeat;-webkit-mask:var(--src) center / contain no-repeat;mask:var(--src) center / contain no-repeat;filter:drop-shadow(0 2px 0 var(--outline));margin-bottom:14px;display:inline-flex}.feat h3{color:var(--parchment)}.feat p{margin:0;font-size:14.5px}.screens-grid{flex-direction:column;gap:56px;display:flex}.screens-item{grid-template-columns:1fr 1.15fr;align-items:center;gap:32px;display:grid}.screens-item.reverse{grid-template-columns:1.15fr 1fr}.screens-item.reverse .screens-copy{order:2}.screens-item.reverse .shot-frame{order:1}.screens-copy h3{margin-bottom:10px;font-size:1.35rem}.screens-copy p{font-size:.95rem;line-height:1.6}.showcase-tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:8px;font-size:.62rem;display:block}.shot-frame{border-radius:var(--radius);background:linear-gradient(var(--panel), var(--panel)) padding-box, linear-gradient(180deg, var(--wood-hi), var(--wood) 16%, var(--wood-sh)) border-box;box-shadow:0 0 0 2px var(--outline), 0 18px 44px -16px #000000b3;border:7px solid #0000;padding:10px;overflow:hidden}.shot-chrome{gap:6px;padding:0 4px 10px;display:flex}.shot-chrome span{background:var(--wood-sh);border-radius:50%;width:10px;height:10px}.shot-chrome span:first-child{background:#ff5f57}.shot-chrome span:nth-child(2){background:#febc2e}.shot-chrome span:nth-child(3){background:#28c840}.shot-frame img{border-radius:8px;width:100%}.show{grid-template-columns:1fr 1.1fr;align-items:center;gap:46px;margin:0 0 64px;display:grid}.show:last-child{margin-bottom:0}.show.reverse .show__txt{order:2}.show.reverse .show__img{order:1}.show__txt h2{margin-bottom:.35em}.show__txt p{font-size:15.5px}.ticks{gap:9px;margin:18px 0 0;padding:0;list-style:none;display:grid}.ticks li{color:var(--parchment);padding-left:26px;font-size:14.5px;position:relative}.ticks li:before{content:"✦";color:var(--gold);position:absolute;left:0}.land{grid-template-columns:1.15fr 1fr;align-items:center;gap:36px;padding:36px;display:grid}.land__stats{grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0;display:grid}.stat{text-align:center;background:var(--panel);border:1px solid var(--wood);border-radius:11px;padding:14px 8px}.stat__n{font-family:var(--font-pixel);font-size:17px}.stat__l{color:var(--dim);margin-top:8px;font-size:11.5px}.land__img img{border:2px solid var(--outline);border-radius:10px}.lpc-sprite{image-rendering:pixelated;image-rendering:crisp-edges;margin:0 auto;display:block}.char-select{max-width:920px;margin:0 auto 40px}.char-select__nav{align-items:center;gap:10px;margin-bottom:22px;display:flex}.char-select__arrow{flex-shrink:0;width:40px;height:40px;padding:0}.char-select__row{flex:1;grid-template-columns:repeat(4,1fr);gap:12px;min-width:0;display:grid}.char-card{cursor:pointer;font:inherit;color:inherit;text-align:center;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:14px 8px 12px;transition:transform .14s,filter .14s;display:flex;position:relative}.char-card:hover{transform:translateY(-3px)}.char-card--on{filter:brightness(1.06)}.char-card--on.panel{box-shadow:0 0 0 2px var(--gold), 0 0 0 4px var(--outline), 0 18px 44px -16px #000000b3}.char-card__check{color:var(--gold);filter:drop-shadow(0 1px 0 var(--outline));position:absolute;top:8px;right:8px}.char-card__shadow{pointer-events:none;background:#00000059;border-radius:50%;width:58%;height:10px;position:absolute;bottom:42px;left:50%;transform:translate(-50%)}.char-card__sprite{z-index:1;animation:4.5s ease-in-out infinite char-idle;position:relative}.char-card__sprite--on{animation:4.5s ease-in-out infinite char-idle-active}@keyframes char-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes char-idle-active{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.char-card__name{color:var(--parchment);margin-top:4px;font-size:14px;font-weight:700}.char-card__blurb{color:var(--faint);font-size:11px}.char-select__stage{grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:28px 32px;display:grid}.char-select__preview{text-align:center}.char-select__preview-label{font-family:var(--font-pixel);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-size:9px}.char-select__hero-sprite{margin:8px auto 4px}.char-select__hero-name{margin:0 0 4px;font-size:1.5rem}.char-select__hero-blurb{color:var(--dim);margin:0;font-size:14px}.char-select__acts{text-align:center}.char-select__hint{margin:14px 0 0;font-size:11px}.cast-npcs{text-align:center;margin-top:48px}.cast-npcs__rule{font-family:var(--font-pixel);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-size:10px}.cast-npcs__grid{grid-template-columns:repeat(4,1fr);gap:14px;max-width:520px;margin:0 auto;display:grid}.cast-npc{text-align:center;margin:0}.cast-npc__pic{aspect-ratio:1;background:linear-gradient(180deg, #2b3a4a, #1c2733) padding-box, linear-gradient(180deg, var(--wood-hi), var(--wood) 16%, var(--wood-sh)) border-box;justify-content:center;align-items:flex-end;padding:8px 4px 4px;display:flex;overflow:hidden}.cast-npc figcaption{color:var(--parchment);flex-direction:column;margin-top:8px;font-size:12px;font-weight:700;display:flex}.cast-npc figcaption span{color:var(--faint);font-size:10px;font-weight:500}.cast-mobs{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:32px;display:flex}.cast-mob-chip{cursor:pointer;font:inherit;border:1px solid var(--wood)}.cast-mob-chip.active{color:var(--gold);border-color:var(--gold);background:#ffd94a1a}.cast-mob-preview{flex-direction:column;align-items:center;gap:6px;width:100%;max-width:140px;margin-top:8px;padding:10px 16px;display:flex}.cast-mob-preview__name{color:var(--parchment);font-size:11px;font-weight:700}.cast-credit{text-align:center;max-width:720px;margin:36px auto 0;font-size:12px;line-height:1.65}.cast-credit a{color:var(--accent);font-weight:600}.foot{border-top:2px solid var(--outline);background:#100b0699;margin-top:30px;padding:40px 0 28px}.foot__in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.foot__brand{align-items:center;gap:12px;display:flex}.foot__links{flex-wrap:wrap;gap:20px;display:flex}.foot__links a{color:var(--dim);font-size:14px}.foot__links a:hover{color:var(--gold)}.foot__fine{border-top:1px solid #c08a481f;margin-top:22px;padding-top:18px;font-size:12px}@media (max-width:920px){.hero__in{grid-template-columns:1fr;gap:30px}.hero__art{max-width:520px}.feat-grid{grid-template-columns:repeat(2,1fr)}.show,.land,.screens-item,.screens-item.reverse{grid-template-columns:1fr;gap:26px}.show.reverse .show__txt,.screens-item.reverse .screens-copy{order:1}.show.reverse .show__img,.screens-item.reverse .shot-frame{order:2}.char-select__row{grid-template-columns:repeat(2,1fr)}.char-select__stage{grid-template-columns:1fr}.cast-npcs__grid,.land__stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.nav__links,.nav__cta{display:none}.nav__burger{margin-left:auto;display:block}.nav.open .nav__links{background:var(--bg2);border-bottom:2px solid var(--outline);flex-direction:column;gap:14px;margin-left:0;padding:16px 22px;display:flex;position:absolute;top:64px;left:0;right:0}.section{padding:60px 0}.feat-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.reveal,.float,.marquee__t{opacity:1;transform:none;transition:none!important;animation:none!important}html{scroll-behavior:auto}}