.market-offer{display:grid;grid-template-columns:64px minmax(0,1fr) 180px;gap:20px;align-items:start;padding:24px 0}
.market-offer>img{width:64px;height:64px;margin-top:18px}.market-offer>div{min-width:0}
.market-offer>.btn,.market-offer .offer-actions>.btn{margin:0;width:100%;max-width:none;min-height:52px;white-space:normal;box-sizing:border-box}
.market-offer>.btn{align-self:end}.market-offer .offer-actions{display:flex;flex-direction:column;gap:12px;grid-column:3;align-self:end;width:100%}
.market-offer .resource-cost{margin:12px 0}.market-offer h2{font-size:22px;line-height:1.25}.market-offer p{margin:10px 0}
.market-shelf{background:#17231ef5}.market-rule{color:#dfd7c1}.market-purse{background:#11221ff5}
.material-depot{padding:16px;background:#0b191cf2;border:1px solid #8e784a;margin:20px 0}.material-depot summary{color:#e9cd8e;cursor:pointer}.material-depot>p{line-height:1.6}
.material-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:16px}.material-card{display:flex;flex-direction:column;align-items:center;padding:16px;background:#0d1b20;border:1px solid #596354;text-align:center}
.material-card>img{width:50px;height:50px;image-rendering:pixelated}.material-card h3{font-size:18px;min-height:2.5em}.material-card>p{word-break:break-word;max-height:100px;overflow:auto;font-size:12px;color:#d6d6c7}.material-card .btn{width:100%;margin:6px 0;min-height:48px;white-space:normal}.material-card .btn:first-of-type{margin-top:auto}
.recycle-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:#182c26;padding:14px;margin:16px 0;border:1px solid #78653f}.recycle-toolbar>.btn{min-height:44px;white-space:normal}.recycle-toolbar>span{flex:1;min-width:160px;color:#f3d895}
.recycle-checkbox{display:flex;gap:7px;align-items:center;align-self:flex-start;color:#ddd2b5;font:13px/1.6 system-ui;margin:10px 0}.recycle-checkbox input{width:20px;height:20px;accent-color:#d7b16b}
.improvement-badge,.improvement-level{color:#ffd888;text-shadow:0 0 12px #e5aa3f44}.improvement-level{font-size:28px;text-align:center}.improvement-preview{padding:14px;background:#203629;border:1px solid #907347}.improvement-preview p{margin:8px 0}.upgrade-costs{padding-left:24px;line-height:1.9}.recycle-summary{max-height:220px;overflow:auto;background:#0e2021;padding:12px}.recycle-summary p{margin:4px 0}.gear-card .gear-card-actions .btn{min-height:48px}
.special-trials{margin-top:24px;background:#10211ff5}.special-trials>p{line-height:1.6}.trial-tiers{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;margin:18px 0}.trial-tiers .btn{min-width:0;padding:8px 0;min-height:44px}.special-preview{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;padding:16px;background:#0b1a1f;border:1px solid #78633c}.special-preview>img{width:120px;image-rendering:pixelated;align-self:center}.special-preview h3{font-size:23px}.special-preview p{font:14px/1.6 system-ui;color:#e4dfcf}.special-preview .btn{white-space:normal;min-height:48px}
@media(max-width:850px){.market-offer{grid-template-columns:55px minmax(0,1fr);gap:14px}.market-offer>.btn,.market-offer .offer-actions{grid-column:2;margin-left:0;width:100%}.market-offer>img{width:55px;height:55px}.market-shelf{padding:8px 18px}.trial-tiers{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:480px){.special-preview{grid-template-columns:1fr}.special-preview>img{justify-self:center}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.material-card{padding:10px}.material-card h3{font-size:16px}.recycle-toolbar>.btn{flex:1 1 140px}}