/* v1.7.2 - vertical trade grammar and strictly square spice pieces */
.cube,.caravan-cube,.caravan-slot-empty,.supply-cubes i,.caravan-count i{aspect-ratio:1/1!important;border-radius:clamp(2px,.35vw,4px)!important}
.cube{width:clamp(10px,1.15vw,16px)!important;height:auto!important;flex:0 0 auto!important}
.effect.trade-effect{height:100%;min-height:0!important;margin:0!important;padding:5px 3px;display:grid!important;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);align-items:center;justify-items:center;gap:2px!important}
.trade-spices{width:100%;min-height:0;display:grid;place-items:center}
.trade-spices .cube-group{width:100%;max-width:none!important;display:flex;align-items:center;justify-content:center;align-content:center;flex-wrap:wrap;gap:clamp(3px,.4vw,6px)!important}
.trade-effect .trade-arrow{font-size:clamp(15px,2vw,25px)!important;line-height:.72;color:#261c15!important;text-shadow:0 1px #fff6}
.official-card-slot .trade-effect .cube,.hand-row .trade-effect .cube{width:clamp(11px,1.25vw,17px)!important;height:auto!important}
.official-card-slot .trade-effect .cube-group,.hand-row .trade-effect .cube-group{max-width:100%!important;gap:clamp(2px,.35vw,5px)!important}
.caravan-capacity-grid,.mini-caravan-grid{align-items:center!important;justify-items:center!important}
.caravan-capacity-grid .caravan-cube,.caravan-capacity-grid .caravan-slot-empty{width:min(100%,22px)!important;height:auto!important;place-self:center}
.mini-caravan-grid .caravan-cube,.mini-caravan-grid .caravan-slot-empty{width:min(100%,14px)!important;height:auto!important;min-height:0!important;place-self:center}
.ai-replay-card .trade-effect{padding:2px}.ai-replay-card .trade-effect .cube{width:10px!important;height:auto!important}.ai-replay-card .trade-effect .trade-arrow{font-size:13px!important}
.point-cost-chip .cube{aspect-ratio:1/1!important;height:auto!important}
@media (orientation:landscape) and (max-height:520px){.effect.trade-effect{padding:2px;gap:1px!important}.official-card-slot .trade-effect .cube,.hand-row .trade-effect .cube{width:10px!important}.trade-effect .trade-arrow{font-size:14px!important}.trade-spices .cube-group{gap:2px!important}}