:root{--bg:#0b0f14;--panel:rgba(15,22,34,.72);--line:rgba(255,255,255,.12);--text:#e9eef6;--muted:rgba(233,238,246,.70);--radius:18px}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;background:radial-gradient(900px 520px at 12% -10%, rgba(94,234,212,.18), transparent 55%),radial-gradient(900px 520px at 92% 10%, rgba(96,165,250,.16), transparent 55%),var(--bg);color:var(--text);font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}
.topbar{position:sticky;top:0;z-index:50;display:flex;gap:14px;justify-content:space-between;align-items:center;padding:14px 16px;background:rgba(11,15,20,.78);backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px}.logo{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.05)}
.brandText .title{font-weight:900}.brandText .subtitle{font-size:12px;color:var(--muted)}
.walletBox{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.container{max-width:1100px;margin:0 auto;padding:16px}
.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:start}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:920px){.grid{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}}
.card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:16px}
.row{display:flex;align-items:center}.between{justify-content:space-between}.gap{gap:10px;flex-wrap:wrap}
.btn{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:var(--text);padding:10px 12px;border-radius:14px;cursor:pointer;font-weight:800}
.btn.primary{border-color:rgba(94,234,212,.35);background:linear-gradient(135deg,rgba(94,234,212,.12),rgba(96,165,250,.10))}
.btn:disabled{opacity:.55;cursor:not-allowed}
.note{font-size:13px;margin-top:12px}
.pill{border:1px solid rgba(94,234,212,.28);background:rgba(94,234,212,.08);padding:8px 10px;border-radius:999px;font-size:12px}
.growroom{position:relative;margin-top:12px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.22)}
.hero{display:block;width:100%;height:auto;min-height:220px;object-fit:cover}
.harvestBtn{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;border:1px solid rgba(94,234,212,.35);background:rgba(0,0,0,.35);color:var(--text);font-weight:900;cursor:pointer}
.harvestBtn img{width:22px;height:22px}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}
.stat{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);border-radius:16px;padding:12px}
.stat .label{font-size:12px;color:var(--muted)}.stat .value{font-weight:900;font-size:18px;margin-top:4px}
.upgradeList{display:grid;gap:12px;margin-top:12px}
.upgrade{display:flex;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);border-radius:16px;padding:12px}
.upgrade .icon{width:40px;height:40px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.22)}
.upgrade .meta{flex:1}.upgrade .name{font-weight:900}.upgrade .desc{font-size:12px;color:var(--muted);margin-top:2px}.upgrade .cost{font-size:12px;color:rgba(233,238,246,.85);margin-top:6px}
.eventCard{display:flex;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);border-radius:16px;padding:12px}
.eventCard .icon{width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.22)}
.eventTitle{font-weight:900}
.footer{padding:18px 0 28px}
.divider{height:1px;background:var(--line);margin:14px 0}