/* Steg 3 · D Försvararen: bordet sett från försvararen (Väst). Du nere, partnern uppe, träkarlen till vänster och spelföraren till höger. */
.def-table{max-width:640px;margin:10px auto 6px}
.def-top{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:44px}
.def-top .role-chip,.def-right .role-chip,.def-left .role-chip{margin:0;font-size:12px;padding:3px 8px;text-align:center}
.def-right .role-chip{font-size:11px;padding:3px 5px;border-radius:12px}
.def-top .backs.h{display:flex;justify-content:center}
.def-top .backs.h .card-back{width:15px;height:22px}
.def-top .backs.h .card-back:not(:last-child){margin-right:-9px}
.def-mid{display:grid;grid-template-columns:minmax(0,1fr) auto 54px;gap:4px;align-items:center;margin:8px 0}
.def-left{text-align:center;min-width:0}
.def-left .role-chip{margin-bottom:4px}
.def-left .dummy-cols{max-width:none;gap:2px}
.def-left .plan-col{padding:0}
.def-left .col-head{font-size:13px}
.def-right{display:flex;flex-direction:column;align-items:center;gap:4px}
.def-right .backs.v .card-back{width:15px;height:22px}
.def-right .backs.v .card-back:not(:last-child){margin-bottom:-15px}
.def-trick{grid-template-columns:repeat(3,34px);grid-template-rows:repeat(3,40px);min-height:120px}
@media (min-width:600px){.def-mid{grid-template-columns:minmax(0,1.4fr) auto 90px;gap:12px}.def-trick{grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,58px);min-height:174px}}
/* Smal skärm: träkarlens färger som rader med överlappande kort så att valören syns */
@media (max-width:599px){
 .def-left .dummy-cols{display:flex;flex-direction:column;gap:4px;max-width:none}
 .def-left .plan-col{display:flex;flex-direction:row;align-items:center;gap:3px;padding:0;min-height:50px;border:0}
 .def-left .plan-col .col-head{flex:none;width:16px;margin:0;font-size:14px}
 .def-left .plan-col .plan-card{flex:none;width:44px}
 .def-left .plan-col .plan-card+.plan-card{margin-top:0;margin-left:-26px}
 .def-left .plan-void{margin:0 0 0 8px}
 .def-mid{grid-template-columns:minmax(0,1fr) 112px 50px;align-items:start}
 .def-trick{align-self:center}
}