@font-face{font-family:QuackPixel;src:url('assets/quack-pixel.ttf') format('truetype');font-display:swap}
:root{--lime:#ccff00;--cream:#f5efd9;--ink:#101912;--dark:#121d18;--orange:#ff941f;--blue:#76d4f0;--pixel:QuackPixel,'Courier New',monospace}
*{box-sizing:border-box}body{margin:0;background:var(--lime);color:var(--cream);font-family:'Courier New',monospace;font-weight:700}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px dashed var(--blue);outline-offset:5px}button:disabled{cursor:wait;opacity:.65}img{image-rendering:pixelated}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}[hidden]{display:none!important}
#pond{position:fixed;inset:0;width:100%;height:100%;z-index:-1;background:var(--lime)}.stage{min-height:100svh;display:grid;place-items:center;padding:44px 20px 70px}.window-wrap{width:min(760px,100%);filter:drop-shadow(7px 8px 0 #17210e);transition:width .15s steps(3)}.window-wrap.expanded{width:min(940px,100%)}.pixel-window{background:var(--cream);border:6px solid #0c120c;padding:0 8px 8px;clip-path:polygon(0 16px,5px 16px,5px 7px,14px 7px,14px 0,calc(100% - 14px) 0,calc(100% - 14px) 7px,calc(100% - 5px) 7px,calc(100% - 5px) 16px,100% 16px,100% calc(100% - 14px),calc(100% - 6px) calc(100% - 14px),calc(100% - 6px) calc(100% - 6px),calc(100% - 14px) calc(100% - 6px),calc(100% - 14px) 100%,14px 100%,14px calc(100% - 6px),6px calc(100% - 6px),6px calc(100% - 14px),0 calc(100% - 14px))}
.titlebar{height:33px;display:flex;align-items:center;justify-content:space-between;color:#151b11;padding:0 13px 0 10px;gap:10px}.app-name{font:18px var(--pixel);display:flex;align-items:center;gap:8px}.app-name img{width:20px;height:20px}.window-controls{display:flex;gap:4px}.window-controls button{width:27px;height:26px;display:grid;place-items:center;padding:0;background:var(--cream);border:2px solid #182011;box-shadow:inset 2px 2px #fffdf0,inset -2px -2px #bcb59f;color:#172011}.window-controls button:active{box-shadow:inset 2px 2px #bcb59f}.min-icon{width:14px;height:3px;background:#172011;align-self:end;margin-bottom:5px}.max-icon{width:15px;height:14px;border:2px solid #172011;border-top-width:4px}.close-icon{font:29px/20px 'Courier New',monospace;font-weight:bold;transform:translateY(-1px)}
.window-content{background:var(--dark);border:4px solid #0b110d;padding:17px 18px 10px;box-shadow:inset 0 0 0 2px #26352b}.hero{display:grid;grid-template-columns:minmax(0,1fr) 196px;gap:22px;align-items:center;padding:0 0 17px}.hero-copy{text-align:center}h1{margin:0;line-height:0}.wordmark{display:block;width:100%;height:auto;max-height:129px;object-fit:contain}.supply-line{display:flex;align-items:center;justify-content:center;gap:11px;font:20px var(--pixel);margin:0 0 13px;white-space:nowrap}.supply-line img{width:23px;height:auto}.supply-line img:last-child{transform:scaleX(-1)}.mint-plaque{position:relative;margin:0 3px;padding:8px 12px 7px;color:#161c11;background:var(--cream);font:32px var(--pixel);box-shadow:0 4px #98917e,inset 0 3px #fffef4,inset 0 -3px #d8c9a6;clip-path:polygon(0 7px,6px 7px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 7px,100% 7px,100% calc(100% - 7px),calc(100% - 6px) calc(100% - 7px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 7px),0 calc(100% - 7px))}.mint-plaque:before,.mint-plaque:after{content:'';position:absolute;top:9px;bottom:9px;width:3px;background:#d1bb8d}.mint-plaque:before{left:8px}.mint-plaque:after{right:8px}.tagline{font-size:18px;letter-spacing:-.5px;margin:14px 0 1px}.tagline strong{color:var(--lime)}
.feature-card{position:relative;background:transparent;border:0;padding:5px 0 20px;color:var(--ink);width:196px}.portrait-frame{padding:5px;background:#eaf1df;border:3px solid #050a07;box-shadow:3px 3px #050a07, inset 2px 2px #fffef4}.portrait-frame img{display:block;width:100%;height:auto}.portrait-label{text-align:center;position:absolute;left:9px;right:6px;bottom:15px;padding:8px 1px 6px;background:var(--cream);border:3px solid #151c11;box-shadow:2px 3px #080e0a;font:14px var(--pixel)}
.mint-clock{position:relative;isolation:isolate;background:var(--cream);color:#141d11;padding:12px 70px 17px;border:3px solid #bbb292;box-shadow:0 0 0 3px #fff9e5,inset 0 3px #fffef4;margin:4px 5px 23px;text-align:center;min-height:145px}.mint-clock h2{font:20px var(--pixel);margin:0 0 9px}.countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:390px;margin:auto}.countdown>div{display:grid;gap:5px}.digit{font:36px/1 var(--pixel);color:var(--lime);background:#121c16;border:3px solid #0c130e;padding:9px 3px 5px;box-shadow:inset 2px 2px #2c3c2d;clip-path:polygon(0 5px,5px 5px,5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px))}.unit{font:12px var(--pixel)}.mint-date{font:12px 'Courier New',monospace;font-weight:bold;margin:9px 0 0;color:#5d6650}.pond-corner{position:absolute;bottom:4px;display:flex;align-items:end;z-index:-1;gap:0}.pond-left{left:0}.pond-right{right:0}.pond-corner .reeds{width:39px;height:auto}.pond-corner .duckling{width:30px;height:auto;margin-left:-7px}.pond-right .duckling{transform:scaleX(-1);margin-right:-7px;margin-left:0}.pond-right .reeds{transform:scaleX(-1)}.grass{position:absolute;left:-1px;right:-1px;bottom:0;height:4px;background:#92c626;z-index:-1}
.action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.chunky-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:57px;padding:9px 6px 10px;border:3px solid #eef3d8;outline:3px solid #09120a;color:#121a0d;font:16px var(--pixel);box-shadow:inset 2px 2px #faffd6,inset -3px -4px #709800,3px 4px #080e08;white-space:nowrap}.chunky-button svg{width:26px;height:26px;flex-shrink:0;shape-rendering:crispEdges}.chunky-button.lime{background:var(--lime)}.chunky-button.orange{background:var(--orange);box-shadow:inset 2px 2px #ffde8a,inset -3px -4px #b56519,3px 4px #080e08}.chunky-button.blue{background:var(--blue);box-shadow:inset 2px 2px #c4f7ff,inset -3px -4px #418caa,3px 4px #080e08}.chunky-button:hover{filter:brightness(1.09)}.chunky-button:active{transform:translate(2px,2px);box-shadow:inset 2px 2px #445b28}.window-footer{margin-top:17px}.flock-motto{display:flex;align-items:center;justify-content:center;gap:18px}.flock-motto>span{width:68px;height:2px;background:#a5b1a2}.flock-motto p{font:11px/1.5 var(--pixel);text-align:center;color:#bae1de;letter-spacing:1px;margin:0}.footer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:0;font:10px var(--pixel);letter-spacing:.5px}.footer-bottom a{color:#e7ecd9;text-decoration:none;font-size:9px}.footer-bottom a:hover{color:var(--lime)}.pixel-heart{font:25px/1 'Courier New',monospace;color:var(--lime);margin-left:52px}
.motion-toggle{position:fixed;bottom:16px;left:18px;z-index:2;display:flex;align-items:center;gap:8px;padding:9px 12px;background:#172010;color:var(--cream);border:2px solid #f1efd5;box-shadow:3px 3px #111a0e;font:12px var(--pixel)}#motion-symbol{font:18px/12px monospace;color:var(--lime)}.desktop-caption{position:fixed;bottom:21px;right:18px;background:var(--lime);padding:4px;color:#253417;font:12px var(--pixel)}.desktop-icon{background:#14200a;border:3px solid var(--cream);box-shadow:6px 6px #17200c;color:var(--cream);padding:20px;display:grid;place-items:center;gap:15px}.desktop-icon img{image-rendering:pixelated}.desktop-icon span{font:20px var(--pixel)}.desktop-icon small{font-size:13px}.window-wrap.minimized .window-content{display:none}.window-wrap.minimized{max-width:410px}.window-wrap.minimized .pixel-window{padding-bottom:5px}
.pixel-dialog{background:var(--cream);color:#111b10;border:5px solid #11190d;padding:0;box-shadow:7px 8px #060b07;width:min(530px,calc(100vw - 32px));max-height:85svh}.pixel-dialog::backdrop{background:#08170ac9}.dialog-titlebar{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:3px solid #1c2717;background:var(--cream);position:sticky;top:0;z-index:2}.dialog-titlebar h2{font:18px var(--pixel);margin:0}.dialog-close{font:bold 23px/20px 'Courier New',monospace;background:var(--cream);border:2px solid #1c2717;color:#111b10;width:27px;height:26px;box-shadow:inset 2px 2px #fffef4;padding:0}.dialog-body{padding:22px}.dialog-body h3{font:23px/1.4 var(--pixel);margin:0 0 20px}.dialog-body p{font-size:15px;line-height:1.6}.dialog-body .note{color:#607050;font-size:13px}.mint-steps{counter-reset:steps;list-style:none;padding:0;margin:0;display:grid;gap:17px}.mint-steps li{display:grid;grid-template-columns:30px 1fr;gap:12px;line-height:1.5;font-size:14px}.mint-steps li:before{counter-increment:steps;content:counter(steps);font:22px var(--pixel);color:#d5ff09;background:#172310;padding:4px;text-align:center;align-self:start}.mint-steps strong{display:block}.modal-action{background:var(--lime);border:3px solid #162111;box-shadow:3px 3px #5b7631;padding:10px 15px;font:15px var(--pixel);color:#15200d;margin-top:12px}.download-links{display:grid;gap:14px}.download-links a{background:#172311;color:var(--lime);border:3px solid #4d622c;padding:14px;text-decoration:none;font:15px var(--pixel)}.wallet-address{word-break:break-all;padding:10px;background:#e7e0c7;font-size:13px}
@media(min-width:1700px){.window-wrap{width:800px}.hero{grid-template-columns:minmax(0,1fr) 210px}.feature-card{width:210px}.wordmark{max-height:137px}.window-content{padding:20px 22px 12px}}
@media(max-width:700px){.stage{padding:28px 15px 75px}.window-content{padding:14px 13px 10px}.hero{grid-template-columns:minmax(0,1fr) 155px;gap:13px}.feature-card{width:155px}.supply-line{font-size:15px;gap:6px}.supply-line img{width:17px}.mint-plaque{font-size:25px}.tagline{font-size:15px}.portrait-label{font-size:11px;padding-top:7px}.action-row{gap:9px}.chunky-button{font-size:13px;gap:6px}.chunky-button svg{width:22px;height:22px}.mint-clock{padding-left:50px;padding-right:50px}.mint-clock h2{font-size:17px}.footer-bottom{font-size:9px}.footer-bottom a{font-size:8px}.pixel-heart{margin-left:15px}.desktop-caption{font-size:10px}}
@media(max-width:470px){.stage{padding:20px 11px 77px}.pixel-window{border-width:4px;padding:0 5px 6px}.titlebar{padding:0 8px 0 6px;height:33px}.app-name{font-size:15px;gap:5px}.app-name img{width:17px;height:17px}.window-controls button{width:24px;height:24px}.window-content{padding:13px 11px 10px;border-width:3px}.hero{grid-template-columns:minmax(0,1fr) 108px;gap:9px;padding-bottom:15px}.feature-card{width:108px;padding-bottom:17px}.portrait-frame{padding:3px;border-width:2px;box-shadow:2px 2px #050a07}.portrait-label{left:2px;right:0;bottom:14px;font-size:8px;letter-spacing:-.4px;border-width:2px;padding:6px 0 5px}.supply-line{font-size:12px;gap:3px;margin-bottom:9px}.supply-line img{width:13px}.mint-plaque{font-size:23px;padding:7px 6px}.tagline{font-size:11px;letter-spacing:-.4px;margin-top:10px}.mint-clock{padding:11px 17px 17px;min-height:134px;margin:3px 4px 19px}.mint-clock h2{font-size:15px;margin-bottom:10px}.countdown{gap:7px;max-width:245px}.digit{font-size:30px;padding:7px 1px 5px}.unit{font-size:10px}.mint-date{font-size:10px}.pond-corner .reeds{width:22px}.pond-corner .duckling{width:18px}.pond-corner{bottom:3px}.action-row{grid-template-columns:1fr;gap:11px;padding:0 3px}.chunky-button{min-height:43px;font-size:17px;padding:5px;gap:12px}.chunky-button svg{width:25px;height:25px}.flock-motto{gap:10px}.flock-motto>span{width:35px}.flock-motto p{font-size:10px}.window-footer{margin-top:17px}.footer-bottom{margin-top:5px;font-size:8px;letter-spacing:0}.footer-bottom a{font-size:7px}.pixel-heart{font-size:21px;margin-left:0}.desktop-caption{display:none}.motion-toggle{font-size:10px;left:13px;bottom:13px}.dialog-body{padding:16px}.dialog-titlebar h2{font-size:15px}.window-wrap.expanded{width:100%}}
.app-name,.supply-line,.mint-plaque,.mint-clock h2,.chunky-button,.dialog-titlebar h2{font-weight:700}
@media(prefers-reduced-motion:reduce){.window-wrap{transition:none}}
.tagline{font-family:var(--pixel);font-weight:400;letter-spacing:0;line-height:1.5}.tagline strong{font-weight:400}
.feature-card{padding:5px 0}.mint-plaque{font-size:25px}.game-loop{margin:0 0 22px;padding:15px 0 0;border-top:2px solid #40503b}.game-loop h2{margin:0;text-align:center;font:16px var(--pixel);color:var(--cream)}.game-intro{margin:8px 0 15px;text-align:center;font-size:12px;line-height:1.5;color:#bbcab7}.loop-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.loop-steps li{padding:11px 10px;background:#1c2b20;border:1px solid #40503b}.step-number{font:13px var(--pixel);color:var(--lime)}.loop-steps h3{font:14px var(--pixel);color:var(--cream);margin:9px 0}.loop-steps p{font-size:12px;font-weight:400;line-height:1.55;margin:0;color:#d0dcc8}.loop-note{margin:12px 0 0;text-align:center;font-size:10px;line-height:1.5;color:#a7b99e}.pond-faq{margin-top:22px;border-top:1px solid #40503b}.pond-faq details{border-bottom:1px solid #40503b}.pond-faq summary{cursor:pointer;padding:12px 0;font:12px var(--pixel);color:#d8e7cb}.pond-faq summary:focus-visible{outline:2px dashed var(--blue);outline-offset:2px}.pond-faq details p{font-size:12px;line-height:1.7;font-weight:400;color:#c7d5c0;margin:0 0 14px}.footer-bottom{gap:10px;flex-wrap:wrap;line-height:1.7}.footer-bottom #twitter-link{color:var(--lime);font-size:11px}
@media(max-width:700px){.mint-plaque{font-size:20px}.loop-steps{gap:8px}.loop-steps h3{font-size:12px}}
@media(max-width:470px){.mint-plaque{font-size:13px;padding:9px 4px}.game-loop h2{font-size:12px}.game-intro{font-size:11px}.loop-steps{grid-template-columns:1fr;gap:7px}.loop-steps li{display:flex;gap:11px;align-items:flex-start;padding:10px}.step-number{margin-top:1px}.loop-steps h3{margin:0 0 5px}.loop-steps p{font-size:12px}.loop-note{font-size:10px}.mint-clock h2{font-size:12px}.footer-bottom #twitter-link{font-size:9px}}
.mint-clock{min-height:76px;padding-top:13px;padding-bottom:18px}.mint-clock .reeds{width:26px}.mint-clock .duckling{width:24px}.mint-clock .mint-date{margin-top:8px}
@media(min-width:701px){.stage{padding-top:24px}.hero{grid-template-columns:minmax(0,1fr) 160px;padding-bottom:13px}.feature-card{width:160px}.wordmark{max-height:102px}.game-loop{padding-top:12px;margin-bottom:17px}.game-intro{margin:7px 0 10px}.loop-steps li{padding:9px}.loop-steps h3{margin:6px 0}.loop-note{margin-top:8px}.pond-faq summary{padding:10px 0}}
@media(max-width:470px){body{position:relative}.motion-toggle{position:absolute}.mint-clock{min-height:75px;padding-left:25px;padding-right:25px}}
.chunky-button{text-decoration:none}
.genesis-open .window-content{padding:0;background:#e5ebf3}.genesis-browser{position:relative}.browser-toolbar{display:flex;gap:8px;align-items:center;padding:8px;background:var(--cream);border-bottom:2px solid #6f7866;color:#213319}.browser-toolbar button{background:#e5e7d6;border:2px solid #84907b;box-shadow:inset 1px 1px #fff;padding:7px 8px;font:10px var(--pixel);color:#263920;white-space:nowrap}.browser-address{flex:1;min-width:0;padding:7px 9px;border:1px solid #a1aa93;background:#fffef4;font:10px var(--pixel);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.browser-toolbar a{font:22px/1 monospace;color:#38592c;padding:3px 6px;text-decoration:none}#genesis-frame{display:block;width:100%;height:min(74svh,780px);border:0;background:white}#genesis-loading{position:absolute;inset:46px 0 0;z-index:1;background:#edf2f8;color:#3a5684;display:grid;place-items:center;margin:0;font:13px var(--pixel)}
@media(max-width:470px){.browser-toolbar{gap:5px;padding:6px}.browser-toolbar button{font-size:8px;padding:7px 5px}.browser-address{font-size:8px;padding:7px 5px}#genesis-frame{height:74svh}#genesis-loading{font-size:10px}}

.browser-toolbar #genesis-reload{flex-shrink:0;width:36px;height:34px;padding:0;font:22px/1 monospace}
