*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 20% 0,#1f5f2a,#0b2410 60%);color:#eaffdf;min-height:100vh}
.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;position:sticky;top:0;background:rgba(8,30,12,.85);backdrop-filter:blur(8px);z-index:5;border-bottom:1px solid #2f7a3a}
.logo{font-weight:900;font-size:1.4rem;letter-spacing:.5px}.wallet{display:flex;gap:10px;align-items:center}
.addr{background:#123d1a;padding:8px 12px;border-radius:999px;font-family:monospace;border:1px solid #4caf50}
.btn{background:linear-gradient(180deg,#8fe35a,#4caf50);color:#0b2410;border:0;font-weight:800;padding:10px 18px;border-radius:12px;cursor:pointer;box-shadow:0 4px 0 #2e7d32;transition:transform .1s}
.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 #2e7d32}.btn:disabled{opacity:.5;cursor:not-allowed}
.btn.ghost{background:transparent;color:#bdf5a0;box-shadow:none;border:1px solid #4caf50}
.hero{text-align:center;padding:60px 20px 30px}.hero h1{font-size:clamp(3rem,10vw,6rem);margin:0;font-weight:900;text-shadow:0 6px 0 #0a1f0d}
.hero h1 span{color:#8fe35a}.hero p{font-size:1.2rem;opacity:.9}
.stats{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:24px}.stats div{background:#123d1a;border:2px solid #4caf50;border-radius:16px;padding:14px 22px;display:flex;flex-direction:column}
.stats b{font-size:1.6rem;color:#a7f36f}.stats span{font-size:.85rem;opacity:.8}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;padding:20px 24px 60px;max-width:1300px;margin:auto}
.card{background:#103418;border:2px solid #2f7a3a;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,border-color .15s}
.card:hover{transform:translateY(-4px) rotate(-.5deg);border-color:#8fe35a}.art svg{display:block;width:100%;height:auto}
.meta{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 0}.meta h4{margin:0;font-size:.95rem}
.badge{font-size:.7rem;background:#8fe35a;color:#0b2410;padding:3px 8px;border-radius:999px;font-weight:800}.badge.sold{background:#777}
.price{padding:4px 12px;font-size:.8rem;opacity:.8}.card .mint{margin:8px 12px 12px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10}
.modal-box{background:#123d1a;border:2px solid #8fe35a;border-radius:20px;padding:24px;max-width:380px;width:90%;text-align:center}
.modal-box a{color:#a7f36f}.wallet-opt{display:flex;align-items:center;gap:10px;width:100%;margin:8px 0;justify-content:center}.wallet-opt img{width:22px;height:22px}
.hidden{display:none!important}footer{text-align:center;padding:30px;opacity:.6}
@media(max-width:600px){.grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.nav{padding:12px}.logo{font-size:1.1rem}}

html,body{overflow-x:hidden}.btn{min-height:44px}
.mobile-note{margin:0 16px 10px;padding:14px;border:2px dashed #8fe35a;border-radius:14px;background:#123d1a;text-align:center;line-height:1.8}
.mobile-note .btn{display:inline-flex;align-items:center;text-decoration:none;margin-top:6px}
@media(max-width:600px){.stats div{padding:10px 14px}.stats b{font-size:1.2rem}.addr{font-size:.75rem;padding:6px 8px}.hero{padding:36px 16px 20px}}

.art{aspect-ratio:1/1;overflow:hidden;background:#0b2410}.art svg,.art img{width:100%;height:100%;object-fit:cover;display:block}
.art img{cursor:zoom-in;transition:transform .2s}.card:hover .art img{transform:scale(1.04)}
.lightbox{cursor:zoom-out}.lightbox figure{margin:0;text-align:center;max-width:94vw}
.lightbox img{max-width:94vw;max-height:84vh;border-radius:16px;border:3px solid #8fe35a;box-shadow:0 10px 40px #000}
.lightbox figcaption{margin-top:10px;font-weight:800;color:#a7f36f}