#growth-open{display:inline-flex;align-items:center;gap:6px;min-height:44px}#growth-open[hidden]{display:none}#growth-open svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}
#growth-center{box-sizing:border-box;width:min(980px,calc(100vw - 20px));max-width:none;max-height:calc(100dvh - 24px);padding:18px;color:#f4e8cf;background:#151e28;border:1px solid #b39763;border-radius:18px;overflow:auto;overscroll-behavior:contain;box-shadow:0 20px 80px #000b}
#growth-center::backdrop{background:#030810c9}#growth-center *{box-sizing:border-box}#growth-center .growth-header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-18px;z-index:4;background:#151e2afa;padding:12px 0;border-bottom:1px solid #b3976344}#growth-center h2{margin:3px 0;font-size:24px}#growth-center button{min-height:44px;white-space:normal;overflow-wrap:anywhere}#growth-center button:focus-visible{outline:2px solid #9ae7ff;outline-offset:3px}
#growth-wallet{font-size:13px;line-height:1.7;color:#f2cc80;overflow-wrap:anywhere}.growth-intro{font-size:13px;color:#aebdce}.growth-filters{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.growth-filters [aria-pressed=true]{background:#5b482b;border-color:#edc77e}
#growth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.growth-tile{display:flex;align-items:flex-start;gap:12px;padding:16px;text-align:left;border:1px solid #66758766;border-radius:14px;background:linear-gradient(135deg,#24333e,#18232e);color:#f4e8cf;min-width:0;cursor:pointer}.growth-tile[aria-pressed=true]{border-color:#f0ca7e;background:#3b3529}.growth-tile svg{width:32px;height:32px;flex:0 0 32px;fill:none;stroke:#efca82;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.growth-tile span{min-width:0}.growth-tile b{font-size:15px}.growth-tile small,.growth-tile em{display:block;font-style:normal;font-size:12px;line-height:1.55;margin-top:5px;color:#b6c8d8}.growth-tile em{color:#efcc8b}
#growth-detail{margin-top:18px;padding:16px;border:1px solid #a78a584d;border-radius:14px;background:#101820;scroll-margin-top:90px}#growth-detail[hidden]{display:none}.growth-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.growth-detail-heading h3{margin:0}#growth-status,#growth-note{font-size:13px;line-height:1.65;color:#c0cedd}#growth-detail>details{margin-bottom:14px}#growth-detail summary{min-height:44px;cursor:pointer;padding:10px 0}#growth-controls{min-width:0}#growth-controls>.growth-mounted{width:100%;max-width:100%;margin:0;min-width:0}#growth-controls .skill-library{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}#growth-controls .card{max-width:100%}#growth-controls .srow{flex-wrap:wrap}#growth-controls .row{flex-wrap:wrap}#growth-controls select{max-width:100%}
@media(max-width:650px){#growth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#growth-center{padding:12px}#growth-center .growth-header{top:-12px}#growth-center h2{font-size:20px}.growth-tile{padding:12px;gap:8px;flex-direction:column}.growth-tile svg{width:26px;height:26px;flex-basis:26px}#growth-detail{padding:10px}#growth-controls .cosmetic-layout,#growth-controls .workshop-editor{display:block}#growth-controls .blueprint-library{grid-template-columns:1fr}}

#growth-hint{padding:10px 12px;border-left:2px solid #d7ae67;background:#201e1877;font-size:12px;line-height:1.65;color:#d9caaa}
