@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111614;--ink:#eceee3;--muted:#a5afa3;--line:#343c34;--gold:#e4b76a;--green:#b9cc92}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}header,main,footer{max-width:1440px;margin:auto}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:30px 5%;display:flex}.brand{letter-spacing:-1px;white-space:nowrap;font:700 20px Space Grotesk,sans-serif}.brandmark{color:var(--gold);vertical-align:middle;margin-right:8px;font-size:30px}.branddot{vertical-align:top;margin-left:4px;font-size:10px}nav{gap:30px;font-size:13px;display:flex}nav span{color:var(--gold)}.status,.eyebrow,.section-label,.panel-heading,.legend,.footnote,.map-tag,small,footer>span{letter-spacing:1.2px;font-family:monospace;font-size:10px}.status{color:var(--muted);align-items:center;gap:8px;display:flex}i{background:var(--green);border-radius:100%;width:6px;height:6px;display:inline-block}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding:85px 5% 90px;display:grid}.eyebrow{color:var(--gold);align-items:center;gap:30px;display:flex}.tiny-star{font-size:23px}h1{letter-spacing:-4px;margin:28px 0;font:500 clamp(46px,5.4vw,78px)/1.06 Space Grotesk,sans-serif}em{color:var(--gold);font-style:normal}.intro{max-width:435px;color:var(--muted);font-size:16px;line-height:1.8}.button{background:var(--gold);color:#171d16;justify-content:space-between;align-items:center;gap:40px;margin-top:24px;padding:18px 22px;font-size:13px;font-weight:700;display:inline-flex}.button:hover{background:#f4ce8e}.button span{font-size:22px}.footnote{color:var(--muted);letter-spacing:.3px;margin-top:20px;font-size:9px}.dungeon-panel{background:#19201b;border:1px solid #46503f;scroll-margin-top:32px;transform:rotate(1deg);box-shadow:14px 14px #0c100e}.panel-heading{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:15px;padding:17px 18px;font-size:8px;display:flex}.panel-heading i{width:5px;height:5px;margin-right:6px}.map-frame{background:#0c120f;border:1px solid #303c2d;margin:22px 22px 0;padding:18px}.map{aspect-ratio:17/13;grid-template-columns:repeat(17,1fr);gap:3px;display:grid}.tile{justify-content:center;align-items:center;min-width:0;font-size:clamp(10px,1.3vw,18px);display:flex}.wall{background:#495440;border-top:2px solid #657155;box-shadow:inset -2px -2px #303c2d}.floor{background:#19251c radial-gradient(#394231 1px,#0000 1px) 0 0/7px 7px}.hero-tile{color:#101c12;background:#a8c477;box-shadow:0 0 17px #a8c44555}.loot{color:var(--gold);text-shadow:0 0 12px #e4b76a}.exit{color:#b6cac0;background:#31483d}.map-tag{color:var(--muted);border-top:1px solid #303c2d;justify-content:space-between;margin-top:15px;padding-top:13px;font-size:8px;display:flex}.map-tag span{color:var(--gold)}.legend{letter-spacing:.3px;flex-wrap:wrap;gap:15px;padding:20px 22px;font-size:7px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend b{background:var(--gold);width:5px;height:5px}.legend .player-key{background:var(--green)}.legend .exit-key{background:#b6cac0}.panel-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.panel-bottom small{color:var(--muted);margin-bottom:6px;font-size:7px;display:block}.panel-bottom strong{font:13px monospace}.panel-bottom button{color:var(--ink);cursor:pointer;background:#293426;border:1px solid #55634b;padding:11px 13px;font-size:11px}.panel-bottom button:hover{background:#39482e}.panel-bottom button span{color:var(--gold);margin-left:14px}.preview-note{color:var(--muted);padding:0 22px 10px;font-size:9px;line-height:1.5}.manifesto{border-top:1px solid var(--line);padding:65px 5% 75px}.section-label{color:var(--muted)}h2{letter-spacing:-2px;margin:26px 0 40px;font:500 clamp(32px,3.5vw,49px)/1.14 Space Grotesk,sans-serif}.steps{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.steps article{border-top:1px solid #596149;padding-top:22px}.steps article>span{letter-spacing:1px;color:var(--gold);font:10px monospace}h3{letter-spacing:-.6px;margin:20px 0 12px;font:500 22px Space Grotesk,sans-serif}.steps p,.closing p{color:var(--muted);max-width:320px;font-size:14px;line-height:1.8}.closing{border-top:1px solid var(--line);background:#1a211b;padding:65px 5%}.closing h2{margin-bottom:20px}.closing p{max-width:none}.closing a{color:var(--gold);border-bottom:1px solid #6d5d3f;margin-top:15px;padding-bottom:7px;font-size:13px;display:inline-block}footer{justify-content:space-between;align-items:center;gap:20px;padding:32px 5%;display:flex}footer .brand{font-size:14px}footer>span{color:var(--muted);font-size:8px}@media (min-width:1440px){h1{font-size:78px}}@media (max-width:800px){.status{display:none}.hero{gap:40px;padding-top:50px}.panel-heading{padding:12px;font-size:7px}.map-frame{margin:12px 12px 0;padding:10px}.legend{gap:9px;padding:16px 12px}.panel-bottom{padding:12px}.preview-note{padding:0 12px 8px}h1{letter-spacing:-2.5px}.intro{font-size:14px}.steps{gap:22px}.steps h3{font-size:19px}}@media (max-width:600px){header{padding:18px 6%}nav{gap:16px;font-size:11px}.brand{font-size:16px}.brandmark{font-size:24px}.hero{grid-template-columns:1fr;gap:40px;padding:40px 6% 55px}h1{letter-spacing:-3px;margin:22px 0;font-size:53px}.intro{max-width:360px;font-size:15px}.eyebrow{font-size:9px}.button{margin-top:16px}.dungeon-panel{transform:none;box-shadow:7px 7px #0c100e}.map-frame{margin:18px 18px 0;padding:15px}.tile{font-size:16px}.panel-heading{padding:16px;font-size:8px}.legend{padding:16px 18px;font-size:7px}.panel-bottom{padding:16px 18px}.preview-note{padding:0 18px 10px}.manifesto,.closing{padding:44px 6%}.steps{grid-template-columns:1fr;gap:22px}.steps article{padding-top:18px}.steps h3{margin:15px 0 8px;font-size:23px}.steps p{max-width:100%;margin-bottom:4px}h2{font-size:36px}footer{flex-wrap:wrap;padding:28px 6%}footer>span:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.panel-bottom button{min-height:44px}nav a{align-items:center;min-height:44px;display:inline-flex}
