@font-face{font-family:Pixelify;src:url(/fonts/pixelify-sans-latin.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:PressStart;src:url(/fonts/pressstart2p.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Silkscreen;src:url(/fonts/silkscreen-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PressStart;src:url(/fonts/pressstart2p.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Silkscreen;src:url(/fonts/silkscreen-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:VT323;src:url(/fonts/vt323-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--ink: #241708;--ink-2: #3a2a1f;--ink-soft: #6b5442;--paper: #f7e6bf;--paper-2: #efd6a2;--paper-3: #ffeec8;--wood: #d98c4f;--wood-dark: #a85d2c;--leaf: #5fae4f;--leaf-dark: #2f6e3a;--leaf-light: #9be36b;--gold: #ffd973;--sky: #0f1a14;--sky-2: #1b2b22;--sky-3: #2a3b2c;--green-rarity: #5fae4f;--blue-rarity: #4c8fd8;--purple-rarity: #8e62c8;--orange-rarity: #e08a2e;--bad: #c0483a;--good: #2f7d3a;--f-pixel: "VT323", "PressStart", "Microsoft YaHei", "PingFang SC", "Noto Sans SC", monospace;--f-body: system-ui, -apple-system, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif;--f-num: "VT323", "Pixelify", monospace;--f-display: "PressStart", "Pixelify", "Microsoft YaHei", "PingFang SC", monospace;--shadow-hard: 0 5px 0 rgba(15, 10, 4, .45);--radius: 0px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0}body{background:var(--sky);color:var(--paper);font-family:var(--f-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20% 0%,rgba(95,174,79,.16),transparent 45%),radial-gradient(circle at 85% 10%,rgba(255,217,115,.08),transparent 40%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img,canvas{image-rendering:pixelated}h1,h2{margin:0;font-family:var(--f-pixel);font-weight:700;letter-spacing:.01em}h3,h4{margin:0;font-family:var(--f-body);font-weight:800;letter-spacing:.01em}p{margin:0}::selection{background:var(--gold);color:var(--ink)}#hud{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:9px 20px;background:linear-gradient(#33231a,#241708);border-bottom:3px solid #120b05;box-shadow:inset 0 1px #5a4030,0 3px #00000059}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:#120b05;border:2px solid #5a4030;box-shadow:inset 0 0 0 2px #0005}.brand-mark svg{width:26px;height:26px}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-text b{font-family:var(--f-body);font-weight:800;font-size:15px;letter-spacing:.06em;color:var(--paper)}html:not([lang=zh-CN]) .brand-text i{display:none}.brand-text i{font-style:normal;font-family:var(--f-display);font-weight:700;font-size:10px;letter-spacing:.16em;color:var(--gold)}.nav{display:flex;align-items:center;gap:4px;min-width:0;overflow:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{font-family:var(--f-pixel);font-size:14px;letter-spacing:.06em;color:#d8c6a4;padding:6px 12px;border:2px solid transparent;white-space:nowrap}.nav a:hover{color:var(--paper);background:#3a2a1f}.nav a.active{color:var(--ink);background:var(--paper);border-color:#120b05;box-shadow:inset 0 -3px var(--paper-2)}.hud-right{display:flex;align-items:center;gap:10px}.chip-btn{display:inline-flex;align-items:center;gap:7px;background:#3a2a1f;border:2px solid #6b4c34;color:#d8c6a4;font-family:var(--f-pixel);font-size:12px;letter-spacing:.08em;padding:6px 10px;cursor:pointer}.chip-btn:hover{background:#4a3527;color:var(--paper)}.chip-btn .dot{width:7px;height:7px;background:var(--leaf-light);box-shadow:0 0 6px var(--leaf-light)}.btn{--btn-bg: var(--paper-2);--btn-fg: var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;font-family:var(--f-num);font-size:18px;letter-spacing:.03em;color:var(--btn-fg);background:var(--btn-bg);border:3px solid var(--ink);box-shadow:inset -3px -3px #3a2a1f40,inset 3px 3px #ffffff8c,0 4px #120b05;cursor:pointer;transition:transform 60ms steps(2),background .12s;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){--btn-bg: #f9dfa6;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:inset 3px 3px #3a2a1f4d,inset -3px -3px #ffffff59,0 1px #120b05}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{--btn-bg: var(--leaf);--btn-fg: #fffdf2;text-shadow:2px 2px 0 #1f4a26}.btn.primary:hover:not(:disabled){--btn-bg: #6fc259}.btn.gold{--btn-bg: var(--gold);--btn-fg: var(--ink)}.btn.wood{--btn-bg: var(--wood);--btn-fg: #fff6e2;text-shadow:2px 2px 0 #7c3d16}.btn.dark{--btn-bg: #3a2a1f;--btn-fg: var(--paper);box-shadow:inset -3px -3px #0000004d,inset 3px 3px #ffffff1f,0 4px #120b05}.btn.dark:hover:not(:disabled){--btn-bg: #4a3527}.btn.ghost{background:transparent;box-shadow:none;border-color:transparent}.btn.sm{padding:5px 10px;font-size:13px;border-width:2px;box-shadow:inset -2px -2px #3a2a1f40,inset 2px 2px #ffffff80,0 3px #120b05}.btn.lg{padding:14px 26px;font-size:19px;letter-spacing:.06em}.btn.block{width:100%}.wallet{--btn-bg: var(--gold);--btn-fg: var(--ink);font-size:13px;padding:7px 14px}.wallet.connected{--btn-bg: var(--paper)}.panel{position:relative;background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:inset 0 0 0 3px #ffffff73,0 6px #08050266}.panel.dark{background:#2b1e15;color:var(--paper);border-color:#120b05;box-shadow:inset 0 0 0 2px #ffffff0f,0 6px #08050266}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;background:var(--wood);color:#fff6e2;border-bottom:3px solid var(--ink);font-family:var(--f-pixel);letter-spacing:.08em;text-shadow:2px 2px 0 #7c3d16}.panel-head h3{font-size:16px}.panel-body{padding:16px}.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-num);font-size:15px;letter-spacing:.04em;padding:3px 8px;background:var(--paper-2);color:var(--ink);border:2px solid var(--ink);line-height:1.3}.pill.green{background:#cfe9b8}.pill.blue{background:#bcd8f7}.pill.purple{background:#ded0f7}.pill.orange{background:#ffd9a8}.pill.gold{background:var(--gold)}.pill.dark{background:#3a2a1f;color:var(--paper);border-color:#120b05}.kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-display);font-weight:700;font-size:11px;letter-spacing:.2em;color:var(--leaf-light);text-transform:uppercase}.kicker:before{content:"";width:8px;height:8px;background:var(--leaf-light);box-shadow:0 0 8px var(--leaf-light)}.bar{position:relative;height:14px;background:#c6a875;border:2px solid var(--ink);box-shadow:inset 0 2px #0000002e;overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(var(--leaf-light),var(--leaf));box-shadow:inset 0 2px #ffffff59;transition:width .5s steps(20)}.bar.thin{height:9px}.bar.gold>i{background:linear-gradient(#ffe9a8,#e0a23a)}.bar.blue>i{background:linear-gradient(#8fc2f7,#3f7fc4)}.bar .shine{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 10px,rgba(0,0,0,.06) 10px 12px)}.wrap{width:min(1220px,calc(100% - 40px));margin-inline:auto}.section{position:relative;z-index:1;padding:76px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px;flex-wrap:wrap}.section-head h2{font-size:clamp(28px,3.4vw,40px);color:var(--paper);text-shadow:3px 3px 0 #0b120c}.section-head p{max-width:52ch;color:#b9ae95;font-size:14.5px}.grid{display:grid;gap:20px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.muted{color:var(--ink-soft)}.mono{font-family:var(--f-num);font-size:1.15em;letter-spacing:.02em}.num{font-family:var(--f-pixel);font-variant-numeric:tabular-nums}#toasts{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{pointer-events:auto;min-width:240px;max-width:340px;background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:0 5px #08050266;padding:10px 12px;font-size:13.5px;animation:toast-in .18s steps(4)}.toast b{display:block;font-family:var(--f-pixel);font-size:13px;letter-spacing:.06em;margin-bottom:2px}.toast.ok{border-left:8px solid var(--leaf)}.toast.err{border-left:8px solid var(--bad)}.toast.info{border-left:8px solid var(--wood)}@keyframes toast-in{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}#modal-root:empty{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:20px;background:#080c08b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade .15s steps(3)}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;animation:pop .18s steps(4)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:scale(.94);opacity:0}}.site-footer{position:relative;z-index:1;margin-top:40px;border-top:3px solid #120b05;background:linear-gradient(#241708,#180f08);padding:36px 0 18px}.footer-inner{width:min(1220px,calc(100% - 40px));margin-inline:auto;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.pixel-logo{font-family:var(--f-display);font-weight:700;font-size:18px;letter-spacing:.14em;color:var(--gold);text-shadow:3px 3px 0 #0b120c}.footer-brand p{color:#a2947d;font-size:13px;margin-top:4px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-start;font-family:var(--f-pixel);font-size:13px;letter-spacing:.06em}.footer-links a{color:#cbb896;padding-bottom:2px;border-bottom:2px solid transparent}.footer-links a:hover{color:var(--gold);border-color:var(--gold)}.footer-fine{width:min(1220px,calc(100% - 40px));margin:24px auto 0;padding-top:14px;border-top:1px solid #3a2a1f;display:flex;justify-content:space-between;gap:16px;color:#6f6251;font-size:12px}.demo-flag{font-family:var(--f-pixel);font-size:11px;letter-spacing:.18em;color:#e0a23a;border:1px solid #6b4c34;padding:1px 6px}@media (max-width: 1100px){.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 960px){#hud{grid-template-columns:minmax(0,1fr) auto;row-gap:4px;padding:7px 14px}.nav a{font-size:13px;padding:5px 9px}.nav{grid-column:1 / -1;grid-row:2;justify-content:flex-start}html:not([lang=zh-CN]) .brand-text i{display:none}.brand-text i{display:none}.cols-3,.cols-2{grid-template-columns:minmax(0,1fr)}.section{padding:56px 0}}@media (max-width: 640px){.cols-4{grid-template-columns:minmax(0,1fr)}.wrap{width:calc(100% - 28px)}.hud-right #contract-btn{display:none}}.hero{position:relative;overflow:hidden;border-bottom:4px solid #0b120c;background:radial-gradient(130% 100% at 50% 0%,#24452a,#16301f 46%,#0d1a14)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1px);background-size:6px 6px;opacity:.7}.hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 70% at 12% 30%,rgba(95,174,79,.18),transparent 60%),radial-gradient(40% 50% at 92% 10%,rgba(255,217,115,.1),transparent 60%)}.hero-stage{position:relative;height:clamp(320px,33vw,470px);border-top:3px solid #0b120c;background:linear-gradient(#0d1a14,#16301f);overflow:hidden}#hero-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hero-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#0d1a14,#0d1a1400 16%,#0d1a1400 84%,#0d1a14),linear-gradient(0deg,rgba(11,18,12,.95),transparent 24%)}.stage-badge{position:absolute;left:22px;bottom:16px;z-index:2;font-family:var(--f-pixel);font-size:12px;letter-spacing:.12em;color:#d5e6c9;background:#090f0bb8;border:2px solid #33502c;padding:4px 10px}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 452px;gap:44px;align-items:center;padding:44px 0 48px}.hero-copy{max-width:620px}.hero h1{font-size:clamp(28px,3.6vw,50px);line-height:1.02;color:var(--paper);text-shadow:0 4px 0 #0b120c,0 8px 0 rgba(0,0,0,.35);margin:14px 0 6px}.hero h1 .en{display:block;font-family:var(--f-display);font-weight:700;font-size:clamp(10px,1.05vw,14px);line-height:1.7;color:var(--gold);letter-spacing:.14em;margin-top:18px;text-shadow:0 3px 0 #4a2c05}html[lang=zh-CN] .hero h1 .en{font-size:clamp(20px,2.2vw,30px);letter-spacing:.12em;margin-top:16px}.hero-lede{margin-top:18px;color:#cfc4a9;font-size:15.5px;max-width:48ch;line-height:1.75}.hero-lede strong{color:var(--leaf-light);font-weight:600}.hero-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-stat{background:#142018d1;border:2px solid #4d6b4a;padding:8px 12px;min-width:118px;box-shadow:inset 0 0 0 2px #ffffff0a}.hero-stat .l{display:block;font-family:var(--f-pixel);font-size:10.5px;letter-spacing:.16em;color:#93a68b}.hero-stat .v{display:block;font-family:var(--f-num);font-size:22px;line-height:1.15;color:var(--gold)}.hero-actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.hero-note{margin-top:18px;color:#7f8c78;font-size:12.5px}.hero-note code{font-family:var(--f-num);color:#b7c8ad;background:#00000059;border:1px solid #3d5138;padding:1px 6px}.mint-card{background:var(--paper);color:var(--ink);border:4px solid var(--ink);box-shadow:inset 0 0 0 4px #ffeec8,0 10px #06040280}.mint-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:3px solid var(--ink);background:#e4c890}.mint-tab{font-family:var(--f-pixel);font-size:14px;letter-spacing:.06em;padding:10px 8px;background:transparent;border:0;border-right:3px solid var(--ink);cursor:pointer;color:#6b5442;display:flex;align-items:center;justify-content:center;gap:8px}.mint-tab:last-child{border-right:0}.mint-tab.active{background:var(--paper);color:var(--ink);box-shadow:inset 0 -4px var(--leaf)}.mint-body{padding:16px 16px 14px}.mint-progress{margin-bottom:16px}.mint-progress .row{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--f-num);font-size:15px;letter-spacing:.04em;color:var(--ink-soft);margin-bottom:5px}.mint-progress .row b{font-family:var(--f-num);font-size:22px;line-height:1;letter-spacing:.01em;color:var(--ink)}.mint-progress .row b em{font-style:normal;color:var(--leaf-dark)}.mint-preview{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;padding:10px;background:#efd9ab;border:2px dashed #b08b4f;margin-bottom:14px}.mint-preview canvas{width:96px;height:96px;background:#2f4a33;border:2px solid var(--ink)}.mint-preview .t{font-family:var(--f-pixel);font-size:13px;letter-spacing:.04em}.mint-preview .d{font-size:12px;color:var(--ink-soft);margin-top:4px;line-height:1.5}.qty-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch;margin-bottom:12px}.qty{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;border:3px solid var(--ink);background:#fff7e2;height:52px}.qty button{background:var(--paper-2);border:0;font-family:var(--f-body);font-weight:800;font-size:20px;line-height:1;cursor:pointer;color:var(--ink)}.qty button:first-child{border-right:2px solid var(--ink)}.qty button:last-child{border-left:2px solid var(--ink)}.qty button:hover:not(:disabled){background:var(--gold)}.qty button:disabled{opacity:.35;cursor:not-allowed}.qty input{border:0;background:transparent;text-align:center;font-family:var(--f-num);font-size:26px;color:var(--ink);width:100%;outline:none;-moz-appearance:textfield}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-preset{display:flex;flex-direction:column;gap:6px;justify-content:center}.qty-preset button{font-family:var(--f-pixel);font-size:11px;padding:2px 8px;background:var(--paper-2);border:2px solid var(--ink);cursor:pointer;color:var(--ink-soft)}.qty-preset button:hover{background:var(--gold);color:var(--ink)}.price-row{display:flex;align-items:baseline;justify-content:space-between;padding:10px 12px;background:#2b1e15;color:var(--paper);border:2px solid var(--ink);margin-bottom:12px}.price-row .l{font-family:var(--f-pixel);font-size:12px;letter-spacing:.1em;color:#b39b7b}.price-row .v{font-family:var(--f-num);font-size:26px;color:var(--gold);line-height:1}.price-row .v small{font-family:var(--f-body);font-weight:700;font-size:13px;letter-spacing:.06em;color:#cbb896;margin-left:6px}.mint-split{display:flex;gap:6px;margin-bottom:14px}.mint-split span{flex:1;text-align:center;font-size:11px;font-family:var(--f-pixel);letter-spacing:.04em;color:var(--ink-soft);background:#ead5a7;border:1px solid #b08b4f;padding:3px 2px}.mint-foot{display:flex;justify-content:space-between;gap:8px;margin-top:10px;font-size:11.5px;color:var(--ink-soft)}.free-link{margin-top:10px;width:100%;display:flex;align-items:center;gap:8px;background:#dff0c8;border:2px solid var(--leaf-dark);color:#2f6e3a;font-family:var(--f-pixel);font-size:11px;letter-spacing:.02em;padding:7px 10px;cursor:pointer;text-align:left}.free-link:hover{background:#e9f7dc}.free-link-text{flex:1;min-width:0;line-height:1.35}.free-link b{margin-left:auto;font-weight:400;color:#23481f;font-family:var(--f-num);font-size:16px;white-space:nowrap}.free-link .dot{width:8px;height:8px;background:#2f6e3a;flex:none}.hero-feed[hidden]{display:none}.hero-feed{margin-top:22px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero-feed-label{display:inline-flex;align-items:center;gap:7px;font-family:var(--f-pixel);font-size:11px;letter-spacing:.16em;color:#93a68b}.hero-feed-label i{width:6px;height:6px;background:var(--leaf-light);box-shadow:0 0 8px var(--leaf-light);animation:pulse 1.8s steps(2) infinite}@keyframes pulse{50%{opacity:.25}}.hero-feed-items{display:flex;gap:6px;flex-wrap:wrap}.feed-chip{display:inline-flex;align-items:center;gap:6px;background:#121e16e6;border:2px solid #33502c;padding:2px 8px 2px 2px;font-size:11.5px;color:#cfe3c4}.feed-chip canvas{width:22px;height:22px;display:block}.free-strip{margin-top:14px;padding:12px;background:#dff0c8;border:2px solid var(--leaf-dark);display:grid;gap:10px}.free-strip .head{display:flex;align-items:center;justify-content:space-between;gap:8px}.free-strip .head b{font-family:var(--f-pixel);font-size:13.5px;letter-spacing:.04em;color:#23481f}.tasks{display:grid;gap:6px}.task{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#33502c;background:#ffffff8c;border:1px solid #a9c88e;padding:5px 8px;cursor:pointer;text-align:left;width:100%}.task[aria-checked=true]{background:#c3e2a1;color:#1d3a18}.task .box{width:14px;height:14px;border:2px solid #2f6e3a;background:#fff;display:grid;place-items:center;font-size:11px;line-height:1;flex:none;color:#2f6e3a}.task .grow{flex:1}.task .go{font-family:var(--f-pixel);font-size:11px;color:#2f6e3a;border-bottom:1px solid currentColor}.free-progress{font-family:var(--f-num);font-size:15px;color:#3c5a33}.mint-ticker{position:relative;z-index:2;border-top:3px solid #0b120c;background:#10231a;overflow:hidden}.mint-ticker .track{display:flex;gap:40px;padding:8px 0;white-space:nowrap;animation:ticker 42s linear infinite;width:max-content;font-family:var(--f-num);font-size:16px;letter-spacing:.05em;color:#8fae86}.mint-ticker .track b{color:var(--gold);font-weight:600}.mint-ticker:hover .track{animation-play-state:paused}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.breed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.breed-card{position:relative;background:var(--paper);border:3px solid var(--ink);box-shadow:0 6px #08050266;padding:14px 14px 12px;color:var(--ink);transition:transform 90ms steps(2),box-shadow 90ms}.breed-card:hover{transform:translateY(-4px);box-shadow:0 10px #08050266}.breed-card .sprite{position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 78%,rgba(0,0,0,.25),transparent 60%),#2f4a33;border:2px solid var(--ink);margin-bottom:10px;aspect-ratio:1;overflow:hidden}.breed-card .sprite canvas{width:100%;height:100%}.breed-card .sprite:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px);pointer-events:none}.breed-card h3{font-size:18px;display:flex;align-items:center;justify-content:space-between;gap:6px}.breed-card .en{display:block;font-family:var(--f-display);font-size:12px;letter-spacing:.14em;color:var(--ink-soft);margin:3px 0 8px}.breed-card ul{margin:0;padding:0;list-style:none;font-size:12px;color:#5b4735;display:grid;gap:3px}.breed-card li:before{content:"▸ ";color:var(--leaf-dark)}.breed-card .rarity{position:absolute;top:-10px;left:10px;font-family:var(--f-pixel);font-size:11px;letter-spacing:.1em;padding:2px 8px;border:2px solid var(--ink);background:var(--paper-3)}.rarity.green{background:#cfe9b8}.rarity.blue{background:#bcd8f7}.rarity.purple{background:#ded0f7}.rarity.orange{background:#ffd9a8}.tokenomics{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:stretch}.alloc-list{display:grid;gap:14px;margin-top:4px}.alloc .top{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--f-pixel);font-size:13px;letter-spacing:.04em;margin-bottom:4px}.alloc .top b{font-family:var(--f-num);font-size:18px}.alloc .note{font-size:12px;color:var(--ink-soft);margin-top:4px}.alloc .bar>i{width:var(--w, 50%)}.alloc.lp .bar>i{background:linear-gradient(#f7c68a,var(--wood))}.alloc.mint .bar>i{background:linear-gradient(var(--leaf-light),var(--leaf))}.facts{display:grid;gap:10px;margin-top:18px}.fact{display:flex;align-items:center;gap:10px;font-size:13px;color:#4a3a2a;background:#efd9ab;border:2px solid #c8a56d;padding:8px 10px}.fact .ico{font-family:var(--f-pixel);font-size:13px;color:var(--leaf-dark)}.tokenomics-side{display:grid;gap:14px;align-content:start}.side-card{background:#2b1e15;border:3px solid #120b05;color:var(--paper);padding:14px;box-shadow:inset 0 0 0 2px #ffffff0d}.side-card h4{font-size:14px;letter-spacing:.1em;color:var(--gold);margin-bottom:8px}.side-card p{font-size:13px;color:#b8ad96;line-height:1.65}.pair-box{margin-top:10px;border:2px solid #4a3527;background:#1c130d;padding:10px;font-family:var(--f-num);font-size:15px;display:grid;gap:4px}.pair-box .r{display:flex;justify-content:space-between;color:#cbb896}.pair-box .r b{color:var(--gold);font-weight:400}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:step}.step{position:relative;background:var(--paper);color:var(--ink);border:3px solid var(--ink);padding:18px 14px 14px;box-shadow:0 5px #08050266}.step:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;top:-14px;left:12px;font-family:var(--f-pixel);font-size:13px;letter-spacing:.08em;background:var(--gold);border:2px solid var(--ink);padding:1px 7px}.step h4{font-size:16px;margin-bottom:6px;margin-top:4px}.step p{font-size:12.5px;color:#5b4735;line-height:1.6}.step .icon{font-family:var(--f-pixel);font-size:26px;color:var(--leaf-dark)}.roadmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.phase{background:#23301f;border:3px solid #0b120c;padding:16px;box-shadow:inset 0 0 0 2px #ffffff0a}.phase.done{background:#22322a}.phase .tag{font-family:var(--f-display);font-size:11px;letter-spacing:.14em;color:var(--leaf-light)}.phase h4{font-size:18px;color:var(--paper);margin:4px 0 8px}.phase ul{margin:0;padding:0;list-style:none;display:grid;gap:5px;font-size:12.5px;color:#a8b39c}.phase li:before{content:"· ";color:var(--gold)}.phase .status{margin-top:12px;display:inline-block;font-family:var(--f-pixel);font-size:10.5px;letter-spacing:.1em;padding:2px 7px;border:1px solid #57714f;color:#a8c79c}.phase.done .status{background:var(--leaf-dark);color:#eafbe0;border-color:var(--leaf-dark)}.faq{display:grid;gap:10px}details.q{background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:0 4px #08050259;padding:0}details.q summary{cursor:pointer;list-style:none;padding:12px 14px;font-family:var(--f-pixel);font-size:15px;letter-spacing:.03em;display:flex;justify-content:space-between;gap:10px;align-items:center}details.q summary::-webkit-details-marker{display:none}details.q summary:after{content:"+";font-size:20px;color:var(--leaf-dark);line-height:1}details.q[open] summary:after{content:"–"}details.q .a{padding:0 14px 14px;font-size:13.5px;color:#5b4735;line-height:1.7}.cta{position:relative;overflow:hidden;background:linear-gradient(90deg,#1e3e22e6,#14281ae6),repeating-linear-gradient(45deg,#23301f 0,#23301f 12px,#263524 12px,#263524 24px);border:3px solid #0b120c;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.cta h2{font-size:clamp(26px,3vw,38px);color:var(--paper);text-shadow:3px 3px 0 #0b120c}.cta p{color:#a8b39c;font-size:13.5px;margin-top:6px}.page-head{padding:34px 0 22px}.page-head h1{font-size:clamp(30px,4vw,46px);color:var(--paper);text-shadow:3px 3px 0 #0b120c}.page-head p{color:#a8b39c;font-size:14px;margin-top:8px;max-width:70ch}.zoo-layout{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:18px;align-items:start;padding-bottom:60px}.zoo-scene-card{position:sticky;top:86px;border:3px solid var(--ink);background:#17301f;box-shadow:0 6px #08050266;overflow:hidden}#zoo-scene{display:block;width:100%;aspect-ratio:16 / 11}.scene-hud{display:flex;gap:8px;flex-wrap:wrap;padding:10px;background:#10231a;border-top:3px solid var(--ink)}.scene-hud .hero-stat{flex:1;min-width:92px;background:#16261b}.zoo-side{display:grid;gap:14px}.pet-list{display:grid;gap:10px;max-height:460px;overflow:auto;padding-right:4px}.pet-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:10px;align-items:center;background:#efd9ab;border:2px solid #b08b4f;padding:8px}.pet-row.active{border-color:var(--leaf-dark);background:#e6f2d3}.pet-sprite{width:58px;height:58px;background:#2f4a33;border:2px solid var(--ink);display:grid;place-items:center}.pet-sprite canvas{width:100%;height:100%}.pet-meta{min-width:0}.pet-meta .name{font-family:var(--f-num);font-size:16px;display:flex;align-items:center;gap:6px;letter-spacing:.02em}.pet-meta .sub{font-size:11.5px;color:var(--ink-soft)}.pet-meta .bar{margin-top:4px;height:8px}.pet-actions{display:flex;flex-direction:column;gap:4px}.empty{text-align:center;padding:26px 16px;color:#7a6247;font-size:13px;background:#efe0bb;border:2px dashed #b08b4f;display:grid;gap:10px;justify-items:center}.empty .big{font-family:var(--f-num);font-size:34px;color:#b08b4f}.wallet-gate{text-align:center;padding:40px 20px;display:grid;gap:14px;justify-items:center}.wallet-gate .big{font-family:var(--f-pixel);font-size:20px;color:var(--paper)}.wallet-gate p{color:#a8b39c;font-size:13px;max-width:44ch}.partner-list{display:grid;gap:8px;max-height:280px;overflow:auto}.breed-option{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:8px;align-items:center;background:#efd9ab;border:2px solid #b08b4f;padding:6px 8px;cursor:pointer;text-align:left;width:100%}.breed-option:hover{background:#ffe9bd}.breed-option[aria-pressed=true]{border-color:var(--leaf-dark);background:#dcf0c4}.breed-option canvas{width:40px;height:40px;background:#2f4a33;border:1px solid var(--ink)}.breed-option .n{font-family:var(--f-pixel);font-size:13px}.breed-option .s{font-size:11px;color:var(--ink-soft)}.claim-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat-box{background:var(--paper);border:3px solid var(--ink);padding:14px;color:var(--ink);box-shadow:0 5px #08050266}.stat-box .l{font-family:var(--f-pixel);font-size:11px;letter-spacing:.1em;color:var(--ink-soft)}.stat-box .v{font-family:var(--f-num);font-size:30px;line-height:1.1;margin-top:2px}.stat-box .s{font-size:11.5px;color:var(--ink-soft)}.claim-row{display:grid;grid-template-columns:52px minmax(0,1fr) 150px;gap:12px;align-items:center;padding:10px;background:#efd9ab;border:2px solid #b08b4f}.claim-row+.claim-row{margin-top:8px}.claim-row .v{font-family:var(--f-num);font-size:17px;color:var(--ink);text-align:right}.claim-row .v small{display:block;font-family:var(--f-body);font-size:11px;color:var(--ink-soft)}.doc-layout{display:grid;grid-template-columns:236px minmax(0,1fr);gap:26px;align-items:start;padding-bottom:60px}.doc-toc{position:sticky;top:88px;display:grid;gap:2px;border-left:3px solid #33452f;padding-left:12px}.doc-toc a{font-family:var(--f-pixel);font-size:12.5px;letter-spacing:.04em;color:#93a68b;padding:4px 0}.doc-toc a:hover{color:var(--gold)}.doc-body{display:grid;gap:18px;max-width:min(100%,74rem)}.doc-card{background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:0 6px #08050259;padding:22px 24px}.doc-card h2{font-size:24px;margin-bottom:10px;padding-bottom:8px;border-bottom:3px solid #d8bd8b}.doc-card h3{font-size:17px;margin:16px 0 6px}.doc-card p,.doc-card li{font-size:13.5px;line-height:1.8;color:#4a3a2a;max-width:82ch}.doc-card ul,.doc-card ol{margin:6px 0;padding-left:20px}.doc-card table{width:100%;border-collapse:collapse;margin:12px 0;font-size:12.5px}.doc-card th,.doc-card td{border:2px solid #c8a56d;padding:7px 9px;text-align:left;vertical-align:top}.doc-card th{background:#efd9ab;font-family:var(--f-pixel);font-weight:600;letter-spacing:.03em}.doc-card tr:nth-child(2n) td{background:#f9edcd}.doc-card .note{background:#efe0bb;border-left:5px solid var(--wood);padding:10px 12px;font-size:12.5px;margin:12px 0;color:#5b4735}.doc-card code{font-family:var(--f-num);font-size:14px;background:#e8d3a7;padding:1px 5px;border:1px solid #c8a56d}@media (max-width: 1100px){.hero-inner{grid-template-columns:minmax(0,1fr);gap:30px}.hero-copy{max-width:100%}.mint-card{max-width:520px}.zoo-layout{grid-template-columns:minmax(0,1fr)}.zoo-scene-card{position:relative;top:0}.tokenomics,.doc-layout{grid-template-columns:minmax(0,1fr)}.doc-toc{position:relative;top:0;display:flex;flex-wrap:wrap;gap:8px;border-left:0;border-bottom:2px solid #33452f;padding:0 0 10px}}@media (max-width: 900px){.breed-grid,.steps,.roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}.claim-summary{grid-template-columns:minmax(0,1fr)}}@media (max-width: 620px){.breed-grid,.steps,.roadmap{grid-template-columns:minmax(0,1fr)}.hero-inner{padding:40px 0 50px}.mint-body{padding:14px}.claim-row{grid-template-columns:44px minmax(0,1fr)}.claim-row .v{grid-column:1 / -1;text-align:left}}.lang-globe{font-family:var(--f-body);font-size:13px;line-height:1}.lang-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:#efd9ab;border:2px solid #b08b4f;color:var(--ink);cursor:pointer;text-align:left}.lang-option:hover{background:#ffe9bd}.lang-option.active{border-color:var(--leaf-dark);background:#e4f2d2}.lang-native{font-family:var(--f-body);font-weight:700;font-size:15px;flex:1}.lang-en{font-family:var(--f-num);font-size:15px;color:var(--ink-soft)}.lang-check{font-family:var(--f-body);color:var(--leaf-dark);font-weight:700}.handle-field{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border:2px solid var(--ink);background:#fff7e2;padding:3px 8px}.handle-label{font-family:var(--f-num);font-size:15px;color:var(--ink-soft);white-space:nowrap}.handle-field input{border:0;background:transparent;outline:none;font-family:var(--f-num);font-size:18px;color:var(--ink);min-width:0;padding:4px 0}.bluev-badge{font-family:var(--f-num);font-size:13px;color:#1d4ed8;background:#dbeafe;border:1px solid #93c5fd;padding:1px 6px;white-space:nowrap}.handle-hint{margin:3px 0 0;font-size:11.5px;color:#4a6b3e;line-height:1.5}