.strategy-section{margin-top:1rem;margin-bottom:2rem}.strategy-subsection{margin-bottom:2.5rem}.strategy-subsection:last-child{margin-bottom:0}.strategy-section .strategy-heading{font-size:1.5rem;font-weight:600;margin-top:1rem!important;margin-bottom:1rem;color:var(--sl-color-white);text-transform:uppercase;letter-spacing:.05em}.strategy-section .strategy-heading:first-child{margin-top:1rem!important}.unit-strategy-intro{padding:1rem 1.5rem;background:#38bdf814;border-left:4px solid #38bdf8;border-radius:6px;margin-bottom:1.5rem}.unit-strategy-intro p,.unit-strategy-intro .strategy-content{color:var(--sl-color-gray-1)!important;font-size:1.1rem!important;line-height:1.7!important;margin-bottom:0!important;white-space:pre-wrap}.strategy-content{font-size:.95rem;line-height:1.7;margin-bottom:1rem;color:var(--sl-color-gray-2);white-space:pre-wrap}.tech-highlight{color:#9e94d1;font-weight:600}.strategy-items{display:inline-flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;align-content:flex-start;margin:0}.bevel-panel.strategy-items-panel{display:inline-block!important}.strategy-items-panel.good-matchup{--panel-bg: #1a2e1a;--border-color: #4a7c59}.strategy-items-panel.bad-matchup{--panel-bg: #2e1a1a;--border-color: #7c4a4a}.strategy-items-panel .bevel-panel-content{padding:.75rem;width:fit-content}.strategy-item{flex-shrink:0;flex-grow:0;margin:0;display:flex;align-items:center;justify-content:center;width:100px;text-decoration:none;color:inherit}.unit-with-techs{display:flex;flex-direction:column;gap:.25rem;width:100px;flex-shrink:0;flex-grow:0;margin:0;text-decoration:none;color:inherit}.unit-image-wrapper{position:relative;width:100%}.strategy-unit-label{position:absolute;bottom:-.1rem;left:0;right:0;padding:.2rem .3rem;background:linear-gradient(to top,hsla(0,0%,0%,.9) 0%,hsla(0,0%,0%,.7) 60%,transparent 100%);color:#fff;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;pointer-events:none;text-shadow:0 1px 2px hsla(0,0%,0%,.5),0 2px 4px hsla(0,0%,0%,.4);transition:color .3s ease;line-height:1.1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strategy-item:hover .strategy-unit-label,.unit-with-techs:hover .strategy-unit-label,.unit-image-container:hover .strategy-unit-label{color:#d26a0f}.tech-icons{display:flex;flex-direction:row;gap:2px;width:100px;align-items:flex-start;justify-content:center;margin-top:0!important}.tech-icon-small{width:25px;height:auto;display:block;border-radius:2px;transition:transform .2s;object-fit:contain;flex-shrink:0}.tech-icon-small:hover{transform:scale(1.05)}.compositions-grid{display:flex;flex-wrap:wrap;gap:1rem;margin:0}.strategy-items-panel,.compositions-grid{margin-top:0}.composition-panel{flex-shrink:0;width:fit-content;max-width:100%;display:flex;flex-direction:column}.composition-panel .bevel-panel-content{padding:.75rem;display:flex;flex-direction:column;flex:1;justify-content:flex-start}.composition-items{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;align-items:flex-start}.unit-group{display:grid;grid-template-columns:auto;grid-template-rows:auto auto;row-gap:.25rem;align-items:center}.unit-group.has-plus-sign{grid-template-columns:auto auto;column-gap:1rem}.plus-sign-container,.unit-image-container{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center}.unit-group.has-plus-sign .unit-image-container{grid-column:2}.tech-icons-row{grid-column:1;grid-row:2;display:flex;flex-direction:row;gap:2px;width:fit-content;justify-self:center}.unit-group.has-plus-sign .tech-icons-row{grid-column:2}.tech-icon-container{width:25px;display:flex;align-items:center;justify-content:center}.strategy-item-image{width:100px;height:auto;display:block;border-radius:4px;transition:transform .2s,box-shadow .2s}.strategy-item-image:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000080}.strategy-plus{font-size:1.5rem;font-weight:700;color:#fff;flex-shrink:0;padding:0 .5rem}@media(max-width:768px){.strategy-heading{font-size:1.1rem}.strategy-content{font-size:.9rem}.strategy-items{gap:.75rem}.strategy-item-image{width:120px}.strategy-plus{font-size:1.2rem}}