:root{--bg: #070b07;--bg-2: #0b110b;--bg-card: #111a11;--bg-elev: #18241a;--border: #243424;--border-bright: #355035;--text: #e9f3e9;--text-dim: #8ba18b;--text-faint: #5e735e;--accent: #4ade80;--accent-2: #22c55e;--accent-glow: rgba(74, 222, 128, .45);--danger: #ef4444;--warn: #f59e0b;--gold: #f5b342;--radius: 14px;--radius-lg: 20px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.55;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(900px circle at 12% -5%,rgba(74,222,128,.12),transparent 45%),radial-gradient(800px circle at 95% 8%,rgba(34,197,94,.09),transparent 40%),url(/bg-graveyard.svg) center bottom / cover no-repeat,var(--bg);background-attachment:fixed}body:after{content:"";position:fixed;top:-20%;right:-20%;bottom:0;left:-20%;z-index:-1;pointer-events:none;background:radial-gradient(600px 220px at 20% 78%,rgba(74,222,128,.07),transparent 70%),radial-gradient(700px 240px at 75% 85%,rgba(34,197,94,.06),transparent 70%),radial-gradient(500px 200px at 50% 95%,rgba(120,200,150,.05),transparent 70%);animation:drift 26s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate(-3%) translateY(0)}to{transform:translate(3%) translateY(-2%)}}.app{max-width:1180px;margin:0 auto;padding:0 20px 64px;position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 0 18px;gap:16px;flex-wrap:wrap;position:sticky;top:0;z-index:20;background:linear-gradient(180deg,var(--bg) 60%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:14px}.logo{font-size:40px;filter:drop-shadow(0 0 14px var(--accent-glow));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}.title{font-size:24px;font-weight:900;letter-spacing:3px;background:linear-gradient(90deg,#bbf7d0,var(--accent) 50%,var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px var(--accent-glow)}.subtitle{font-size:11px;color:var(--text-dim);letter-spacing:3px;text-transform:uppercase;font-weight:600}.header-right{display:flex;align-items:center;gap:12px}.gbz-balance{display:flex;align-items:baseline;gap:6px;background:linear-gradient(135deg,var(--bg-card),var(--bg-elev));border:1px solid var(--border-bright);padding:9px 16px;border-radius:12px;box-shadow:inset 0 0 18px #4ade800f}.gbz-amount{font-weight:800;color:var(--accent);font-size:16px;text-shadow:0 0 12px var(--accent-glow)}.gbz-label{font-size:10px;color:var(--text-dim);letter-spacing:1px;font-weight:700}.banner{padding:13px 18px;border-radius:12px;margin-bottom:16px;font-size:14px;font-weight:500}.banner.warn{background:#f59e0b1a;border:1px solid rgba(245,158,11,.5);color:var(--warn)}.tabs{display:flex;gap:4px;background:linear-gradient(135deg,#111a118c,#0b110b8c);border:1px solid rgba(53,80,53,.6);border-radius:16px;padding:7px;margin-bottom:28px;flex-wrap:wrap;box-shadow:0 8px 30px #00000073;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tab{flex:1;min-width:88px;padding:12px 16px;background:transparent;border:none;border-radius:11px;color:var(--text-dim);font-size:14px;font-weight:700;cursor:pointer;transition:all .18s ease;letter-spacing:.3px}.tab:hover{color:var(--text);background:var(--bg-elev)}.tab.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04140a;box-shadow:0 6px 18px #22c55e59,inset 0 1px #ffffff40}.content{min-height:420px;animation:fadein .35s ease}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:48px 0 40px;min-height:460px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.hero-badge{display:inline-flex;align-items:center;gap:9px;background:#4ade8014;border:1px solid rgba(74,222,128,.35);color:var(--accent);font-size:12.5px;font-weight:700;letter-spacing:.5px;padding:7px 14px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.hero-title{font-size:52px;line-height:1.05;font-weight:900;letter-spacing:-.5px;color:var(--text);text-shadow:0 4px 30px rgba(0,0,0,.6)}.hero-title .grad{background:linear-gradient(90deg,var(--accent),#bbf7d0);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:16px;line-height:1.65;color:var(--text-dim);max-width:520px}.hero-cta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}.hero-cta .btn.ghost{text-decoration:none;display:inline-flex;align-items:center}.hero-feats{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.hero-feat{display:inline-flex;align-items:center;gap:8px;background:#111a118c;border:1px solid var(--border);border-radius:11px;padding:9px 14px;font-size:13px;font-weight:600;color:var(--text-dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-feat span{font-size:16px}.hero-art{position:relative;display:flex;justify-content:center;align-items:center}.hero-art-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,var(--accent-glow),transparent 62%);filter:blur(20px);animation:pulse-glow 4s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.55;transform:scale(.95)}50%{opacity:.9;transform:scale(1.05)}}.hero-art img{position:relative;width:100%;max-width:340px;border-radius:var(--radius-lg);border:2px solid var(--border-bright);box-shadow:0 24px 60px #0009,0 0 40px #4ade8033;animation:float 4s ease-in-out infinite}.hero-art-tag{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);white-space:nowrap;background:linear-gradient(135deg,var(--gold),#d97706);color:#1a1206;font-weight:800;font-size:12.5px;padding:7px 16px;border-radius:999px;box-shadow:0 8px 20px #00000080;z-index:2}.page{animation:fadein .3s ease}.page-head{margin-bottom:26px}.page-head h2{font-size:28px;margin-bottom:8px;font-weight:800;letter-spacing:.5px}.page-head p{color:var(--text-dim);max-width:640px;line-height:1.6;font-size:14px}.section-title{font-size:16px;font-weight:800;margin:28px 0 14px;color:var(--text);letter-spacing:.5px;display:flex;align-items:center;gap:10px}.section-title:before{content:"";width:4px;height:18px;border-radius:2px;background:linear-gradient(var(--accent),var(--accent-2))}.hint{color:var(--text-dim);font-size:14px;padding:36px 0;text-align:center}.hint.small{padding:6px 0;font-size:12.5px;color:var(--text-faint);text-align:left}.balance-pill{display:inline-block;margin:10px 0;background:linear-gradient(135deg,var(--bg-card),var(--bg-elev));border:1px solid var(--border-bright);padding:8px 16px;border-radius:10px;font-size:13.5px;color:var(--text-dim);font-weight:600}.balance-bar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--bg-card),var(--bg-elev));border:1px solid var(--border-bright);border-radius:var(--radius);padding:16px 20px;margin-bottom:24px;box-shadow:inset 0 0 24px #4ade800d}.balance-bar span{color:var(--text-dim);font-size:13px;letter-spacing:1px;text-transform:uppercase;font-weight:700}.balance-bar strong{font-size:22px;color:var(--accent);text-shadow:0 0 14px var(--accent-glow)}.btn{background:var(--bg-elev);border:1px solid var(--border-bright);color:var(--text);padding:12px 22px;border-radius:11px;font-size:14px;font-weight:700;cursor:pointer;transition:all .16s ease;letter-spacing:.3px}.btn:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04140a;border-color:transparent;box-shadow:0 6px 18px #22c55e4d,inset 0 1px #ffffff40}.btn.primary:hover:not(:disabled){box-shadow:0 8px 26px #22c55e73,inset 0 1px #ffffff40;transform:translateY(-2px)}.btn.big{padding:15px 42px;font-size:16px}.btn.full{width:100%;margin-top:10px}.btn.warn{background:linear-gradient(135deg,var(--warn),#d97706);color:#1a1206;border-color:transparent}.btn.ghost{background:var(--bg-card);font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px}.error{background:#ef44441a;border:1px solid rgba(239,68,68,.5);color:#fca5a5;padding:12px 15px;border-radius:11px;margin:14px 0;font-size:14px;word-break:break-word}.success{background:#4ade801a;border:1px solid rgba(74,222,128,.5);color:var(--accent);padding:12px 15px;border-radius:11px;margin:14px 0;font-size:14px}.drop-table{display:flex;gap:10px;margin-bottom:28px;flex-wrap:wrap}.drop-row{display:flex;flex-direction:column;align-items:center;gap:5px;background:linear-gradient(135deg,var(--bg-card),var(--bg-2));border:1px solid var(--border);border-radius:13px;padding:14px 24px;min-width:78px;transition:transform .15s,border-color .15s}.drop-row:hover{transform:translateY(-3px);border-color:var(--border-bright)}.drop-name{font-size:24px;font-weight:900;text-shadow:0 0 14px currentColor}.drop-pct{font-size:12px;color:var(--text-dim);font-weight:600}.gacha-stage{display:flex;justify-content:center;align-items:center;min-height:280px;margin:16px 0;background:radial-gradient(circle at center,rgba(74,222,128,.08),transparent 60%);border-radius:var(--radius-lg)}.gacha-box-art{font-size:110px;animation:bob 2.2s ease-in-out infinite;filter:drop-shadow(0 18px 30px rgba(0,0,0,.5)) drop-shadow(0 0 30px var(--accent-glow))}@keyframes bob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-16px) scale(1.04)}}.gacha-result{display:flex;flex-direction:column;align-items:center;gap:16px}.gacha-result .pop{font-size:26px;font-weight:900;color:var(--accent);text-shadow:0 0 20px var(--accent-glow);animation:popin .45s cubic-bezier(.2,1.4,.4,1)}@keyframes popin{0%{transform:scale(.5) rotate(-8deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.gacha-result .zcard{width:200px}.gacha-actions{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:8px}.zombie-grid,.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.zcard{background:linear-gradient(160deg,#141e14b8,#0b110b99);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(74,222,128,.18);border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.zcard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.35));pointer-events:none}.zcard.clickable{cursor:pointer}.zcard:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0000008c,0 0 26px #4ade802e}.zcard.selected{box-shadow:0 0 0 2px var(--accent),0 0 26px var(--accent-glow)}.zcard-rarity{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:900;color:#04140a;font-size:15px;z-index:3;box-shadow:0 0 16px currentColor,0 2px 6px #0006}.zcard-img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:radial-gradient(circle at center,var(--bg-elev),var(--bg-2))}.zcard-body{padding:14px;position:relative;z-index:2}.zcard-id{font-size:12px;color:var(--text-faint);margin-bottom:6px;font-family:ui-monospace,monospace}.zcard-reward{font-weight:800;font-size:14px}.price-tag{font-weight:900;font-size:17px;color:var(--gold);margin:4px 0 2px;text-shadow:0 0 12px rgba(245,179,66,.4)}.price-input{width:100%;background:var(--bg);border:1px solid var(--border-bright);border-radius:9px;padding:9px 11px;color:var(--text);font-size:14px;margin:8px 0 2px}.price-input:focus{outline:none;border-color:var(--accent)}.farm-card{display:flex;flex-direction:column;gap:8px}.farm-card-info{font-size:13px;color:var(--text-dim);text-align:center;font-weight:600}.farm-outcome{padding:18px;border-radius:var(--radius);font-size:17px;font-weight:800;margin-bottom:20px;text-align:center;animation:popin .4s ease}.farm-outcome.win{background:#4ade801a;border:1px solid var(--accent);color:var(--accent);text-shadow:0 0 16px var(--accent-glow)}.farm-outcome.lose{background:#ef44441a;border:1px solid var(--danger);color:#fca5a5}.stat-row,.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:24px}.stat{background:linear-gradient(135deg,#111a119e,#0b110b80);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,transform .15s}.stat:hover{border-color:var(--border-bright);transform:translateY(-2px)}.stat span,.stat .label{font-size:11px;color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;font-weight:700}.stat b,.stat .value{font-size:19px;font-weight:800;color:var(--text)}.buy-box,.swap-box,.form-card{background:linear-gradient(160deg,#111a11ad,#0b110b94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-bright);border-radius:var(--radius-lg);padding:26px;max-width:480px;box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff0f,inset 0 0 30px #4ade800a}.buy-box label,.swap-box label,.field label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:8px;letter-spacing:.5px;text-transform:uppercase;font-weight:700}.buy-box input,.swap-box input,.field input{width:100%;background:var(--bg);border:1px solid var(--border-bright);border-radius:11px;padding:14px 16px;color:var(--text);font-size:18px;font-weight:600;transition:border-color .15s,box-shadow .15s}.buy-box input:focus,.swap-box input:focus,.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4ade8026}.quote{margin:14px 0;padding:14px 16px;background:var(--bg);border:1px dashed var(--border-bright);border-radius:11px;font-size:15px;color:var(--text-dim)}.quote b{color:var(--accent);font-size:17px;text-shadow:0 0 12px var(--accent-glow)}.quote .hint.small{display:inline;color:var(--text-faint)}.buy-box .btn,.swap-box .btn{width:100%;margin-top:8px}.swap-dir,.seg{display:flex;gap:6px;margin-bottom:20px;background:var(--bg);padding:6px;border-radius:12px;border:1px solid var(--border)}.swap-dir .pill,.seg-btn{flex:1;padding:11px;background:transparent;border:none;border-radius:9px;color:var(--text-dim);font-weight:700;font-size:13.5px;cursor:pointer;transition:all .15s}.swap-dir .pill:hover,.seg-btn:hover{color:var(--text)}.swap-dir .pill.active,.seg-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04140a;box-shadow:0 4px 14px #22c55e4d}.seg{max-width:420px}.progress{position:relative;height:34px;background:var(--bg);border:1px solid var(--border-bright);border-radius:11px;overflow:hidden;margin-bottom:24px;max-width:640px}.progress-bar{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--accent-2),var(--accent));box-shadow:0 0 20px var(--accent-glow);transition:width .5s ease}.progress-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;color:var(--text);text-shadow:0 1px 3px rgba(0,0,0,.8);z-index:2}.footer{display:flex;justify-content:space-between;align-items:center;margin-top:56px;padding-top:22px;border-top:1px solid var(--border);font-size:13px;color:var(--text-faint);flex-wrap:wrap;gap:10px}.footer a{color:var(--accent);text-decoration:none;font-weight:600}.footer a:hover{text-decoration:underline}.roadmap-track{position:relative;display:flex;flex-direction:column;gap:26px;padding-left:8px}.roadmap-track:before{content:"";position:absolute;left:25px;top:14px;bottom:14px;width:2px;background:linear-gradient(var(--accent),var(--accent-2) 40%,var(--border) 100%);z-index:0}.roadmap-phase{position:relative;display:flex;gap:20px;align-items:flex-start;z-index:1}.roadmap-node{flex:0 0 auto;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#04140a;box-shadow:0 0 0 4px var(--bg),0 0 16px currentColor}.roadmap-phase.future .roadmap-node{color:var(--bg);box-shadow:0 0 0 4px var(--bg),0 0 8px #0006}.roadmap-card{flex:1;background:linear-gradient(160deg,var(--bg-card),var(--bg-2));border:1px solid var(--border);border-left-width:3px;border-radius:var(--radius);padding:18px 20px;transition:transform .15s,box-shadow .15s}.roadmap-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #00000073}.roadmap-phase.future .roadmap-card{opacity:.78}.roadmap-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}.roadmap-card-head h3{font-size:18px;font-weight:800}.roadmap-badge{font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#04140a;padding:4px 10px;border-radius:999px}.roadmap-blurb{color:var(--text-dim);font-size:13.5px;margin-bottom:14px;line-height:1.5}.roadmap-items{list-style:none;display:flex;flex-direction:column;gap:9px}.roadmap-items li{display:flex;gap:10px;font-size:13.5px;color:var(--text-dim);line-height:1.5}.roadmap-items b{color:var(--text);font-weight:700}.roadmap-check{flex:0 0 auto;font-weight:900;font-size:14px}@media (max-width: 880px){.hero{grid-template-columns:1fr;gap:32px;text-align:center}.hero-art{order:-1}.hero-badge{margin:0 auto}.hero-cta,.hero-feats{justify-content:center}}@media (max-width: 560px){.title{font-size:20px}.page-head h2{font-size:23px}.tab{min-width:70px;padding:10px 8px;font-size:13px}.hero-title{font-size:32px}.roadmap-track{padding-left:0}.roadmap-track:before{left:17px}.roadmap-node{width:30px;height:30px;font-size:11px}}