@import url('https://fonts.googleapis.com/css2?family=Jersey+10&family=Pixelify+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--forest:#16382A;--paper:#F2EEE2;--surface:#FBF9F3;--line:#DAD3C2;--ink:#1C3326;--muted:#5C6E62;--red:#B8432E;--deep:#9B3B27;--yellow:#E8B93A}*{box-sizing:border-box;border-radius:0!important}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;padding:30px;background:var(--forest);color:var(--ink);font:600 16px/1.55 'Space Grotesk',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid var(--red)}.shell{max-width:1500px;margin:auto;background:var(--paper);border:2px solid var(--ink)}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;padding:16px 42px;border-bottom:2px solid var(--line);gap:20px}.brand{font:700 26px/.9 'Pixelify Sans',sans-serif;max-width:170px}.brand span{color:var(--deep)}.navlinks{display:flex;gap:32px;align-items:center;font-size:14px}.navlinks a{padding:12px 0}.navlinks a:hover{text-decoration:underline;text-underline-offset:6px}.navlinks .questlink{border:2px solid var(--ink);padding:10px 16px}.eyebrow,.meta{font-size:13px;letter-spacing:1.7px;text-transform:uppercase}.hero{text-align:center;padding:40px 28px 0}.eyebrow{color:var(--muted)}h1,h2,h3,.pixel,.button{font-family:'Pixelify Sans',sans-serif;font-weight:700}h1{font-size:clamp(90px,8.1vw,128px);line-height:.84;letter-spacing:-3px;margin:24px 0 18px}h1 span{color:var(--deep)}.hero .tagline{font:700 25px 'Pixelify Sans',sans-serif;margin:20px 0 8px}.intro{max-width:1100px;margin:0 auto 22px;font-size:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--red);color:var(--surface);border:2px solid var(--red);padding:14px 23px;min-height:48px;font-size:21px;cursor:pointer;box-shadow:4px 4px 0 var(--ink)}.button:hover{background:var(--deep);border-color:var(--deep);transform:translateY(-2px)}.hero-scene{position:relative;margin:32px 0 0;height:395px;background:#c9d0ac;overflow:hidden;border:2px solid var(--ink);text-align:left}.hero-scene img{height:100%;width:100%;object-fit:cover;image-rendering:pixelated}.scene-label{position:absolute;left:22px;bottom:22px;background:var(--paper);border:2px solid var(--ink);padding:14px 18px;box-shadow:4px 4px 0 var(--ink);max-width:320px}.scene-label strong{display:block;font:700 23px 'Pixelify Sans',sans-serif}.scene-label span{font-size:13px}.coordinate{position:absolute;right:18px;top:18px;background:var(--forest);color:var(--paper);padding:8px 12px;font-size:13px}.section{padding:55px 42px;border-bottom:2px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}.tab{display:inline-block;background:var(--forest);color:var(--paper);padding:8px 16px;font:700 20px 'Pixelify Sans',sans-serif}h2{font-size:43px;line-height:1.05;margin:15px 0 0;letter-spacing:-.8px}.section-heading>p{font-size:14px;color:var(--muted);max-width:290px;margin:0}.characters{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.character{border:2px solid var(--line);background:var(--surface);padding:22px}.char-top{display:flex;align-items:center;gap:18px;border-bottom:2px solid var(--line);padding-bottom:18px}.portrait{width:110px;height:125px;object-fit:contain;image-rendering:pixelated;background:var(--paper)}h3{font-size:29px;line-height:1.05;margin:10px 0}.character .class{font-size:12px;letter-spacing:1px;color:var(--deep);text-transform:uppercase}.character p{font-size:14px;min-height:88px}.stat{display:grid;grid-template-columns:1fr auto;gap:7px;margin:14px 0;font-size:13px}.meter{grid-column:1/-1;height:8px;background:var(--line)}.meter i{display:block;height:100%;background:var(--forest)}.footnote{font-size:12px;color:var(--muted);margin:18px 0 0}.episodes{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:18px}.episode{background:var(--surface);border:2px solid var(--line);overflow:hidden}.episode.featured{grid-row:span 2}.episode img{display:block;width:100%;height:155px;object-fit:contain;background:#dddcc7;image-rendering:pixelated}.episode.featured img{height:370px}.episode-body{padding:18px}.episode h3{font-size:23px}.featured h3{font-size:36px}.episode p{font-size:14px;margin:10px 0}.badge{display:inline-block;color:var(--deep);font-size:12px;border:2px solid var(--line);padding:3px 7px;background:var(--paper)}.episode .status{font-size:12px;color:var(--muted)}.note{background:var(--forest);color:var(--paper);padding:22px}.note .big{font:700 64px/1 'Pixelify Sans',sans-serif;color:var(--yellow)}.note p{font-size:14px}.note .meta{color:var(--paper)}.quest-teaser{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.quest-teaser p{max-width:530px;font-size:15px}.quest-teaser aside{border:2px solid var(--ink);padding:24px;background:var(--surface);box-shadow:6px 6px 0 var(--line)}.pending{font-size:12px;color:var(--muted);padding-top:25px;display:flex;flex-wrap:wrap;gap:12px 28px}.quest-page{padding:45px 42px 50px}.quest-page h1{font-size:82px;line-height:.95;margin:20px 0}.quest-intro{max-width:690px}.quest-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;margin-top:35px;align-items:start}.rules{border:2px solid var(--ink);background:var(--forest);color:var(--paper);padding:28px}.rules h2{font-size:32px;margin:0 0 24px}.rule{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:18px 0;border-top:2px solid #4E8A63}.rule b{font:700 26px 'Pixelify Sans',sans-serif;color:var(--yellow)}.rule strong{font:700 22px 'Pixelify Sans',sans-serif}.rule p{font-size:14px;margin:5px 0}.rules .footnote{color:var(--paper)}form{background:var(--surface);border:2px solid var(--line);padding:28px}form h2{font-size:32px;margin:0 0 8px}form>p{font-size:14px;color:var(--muted)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}label{display:block;font-size:14px}.full{grid-column:1/-1}input,textarea,select{width:100%;border:2px solid #899388;background:var(--surface);color:var(--ink);padding:12px;margin-top:7px;min-height:48px}textarea{resize:vertical;min-height:125px}input::placeholder,textarea::placeholder{color:var(--muted)}.check{display:flex;gap:12px;align-items:start;margin:20px 0}.check input{width:20px;min-height:20px;height:20px;flex-shrink:0;margin-top:2px;accent-color:var(--red)}.form-notice{border-left:3px solid var(--red);padding-left:12px;font-size:13px}#result{margin-top:20px;font-size:14px}.back{font-size:14px}.pending-line{font-size:12px;color:var(--muted)}@media(min-width:1500px){.hero-scene{height:440px}}@media(max-width:900px){body{padding:18px}.nav{padding:18px 24px}.navlinks{gap:16px}.characters{gap:12px}.character{padding:15px}.char-top{display:block}.character p{min-height:130px}.episodes{grid-template-columns:1fr 1fr}.episode.featured{grid-column:span 2;grid-row:auto}.quest-layout{gap:24px;grid-template-columns:1fr 1fr}.quest-page h1{font-size:65px}}@media(max-width:600px){body{padding:10px}.nav{padding:16px;align-items:start;gap:10px;flex-wrap:wrap}.brand{font-size:24px}.navlinks{gap:17px;font-size:12px;width:100%;justify-content:space-between}.navlinks .questlink{padding:8px}.hero{padding:28px 14px 0}h1{font-size:53px;line-height:.9;letter-spacing:-1px;margin:20px 0}.eyebrow{font-size:12px;letter-spacing:1px}.hero .tagline{font-size:22px}.intro{font-size:14px;line-height:1.6}.hero-scene{height:310px;margin-top:25px}.hero-scene img{object-position:53% center}.scene-label{left:10px;bottom:12px;padding:10px;max-width:250px}.scene-label strong{font-size:20px}.coordinate{font-size:11px;right:10px;top:10px}.section{padding:34px 16px}.section-heading{display:block}.section-heading>p{margin-top:14px}h2{font-size:33px}.characters,.episodes,.quest-teaser,.quest-layout{grid-template-columns:1fr}.char-top{display:flex}.character{padding:20px}.character p{min-height:0}.episode.featured{grid-column:auto}.episode.featured img{height:240px}.episode img{height:190px}.featured h3{font-size:29px}.quest-teaser{gap:24px}.quest-page{padding:26px 16px}.quest-page h1{font-size:49px;letter-spacing:-1px}.quest-layout{gap:24px}.rules,form{padding:20px}.fields{grid-template-columns:1fr}.full{grid-column:auto}.pending{display:block}.pending span{display:block;margin-bottom:8px}.button{font-size:20px;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}

/* Lighter pixel lettering, quieter reading hierarchy. */
h1{font-weight:400;line-height:.96;letter-spacing:-2px;margin:14px 0 12px}
.brand{font-weight:400;line-height:1}
h2,h3,.button,.rule strong,.rules h2,form h2{font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:-.8px}
h2{font-size:36px;line-height:1.15}
h3{font-size:26px;line-height:1.2}
.character h3{font-family:'Pixelify Sans',sans-serif;font-weight:400;font-size:34px;letter-spacing:0}
.hero .tagline{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:500;letter-spacing:0;margin:10px 0 25px}
.tab{font-weight:400;font-size:22px;letter-spacing:.2px}
.button{font-size:17px;letter-spacing:0}
.episode h3{font-size:21px}.featured h3{font-size:31px}
.hero-scene{height:auto;aspect-ratio:2/1;background:var(--forest)}
.hero-scene img{display:block;object-fit:cover;object-position:center center}
@media(min-width:1500px){.hero-scene{height:auto}}
@media(max-width:600px){h1{font-size:56px;letter-spacing:-1.5px}.hero .tagline{font-size:20px;margin:12px 0 22px}h2{font-size:29px}.hero-scene{height:350px;aspect-ratio:auto}.hero-scene img{object-position:50% center}.button{font-size:16px}.quest-page h1{font-size:50px}.featured h3{font-size:27px}}
