@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Press+Start+2P&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--ink:#100f0d;--paper:#eadfc4;--muted:#a49c88;--gold:#e0af43;--mint:#8dd98b;--line:rgba(224,175,67,.22);--panel:#181714;--green:#10261d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Space Grotesk,Arial,sans-serif}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer}.shell{width:85%;margin:auto}.hero{min-height:100vh;position:relative;overflow:hidden;background:#16416b;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-background{position:absolute;inset:0;background-color:#16416b;background-image:url(/bg1.webp);background-position:50%;background-size:cover;background-repeat:no-repeat;opacity:.65}.nav{height:8vh;width:100vw;padding:0 20px;justify-content:space-between;position:fixed;z-index:3;background:#100f0e}.nav,.wordmark{display:flex;align-items:center}.wordmark{gap:10px;font-family:Press Start\ 2P,monospace;font-size:11px;letter-spacing:.15em}.dot{color:var(--gold)}.nav-links{display:flex;align-items:center;gap:31px;color:#ded5bb;font-family:Press Start\ 2P,monospace;font-size:8px;text-transform:uppercase}.nav-links a:hover{color:var(--gold)}.nav-button{border:0;background:none;text-transform:uppercase;font-family:inherit;font-size:8px}.nav-button span{color:var(--gold);margin-left:4px}.header-play-button{display:flex;align-items:center;justify-content:center;order:4;background:var(--gold);color:#17120a;padding:11px 14px;font-family:Press Start\ 2P,monospace;font-size:8px}.header-play-button:hover{color:#100f0d!important;background:#f1cc70!important}.header-play-button span{margin-left:6px}.menu-button{display:none;background:none;border:0;font-size:20px}.hero-content{position:relative;z-index:2;text-align:center;padding-top:41px}.eyebrow{font-family:Press Start\ 2P,monospace;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#e6dbbe;margin:0 0 25px;line-height:1.8}.spark{color:var(--mint);padding:0 8px}.plonk-logo{display:block;width:min(720px,76vw);height:auto;margin:0 auto}.hero h1{font-family:Press Start\ 2P,monospace;font-size:clamp(19px,2.4vw,32px);line-height:1.55;letter-spacing:-.04em;margin:28px 0 17px;text-shadow:3px 3px rgba(0,0,0,.4)}.hero-copy{color:#f0e5ca;line-height:1.8;font-size:13px;margin:0 auto 20px}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.primary-button,.secondary-button{padding:16px 24px;text-transform:uppercase;letter-spacing:.09em;font-family:Press Start\ 2P,monospace;font-size:9px;transition:transform .15s;display:flex;align-items:center;justify-content:center}.primary-button{background:var(--gold);color:#17120a;border:2px solid #f1cc70;padding:21px 38px;font-size:11px}.secondary-button{border:1px solid var(--gold);background:#171613;color:#f1e5c6;font-size:8px}.primary-button:hover,.secondary-button:hover{transform:translateY(2px)}.primary-button span,.secondary-button span{margin-left:14px;color:inherit}.hero-meta{margin-top:29px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;font-family:Press Start\ 2P,monospace;font-size:7px;color:#d6d0b6;text-transform:uppercase}.status-dot{display:inline-block;width:7px;height:7px;background:#86dc91;margin-right:5px}.feature-strip{background:var(--gold);color:#21180c;font-family:Press Start\ 2P,monospace;font-size:8px;overflow:hidden}.strip-items{display:flex;justify-content:space-between;gap:20px;padding:11px 0;white-space:nowrap}.strip-items i{font-style:normal}.section{padding:80px 0;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.loop-section{background:#100f0d}.roadmap-heading,.split-heading{display:flex;flex-direction:column;gap:32px}.section-blurb{width:275px;color:var(--muted);font-size:13px;line-height:1.7;margin:0}.section-blurb p{margin:0}.gold{color:var(--gold)}h2{font-family:Press Start\ 2P,monospace;font-weight:400;font-size:clamp(27px,4vw,53px);line-height:1.35;letter-spacing:-.07em;margin:0}.text-link,h2 em{color:var(--gold)}.text-link{display:inline-block;font-family:Press Start\ 2P,monospace;font-size:8px;text-transform:uppercase;margin-top:28px}.text-link span{font-size:15px;margin-left:8px}.loop-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);margin-top:50px}.loop-card{min-height:222px;text-align:center;padding:18px 18px 14px;border-right:1px solid var(--line)}.loop-card:last-child{border-right:0}.loop-art{display:block;height:96px;width:100%;object-fit:contain;object-position:center;background:transparent;margin-bottom:18px}.loop-number{color:var(--gold);font-size:7px}.loop-card h3,.loop-number{font-family:Press Start\ 2P,monospace}.loop-card h3{font-size:13px;margin:10px 0 11px}.loop-card p{color:#a8a08e;line-height:1.6;font-size:10px;margin:0}.world-section{background:var(--green);background-image:url(/bg2.webp);background-position:50%;background-size:cover;background-repeat:no-repeat;padding:80px 0 75px;min-height:100vh;flex-direction:column}.world-layout,.world-section{display:flex;justify-content:center;align-items:center}.world-layout{gap:40px}.world h2{color:var(--paper);margin-bottom:17px}.body-copy{font-size:13px;line-height:1.7;color:#aaa694;max-width:370px}.zone-list{margin-top:25px}.zone-list div{border-bottom:1px solid hsla(43,42%,88%,.09);padding:7px 0;font-size:12px;color:#c6bba0}.zone-list span{color:var(--gold);padding-right:10px}.world-art{min-height:425px;position:relative}.world-art-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.art-label{position:absolute;right:16px;bottom:0;width:235px;background:rgba(16,15,13,.9);padding:18px 22px}.art-label span{display:block;color:var(--gold);font-family:Press Start\ 2P,monospace;font-size:7px;text-transform:uppercase;margin-bottom:11px}.art-label b{font-size:12px;font-weight:500;line-height:1.5}.art-label i{position:absolute;right:18px;bottom:18px;color:var(--gold);font-size:20px;font-style:normal}.economy-section{background:#100f0d}.center-heading{text-align:center}.center-heading h2{font-size:clamp(28px,4vw,49px)}.center-heading p:last-child{font-size:12px;line-height:1.7;color:var(--muted)}.economy-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;width:min(930px,100%);margin:45px auto 0}.economy-card{border:1px solid var(--line);background:#151511;min-height:200px;padding:20px;position:relative}.economy-card-title{display:block;color:var(--gold);font-family:Georgia,serif;font-size:24px;font-weight:400;margin:18px 0 14px}.economy-card-title.mint{color:var(--mint)}.economy-card>p:not(.card-kicker){color:var(--muted);font-size:12px;line-height:1.7;margin:0;max-width:260px}.card-kicker{font-family:Press Start\ 2P,monospace;font-size:7px;color:#c7b78e;margin:0 0 24px}.stats-section{background:#d8ceb4;color:#5f5543;padding:78px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{border-right:1px solid rgba(56,45,30,.2);padding:0 28px}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat>b{font-family:Consoleified,Press Start\ 2P,monospace;font-size:68px;font-weight:400;color:#a37b59}.stat h3{font-family:Press Start\ 2P,monospace;font-size:10px;text-transform:uppercase;line-height:1.7;color:#4f4637;margin:7px 0 17px}.stat p{font-size:13px;line-height:1.7;color:#857b68;max-width:180px}.roadmap-section{background:#100f0d}.roadmap-heading .section-blurb{width:260px}.roadmap-list{border-top:1px solid var(--line);margin-top:40px}.roadmap-list>div{display:grid;grid-template-columns:135px 1fr 1.2fr;grid-gap:15px;gap:15px;align-items:center;border-bottom:1px solid rgba(224,175,67,.12);padding:12px 0}.roadmap-status{color:var(--mint);font-family:Press Start\ 2P,monospace;font-size:7px;text-transform:uppercase}.roadmap-status.later{color:#958d78}.roadmap-list b{font-size:12px;font-weight:500}.roadmap-list p{font-size:10px;color:var(--muted);margin:0}.footer{background:#100f0d;border-top:1px solid hsla(43,42%,88%,.1);padding:27px 0 18px;width:90%;margin:auto}.footer-inner{display:flex;align-items:center;justify-content:space-between}.copyright,.footer p{font-family:DM Mono,monospace;font-size:10px;color:#777263}.footer-links{display:flex;gap:20px;font-family:Press Start\ 2P,monospace;font-size:7px;color:#b5a98c;text-transform:uppercase}.copyright{text-align:center;margin:28px 0 0}.modal-backdrop{position:fixed;inset:0;background:rgba(9,9,8,.82);z-index:10;display:grid;place-items:center;padding:20px}.modal{width:min(480px,100%);background:#171613;border:1px solid var(--gold);padding:35px;position:relative}.modal h2{font-size:25px}.modal p:not(.eyebrow){color:var(--muted);line-height:1.7;font-size:13px}.modal-close{position:absolute;top:13px;right:17px;background:none;border:0;font-size:24px;color:var(--gold)}@media (max-width:800px){.shell{width:min(100% - 36px,600px)}.nav{justify-content:center;width:100%}.nav .wordmark{text-align:center}.nav-links{display:none}.nav-links.is-open{display:flex;position:fixed;top:0;right:0;bottom:0;width:min(78vw,320px);padding:96px 30px 30px;background:#100f0e;border-left:1px solid var(--gold);flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:28px;z-index:4}.nav-links.is-open .nav-button,.nav-links.is-open a{font-size:10px}.nav-links.is-open .header-play-button{width:100%;text-align:center;margin-top:10px}.menu-button{display:block;position:absolute;right:0;z-index:5}.hero{min-height:690px}.hero-content{padding-top:48px}.plonk-logo{width:82vw}.hero h1{font-size:17px}.hero-copy{font-size:11px}.desktop{display:none}.hero-actions{flex-direction:column;align-items:center}.hero-meta{gap:10px;font-size:6px}.strip-items{overflow:hidden;justify-content:flex-start;min-width:900px}.section{padding:65px 0}.roadmap-heading,.split-heading{display:block;text-align:center}.roadmap-heading .section-blurb,.section-blurb{width:auto;margin-top:25px;margin-left:auto;margin-right:auto}.loop-grid{grid-template-columns:1fr 1fr}.loop-card{border-bottom:1px solid var(--line);min-height:205px}.loop-card:nth-child(2){border-right:0}.loop-card:last-child{grid-column:1/-1;border-right:0}.world-layout{display:block}.world-copy{padding-right:0;padding-bottom:40px;text-align:center}.world-copy .body-copy{margin-left:auto;margin-right:auto}.world-art,.world-art-image{min-height:335px}.economy-grid{grid-template-columns:1fr}.economy-card{text-align:center}.economy-card>p:not(.card-kicker){margin-left:auto;margin-right:auto}.stats-grid{grid-template-columns:1fr 1fr;gap:30px;text-align:center}.stat>b{font-size:48px}.stat{padding:0;border-right:0}.stat:nth-child(2n){border-left:0;padding-left:0}.stat p{margin-left:auto;margin-right:auto}.stat:first-child{padding-left:0}.roadmap-list>div{grid-template-columns:1fr;gap:7px;justify-items:center}.footer-inner{display:flex;gap:20px;justify-items:center;align-items:center;flex-direction:column;text-align:center;margin-bottom:24px}.footer p{margin:0}.footer-links{flex-wrap:wrap;justify-content:center}}