:root{--night:#172d29;--deep:#11241f;--gold:#efd49a;--paper:#f2eedf;--soft:#b4c2af;--entry-line:#a1b49b30}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:32px}body.landing{margin:0;background:var(--night);color:var(--paper);font:16px/1.7 'Trebuchet MS',sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.landing a{text-decoration:none}.skip-link{position:fixed;top:-100px;left:20px;padding:10px;background:var(--gold);color:var(--night);z-index:20}.skip-link:focus{top:10px}.site-header{position:absolute;z-index:3;top:0;left:0;width:100%;height:98px;display:flex;justify-content:space-between;align-items:center;padding:0 5.5%;border-bottom:1px solid var(--entry-line)}.wordmark{display:flex;align-items:center;gap:12px;font:19px/1 Georgia,serif;letter-spacing:3px;text-decoration:none}.crest{display:inline-grid;place-content:center;width:32px;height:36px;border:1px solid #cbd8a475;color:var(--gold);font:21px Georgia;clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%)}.site-header nav{display:flex;align-items:center;gap:34px;font-size:12px}.site-header nav>a:not(.nav-play){color:#d6ddca}.nav-play{border:1px solid #dfce9c75;padding:9px 18px;color:var(--gold)}.nav-play span{margin-left:24px}.hero{min-height:770px;height:min(940px,100svh);position:relative;isolation:isolate;overflow:hidden;background:var(--night)}.scene-wrap{position:absolute;inset:0 0 0 25%;z-index:-3}.scene-wrap canvas{display:block;width:100%;height:100%;image-rendering:pixelated;opacity:0;transition:opacity 1s}.scene-wrap canvas.ready{opacity:1}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#172d29 3%,#172d29f5 25%,#172d29d9 37%,#172d2980 55%,#172d2900 80%),linear-gradient(0deg,#172d29 0%,#172d2933 30%,#172d2900 70%,#172d2966)}.hero-content{position:relative;max-width:730px;margin-left:7.5%;padding-top:190px;padding-bottom:110px}.kicker{font:10px/1.6 'Courier New',monospace;letter-spacing:2px;font-weight:bold;color:#bfcca9}.tiny-spark{color:var(--gold);padding-right:8px;font-size:16px;vertical-align:middle}.hero h1{font:clamp(44px,4.4vw,72px)/1.09 Georgia,serif;letter-spacing:-2px;margin:26px 0;color:#f3efdc;font-weight:400}.hero h1 em{color:var(--gold);font-weight:400}.hero-description{font-size:15px;line-height:1.9;max-width:455px;color:#c9d2be;margin:26px 0 30px}.hero-description strong{font-weight:400;color:#f1e6c9}.hero-actions{display:flex;align-items:center;gap:30px}.gold-button{display:inline-flex;justify-content:space-between;gap:48px;align-items:center;background:var(--gold);color:var(--night);padding:16px 23px;font-size:13px;font-weight:bold;border:1px solid #ffedbe;box-shadow:0 4px 0 #8c7349;transition:transform .18s,background .18s;text-decoration:none}.gold-button:hover{transform:translateY(-2px);background:#ffe5ae}.text-link{font-size:12px;color:var(--gold);text-decoration:none}.text-link span{margin-left:13px}.text-link:hover{text-decoration:underline}.play-note{font:8px/1.8 'Courier New',monospace;letter-spacing:1px;color:#9fb099;margin-top:24px}.play-note span{padding:0 6px}.scene-caption{position:absolute;right:5.5%;bottom:125px;font-size:11px;color:#f0eccd;text-shadow:1px 2px #1b362f}.live-dot{display:inline-block;width:5px;height:5px;background:#d6e7a3;margin:0 7px 2px 0;box-shadow:0 0 0 3px #c6daa322}.caption-label{display:block;font:8px 'Courier New',monospace;letter-spacing:2px;text-align:right;margin-top:9px;color:#b0c3a0}.hero-bottom{position:absolute;bottom:0;left:5.5%;right:5.5%;display:flex;justify-content:space-between;align-items:center;height:72px;border-top:1px solid var(--entry-line);font:9px 'Courier New',monospace;letter-spacing:1.7px;color:#a6b597}.hero-bottom a{font-size:8px}.about-section{padding:96px 7.5% 85px;background:var(--paper);color:var(--night)}.section-intro{display:grid;grid-template-columns:1.1fr 1fr;column-gap:10%;align-items:end}.section-intro .kicker{grid-column:1/-1;color:#728263;margin:0 0 20px}.section-intro h2,.company-copy h2,.last-call h2{font:42px/1.15 Georgia,serif;font-weight:400;letter-spacing:-1px;margin:0}.section-intro>p:last-child{font-size:14px;color:#75806c;line-height:1.85;margin:0 0 3px;max-width:420px}.paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:50px;gap:48px}.paths article{border-top:1px solid #cdd3bc;min-width:0}.path-art{height:163px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;gap:0}.path-art:before{content:'';position:absolute;bottom:22px;left:14%;right:14%;height:3px;background:#d9ddc6}.path-art img{object-fit:contain;image-rendering:pixelated;position:relative;width:96px;height:96px;margin-left:-40px}.path-art img.house{width:192px;height:144px;margin-left:0}.path-number{font:9px/1.5 'Courier New',monospace;letter-spacing:1.4px;color:#84916f}.paths h3{font:25px Georgia,serif;font-weight:400;margin:14px 0}.paths p{font-size:13px;line-height:1.9;color:#74816a;margin:0}.sprite{width:192px;height:192px;flex:0 0 192px;background-repeat:no-repeat;image-rendering:pixelated;animation:idle 1s steps(6) infinite}.pawn{background-image:url('../assets/pixel/pawn-yellow.png')}.warrior{background-image:url('../assets/pixel/warrior-blue.png')}.archer{background-image:url('../assets/pixel/archer-purple.png');animation-delay:-.4s}.goblin{background-image:url('../assets/pixel/goblin-red.png');animation:idle-goblin 1.1s steps(7) infinite}.path-art .sprite+.sprite{margin-left:-70px}@keyframes idle{to{background-position-x:-1152px}}@keyframes idle-goblin{to{background-position-x:-1344px}}.company-section{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:95px 7.5%;align-items:center}.company-copy h2{color:#edead6;margin:22px 0}.company-copy>p:not(.kicker){font-size:14px;line-height:1.9;color:#b0c1ab;max-width:450px}.company-copy .quiet-note{font-size:11px!important;color:#819e8b!important;margin:22px 0}.party-scene{padding:28px 0;border-top:1px solid var(--entry-line);border-bottom:1px solid var(--entry-line);text-align:center;overflow:hidden}.party-topline{font:8px 'Courier New',monospace;letter-spacing:1.5px;color:#92aa91}.party{display:flex;justify-content:center;margin-top:40px;min-height:200px;gap:0}.party-member{display:flex;flex-direction:column;align-items:center;width:30%;padding-top:30px}.party-member.leader{padding-top:0}.party-member>span{font:7px 'Courier New',monospace;letter-spacing:1px;color:#a1b598;white-space:nowrap}.party-member.leader>span{color:var(--gold)}.party-scene>p{font:italic 19px Georgia,serif;color:#bdcaaa;margin:0 0 10px}.last-call{background:#203831;border-top:1px solid var(--entry-line);text-align:center;padding:70px 20px 65px}.last-call .kicker{color:#9db394}.last-call h2{font-size:46px;margin:22px 0 28px;color:#f1e9cf}.last-call>p:last-child{font-size:11px;color:#9eb096;margin:20px 0 0}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:36px 5.5%;color:#7c9989}.site-footer .wordmark{font-size:13px;color:#cfdbc3;letter-spacing:2px}.site-footer p{font-size:10px;line-height:1.8;margin:0}.site-footer p a{text-decoration:underline}.site-footer>span{font:8px 'Courier New',monospace;letter-spacing:1px}
/* Title screen shares the world's original pixel art with the landing page. */
.title-screen{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:var(--night);color:var(--paper);font-family:'Trebuchet MS',sans-serif;padding:40px 7.5% 90px;display:flex;flex-direction:column;justify-content:center}.title-screen .scene-wrap{left:20%}.title-screen .hero-shade{background:linear-gradient(90deg,#11241ff5 5%,#11241ff0 25%,#11241fb3 47%,#11241f33 80%),linear-gradient(0deg,#11241fcc,#11241f00 50%,#11241f55)}.menu-top{position:absolute;top:32px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;color:#bcccae}.menu-top a{font:11px 'Trebuchet MS',sans-serif;text-decoration:none}.menu-top>span{font:9px 'Courier New',monospace;letter-spacing:1.5px}.menu-content{width:490px;max-width:100%;margin:85px 0 60px}.menu-content .kicker{color:#bacba6;letter-spacing:3px}.menu-content h1{font:64px/1.1 Georgia,serif;font-weight:400;letter-spacing:2px;margin:16px 0;color:var(--gold);text-shadow:0 4px 0 #0c211a}.menu-subtitle{font:italic 20px Georgia,serif;color:#c2d0b7;margin:0 0 39px}.menu-options{width:318px;max-width:100%;display:flex;flex-direction:column;gap:11px}.menu-options button{font:14px 'Trebuchet MS',sans-serif;display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:14px 21px;text-align:left;border:1px solid #a1b49b66;color:#e1e7cc;background:#17342ce6;transition:transform .15s,background .15s}.menu-options button:hover:not(:disabled){transform:translateX(4px);background:#2d493c;filter:none}.menu-options button:disabled{opacity:.38;cursor:default}.menu-options .menu-primary{background:var(--gold);border-color:#fae9bd;color:#203a2c;box-shadow:0 3px 0 #8c7349}.menu-options .menu-primary:hover:not(:disabled){background:#ffe5af}.menu-options button>span:last-child{font-size:12px}.save-summary{font:11px/1.8 'Trebuchet MS',sans-serif;color:#abc0a0;max-width:318px;margin:22px 0 0;min-height:40px}.menu-bottom{position:absolute;bottom:28px;left:5%;right:5%;display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--entry-line);padding-top:22px;font:9px/1.7 'Courier New',monospace;color:#a3b599}.menu-bottom>span:last-child{text-align:right}.menu-button{font-size:12px!important;letter-spacing:.4px;padding:9px 13px!important;border:1px solid #b0bd9d!important;background:#e8eddd!important;color:#405939!important;margin-left:20px}.menu-active #dev{display:none}.menu-active{background:var(--night)}
@media(min-width:1700px){.hero-content{padding-top:220px}.hero{height:940px}}
@media(max-width:1050px){.hero-content{margin-left:6%;padding-top:190px}.hero h1{font-size:53px}.hero{min-height:760px}.hero-shade{background:linear-gradient(90deg,#172d29fa 0%,#172d29de 35%,#172d2966 72%),linear-gradient(0deg,#172d29,transparent 55%)}.scene-caption{bottom:110px}.section-intro h2,.company-copy h2{font-size:34px}.paths{gap:25px}.party-member>span{font-size:6px;letter-spacing:0}.company-section{gap:4%}.menu-content h1{font-size:58px}}
@media(max-width:700px){.site-header{height:78px;padding:0 6%}.wordmark{font-size:15px;letter-spacing:2px;gap:8px}.crest{width:27px;height:31px;font-size:18px}.site-header nav{gap:0}.site-header nav>a:not(.nav-play){display:none}.nav-play{font-size:10px;padding:8px 11px}.nav-play span{margin-left:13px}.hero{height:auto;min-height:840px}.scene-wrap{inset:0 0 0 0}.hero-shade{background:linear-gradient(180deg,#172d29d9 0%,#172d29cf 40%,#172d2966 69%,#172d29 94%)}.hero-content{margin:0;padding:137px 7% 170px;max-width:550px}.hero .kicker{font-size:8px;letter-spacing:1.25px}.hero h1{font-size:43px;letter-spacing:-1.6px;margin:23px 0}.hero-description{font-size:13px;line-height:1.9;max-width:370px;margin:24px 0 28px}.hero-actions{gap:25px;flex-wrap:wrap}.gold-button{padding:15px 20px;font-size:12px;gap:30px}.hero-actions .text-link{font-size:11px}.play-note{font-size:7px;letter-spacing:.5px;margin-top:24px}.play-note span{padding:0 2px}.scene-caption{right:7%;bottom:105px;font-size:10px}.caption-label{font-size:7px}.hero-bottom{left:7%;right:7%;font-size:7px;letter-spacing:.8px;height:64px}.hero-bottom a{font-size:7px;max-width:94px;text-align:right;line-height:1.8}.about-section{padding:60px 7%}.section-intro{display:block}.section-intro h2{font-size:33px}.section-intro>p:last-child{font-size:13px;margin:24px 0 0}.paths{grid-template-columns:1fr;gap:35px;margin-top:35px}.paths article{padding-bottom:0}.path-art{height:150px;justify-content:flex-start;padding-left:25px}.path-art:before{left:0;right:0;bottom:18px}.paths h3{font-size:26px}.paths p{max-width:400px}.company-section{grid-template-columns:1fr;padding:60px 7%;gap:40px}.company-copy h2{font-size:33px}.company-copy>p:not(.kicker){font-size:13px}.party{margin-top:30px;min-height:180px}.party-member>span{font-size:6px;letter-spacing:.2px}.last-call{padding:54px 7%}.last-call .kicker{font-size:8px;letter-spacing:1.2px}.last-call h2{font-size:34px}.site-footer{padding:30px 7%;flex-wrap:wrap;align-items:flex-start;gap:25px}.site-footer>span{display:none}.site-footer p{font-size:9px}.title-screen{padding:40px 8% 115px;min-height:100svh}.title-screen .scene-wrap{left:0}.title-screen .hero-shade{background:linear-gradient(90deg,#11241fe6,#11241fa6),linear-gradient(0deg,#11241f,transparent 45%)}.menu-top{top:26px;left:8%;right:8%}.menu-top>span{font-size:7px;letter-spacing:.5px}.menu-content{margin:95px 0 30px;width:100%}.menu-content h1{font-size:clamp(36px,10vw,58px);letter-spacing:1px}.menu-content .kicker{font-size:8px;letter-spacing:2px}.menu-subtitle{font-size:17px;margin-bottom:30px}.menu-options{width:100%}.menu-options button{min-height:55px;font-size:14px}.menu-bottom{left:8%;right:8%;bottom:24px;font-size:7px;gap:18px}.menu-button{margin-left:auto;font-size:10px!important;padding:8px 10px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Wallet connection is optional and visually separate from quest currency. */
.wallet-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid #bba87788;background:#17332deb;color:#eddbaf;font:11px/1.4 'Trebuchet MS',sans-serif;cursor:pointer;white-space:nowrap;min-height:38px;transition:background .15s}.wallet-button:hover{background:#2e483b;filter:none}.wallet-button:disabled{opacity:.65;cursor:wait}.wallet-button.wallet-connected{border-color:#a6bf89;color:#cbdcba}.wallet-symbol{font-size:16px;line-height:1}.site-header nav{gap:24px}.wallet-notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:1100;max-width:calc(100% - 32px);width:440px;background:#f0e3bf;color:#263b2d;border:1px solid #c6b17b;padding:16px 20px;box-shadow:0 8px 24px #0005;font:13px/1.6 'Trebuchet MS',sans-serif}.menu-wallet{margin-top:20px}.menu-wallet p,.reward-wallet p{font:10px/1.7 'Trebuchet MS',sans-serif;color:#aec0a5;max-width:290px;margin:9px 0 0}.header>.wallet-button{margin-left:18px;color:#42583e;border-color:#adba9b;background:#eef0df}.rewards-section{padding:80px 7.5%;background:#243c31;color:#efe7c9;display:grid;grid-template-columns:1fr 1fr;gap:45px 9%;border-top:1px solid #486045}.rewards-intro .kicker{color:#cbbb84}.rewards-intro h2{font:42px/1.15 Georgia,serif;letter-spacing:-1px;font-weight:400;margin:22px 0}.rewards-intro h2 em{color:var(--gold);font-weight:400}.rewards-intro>p:not(.kicker){font-size:14px;line-height:1.85;color:#b5c4aa;max-width:420px}.rewards-intro>.text-link{display:inline-block;margin-top:12px}.rewards-ledger{align-self:center;border-top:1px solid #b8bd8655;border-bottom:1px solid #b8bd8655;padding:22px 0}.ledger-heading{display:flex;justify-content:space-between;gap:16px;font:8px/1.7 'Courier New',monospace;letter-spacing:1.25px;color:#a8b795}#questRewards{padding:0;margin:12px 0 0;list-style:none}#questRewards li{display:flex;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid #adb78422}#questRewards li>span{font:10px 'Courier New',monospace;color:#7e977b}#questRewards strong{font:17px Georgia,serif;flex:1}#questRewards b{font:12px 'Courier New',monospace;color:var(--gold);white-space:nowrap}.ledger-note{font-size:10px;color:#97aa8d;margin:16px 0 0}.token-roadmap{grid-column:1/-1;display:flex;justify-content:space-between;gap:48px;align-items:center;border-top:1px solid #adb78433;padding-top:30px}.roadmap-tag{font:8px 'Courier New',monospace;letter-spacing:1.5px;color:#bdae86}.token-roadmap h3{font:24px Georgia,serif;font-weight:400;margin:13px 0}.token-roadmap p{font-size:12px;line-height:1.85;color:#a7bba1;max-width:650px;margin:0}.reward-wallet{flex:0 0 220px}.reward-wallet p{font-size:10px;margin-top:10px}.menu-content{margin-top:80px;margin-bottom:25px}
@media(max-width:1050px){.site-header nav{gap:16px}.header>.wallet-button{font-size:10px;padding:9px;margin-left:12px}.rewards-section{gap:36px 5%}.rewards-intro h2{font-size:36px}}
@media(max-width:700px){.site-header nav{gap:10px}.site-header .wallet-button{font-size:9px;padding:8px;gap:4px;min-height:34px}.site-header .wallet-symbol{display:none}.site-header .nav-play{padding:8px;font-size:9px}.site-header .nav-play span{display:none}.site-header .wordmark{font-size:13px;letter-spacing:1.2px}.site-header{padding:0 5%}.menu-content{margin-top:80px;margin-bottom:25px}.menu-wallet{margin-top:18px}.menu-wallet p{font-size:9px}.header>.wallet-button{margin-left:auto;font-size:9px;padding:8px;gap:4px}.header>.wallet-button .wallet-symbol{display:none}.header>.menu-button{margin-left:7px}.rewards-section{grid-template-columns:1fr;padding:55px 7%;gap:30px}.rewards-intro h2{font-size:34px}.rewards-intro>p:not(.kicker){font-size:13px}.rewards-ledger{padding:20px 0}#questRewards li{gap:12px}#questRewards strong{font-size:16px}#questRewards b{font-size:11px}.token-roadmap{display:block;padding-top:25px}.reward-wallet{margin-top:24px}.reward-wallet p{font-size:10px}.menu-bottom{position:static;margin-top:auto;flex-shrink:0;padding-top:18px}.title-screen{padding-bottom:24px}.menu-content h1{margin-top:14px}.menu-subtitle{margin-bottom:24px}}
@media(max-width:760px){.header .topnav{display:none}.header .brand{gap:8px}.header>.wallet-button{margin-left:auto;flex-shrink:0}.header>.menu-button{flex-shrink:0;white-space:nowrap;margin-left:7px}}
@media(max-width:400px){.header .brand div{font-size:15px;letter-spacing:1px}.header .brand span{display:none}.header .brand svg{width:23px}.header{padding:0 12px}}