@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/family-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/family-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/family-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/family-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/family-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Silkscreen';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/family-5.ttf) format('truetype');
}
@font-face {
  font-family: 'Silkscreen';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/family-6.ttf) format('truetype');
}

:root{--bg:#f5f6ee;--paper:#fffffa;--ink:#202b22;--muted:#788074;--accent:#c7fa3b;--line:#dce1d5}body{background:var(--bg);font-family:Inter,Arial,sans-serif;color:var(--ink)}body>header{max-width:none;margin:0 14px;padding:8px 10px;border:1px solid var(--line);border-radius:20px;background:#fffffaee;box-shadow:0 12px 26px #25352406;position:sticky;top:0;z-index:10}.topline{padding:0 4px 6px;min-height:50px;gap:10px}.brand{font-size:18px;letter-spacing:3px}.brand span{font-size:7px;color:#b67c36;position:absolute;top:0;right:0}.headnote{display:none}.grove-stat{padding:6px 9px;border:1px solid #e1e5d9;background:#f0f1e8;border-radius:8px;position:relative;min-width:190px}.grove-stat small{font-size:8px;display:block}.grove-stat strong{font-size:11px}.grove-stat em{position:absolute;right:6px;bottom:6px;font:7px Inter;color:#9b8a3e;background:#fff7d8;border-radius:5px;padding:2px 4px}#headerCrew{margin:auto;font-size:12px;max-width:170px;text-align:center;line-height:1.5;color:#597052}#walletBtn,#settingsBtn{padding:13px 16px;border-radius:9px;background:#f0f1e9;border:1px solid var(--line);font-size:12px}nav{padding:4px;gap:10px;justify-content:center;border:0;border-radius:40px;background:#eceee3}nav a{border:0;border-radius:28px;padding:15px 20px;font:500 12px Inter;white-space:nowrap}nav a[aria-current]{background:var(--accent);color:#27361a}main{max-width:1124px;padding:0 24px;margin:auto}.page{padding-top:60px}h1,h2,.section-title h1{font-family:Silkscreen,monospace;font-weight:400;letter-spacing:-1px}h1{font-size:34px}.section-title h1{font-size:28px}h2{font-size:24px}p{font-size:14px;line-height:1.8;color:#788074}button,.button{border:1px solid #b3bbaa;border-radius:26px;padding:13px 22px;font-size:13px;font-weight:600;background:#fffffa;color:#263225;transition:transform .2s,background .2s,box-shadow .2s}.primary,.button.primary{background:#c7fa3b;color:#27361a;box-shadow:0 3px 0 #6e964f;border:1px solid #9dc540}.primary:hover,.button.primary:hover{background:#d4ff64;transform:translateY(-2px);box-shadow:0 5px 0 #6e964f}button:disabled{opacity:.45;transform:none;box-shadow:none}input,select{border-radius:12px;background:#fffefa;padding:14px;border:1px solid #cdd5c4;color:#27361a}.mint-hero{display:grid;grid-template-columns:.85fr 1.2fr;gap:65px;align-items:center;min-height:560px;padding-bottom:65px}.mint-copy h1{font-size:clamp(26px,3.1vw,41px);line-height:1.65;margin:0 0 28px;letter-spacing:-2px;white-space:nowrap}.mint-copy h1 span{color:#349878}.mint-copy h1 em{color:#8155e9;font-style:normal}.mint-copy p{max-width:320px;font-size:15px;margin-bottom:28px}.mint-copy .actions{flex-wrap:nowrap;gap:10px}.mint-copy .button{padding:15px 24px;font-size:13px;white-space:nowrap}.mint-card{background:#fffffa;border-radius:20px;padding:28px;box-shadow:0 25px 40px #22302008}.portrait-row{display:flex;gap:20px;align-items:flex-start;margin-bottom:25px}.portrait-row canvas{width:160px;height:160px;border-radius:20px;image-rendering:pixelated;object-fit:cover}.mint-card h2{font:700 20px Inter;letter-spacing:-.3px}.mint-card p{font-size:12px;line-height:1.9}.mint-card>.primary{display:block;text-align:center;margin-top:45px}.mint-card .traits{flex-direction:column;align-items:flex-start;padding-top:15px}.mint-card #motionBtn{border:0;margin:8px auto 0;display:block;padding:3px 8px;font-size:10px;opacity:.6;box-shadow:none}.home-box{margin:20px 0 75px}.box-teaser,.exchange-teaser{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;padding:45px;border-radius:20px;background:#fffefa;border:1px solid #dee4d4;align-items:center}.box-teaser p{max-width:520px}.pixel-box{display:block;position:relative;width:160px;height:140px;margin:auto;background:#87ad56;box-shadow:12px 12px 0 #5d7e3f,inset -18px 0 #6f9349,inset 0 20px #bbd578;clip-path:polygon(8% 0,92% 0,100% 8%,100% 92%,92% 100%,8% 100%,0 92%,0 8%);animation:boxHover 3s ease-in-out infinite}.pixel-box:before{content:'';position:absolute;left:43%;width:14%;height:100%;background:#d4eaa0}.pixel-box i{position:absolute;inset:35% 0 0;text-align:center;font:45px Silkscreen;font-style:normal;color:#35533a;text-shadow:2px 2px #dcfcb3}.pixel-box.blue{background:#82bdcf;box-shadow:12px 12px #498697,inset -18px 0 #559cb4,inset 0 20px #b7dae5}.pixel-box.purple{background:#ab8bd4;box-shadow:12px 12px #745494,inset -18px 0 #8c6caf,inset 0 20px #d4b7e8}.exchange-teaser{grid-template-columns:2fr 1fr;background:#203d32;color:#f0f7df;margin-bottom:60px}.exchange-teaser h2{font-family:Inter;font-size:28px;color:#f0f7df}.exchange-teaser p{color:#c9dbba}.exchange-art{font-size:150px;color:#cefa50;text-align:center;animation:boxHover 4s ease-in-out infinite}.species-strip{gap:12px}.species-tile{border:1px solid #dde4d5;border-radius:16px;background:#fffefa}.loop{padding:45px 0 80px;border-top:1px solid #d8dece;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.loop article b{font-size:30px;color:#a4b494}.loop h3{font:18px Silkscreen}.paper{background:#fffffa;border:1px solid #d8dfcf;border-radius:20px;box-shadow:0 20px 30px #18331f05;padding:24px}.box-layout{display:grid;grid-template-columns:300px 1fr;gap:30px}.box-layout aside{text-align:center}.box-layout canvas{max-width:100%;image-rendering:pixelated}.box-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:30px}.box-options button{border-radius:18px;background:#fffffa;min-height:260px;padding:20px 8px;white-space:normal}.box-options .pixel-box{width:110px;height:100px;margin-bottom:30px}.box-options strong,.box-options small{display:block;margin:10px 0}.box-options small{font-size:11px;line-height:1.7}.box-options button.chosen{box-shadow:0 0 0 3px #c5ef59;border-color:#9abd51}#openBox{width:100%}#boxResult,#fusionResult,#exchangeResult{padding:20px 0;line-height:1.7;font-weight:600}.fusion-grid,.exchange-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:80px}.fusion-illustration{display:flex;align-items:center;justify-content:center;gap:18px;background:repeating-linear-gradient(0deg,#204c3e 0,#204c3e 14px,#285344 15px);height:140px;border-radius:15px;margin-bottom:25px;color:#d5eec1}.fusion-illustration span{padding:20px;background:#cbe3b1;border-radius:9px;border:1px solid #9db889;color:#264e3c;font:24px Silkscreen;box-shadow:0 6px 0 #0c2f2580;line-height:1}.fusion-illustration span:last-child{background:#cff452}.fusion-illustration.land{background:#ecf1e2;color:#5e784b}.fusion-grid h2{font:22px Silkscreen}.fusion-grid select{display:block;width:100%;margin:8px 0 16px}.fusion-grid label{font-size:12px}.fusion-grid .primary{margin-top:18px}.exchange-layout form input,.exchange-layout form select{display:block;width:100%;margin:8px 0 22px}.exchange-layout .button{display:block;margin:14px 0}.world-atlas{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:70px}.atlas-biome{overflow:hidden;border-radius:18px;background:#fffffa;padding:0 0 20px;text-align:left}.atlas-biome canvas{display:block;width:100%;image-rendering:pixelated}.atlas-biome span,.atlas-biome small,.atlas-biome em{display:block;margin:12px 20px}.atlas-biome span{font:16px Silkscreen}.atlas-biome small,.atlas-biome em{font-size:11px}.atlas-biome em{font-style:normal;color:#608b4a}.atlas-biome.locked canvas{filter:saturate(.3);opacity:.7}.biomes{display:flex;overflow-x:auto;padding:3px 3px 15px}.biomes button{white-space:nowrap;font-size:11px}.recipe,.creature-card,.task{border-radius:18px;background:#fffefa}footer{margin-top:70px;border-top:1px solid #dce4d3;background:#eff2e7;padding:35px 6vw}.home-bottom{display:none}@keyframes boxHover{50%{transform:translateY(-9px) rotate(2deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:900px){.grove-stat{display:none}.mint-hero{gap:25px}.mint-copy .actions{flex-wrap:wrap}.box-layout{grid-template-columns:240px 1fr}.box-options{gap:7px}.box-options .pixel-box{width:80px;height:80px}.world-atlas{grid-template-columns:1fr 1fr}}@media(max-width:650px){body>header{margin:0 6px;border-radius:14px}.topline{gap:8px}.brand{font-size:13px;letter-spacing:1px}.brand img{width:30px;height:30px}#headerCrew{display:none}#walletBtn{margin-left:auto;padding:10px;font-size:10px}#settingsBtn{padding:8px}nav{justify-content:flex-start;overflow:auto;gap:2px}nav a{font-size:10px;padding:12px 14px}main{padding:0 20px}.page{padding-top:36px}.mint-hero{display:block;padding:0 0 25px}.mint-copy h1{font-size:31px;white-space:normal}.mint-copy p{max-width:none}.mint-copy{margin:10px 0 35px}.mint-card{padding:20px}.mint-card>.primary{margin-top:20px}.mint-card h2{font-size:18px}.box-teaser,.exchange-teaser{grid-template-columns:1fr;padding:28px;gap:25px}.exchange-art{display:none}.species-strip{display:grid;grid-template-columns:1fr 1fr}.species-tile{padding:12px}.species-tile canvas{width:40px}.species-tile h3{font-size:11px}.species-tile small{font-size:9px}.loop{grid-template-columns:1fr;gap:12px}.box-layout,.fusion-grid,.exchange-layout{display:block}.box-layout aside{margin-bottom:25px}.box-layout aside canvas{width:170px}.box-options{margin-top:20px}.box-options strong{font-size:11px}.box-options small{font-size:9px}.box-options button{min-height:210px}.box-options .pixel-box{width:65px;height:65px}.fusion-grid .paper,.exchange-layout .paper{margin-bottom:20px}.world-atlas{grid-template-columns:1fr}.world-atlas .atlas-biome canvas{max-height:180px;object-fit:cover}.section-title h1{font-size:25px}.portrait-row canvas{width:125px;height:125px}.portrait-row{gap:15px}footer{display:block}footer>*{display:block;margin:15px 0}}

#home #heroCanvas{width:160px!important;height:160px!important;min-width:160px;flex:0 0 160px}#home .portrait-row{min-width:0}.topline .brand{position:relative}.topline .brand span{top:-7px;right:0}.mint-hero{min-height:550px}@media(max-width:650px){#home #heroCanvas{width:125px!important;height:125px!important;min-width:125px;flex-basis:125px}}

nav{scrollbar-width:none}nav::-webkit-scrollbar{display:none}