*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#111827 0,#020617 55%,#020617);color:#f8fafc;min-height:100vh;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app-root{min-height:100vh;min-height:100dvh;display:flex;align-items:stretch;justify-content:center;padding:12px}.card{width:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;background:#0f172ae6;border-radius:24px;padding:18px 18px 20px;box-shadow:0 24px 80px #0f172ae6;border:1px solid rgba(148,163,184,.18)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.title{font-size:20px;font-weight:700}.subtitle{font-size:12px;color:#9ca3af}.resources{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.pill{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:6px 10px;border-radius:999px;background:#0f766e26;border:1px solid rgba(34,197,194,.25);font-size:12px}.pill.secondary{background:#1e40af1f;border-color:#3b82f640}.pill-label{opacity:.8}.pill-value{font-weight:600}.tabs{display:flex;gap:6px;margin-bottom:14px;flex-shrink:0;min-height:40px}.tab{flex:1;min-width:0;padding:9px 6px;border-radius:999px;border:1px solid rgba(148,163,184,.25);background:#0f172ad9;font-size:11px;line-height:1.2;color:#e5e7eb;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab.active{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:transparent;color:#022c22;font-weight:600}.card-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin:10px 0 12px}.section-title{font-size:13px;font-weight:600;color:#e5e7eb}.section-caption{font-size:11px;color:#9ca3af}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;flex:1;min-height:0}.tile{position:relative;padding:10px 8px;border-radius:18px;background:radial-gradient(circle at top,#0b1120 0,#020617 60%);border:1px solid rgba(30,64,175,.35);display:flex;flex-direction:column;gap:4px}.tile.vegetable{background:radial-gradient(circle at top,#052e16 0,#020617 60%);border-color:#22c55e73}.tile.animal{background:radial-gradient(circle at top,#3b0a0a 0,#020617 60%);border-color:#f8fafc24}.tile-header{display:flex;justify-content:space-between;align-items:center;font-size:11px}.tile-name{font-weight:600}.tile-level{opacity:.8}.tile-main{display:flex;justify-content:space-between;align-items:center;font-size:11px}.tile-icon{font-size:18px}.tile-yield{text-align:right}.tile-timer{font-size:10px;color:#9ca3af}.progress-bar{position:relative;width:100%;height:4px;border-radius:999px;background:#0f172ae6;overflow:hidden;margin-top:2px}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#22d3ee)}.btn{width:100%;margin-top:6px;padding:7px 0;border-radius:999px;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:transform .05s ease,box-shadow .05s ease}.btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#022c22;box-shadow:0 8px 20px #10b98166}.btn-secondary{background:#0f172ae6;color:#e5e7eb;border:1px solid rgba(148,163,184,.5)}.btn:active{transform:translateY(1px);box-shadow:none}.footer{margin-top:8px;padding-top:10px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9ca3af}@media(max-width:380px){.tab{font-size:10px;padding:6px 2px}.card{padding:10px}.resources{gap:6px}.pill{font-size:11px}}.link{color:#38bdf8;text-decoration:none;font-weight:500}.link:hover{text-decoration:underline}