.boosts-page{padding-bottom:10px}
.boosts-title{margin:7px 0 4px;color:#f3f3f0;text-align:center;font-size:19px;line-height:1.2}
.boosts-intro{margin:0 0 7px;color:#bdbdbd;text-align:center;font-size:12px;line-height:14px}
.boosts-list{display:grid;gap:7px}
.boost-card{overflow:hidden;border:1px solid #414244;border-radius:9px;background:#292929;box-shadow:0 1px 2px #0008}
.boost-card:first-child{border-color:#8d7134;box-shadow:inset 0 0 12px #d29b2920,0 1px 2px #0008}
.boost-card:first-child .boost-title{color:#f0c55b}
.boost-main{display:grid;grid-template-columns:104px minmax(0,1fr);min-height:104px}
.boost-image{display:block;width:104px;height:104px;object-fit:cover;border-right:1px solid #4b4c4e;background:#171717}
.boost-info{padding:7px 8px 5px;min-width:0}
.boost-title{margin:0 0 3px;color:#2bc6d8;font-size:15px;line-height:17px}
.boost-effects{margin:0;padding:0;list-style:none;color:#f1f1ee;font-size:14px;font-weight:700;line-height:17px}
.boost-effects li::before{content:"+ ";color:#20cb37}
.boost-duration{margin:4px 0 0;color:#c7c7c7;font-size:12px;line-height:14px}
.boost-status{margin:0 8px 5px;color:#f03e3e;text-align:center;font-size:12px;font-weight:700;line-height:14px}
.boost-status.active{color:#22cc36}
.boost-action{display:flex;align-items:center;justify-content:center;gap:5px;width:calc(100% - 16px);margin:0 8px 8px}
.boost-action img{display:block;width:20px;height:20px;object-fit:contain}
.boost-action:disabled{cursor:default;filter:saturate(.55);opacity:.85}
.boosts-message{min-height:16px;margin:5px 4px 0;color:#f4d465;text-align:center;font-size:12px;line-height:14px}
.boosts-note{display:flex;align-items:center;justify-content:center;min-height:54px;margin:5px 0 0;padding:7px 10px;border:1px solid #3b3c3e;border-radius:8px;background:#292929;color:#20c335;text-align:center;font-size:14px;line-height:18px}
@media(max-width:390px){.boost-main{grid-template-columns:92px minmax(0,1fr);min-height:92px}.boost-image{width:92px;height:92px}.boost-info{padding:6px}}