/* Original illustrated defense cards; no external fonts or texture downloads. */
.performance{font-size:9px;color:#b7c5ac;font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:5px}
.defense{min-height:102px;padding:15px 9px 12px 64px;overflow:hidden;background:linear-gradient(120deg,#32484af5,#152932fa);border-top-color:#a2bbae66}
.defense:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#fff1,transparent 40%);border-left:3px solid var(--tower-color);opacity:.65}
.defense .icon{left:9px;top:21px;width:48px;height:48px;filter:drop-shadow(0 3px 3px #0008)}
.defense svg{fill:none;stroke:none;stroke-width:1.2}
.defense kbd{left:8px;top:5px;color:#a7c4b7;font-size:9px}
.defense b{font-size:12px;line-height:1.3;min-height:31px;color:#edf0dd}
.defense small{font-size:14px;font-weight:700;line-height:1.2}
.defense .energy{font-size:10px;white-space:nowrap}
.defense .placement{font-size:8px;margin-top:7px;letter-spacing:.07em}
.defense.selected{background:linear-gradient(120deg,#556651f0,#263d3efa);border-color:#dbe8bb;box-shadow:inset 0 -3px #dbe8bb,inset 0 0 30px #c6e5a30a,0 6px 25px #0006}
.defense.selected:before{opacity:1}
.defense.unaffordable small{color:#d79882}
.defense:hover:not(:disabled) .icon{transform:translateY(-2px)}
.wave-hud{border-top:2px solid #c3d6a5}
.wave-main>b{font-weight:350;color:#e5e9c9}
.resources{box-shadow:0 7px 25px #0003;border-top:1px solid #9ac8ac44;border-radius:3px}
.resources strong{color:#ede1ac;text-shadow:0 1px 7px #cabc701a}
.tower-card{border-top:2px solid #d6b778}
.timer-track{height:4px;border-radius:2px;overflow:hidden}
.timer-track i{box-shadow:0 0 12px #d5e7a866;background:linear-gradient(90deg,#7aa49a,#dce9ad)}
.sector-row:hover:not(:disabled){background:#b7d1bc17}
.camera-tools button.active{border-color:#c2dcad;background:#58705b80;color:#e8edc9}
.lobby-card{border-top:2px solid #bdd6a9}
.player-row small{letter-spacing:.05em}
@media(max-width:1050px){.defense{padding-left:52px}.defense .icon{left:7px;top:23px;width:40px;height:40px}.defense b{font-size:11px}.defense .energy{font-size:9px}.defense .placement{font-size:7px}}
@media(max-width:650px){.performance{display:none}.defense{padding:37px 4px 7px;min-height:99px}.defense .icon{top:6px;left:calc(50% - 17px);width:34px;height:34px}.defense b{font-size:8px;min-height:22px}.defense small{font-size:11px}.defense .placement{font-size:6px;margin-top:4px}.defense kbd{left:5px;font-size:7px}.sectors,.tower-card{bottom:156px}}
@media(max-width:420px){.brand>div{display:none}.resources{gap:9px}.tools button{font-size:11px;padding:7px 6px}.build-hint>b{display:none}.sectors{width:124px}.wave-hud{width:148px}.tower-card{width:175px}.actions{gap:6px}}
