@font-face{font-family:DocPixel;src:url('/assets/supplied/fonts/PixeloidSans.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#edf1d8;color:#314c49;font-family:Nunito,system-ui,sans-serif;line-height:1.7}a{color:#2c6869;text-underline-offset:4px}header{position:sticky;top:0;z-index:2;background:#fff6df;border-bottom:3px solid #3f5f53;padding:16px max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 5px #bec99d55}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font:32px Pixel,DocPixel,monospace;color:#294e49}.brand img{width:60px;height:60px;object-fit:contain;image-rendering:pixelated}.brand small{display:block;font:10px Silk,monospace;letter-spacing:1px;margin-top:8px}header nav{display:flex;gap:22px;align-items:center}header nav a{font-size:13px;font-weight:800}.play{padding:9px 16px;background:#f7cf73;border:2px solid #775f36;box-shadow:3px 3px #b69d60;text-decoration:none;white-space:nowrap}.layout{display:grid;grid-template-columns:220px minmax(0,900px);gap:40px;max-width:1240px;margin:32px auto;padding:0 24px}aside{position:sticky;top:125px;height:calc(100vh - 150px);overflow:auto;padding:10px 8px 25px 0}aside a{display:block;padding:8px 12px;border-left:3px solid #afbf8e;text-decoration:none;font-size:13px}aside a:hover{background:#dce6bf;border-color:#436c58}.eyebrow{font:10px Silk,monospace;letter-spacing:1px;color:#7f8a55;margin:0 0 18px}.hero{position:relative;background:#315e59;color:#fff5db;border:4px solid #254742;box-shadow:6px 6px #aebf91;padding:38px 32px;margin-bottom:42px;overflow:hidden}.hero>span{font:10px Silk,monospace;color:#efcc75}.hero h1{font:56px/1 Pixel,DocPixel,monospace;margin:22px 0}.hero p{max-width:65%;font-size:15px}.hero img{position:absolute;right:24px;top:65px;width:170px;image-rendering:pixelated;opacity:.95}section{background:#fff9e8;border:2px solid #9bab7d;padding:32px;margin-bottom:26px;box-shadow:4px 4px #c6d0a4}h2{font:34px/1.1 Pixel,DocPixel,monospace;color:#315e59;margin:10px 0}h3{font:25px Pixel,DocPixel,monospace;margin:28px 0 8px}.intro{color:#8d744b;font-size:17px;margin:10px 0 24px}p,li,dd{font-size:15px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.tiles>div{border:2px solid #b8c698;background:#edf1d8;padding:16px}.tiles b{font:20px Pixel,DocPixel,monospace}.tiles p{font-size:13px;margin-bottom:0}.note{background:#f9edbe;border-left:5px solid #bf934a;padding:17px 20px;font-size:14px;margin:24px 0}.controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#e5edcf;padding:20px;border:2px solid #9eaf7c}kbd{font:16px Pixel,monospace;background:#fff9e8;padding:4px 8px;border:1px solid #92a37a}.controls span{font-size:13px}dt{font-weight:900;color:#3c6f5d;margin-top:18px}dd{margin:4px 0 0}.links{display:flex;flex-direction:column;gap:12px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:13px;border-bottom:1px solid #bdc9a2}th{background:#e2e9ca}footer{padding:20px 0 45px;color:#77845d;font-size:13px}@media(max-width:850px){.layout{grid-template-columns:1fr;gap:20px}aside{position:static;height:auto;display:flex;flex-wrap:wrap;gap:5px}aside>.eyebrow{width:100%}aside a{font-size:11px;padding:5px 8px}header nav>a:first-child{display:none}.hero h1{font-size:44px}.hero img{width:120px;right:15px;top:80px}}@media(max-width:560px){header{padding:10px 16px}.brand{font-size:26px}.brand img{width:44px;height:44px}.brand small{font-size:7px}.play{font-size:10px;padding:8px}.layout{padding:0 14px;margin-top:18px}section{padding:22px 18px}.tiles,.controls{grid-template-columns:1fr}.hero{padding:25px 20px}.hero h1{font-size:38px}.hero img{position:static;width:95px}.hero p{max-width:100%}table{font-size:11px}th,td{padding:8px}}

.token-contract{border:2px solid #9bab7d;background:#e5edcf;padding:18px;margin:20px 0}.token-contract input{width:100%;padding:12px;margin:12px 0;background:#fff9e8;border:2px solid #729178;color:#294e49;font:13px monospace}.token-contract button{padding:10px 16px;margin-right:14px;background:#f7cf73;border:2px solid #775f36;color:#294e49;cursor:pointer;font-weight:bold}
